html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

html {
    overflow-y: scroll
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none
}

input,
textarea {
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th {
    text-align: left
}

a:focus {
    outline: none
}

.both {
    clear: both
}

.inline_block {
    display: inline-block
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.clearfix {
    zoom: 1
}

input[type="button"],
input[type="submit"] {
    -webkit-appearance: none
}


/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

>h1,
>h2 {
    font-size: 2em;
    margin: 0.67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.clearfix {
    zoom: 1
}

input[type="button"],
input[type="submit"] {
    -webkit-appearance: none
}

section,
.main-visual {
    position: relative
}

section .iframe-wrapper,
section .iframe-wrapper-cover,
section .main-visual .iframe-wrapper-cover,
.main-visual section .iframe-wrapper-cover,
.main-visual .iframe-wrapper,
.main-visual .iframe-wrapper-cover {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0
}

section .iframe-wrapper iframe,
section .iframe-wrapper-cover iframe,
section .main-visual .iframe-wrapper-cover iframe,
.main-visual section .iframe-wrapper-cover iframe,
.main-visual .iframe-wrapper iframe,
.main-visual .iframe-wrapper-cover iframe {
    height: 100%;
    width: 100%;
    pointer-events: none
}

section .iframe-wrapper~.inner,
section .iframe-wrapper-cover~.inner,
section .main-visual .iframe-wrapper-cover~.inner,
section .iframe-wrapper~.main-visual-content,
section .iframe-wrapper-cover~.main-visual-content,
section .main-visual .iframe-wrapper-cover~.main-visual-content,
.main-visual .iframe-wrapper~.inner,
.main-visual section .iframe-wrapper-cover~.inner,
.main-visual .iframe-wrapper-cover~.inner,
.main-visual .iframe-wrapper~.main-visual-content,
.main-visual section .iframe-wrapper-cover~.main-visual-content,
.main-visual .iframe-wrapper-cover~.main-visual-content {
    z-index: 1;
    position: relative
}

section .iframe-wrapper-cover,
.main-visual .iframe-wrapper-cover {
    overflow: hidden;
    background-color: #000000;
    z-index: 0
}

section .iframe-wrapper-cover iframe,
.main-visual .iframe-wrapper-cover iframe {
    box-sizing: border-box;
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    background-color: #000000;
    width: 177.77777778vh
}

section .overlay,
.main-visual .overlay {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

section .overlay-image,
.main-visual .overlay-image {
    position: absolute;
    pointer-events: none;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat;
    z-index: 0
}

section .overlay-image~.inner,
section .overlay-image~.main-visual-content,
.main-visual .overlay-image~.inner,
.main-visual .overlay-image~.main-visual-content {
    position: relative
}

section .overlay-image.bg_overlay_pattern1,
.main-visual .overlay-image.bg_overlay_pattern1 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/dash-2_1-19ee833d33dbee8ea309459b951bca789fb809f0236e7f8022aa10e80603ad05.png)
}

section .overlay-image.bg_overlay_pattern2,
.main-visual .overlay-image.bg_overlay_pattern2 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/dash-4_1-abdd041e9daff9cb8721dc09e5a631dbcb7cdc9b040bab028db6d193508c6a02.png)
}

section .overlay-image.bg_overlay_pattern3,
.main-visual .overlay-image.bg_overlay_pattern3 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/dash-6_1-115e7672e9cdc51628c1e7cc6b3af9e90e358bb70e91c39be2e246ecdea7ec1d.png)
}

section .overlay-image.bg_overlay_pattern4,
.main-visual .overlay-image.bg_overlay_pattern4 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/dash-1_2-0baf160518cbac7dc159856cb7972d23b37c3276d5fc8e4da19bd8f80947e82f.png)
}

section .overlay-image.bg_overlay_pattern5,
.main-visual .overlay-image.bg_overlay_pattern5 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/dash-1_4-50feba46a0b33c26d285515a6388e031fe9368f33986a27ac9dd80f8e4937b95.png)
}

section .overlay-image.bg_overlay_pattern6,
.main-visual .overlay-image.bg_overlay_pattern6 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/dash-1_6-455219915607aa4f115a9e07187dddfcb0ed94dd30885f7bc042f38c15dc41b4.png)
}

section .overlay-image.bg_overlay_pattern7,
.main-visual .overlay-image.bg_overlay_pattern7 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/obli-3_3-580949415f3e0a2ef14876fafe310eca3ec27a68017f0ec36ab93bfbd87c5324.png)
}

section .overlay-image.bg_overlay_pattern8,
.main-visual .overlay-image.bg_overlay_pattern8 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/obli-6_6-013cb6b8a97725c670612d0e13e5cdcc156188750978a6738837899978a0a1dc.png)
}

section .overlay-image.bg_overlay_pattern9,
.main-visual .overlay-image.bg_overlay_pattern9 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/obli-12_12-5b4dd91eebefa8d158f25e080dea2545a1d2d68e22491d27e958ff8a7a96da21.png)
}

section .overlay-image.bg_overlay_pattern10,
.main-visual .overlay-image.bg_overlay_pattern10 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/dot-2_2-dd9e3ee98273fefdeebcb6d510e62ded42b28ddfed8d8d922e0e03de2e8b4da5.png)
}

section .overlay-image.bg_overlay_pattern11,
.main-visual .overlay-image.bg_overlay_pattern11 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/dot-4_4-e9858d85aee8e6af0e73262999792c55a6d8abbe84f005f14dcef24a448619af.png)
}

section .overlay-image.bg_overlay_pattern12,
.main-visual .overlay-image.bg_overlay_pattern12 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/ichimatsu-4_4-1375801a40d781e4d1e5554df05770c5cdf72205761cae8f56fff757d0359a19.png)
}

section .overlay-image.bg_overlay_pattern13,
.main-visual .overlay-image.bg_overlay_pattern13 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/ichimatsu-8_8-7dd1fc332574af3bde1b48fbd21885c2c2f6a795af629d8d282399bbd14854d6.png)
}

section .overlay-image.bg_overlay_pattern14,
.main-visual .overlay-image.bg_overlay_pattern14 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/cross-6_6-ed39e22158267e4fce2a2318e00885f691dff599b57410c5505a3b091ca89ffb.png)
}

section .overlay-image.bg_overlay_pattern15,
.main-visual .overlay-image.bg_overlay_pattern15 {
    background-image: url(//ferret-one.akamaized.net/assets/bg-texture-pattern-assets/cross-8_8-329c74e9b62ea67aa7b912e6d2371233a0baaaaec81b6424d0c1f684609bf82c.png)
}

.component.blog_articles article {
    margin-bottom: 20px
}

.component.blog_articles article:before,
.component.blog_articles article:after {
    content: " ";
    display: table
}

.component.blog_articles article:after {
    clear: both
}

.component.blog_articles article .catch {
    float: left;
    width: 30%
}

.component.blog_articles article .catch img {
    max-width: 100%;
    text-align: center;
    margin: 0 auto
}

.component.blog_articles article .infomation {
    float: left;
    width: 70%
}

.component.blog_articles article .infomation>h1,
.component.blog_articles article .infomation>h2 {
    font-size: 18px;
    line-height: 200%;
    padding-left: 6px
}

.component.blog_articles article .infomation .published_at {
    opacity: .8;
    font-size: 13.2px;
    display: block;
    padding: 10px 15px;
    text-align: right;
    background: #eee
}

.component.blog_articles article .infomation p {
    padding: 6px
}

.component.blog_articles article .infomation .tags {
    padding: 3px
}

.component.blog_articles article .infomation .tags .tag {
    border: 1px solid #ddd;
    text-decoration: none !important;
    display: inline-block;
    padding: 4px 8px;
    font-size: 13px;
    margin: 5px
}

.component.blog_articles article .infomation .tags .tag i {
    margin-right: 5px
}

.component.blog_articles article .infomation .view-article {
    font-size: 14.4px;
    padding: 6px
}

.component.blog_article .article-component.contents-table {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #888
}

.component.blog_article .article-component.contents-table>p {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px
}

.component.blog_article .article-component.contents-table>p>.show-area {
    font-size: 12px;
    margin-left: 5px;
    cursor: pointer
}

.component.blog_article .article-component.contents-table ol {
    margin-left: 20px;
    list-style-type: none
}

.component.blog_article .article-component.contents-table ol.no-indent {
    margin-left: 0
}

.component.blog_article .article-component.contents-table ol>li {
    line-height: 1.8
}

.cke-article-edit.article-post,
.component.blog_article .article-post {
    font-size: 14.4px;
    padding: 0 10px;
    word-break: break-word
}

.cke-article-edit.article-post .richtext p,
.component.blog_article .article-post .richtext p {
    padding: 0;
    border: 0;
    margin: 10px 0
}

.cke-article-edit.article-post .published_at,
.component.blog_article .article-post .published_at {
    opacity: .8;
    font-size: 13.2px;
    display: block;
    padding: 10px 15px;
    text-align: right;
    background: #eee
}

.cke-article-edit.article-post h1,
.component.blog_article .article-post h1 {
    font-size: 26.4px;
    font-weight: bold;
    padding: 0;
    margin-bottom: 30px;
    text-shadow: none
}

.cke-article-edit.article-post h1::after,
.component.blog_article .article-post h1::after {
    content: none
}

.cke-article-edit.article-post h2,
.component.blog_article .article-post h2 {
    margin: 20px 0;
    background: #f6f6f6;
    padding: 20px !important;
    border-left: solid 5px #888;
    border-bottom: none !important
}

.cke-article-edit.article-post h3,
.component.blog_article .article-post h3 {
    border-bottom: solid 1px #888;
    border-top: solid 1px #888;
    padding: 10px;
    margin: 20px 0 !important
}

.cke-article-edit.article-post h4,
.component.blog_article .article-post h4 {
    font-size: 14.4px;
    padding: 10px;
    font-weight: bold
}

.cke-article-edit.article-post h5,
.component.blog_article .article-post h5 {
    font-size: 13.2px;
    padding: 7px;
    margin: 14px 0
}

.cke-article-edit.article-post pre,
.component.blog_article .article-post pre {
    padding: 20px;
    background: #eee;
    border-radius: 5px;
    font-size: 1.5rem;
    overflow: scroll
}

.cke-article-edit.article-post pre.black,
.component.blog_article .article-post pre.black {
    overflow: auto !important;
    background: #2d2d2d
}

.cke-article-edit.article-post pre.default,
.component.blog_article .article-post pre.default {
    overflow: auto !important;
    background: #eee
}

.cke-article-edit.article-post em,
.component.blog_article .article-post em {
    font-style: italic
}

.cke-article-edit.article-post .video,
.component.blog_article .article-post .video {
    text-align: center;
    margin: 15px 0
}

.cke-article-edit.article-post .video iframe,
.component.blog_article .article-post .video iframe {
    max-width: 100%;
    padding: 5px;
    border: solid 1px #ddd
}

.cke-article-edit.article-post .image,
.component.blog_article .article-post .image {
    text-align: center;
    margin: 15px 0
}

.cke-article-edit.article-post .image img,
.component.blog_article .article-post .image img {
    max-width: 100%;
    padding: 5px;
    border: solid 1px #ddd
}

.cke-article-edit.article-post blockquote,
.component.blog_article .article-post blockquote {
    margin: 20px 0 !important;
    position: relative;
    padding: 3rem 1rem;
    border: 1px solid #eee;
    background: #eee;
    z-index: 1;
    border-radius: 5px
}

.cke-article-edit.article-post blockquote p,
.component.blog_article .article-post blockquote p {
    position: relative;
    z-index: 3
}

.cke-article-edit.article-post blockquote:before,
.component.blog_article .article-post blockquote:before {
    content: "“";
    font-size: 1000%;
    line-height: .8em;
    font-family: 'Times New Roman', "ＭＳ Ｐゴシック", sans-serif;
    color: white;
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 2
}

.cke-article-edit.article-post .button .button-cont.center,
.component.blog_article .article-post .button .button-cont.center {
    text-align: center
}

.cke-article-edit.article-post .button .button-cont.right,
.component.blog_article .article-post .button .button-cont.right {
    text-align: right
}

.cke-article-edit.article-post .button .button-cont.left,
.component.blog_article .article-post .button .button-cont.left {
    text-align: left
}

.cke-article-edit.article-post .button .button-cont a,
.component.blog_article .article-post .button .button-cont a {
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    text-decoration: none
}

.cke-article-edit.article-post .button .button-cont a:hover,
.component.blog_article .article-post .button .button-cont a:hover {
    opacity: .8
}

.cke-article-edit.article-post .article-meta-info,
.component.blog_article .article-post .article-meta-info {
    font-size: 12px;
    opacity: .8;
    margin-bottom: 30px !important
}

.cke-article-edit.article-post .article-meta-info .post-date,
.cke-article-edit.article-post .article-meta-info .article-author,
.cke-article-edit.article-post .article-meta-info .article-category,
.component.blog_article .article-post .article-meta-info .post-date,
.component.blog_article .article-post .article-meta-info .article-author,
.component.blog_article .article-post .article-meta-info .article-category {
    margin-right: 10px
}

.cke-article-edit.article-post .article-meta-info .fa,
.component.blog_article .article-post .article-meta-info .fa {
    font-size: 12px;
    margin-right: 3px
}

.cke-article-edit.article-post .article-meta-info .article-tags,
.component.blog_article .article-post .article-meta-info .article-tags {
    word-break: break-word
}

.cke-article-edit.article-post .article-meta-info .article-tags .tag:not(:last-child):after,
.component.blog_article .article-post .article-meta-info .article-tags .tag:not(:last-child):after {
    content: ", "
}

.cke-article-edit.article-post .author,
.component.blog_article .article-post .author {
    border: 1px solid #e2e2e2;
    display: table;
    margin-top: 30px;
    border-collapse: separate;
    border-spacing: 20px;
    width: 100%;
    table-layout: fixed
}

.cke-article-edit.article-post .author .author-image,
.component.blog_article .article-post .author .author-image {
    display: table-cell;
    vertical-align: top;
    width: 15%
}

.cke-article-edit.article-post .author .author-image img,
.component.blog_article .article-post .author .author-image img {
    display: block
}

.cke-article-edit.article-post .author .author-info,
.component.blog_article .article-post .author .author-info {
    display: table-cell;
    vertical-align: top;
    width: 85%
}

.cke-article-edit.article-post .author .author-info .author-name,
.component.blog_article .article-post .author .author-info .author-name {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: bold
}

.cke-article-edit.article-post .author .author-info .author-description,
.component.blog_article .article-post .author .author-info .author-description {
    font-size: 12px
}

@media screen and (max-width: 768px) {
    .cke-article-edit.article-post .author,
    .component.blog_article .article-post .author {
        display: block;
        padding: 10px
    }
    .cke-article-edit.article-post .author .author-image,
    .component.blog_article .article-post .author .author-image {
        display: block;
        float: left;
        margin: 0 10px 0 0;
        width: 50px
    }
    .cke-article-edit.article-post .author .author-info,
    .component.blog_article .article-post .author .author-info {
        display: block;
        width: 100%
    }
    .cke-article-edit.article-post .author .author-info .author-name,
    .component.blog_article .article-post .author .author-info .author-name {
        font-size: 14.4px;
        margin-bottom: 5px;
        font-weight: bold
    }
    .cke-article-edit.article-post .author .author-info .author-description,
    .component.blog_article .article-post .author .author-info .author-description {
        font-size: 12px
    }
}

.prev-next-link {
    display: table;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 20px 10px
}

.prev-next-link a:hover {
    background-color: #f6f6f6
}

.prev-next-link a:first-child {
    border-top: 1px #ddd solid
}

.prev-next-link .prev-next-label {
    font-size: .825rem;
    color: #000;
    margin-bottom: 10px;
    font-weight: bold
}

.prev-next-link .prev-link,
.prev-next-link .next-link {
    display: table-cell;
    width: 50%;
    position: relative;
    border: 1px solid #ddd
}

.prev-next-link .prev-link h2,
.prev-next-link .next-link h2 {
    font-size: 14.4px;
    font-weight: bold
}

.prev-next-link .prev-link {
    padding: 14px 14px 14px 40px
}

.prev-next-link .prev-link::before {
    content: "\f053";
    font-family: fontawesome;
    font-size: 24px;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.prev-next-link .next-link {
    padding: 14px 40px 14px 14px
}

.prev-next-link .next-link::after {
    content: "\f054";
    font-family: fontawesome;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.prev-next-link .blank-article-link {
    width: 50%
}

.prev-next-link .thumb-wrap {
    display: block
}

.prev-next-link .thumb-wrap p {
    display: inline-block;
    width: 68%;
    vertical-align: top;
    max-height: 100px;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden
}

.prev-next-link .thumb-wrap img {
    width: 30% !important;
    float: left;
    margin-right: 5px
}

@media screen and (max-width: 768px) {
    .prev-next-link {
        display: block
    }
    .prev-next-link .prev-link,
    .prev-next-link .next-link {
        display: block;
        width: 100%
    }
    .prev-next-link .prev-link .thumb-wrap img,
    .prev-next-link .next-link .thumb-wrap img {
        border-radius: 0;
        float: none
    }
    .prev-next-link .prev-link .thumb-wrap p,
    .prev-next-link .next-link .thumb-wrap p {
        width: 65%;
        max-height: 60px;
        line-height: 15px
    }
    .prev-next-link .prev-link {
        padding: 10px 15px 10px 20px;
        margin-bottom: -1px
    }
    .prev-next-link .prev-link::before {
        content: "\f053";
        font-family: fontawesome;
        font-size: 12px;
        position: absolute;
        left: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .prev-next-link .next-link {
        padding: 10px 20px 10px 15px
    }
    .prev-next-link .next-link::after {
        content: "\f054";
        font-family: fontawesome;
        font-size: 12px;
        position: absolute;
        right: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.archive-align-right {
    text-align: right !important;
    position: relative
}

.archive-align-left {
    text-align: left !important;
    position: relative
}

.archive-align-center {
    text-align: center !important;
    position: relative
}

.blog-ranking .entry-list-unit img {
    max-width: 100%
}

.blog-ranking .entry-list-unit .article-rank {
    position: absolute;
    background: rgba(94, 185, 77, 0.9);
    text-align: center;
    line-height: 25px;
    min-width: 25px;
    height: 25px;
    color: #fff
}

.blog-ranking .entry-list-unit .rank-1 {
    background: rgba(255, 191, 0, 0.9)
}

.blog-ranking .entry-list-unit .rank-2 {
    background: rgba(255, 100, 100, 0.9)
}

.blog-ranking .entry-list-unit .rank-3 {
    background: rgba(10, 144, 187, 0.9)
}

.blog-ranking .entry-list-unit .cont h3 {
    margin-top: 0;
    margin-bottom: 0
}

.blog-ranking-right {
    text-align: right !important;
    position: relative
}

.blog-ranking-left {
    text-align: left !important;
    position: relative
}

.blog-ranking-center {
    text-align: center !important;
    position: relative
}

.component.border .border-margin-none {
    margin-top: 0;
    margin-bottom: 0
}

.component.border .border-margin-small {
    margin-top: 10px;
    margin-bottom: 10px
}

.component.border .border-margin-medium {
    margin-top: 20px;
    margin-bottom: 20px
}

.component.border .border-margin-large {
    margin-top: 30px;
    margin-bottom: 30px
}

.component.border hr.type01 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent);
    background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent)
}

.component.border hr.type02 {
    border: 0;
    border-bottom: 1px dashed #aaa
}

.component.border hr.type03 {
    border: 0;
    border-bottom: 1px solid #aaa
}

.component.border hr.type04 {
    border: 0;
    border-top: 3px double #aaa
}

.foot .foot-cont .component.border hr.type01 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(170, 170, 170, 0), rgba(170, 170, 170, 0.75), rgba(170, 170, 170, 0));
    background-image: -moz-linear-gradient(left, rgba(170, 170, 170, 0), rgba(170, 170, 170, 0.75), rgba(170, 170, 170, 0));
    background-image: -ms-linear-gradient(left, rgba(170, 170, 170, 0), rgba(170, 170, 170, 0.75), rgba(170, 170, 170, 0));
    background-image: -o-linear-gradient(left, rgba(170, 170, 170, 0), rgba(170, 170, 170, 0.75), rgba(170, 170, 170, 0))
}

.button .button-cont {
    word-break: break-all
}

.button .button-cont.center {
    text-align: center
}

.button .button-cont.right {
    text-align: right
}

.button .button-cont.left {
    text-align: left
}

.button .button-cont a {
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    text-decoration: none
}

.button .button-cont a:hover {
    opacity: .8
}

.button .button-cont a.blue {
    background: #254a73;
    color: white
}

.button .button-cont a.red {
    background: #c00808;
    color: white
}

.button .button-cont a.orange {
    background: #ec7413;
    color: white
}

.button .button-cont a.white {
    background: #fff;
    color: #555
}

.button .button-cont a.black {
    background: #111;
    color: white
}

.button .button-cont a.size-s {
    font-size: 13.2px;
    padding: 5px 20px
}

.button .button-cont a.size-m {
    font-size: 18px;
    padding: 10px 30px
}

.button .button-cont a.size-l {
    font-size: 24px;
    padding: 20px;
    display: block
}

.button .color-select .button-color-label {
    background: white;
    color: black;
    vertical-align: middle;
    padding: 3px 5px
}

.button .color-select .color-list .button-cont {
    margin: 5px 10px
}

.button .color-select .color-list .button-cont a {
    width: 100%
}

.component.carousel {
    position: relative
}

.component.carousel .flexslider {
    border: 0;
    box-shadow: none
}

@media (max-width: 769px) {
    .component.carousel .flexslider .slides>li>span {
        font-size: 14px;
        color: #fff;
        text-shadow: 1px 1px 2px black;
        width: 300px;
        margin: 0 0 0 -150px;
        line-height: 30px;
        padding: 0
    }
    .component.carousel .flexslider .slides>li {
        text-align: center
    }
    .component.carousel .flexslider .slides img {
        border-radius: 0 !important
    }
}

.carousel li {
    margin-right: 0 !important
}

.carousel-swap-image {
    margin-bottom: 5%
}

.carousel-delete-image {
    margin-left: 25%;
    width: 50%
}

@media (max-width: 769px) {
    .carousel li span {
        margin-left: 0 !important
    }
}

.category-align-right {
    text-align: right !important;
    position: relative
}

.category-align-left {
    text-align: left !important;
    position: relative
}

.category-align-center {
    text-align: center !important;
    position: relative
}

.category-preview {
    margin: 20px
}

.category-preview article {
    display: table;
    width: 100%;
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid #ccc
}

.category-preview article .article-thumbnail {
    display: table-cell;
    width: 35%
}

@media (max-width: 769px) {
    .category-preview article .article-thumbnail {
        display: block;
        width: 100%
    }
}

.category-preview article .article-thumbnail img {
    width: 100%;
    height: auto
}

.category-preview article .article-cont {
    display: table-cell;
    width: 65%;
    padding-left: 50px;
    vertical-align: top;
    position: relative;
    height: 170px
}

@media (max-width: 769px) {
    .category-preview article .article-cont {
        display: block;
        width: 100%;
        height: 100px;
        padding-left: 0
    }
}

.category-preview article .article-cont .article-title {
    font-size: 18px;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 10px
}

.category-preview article .article-cont .article-title a {
    color: inherit
}

.category-preview article .article-cont .article-meta-info {
    position: absolute;
    bottom: 0
}

.category-preview article .article-cont .article-meta-info .tag-lists {
    margin-bottom: 5px;
    max-height: 55px;
    overflow: hidden
}

.category-preview article .article-cont .article-meta-info .tag-lists .article-tags {
    border: 1px solid #999;
    text-decoration: none !important;
    display: inline-block;
    float: left;
    padding: 2px 5px;
    font-size: 12px;
    margin: 0 5px 5px 0;
    border-radius: 2px;
    word-break: break-word;
    box-sizing: border-box;
    line-height: 18px
}

.category-preview article .article-cont .article-meta-info .tag-lists .article-tags::before {
    content: "\f02b";
    font-family: fontawesome;
    margin-right: 2px
}

@media (max-width: 769px) {
    .category-preview article .article-cont .article-meta-info .tag-lists {
        display: none
    }
}

.category-preview article .article-cont .article-meta-info .post-date,
.category-preview article .article-cont .article-meta-info .article-author,
.category-preview article .article-cont .article-meta-info .article-category {
    font-size: 14px;
    color: #777;
    margin-right: 10px
}

.category-preview article .article-cont .article-meta-info .post-date .fa,
.category-preview article .article-cont .article-meta-info .article-author .fa,
.category-preview article .article-cont .article-meta-info .article-category .fa {
    margin-right: 5px
}

.category-preview article .article-cont .article-meta-info .post-date::before {
    content: "\f073";
    font-family: fontAweSome;
    margin-right: 5px
}

.category-preview article .article-cont .article-meta-info .article-author::before {
    content: "\f007";
    font-family: fontAweSome;
    margin-right: 5px
}

.category-preview article .article-cont .article-meta-info .article-category::before {
    content: "\f115";
    font-family: fontAweSome;
    margin-right: 5px
}

.row {
    display: table;
    table-layout: fixed;
    width: 100%
}

.row .col {
    display: table-cell;
    padding: 0 10px 10px 10px
}

.row .col img {
    width: 100%
}

.row .col.list {
    vertical-align: top
}

@media (max-width: 769px) {
    .row {
        display: block;
        table-layout: auto !important;
        width: 100%
    }
    .row .col {
        display: block !important;
        width: 100% !important;
        padding: 0
    }
    .row .col img {
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

.contact-submit {
    display: none
}

.foot-copyright {
    margin-top: 5px;
    padding: 20px
}

.foot-copyright p {
    color: #eee;
    text-align: center;
    white-space: pre-wrap
}

.cta-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: auto;
    margin: 10px;
    position: relative;
    width: 0
}

@media screen and (max-width: 769px) {
    .cta-column {
        width: 100%
    }
}

.cta-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 40px;
    height: auto;
    margin: 10px;
    position: relative;
    word-wrap: break-word
}

.cta-button.center {
    text-align: center
}

.cta-button.right {
    text-align: right
}

.cta-button.left {
    text-align: left
}

.cta-button a {
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    text-decoration: none
}

.cta-button a:hover {
    opacity: .8
}

.cta-button a.blue {
    background: #254a73;
    color: white
}

.cta-button a.red {
    background: #c00808;
    color: white
}

.cta-button a.orange {
    background: #ec7413;
    color: white
}

.cta-button a.white {
    background: #fff;
    color: #555
}

.cta-button a.black {
    background: #111;
    color: white
}

.cta-button a.size-s {
    font-size: 15.4px;
    padding: 5px 20px
}

.cta-button a.size-m {
    font-size: 21px;
    padding: 10px 30px
}

.cta-button a.size-l {
    font-size: 28px;
    padding: 20px;
    display: block
}

.cta-image {
    height: 100%
}

.cta-heading.heading-align-left h1,
.cta-heading.heading-align-left h2,
.cta-heading.heading-align-left h3,
.cta-heading.heading-align-left h4,
.cta-heading.heading-align-left h5 {
    text-align: left !important
}

.cta-heading.heading-align-center h1,
.cta-heading.heading-align-center h2,
.cta-heading.heading-align-center h3,
.cta-heading.heading-align-center h4,
.cta-heading.heading-align-center h5 {
    text-align: center !important
}

.cta-heading.heading-align-right h1,
.cta-heading.heading-align-right h2,
.cta-heading.heading-align-right h3,
.cta-heading.heading-align-right h4,
.cta-heading.heading-align-right h5 {
    text-align: right !important
}

.cta .ctrl-component-ui select {
    text-overflow: ellipsis;
    width: 100%;
    max-width: calc(-moz-fit-content + 10px);
    max-width: calc(-webkit-fit-content + 10px);
    max-width: calc(-ms-fit-content + 10px);
    max-width: calc(-o-fit-content + 10px);
    max-width: calc(fit-content + 10px)
}

.cta .cta-preview-invisible {
    opacity: .2
}

.block-action-cta-component {
    width: 100% !important
}

.block-action-cta-component label {
    width: 50%
}

.block-action-cta-component label:last-child a {
    display: block;
    float: left;
    color: #fff;
    margin-left: 6px
}

.block-action-cta-component label:last-child i {
    color: #fff;
    float: right;
    margin-right: 10px;
    cursor: pointer
}

.easy-assist-sitemap.component.entry-list .entry-list-unit .cont h3 {
    margin: 2px
}

.theme-hu-0006-01 .wrapper .easy-assist-case .component.text p {
    padding: 0 4px
}

.theme-hu-0006-01 .wrapper .easy-assist-case .component.image {
    margin: 20px 0
}

.theme-hu-0006-01 .wrapper .easy-assist-service .component.image {
    margin: 10px 8px
}

.theme-hu-0006-01 .wrapper .easy-assist-case .component.text p {
    padding: 0 4px
}

.theme-hu-0006-01 .wrapper .easy-assist-service .component.text p {
    padding: 0 8px
}

.theme-hu-0006-01 .wrapper .easy-assist-download-form .component.form .form-label.require:after {
    content: "必須";
    font-size: 11px;
    background: #25809d;
    color: #fff;
    padding: 3px 7px;
    border-radius: 2px;
    white-space: nowrap;
    margin-left: 10px;
    vertical-align: top
}

.theme-hu-0006-01 .wrapper .easy-assist-download-page,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page {
    padding: 0 100px
}

.theme-hu-0006-01 .wrapper .easy-assist-download-page .title h2,
.theme-hu-0006-01 .wrapper .easy-assist-download-page h3,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page .title h2,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page h3 {
    font-weight: bold
}

.theme-hu-0006-01 .wrapper .easy-assist-download-page .notice h3,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page .notice h3 {
    font-size: 22px;
    font-weight: 600
}

.theme-hu-0006-01 .wrapper .easy-assist-download-page .notice.button,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page .notice.button {
    padding: 0 150px
}

.theme-hu-0006-01 .wrapper .easy-assist-download-page .notice.button .button-cont a.size-l,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page .notice.button .button-cont a.size-l {
    padding: 15px 20px
}

.theme-hu-0006-01 .wrapper .easy-assist-download-page .notice.text,
.theme-hu-0006-01 .wrapper .easy-assist-thank-page .notice.text {
    padding: 0 150px
}

.theme-hu-0006-01 .wrapper .easy-assist-faqs.faq-block .inner .faq-box .answer p,
.theme-hu-0006-01 .wrapper .easy-assist-faqs.faq-block .inner .faq-box .answer .rich-content,
.theme-hu-0006-01 .wrapper .easy-assist-faqs.faq-block .inner .faq-box .answer.rich-content,
.theme-hu-0006-01 .wrapper .easy-assist-faqs.faq-block .inner .faq-box .question p,
.theme-hu-0006-01 .wrapper .easy-assist-faqs.faq-block .inner .faq-box .question .rich-content,
.theme-hu-0006-01 .wrapper .easy-assist-faqs.faq-block .inner .faq-box .question.rich-content {
    left: 40px;
    width: 86%;
    font-size: 16px
}

.theme-hu-0006-01 .wrapper .easy-assist-faqs.faq-block .inner .faq-box .answer p:before,
.theme-hu-0006-01 .wrapper .easy-assist-faqs.faq-block .inner .faq-box .answer .rich-content:before,
.theme-hu-0006-01 .wrapper .easy-assist-faqs.faq-block .inner .faq-box .answer.rich-content:before,
.theme-hu-0006-01 .wrapper .easy-assist-faqs.faq-block .inner .faq-box .question p:before,
.theme-hu-0006-01 .wrapper .easy-assist-faqs.faq-block .inner .faq-box .question .rich-content:before,
.theme-hu-0006-01 .wrapper .easy-assist-faqs.faq-block .inner .faq-box .question.rich-content:before {
    position: absolute;
    left: -30px
}

.component.embed_tw twitterwidget,
.component.embed_tw twitter-widget {
    width: auto !important
}

.component.embed_tw .twitter-video {
    min-width: initial !important
}

.component.embed_facebook iframe {
    max-width: 100%
}

.embed-ig-preview {
    height: 100%;
    background: #3f4b68
}

.embed-ig-preview svg {
    fill: #8e9bb4
}

.embed-ig-preview p {
    color: white;
    text-align: center
}

@media (min-width: 769px) {
    .entry-image-card-1-col .article-list,
    .entry-image-card-2-col .article-list,
    .entry-image-card-3-col .article-list {
        letter-spacing: -.4em;
        display: block !important
    }
    .entry-image-card-1-col .article-list>*,
    .entry-image-card-2-col .article-list>*,
    .entry-image-card-3-col .article-list>* {
        letter-spacing: normal;
        box-sizing: border-box
    }
    .entry-image-card-1-col .article-list .entry-list-unit,
    .entry-image-card-2-col .article-list .entry-list-unit,
    .entry-image-card-3-col .article-list .entry-list-unit {
        display: inline-block !important;
        margin: 6px !important;
        box-shadow: 0 0 3px #ddd;
        background: white;
        border-bottom: 0
    }
    .entry-image-card-1-col .article-list .entry-list-unit .img,
    .entry-image-card-2-col .article-list .entry-list-unit .img,
    .entry-image-card-3-col .article-list .entry-list-unit .img {
        display: block !important;
        width: 100% !important;
        padding-right: 0 !important
    }
    .entry-image-card-1-col .article-list .entry-list-unit .cont,
    .entry-image-card-2-col .article-list .entry-list-unit .cont,
    .entry-image-card-3-col .article-list .entry-list-unit .cont {
        border: 0;
        width: 100%
    }
    .entry-image-card-1-col .article-list .entry-list-unit .cont h3,
    .entry-image-card-1-col .article-list .entry-list-unit .cont a,
    .entry-image-card-1-col .article-list .entry-list-unit .cont h4,
    .entry-image-card-1-col .article-list .entry-list-unit .cont p,
    .entry-image-card-2-col .article-list .entry-list-unit .cont h3,
    .entry-image-card-2-col .article-list .entry-list-unit .cont a,
    .entry-image-card-2-col .article-list .entry-list-unit .cont h4,
    .entry-image-card-2-col .article-list .entry-list-unit .cont p,
    .entry-image-card-3-col .article-list .entry-list-unit .cont h3,
    .entry-image-card-3-col .article-list .entry-list-unit .cont a,
    .entry-image-card-3-col .article-list .entry-list-unit .cont h4,
    .entry-image-card-3-col .article-list .entry-list-unit .cont p {
        padding: 0;
        margin: 10px 0
    }
    .entry-image-card-1-col .article-list .entry-list-unit .cont h3 a,
    .entry-image-card-2-col .article-list .entry-list-unit .cont h3 a,
    .entry-image-card-3-col .article-list .entry-list-unit .cont h3 a {
        margin: 0
    }
    .entry-image-card-1-col .entry-list-unit {
        width: calc(100% - 6px * 2)
    }
    .entry-image-card-2-col .entry-list-unit {
        width: calc(100% / 2 - 6px * 2)
    }
    .entry-image-card-2-col .entry-list-unit .update-time {
        display: block;
        margin-top: 5px
    }
    .entry-image-card-3-col .entry-list-unit {
        width: calc(33.33% - 6px * 2)
    }
    .entry-image-card-3-col .entry-list-unit .update-time {
        display: block;
        margin-top: 5px
    }
    .component:not(.entry-image-card-3-col):not(.entry-image-card-2-col) .update-time::before {
        content: "（"
    }
    .component:not(.entry-image-card-3-col):not(.entry-image-card-2-col) .update-time::after {
        content: "）"
    }
    .contents .entry-list .entry-list-unit .cont h3 {
        max-height: calc(25px * 3);
        overflow: hidden;
        line-height: 25px
    }
    .contents .entry-list .entry-list-unit .cont p.description {
        line-height: 20px;
        max-height: 100px;
        overflow: hidden
    }
}

.entry-image-list .article-list {
    display: block !important
}

.entry-image-list .article-list .entry-list-unit {
    display: table !important;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px dashed #ddd !important;
    box-shadow: none !important
}

.entry-image-list .article-list .entry-list-unit .img,
.entry-image-list .article-list .entry-list-unit .cont {
    display: table-cell !important
}

.entry-image-list .article-list .entry-list-unit .img {
    padding-right: 0;
    width: 40% !important
}

.entry-image-list .article-list .entry-list-unit .cont {
    width: 60% !important
}

.entry-list .entry-list-unit {
    position: relative;
    border-bottom: dashed 1px #ddd;
    padding: 10px;
    vertical-align: top
}

.entry-list .entry-list-unit .img,
.entry-list .entry-list-unit .cont {
    display: table-cell;
    vertical-align: top
}

.entry-list .entry-list-unit .img {
    width: 40%;
    max-height: 20%;
    overflow: hidden;
    padding-right: 25px
}

.entry-list .entry-list-unit .img img {
    width: 100%;
    border-radius: 3px
}

.entry-list .entry-list-unit .cont {
    width: 60%;
    border-left: solid 5px #f7f7f7;
    word-break: break-all
}

.entry-list .entry-list-unit .cont .description {
    word-break: break-all
}

.entry-list .entry-list-unit .cont a {
    color: #555
}

.entry-list .entry-list-unit .cont a:hover {
    text-decoration: underline
}

.entry-list .entry-list-unit .cont h3 {
    margin: 10px
}

.entry-list .entry-list-unit .cont h3 a {
    font-weight: bold;
    font-size: 15.4px;
    padding: 0 20px;
    display: block
}

.entry-list .entry-list-unit .cont h4 {
    color: gray;
    margin: 10px;
    padding: 0 20px;
    font-size: 14px
}

.entry-list .entry-list-unit .cont p {
    margin: 10px 0;
    padding: 0 20px;
    font-size: 14px
}

.entry-list .entry-list-unit .cont .tags {
    padding: 3px
}

.entry-list .entry-list-unit .cont .tags .tag {
    border: 1px solid #ddd;
    text-decoration: none !important;
    display: inline-block;
    padding: 4px 8px;
    font-size: 13px;
    margin: 5px
}

.entry-list .entry-list-unit .cont .tags .tag i {
    margin-right: 5px
}

.entry-list .pagination {
    display: block;
    padding: 5px;
    margin: 0 auto;
    font-size: 10px;
    text-align: center;
    letter-spacing: -.4em
}

.entry-list .pagination li {
    display: inline-block;
    margin: 0 5px;
    letter-spacing: normal
}

.entry-list .pagination li a {
    line-height: 10px;
    height: 10px;
    min-width: 30px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 100px;
    display: block;
    float: left;
    color: #777;
    font-weight: bold;
    box-sizing: initial
}

.entry-list .pagination li a:hover {
    color: #777;
    background: white
}

.entry-list .pagination .active {
    border-radius: 100px;
    background: #ddd
}

.entry-list .pagination>.active>a {
    background: #ddd;
    color: white;
    display: block
}

.article-per-page {
    text-align: center;
    margin-top: 20px
}

.article-per-page select,
.article-per-page span {
    display: inline-block;
    margin: 0 10px
}

.article-per-page input,
.article-per-page textarea,
.article-per-page select {
    border-radius: 4px;
    font-size: 14px;
    padding: 0 2%;
    border: solid 1px #ddd;
    background-color: rgba(255, 255, 255, 0.3)
}

.article-per-page input:focus,
.article-per-page textarea:focus,
.article-per-page select:focus {
    border: solid 1px #eea34a
}

.article-per-page select {
    width: 20%;
    max-width: 100px;
    height: 37px
}

.side .entry-list .entry-list-unit {
    margin: 10px 0;
    padding: 10px 0
}

.side .entry-list .entry-list-unit .img {
    padding-right: 10px
}

.side .entry-list .cont {
    width: 60%;
    border-left: solid 5px #f7f7f7
}

.side .entry-list .cont a {
    color: #555
}

.side .entry-list .cont a:hover {
    text-decoration: underline
}

.side .entry-list .cont h3 {
    margin: 5px
}

.side .entry-list .cont h3 a {
    font-weight: bold;
    font-size: 14px;
    padding: 0 5px;
    display: block
}

.side .entry-list .cont h4 {
    color: gray;
    margin: 5px;
    padding: 0 5px;
    font-size: 12.6px
}

.side .entry-list .cont p {
    margin: 5px;
    padding: 0 5px;
    font-size: 12.6px
}

@media (max-width: 769px) {
    .entry-list .entry-list-unit {
        margin: 10px 0;
        padding: 10px 0
    }
    .entry-list .entry-list-unit .img,
    .entry-list .entry-list-unit .cont {
        display: block;
        width: 100%;
        padding: 0
    }
    .entry-list .entry-list-unit .img h3,
    .entry-list .entry-list-unit .cont h3 {
        margin: 10px 0;
        padding-left: 10px
    }
    .entry-list .entry-list-unit .img h3 a,
    .entry-list .entry-list-unit .cont h3 a {
        font-size: 15.4px;
        padding: 0;
        display: block
    }
    .entry-list .entry-list-unit .img h4,
    .entry-list .entry-list-unit .cont h4 {
        margin: 10px 0;
        font-size: 14px;
        padding: 0;
        padding-left: 10px
    }
    .entry-list .entry-list-unit .img p,
    .entry-list .entry-list-unit .cont p {
        margin: 10px 0;
        padding: 0;
        padding-left: 10px;
        font-size: 14px
    }
    .entry-list .entry-list-unit .update-time {
        display: block;
        margin-top: 5px
    }
    .entry-list.entry-image-list .entry-list-unit {
        display: table;
        width: 100%
    }
    .entry-list.entry-image-list .entry-list-unit .img,
    .entry-list.entry-image-list .entry-list-unit .cont {
        display: table-cell;
        vertical-align: top
    }
    .entry-list.entry-image-list .entry-list-unit .img {
        padding-right: 0;
        width: 40%
    }
    .entry-list.entry-image-list .entry-list-unit .cont {
        width: 60%
    }
    .entry-list.entry-image-list .entry-list-unit .cont h3 {
        margin: 0 0 10px
    }
}

.component.fbcomment .fb-comments,
.component.fbcomment .fb-comments span,
.component.fbcomment .fb-comments span iframe[style] {
    width: 100% !important;
    box-sizing: padding-box !important
}

.component.fbcomment .fb-comments.disable-click,
.component.fbcomment .fb-comments span.disable-click,
.component.fbcomment .fb-comments span iframe[style].disable-click {
    pointer-events: none
}

.component.fblikebox .fb-page,
.component.fblikebox .fb-page span,
.component.fblikebox .fb-page span iframe[style] {
    width: 100% !important;
    box-sizing: padding-box !important
}

.component.fblikebox .fb-page.disable-click,
.component.fblikebox .fb-page span.disable-click,
.component.fblikebox .fb-page span iframe[style].disable-click {
    pointer-events: none
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides img {
    width: 100%;
    display: block
}

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides>li:first-child {
    display: block
}

.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    zoom: 1
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.flexslider .slides {
    zoom: 1
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav {
    *height: 0
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}

.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default
}

.flex-direction-nav a:before {
    font-family: "FontAwesome";
    font-size: 40px;
    line-height: 1;
    display: inline-block;
    content: '\f104'
}

.flex-direction-nav a.flex-next:before {
    content: '\f105'
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

.flex-pauseplay a:before {
    font-family: "FontAwesome";
    font-size: 20px;
    display: inline-block;
    content: '\f04c'
}

.flex-pauseplay a:hover {
    opacity: 1
}

.flex-pauseplay a.flex-play:before {
    content: '\f04b'
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

.flexslider {
    border: 0
}

.foot {
    background: #25809d;
    width: 100%;
    color: #eee
}

.foot button,
.foot input,
.foot optgroup,
.foot select,
.foot textarea {
    color: #333
}

.foot .foot-copyright {
    background: #081b21
}

.component.form .show-notice {
    margin: 10px 0
}

.component.form .show-notice .alert {
    border-radius: 4px;
    padding: 16px;
    font-weight: bold;
    font-size: 14px
}

.component.form .show-notice .alert button {
    display: none
}

.component.form .show-notice .alert p {
    font-weight: normal;
    padding-left: 10px
}

.component.form .show-notice .alert p:before {
    content: "・"
}

.component.form .show-notice .alert-danger {
    background-color: #fedddd;
    color: #a2122f
}

.wrapper.side-left .contents .component.form .form-label,
.wrapper.side-right .contents .component.form .form-label {
    color: #333
}

.component.form .form-title {
    font-size: 18.2px;
    color: #333;
    padding-bottom: 5px;
    margin-bottom: 10px;
    word-break: break-all
}

.component.form .form-label {
    font-size: 15.4px;
    font-weight: bold;
    text-align: left;
    word-wrap: break-word
}

.component.form .form-label.service_term {
    font-size: 14px;
    font-weight: normal;
    overflow-y: scroll;
    height: 200px
}

.component.form .form-label.require:after {
    content: "必須";
    font-size: 11px;
    background: #25809d;
    color: #fff;
    padding: 3px 7px;
    border-radius: 2px;
    white-space: nowrap
}

.component.form .form-label span {
    background: #ccc;
    margin: 0 5px;
    color: #fff;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 10px
}

.component.form .group {
    margin: 10px 0
}

.component.form input,
.component.form textarea,
.component.form select {
    min-height: 30px;
    border-radius: 4px;
    font-size: 16.8px;
    border: solid 1px #ddd;
    background-color: rgba(255, 255, 255, 0.3)
}

.component.form input:focus,
.component.form textarea:focus,
.component.form select:focus {
    border: solid 1px #eea34a
}

.component.form textarea {
    min-height: 130px;
    resize: vertical
}

.component.form .radio,
.component.form .checkbox {
    margin-top: 0
}

.component.form .service_term {
    max-height: 200px;
    overflow: scroll;
    margin: 30px 0;
    padding: 10px;
    border: solid 1px #eee
}

.component.form .service_term_link>a {
    color: inherit;
    font-size: inherit;
    text-decoration: underline
}

.component.form .service_term_link+.agreement>.agree {
    margin-left: 0
}

@-webkit-keyframes switchtext {
    from {
        opacity: 1
    }
    to {
        opacity: .3
    }
}

@-moz-keyframes switchtext {
    from {
        opacity: 1
    }
    to {
        opacity: .3
    }
}

@keyframes switchtext {
    from {
        opacity: 1
    }
    to {
        opacity: .3
    }
}

.component.form input[type="text"],
.component.form input[type="email"],
.component.form input[type="password"],
.component.form input[type="date"],
.component.form input[type="search"],
.component.form input[type="url"],
.component.form select,
.component.form textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 300;
    color: #555;
    padding: 3px 10px;
    outline: 0;
    height: 38px;
    border-radius: 2px;
    background: #eee;
    width: 100%;
    display: inline-block;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear;
    border: solid 1px #ddd
}

.component.form input[type="text"]:hover,
.component.form input[type="email"]:hover,
.component.form input[type="password"]:hover,
.component.form input[type="date"]:hover,
.component.form input[type="search"]:hover,
.component.form input[type="url"]:hover,
.component.form select:hover,
.component.form textarea:hover {
    background-color: #ceeaf3
}

.component.form input[type="text"]:focus,
.component.form input[type="email"]:focus,
.component.form input[type="password"]:focus,
.component.form input[type="date"]:focus,
.component.form input[type="search"]:focus,
.component.form input[type="url"]:focus,
.component.form select:focus,
.component.form textarea:focus {
    background-color: #f7fcfd
}

.component.form input.form-error,
.component.form textarea.form-error,
.component.form select.form-error {
    border-radius: 4px;
    font-size: 16.8px;
    border: 1px solid #ed3f2f !important;
    background-color: rgba(255, 255, 255, 0.3)
}

.component.form input.form-error:focus,
.component.form textarea.form-error:focus,
.component.form select.form-error:focus {
    border: solid 1px #eea34a
}

.component.form input[type="text"].form-error,
.component.form input[type="email"].form-error,
.component.form input[type="password"].form-error,
.component.form input[type="date"].form-error,
.component.form input[type="search"].form-error,
.component.form input[type="url"].form-error,
.component.form select.form-error,
.component.form textarea.form-error {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 300;
    color: #555;
    padding: 3px 10px;
    outline: 0;
    height: 38px;
    border-radius: 2px;
    width: 100%;
    display: inline-block;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear;
    border: 1px solid #ed3f2f !important;
    background: #fdf5f2
}

.component.form input[type="text"].form-error:hover,
.component.form input[type="email"].form-error:hover,
.component.form input[type="password"].form-error:hover,
.component.form input[type="date"].form-error:hover,
.component.form input[type="search"].form-error:hover,
.component.form input[type="url"].form-error:hover,
.component.form select.form-error:hover,
.component.form textarea.form-error:hover {
    background-color: #ceeaf3
}

.component.form input[type="text"].form-error:focus,
.component.form input[type="email"].form-error:focus,
.component.form input[type="password"].form-error:focus,
.component.form input[type="date"].form-error:focus,
.component.form input[type="search"].form-error:focus,
.component.form input[type="url"].form-error:focus,
.component.form select.form-error:focus,
.component.form textarea.form-error:focus {
    background-color: #f7fcfd
}

.component.form input[type=radio],
.component.form input[type=checkbox] {
    margin: 0 10px 0 20px;
    min-height: initial
}

.component.form input[type="text"].input-last-name {
    width: 49%;
    margin-right: 1%
}

.component.form input[type="text"].input-first-name {
    width: 49%;
    margin-left: 1%
}

.component.form .form-submit {
    text-align: center
}

.component.form .form-submit .popup-link {
    font-size: 21px;
    height: auto;
    color: #fff;
    background: #25809d;
    border: solid 2px #fff;
    cursor: pointer
}

.component.form .form-submit .popup-link.disabled {
    pointer-events: none;
    opacity: 0.5
}

.component.form .form-submit .popup-link:hover {
    opacity: .8;
    transition: background-color .2s linear, color .2s linear
}

.component.form .form-submiting {
    color: #ed3f2f;
    display: none;
    text-align: center
}

.component.form .form-submiting .form-submiting-indicator {
    display: inline-block;
    position: relative;
    width: 2em;
    height: 2em
}

.component.form .form-submiting .form-submiting-indicator>div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    background: #ed3f2f;
    animation: lds-form-uploading 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite
}

.component.form .form-submiting .form-submiting-indicator>div:nth-child(1) {
    left: 6px;
    animation-delay: -0.24s
}

.component.form .form-submiting .form-submiting-indicator>div:nth-child(2) {
    left: 26px;
    animation-delay: -0.12s
}

.component.form .form-submiting .form-submiting-indicator>div:nth-child(3) {
    left: 45px;
    animation-delay: 0
}

@keyframes lds-form-uploading {
    0% {
        top: 6px;
        height: 26px
    }
    50%,
    100% {
        top: 13px;
        height: 13px
    }
}

.contents .component.form.vertical .form-label,
.foot-cont .component.form.vertical .form-label,
.main-visual .component.form.vertical .form-label {
    display: block;
    padding-bottom: 5px
}

.contents .component.form.vertical .form-label.require:after,
.foot-cont .component.form.vertical .form-label.require:after,
.main-visual .component.form.vertical .form-label.require:after {
    display: inline-block
}

.contents .component.form.vertical .form-cont,
.foot-cont .component.form.vertical .form-cont,
.main-visual .component.form.vertical .form-cont {
    display: block
}

.contents .component.form.vertical .form-cont.form-error,
.foot-cont .component.form.vertical .form-cont.form-error,
.main-visual .component.form.vertical .form-cont.form-error {
    display: block;
    border: 1px solid #ed3f2f !important;
    background: #fdf5f2
}

.contents .component.form.horizontal .group,
.foot-cont .component.form.horizontal .group,
.main-visual .component.form.horizontal .group {
    display: table;
    width: 100%
}

.contents .component.form.horizontal .form-label,
.foot-cont .component.form.horizontal .form-label,
.main-visual .component.form.horizontal .form-label {
    width: 30%;
    display: table-cell;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top
}

.contents .component.form.horizontal .form-label.require,
.foot-cont .component.form.horizontal .form-label.require,
.main-visual .component.form.horizontal .form-label.require {
    padding-right: 60px;
    position: relative
}

.contents .component.form.horizontal .form-label.require:after,
.foot-cont .component.form.horizontal .form-label.require:after,
.main-visual .component.form.horizontal .form-label.require:after {
    position: absolute;
    top: 7px;
    right: 10px
}

.contents .component.form.horizontal .form-label.agree-label,
.foot-cont .component.form.horizontal .form-label.agree-label,
.main-visual .component.form.horizontal .form-label.agree-label {
    display: inline-block;
    width: initial
}

.contents .component.form.horizontal .form-cont,
.foot-cont .component.form.horizontal .form-cont,
.main-visual .component.form.horizontal .form-cont {
    width: 70%;
    display: table-cell;
    padding: 5px 0
}

.contents .form-submit .popup-link,
.foot-cont .form-submit .popup-link,
.main-visual .form-submit .popup-link {
    color: #fff;
    padding: 10px 60px
}

.contents .form-label,
.foot-cont .form-label,
.main-visual .form-label {
    font-size: 14px
}

.side .component.form .form-title {
    font-size: 18.2px;
    color: #333;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid black
}

.side .component.form form .group {
    margin-bottom: 10px
}

.side .component.form .form-label {
    font-size: 16.8px;
    display: block;
    margin: 0 0 5px 0
}

.side .component.form .form-cont {
    display: block;
    margin: 0
}

.side .component.form .form-cont input {
    margin: 0;
    padding: 0
}

.side .component.form .form-cont input[type="text"],
.side .component.form .form-cont textarea,
.side .component.form .form-cont select {
    width: 96%;
    margin: 0;
    padding: 0 2%
}

.side .component.form .form-cont.form-error {
    display: block;
    border: 1px solid #ed3f2f !important;
    background: #fdf5f2;
    margin: 0
}

.side .component.form .form-cont.form-error input {
    margin: 0;
    padding: 0
}

.side .component.form .form-cont.form-error input[type="text"],
.side .component.form .form-cont.form-error textarea,
.side .component.form .form-cont.form-error select {
    width: 96%;
    margin: 0;
    padding: 0 2%
}

.side .component.form .form-submit {
    text-align: center;
    margin: 10px 0
}

.side .component.form .form-submit .popup-link {
    color: #fff;
    font-size: 18.2px;
    padding: 10px 0;
    width: 100%
}

.foot-cont .component.form .form-title {
    color: #aaa;
    font-size: 19.6px;
    border-bottom: solid 1px #bbb;
    padding-left: 5px;
    text-shadow: none;
    padding-bottom: 0
}

.foot-cont .component.form .form-label {
    font-size: 15.4px;
    color: #eee;
    text-shadow: none;
    font-weight: normal;
    display: block;
    margin: 0 0 5px 0
}

.foot-cont .component.form .form-cont {
    display: block;
    margin: 0;
    color: #eee
}

.foot-cont .component.form .form-cont input[type="radio"] {
    color: #eee
}

.foot-cont .component.form .form-submit {
    margin: 10px 0
}

.foot-cont .component.form .form-submit .popup-link {
    color: #fff;
    font-size: 19.6px;
    width: 100%;
    padding: 10px 0
}

@media (max-width: 769px) {
    .contents .component.form.horizontal .form-label {
        display: block !important;
        width: 100%
    }
    .contents .component.form.horizontal .form-label.require {
        padding-right: 0
    }
    .contents .component.form.horizontal .form-label.require:after {
        position: relative;
        top: 0;
        right: auto;
        display: inline-block;
        padding: 3px 7px
    }
    .contents .component.form.horizontal .form-cont {
        display: block !important;
        width: 100%
    }
    .component.form .form-submit .popup-link {
        width: 100%;
        font-size: 16.8px;
        line-height: 37px;
        padding: 0;
        margin: 10px 0
    }
    .component.form .form-title {
        font-size: 16.8px
    }
    .component.form .form-label {
        font-size: 14px
    }
    .component.form input[type="text"],
    .component.form textarea,
    .component.form select {
        width: 100%
    }
}

.wrapper .side.left {
    z-index: 101
}

.wrapper .contents {
    z-index: 100
}

.form-component-modal.component.form input,
.form-component-modal.component.form textarea,
.form-component-modal.component.form select {
    font-size: 15px;
    padding: 5px 10px 5px 10px
}


/*!
 * FullCalendar v1.6.1 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */

.fc {
    direction: ltr;
    text-align: left;
    font-weight: normal !important
}

.fc table {
    border-collapse: collapse;
    border-spacing: 0
}

html .fc,
.fc table {
    font-size: 1em
}

.fc td,
.fc th {
    padding: 0;
    vertical-align: top;
    font-weight: normal
}

.fc-header td {
    white-space: nowrap
}

.fc-header-left {
    width: 25%;
    text-align: left
}

.fc-header-center {
    text-align: center
}

.fc-header-right {
    width: 25%;
    text-align: right
}

.fc-header-title {
    display: inline-block;
    vertical-align: top
}

.fc-header-title h2 {
    margin-top: 0;
    white-space: nowrap
}

.fc .fc-header-space {
    padding-left: 10px
}

.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top
}

.fc-header .fc-button {
    margin-right: -1px
}

.fc-header .fc-corner-right,
.fc-header .ui-corner-right {
    margin-right: 0
}

.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2
}

.fc-header .fc-state-down {
    z-index: 3
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4
}

.fc-content {
    clear: both
}

.fc-view {
    width: 100%;
    overflow: hidden
}

.fc-widget-header,
.fc-widget-content {
    border: 1px solid #ddd
}

.fc-state-highlight {
    background: #fcf8e3
}

.fc-cell-overlay {
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-button {
    position: relative;
    display: inline-block;
    padding: 0 .6em;
    overflow: hidden;
    height: 1.9em;
    line-height: 1.9em;
    white-space: nowrap;
    cursor: pointer
}

.fc-state-default {
    border: 1px solid
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.fc-text-arrow {
    margin: 0 .1em;
    font-size: 2em;
    font-family: "Courier New", Courier, monospace;
    vertical-align: baseline
}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow {
    font-weight: bold
}

.fc-button .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%
}

.fc-button .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%
}

.fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #333;
    background-color: #e6e6e6
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear
}

.fc-state-down,
.fc-state-active {
    background-color: #ccc;
    background-image: none;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

.fc-event {
    border: 1px solid #3a87ad;
    background-color: #3a87ad;
    color: #fff;
    font-size: .85em;
    cursor: default
}

a.fc-event {
    text-decoration: none
}

a.fc-event,
.fc-event-draggable {
    cursor: pointer
}

.fc-rtl .fc-event {
    text-align: right
}

.fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.fc-event-time,
.fc-event-title {
    padding: 0 1px
}

.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    font-size: 300%;
    line-height: 50%
}

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.fc-event-hori .ui-resizable-e {
    top: 0 !important;
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize
}

.fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize
}

table.fc-border-separate {
    border-collapse: separate
}

.fc-border-separate th,
.fc-border-separate td {
    border-width: 1px 0 0 1px
}

.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
    border-right-width: 1px
}

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
    border-bottom-width: 1px
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
    border-top-width: 0
}

.fc-grid th {
    text-align: center
}

.fc .fc-week-number {
    width: 22px;
    text-align: center
}

.fc .fc-week-number div {
    padding: 0 2px
}

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: .3;
    filter: alpha(opacity=30)
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px
}

.fc-grid .fc-event-time {
    font-weight: bold
}

.fc-rtl .fc-grid .fc-day-number {
    float: left
}

.fc-rtl .fc-grid .fc-event-time {
    float: right
}

.fc-agenda table {
    border-collapse: separate
}

.fc-agenda-days th {
    text-align: center
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: normal
}

.fc-agenda .fc-week-number {
    font-weight: bold
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px
}

.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0
}

.fc-agenda-allday th {
    border-width: 0 1px
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px
}

.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eee
}

.fc-agenda-slots th {
    border-width: 1px 1px 0
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none
}

.fc-agenda-slots td div {
    height: 20px
}

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted
}

.fc-event-vert {
    border-width: 0 1px
}

.fc-event-vert.fc-event-start {
    border-top-width: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.fc-event-vert.fc-event-end {
    border-bottom-width: 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.fc-event-vert .fc-event-time {
    white-space: nowrap;
    font-size: 10px
}

.fc-event-vert .fc-event-inner {
    position: relative;
    z-index: 2
}

.fc-event-vert .fc-event-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .25;
    filter: alpha(opacity=25)
}

.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
    display: none\9
}

.fc-event-vert .ui-resizable-s {
    bottom: 0 !important;
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}

.maps img {
    max-width: none !important
}

.maps label {
    width: auto;
    display: inline
}

#map-canvas img {
    max-width: none
}

#map-canvas {
    height: 350px;
    width: 100%
}

.gm-style img {
    max-width: none
}

.gm-style label {
    width: auto;
    display: inline
}

.default-color {
    width: 100%
}

.header {
    min-height: 300px;
    background-size: cover;
    display: table;
    width: 100%;
    position: relative
}

.header:before {
    display: block;
    content: "";
    height: 200px
}

.header>.overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    background: #fff;
    opacity: 0
}

.header .title {
    display: table-cell;
    vertical-align: middle;
    max-width: 1000px !important;
    width: 100%;
    margin: 0 auto
}

.header .title h2 {
    text-align: center;
    font-size: 42px;
    color: #25809d;
    text-shadow: 1px 1px 2px #333;
    max-width: 1000px;
    margin: 20px auto
}

.header .title h3 {
    max-width: 1000px;
    margin: 20px auto;
    font-size: 25.2px;
    color: #3f3f3f;
    text-align: center;
    text-shadow: 1px 1px 2px #333
}

@media (max-width: 769px) {
    .header {
        min-height: 200px
    }
    .header:before {
        display: block;
        content: "";
        height: 200px
    }
    .header .title {
        padding: 0 10px
    }
    .header .title h2 {
        font-size: 19.6px !important
    }
    .header .title h3 {
        font-size: 14px !important
    }
}

.component.heading h1,
.component.heading h2,
.component.heading h3,
.component.heading h4,
.component.heading h5,
.component.heading h6 {
    word-break: break-all
}

.component.heading.heading-align-left {
    text-align: left !important
}

.component.heading.heading-align-left h1,
.component.heading.heading-align-left h2,
.component.heading.heading-align-left h3,
.component.heading.heading-align-left h4,
.component.heading.heading-align-left h5 {
    text-align: inherit !important
}

.component.heading.heading-align-center {
    text-align: center !important
}

.component.heading.heading-align-center h1,
.component.heading.heading-align-center h2,
.component.heading.heading-align-center h3,
.component.heading.heading-align-center h4,
.component.heading.heading-align-center h5 {
    text-align: inherit !important
}

.component.heading.heading-align-right {
    text-align: right !important
}

.component.heading.heading-align-right h1,
.component.heading.heading-align-right h2,
.component.heading.heading-align-right h3,
.component.heading.heading-align-right h4,
.component.heading.heading-align-right h5 {
    text-align: inherit !important
}

#html-mail-edit .mail-name-setting {
    padding: 15px 20px 6px;
    border-bottom: 1px solid #3f4b68
}

#html-mail-edit .mail-name-setting:first-child {
    border-top: 1px solid #23262b
}

#html-mail-edit .mail-name-setting:last-child {
    border-bottom: none
}

#html-mail-edit .mail-name-setting .input-form,
#html-mail-edit .mail-name-setting .category-select-form {
    width: 100%;
    line-height: 24px;
    border-radius: 4px;
    border: none;
    padding: 2px 2px 2px 5px;
    background-color: #13151b;
    color: #fff
}

#html-mail-edit .mail-name-setting .category-select-form {
    height: 28px
}

#html-mail-edit .mail-name-setting .label-form {
    margin-bottom: 10px !important;
    position: relative
}

#html-mail-edit .mail-name-setting .label-form:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "必須";
    font-size: 11px;
    background: #FE0F65;
    color: white;
    padding: 3px 7px;
    border-radius: 2px
}

#html-mail-edit .alert {
    z-index: 10000;
    position: fixed;
    bottom: -4px;
    right: 27px
}

#html-mail-edit .alert .alert-dismissable {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1001
}

#html-mail-edit .cms-main {
    background-color: #eff5f8;
    background-image: linear-gradient(rgba(247, 249, 249, 0.23) 2px, transparent 2px), linear-gradient(90deg, rgba(236, 236, 236, 0.2) 2px, transparent 2px), linear-gradient(rgba(216, 218, 218, 0.32) 1px, transparent 1px), linear-gradient(90deg, rgba(216, 218, 218, 0.18) 1px, transparent 1px);
    background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px
}

#html-mail-edit .style-panel .style-panel-content {
    height: 285px
}

#html-mail-edit .create-customer-import .modal-content {
    left: 3px
}

#html-mail-edit .create-customer-list {
    display: block;
    overflow-y: auto;
    overflow-x: hidden
}

#html-mail-edit .create-customer-list .require::after {
    background: #FE0F65 !important
}

#html-mail-edit .create-customer-list .modal-content {
    width: 800px
}

#html-mail-edit .create-customer-list .modal-content table tbody td,
#html-mail-edit .create-customer-list .modal-content table tbody th {
    background-color: #fff !important;
    vertical-align: text-top
}

#html-mail-edit .create-customer-list .modal-content table thead tr td {
    font-weight: bold;
    vertical-align: text-top;
    text-align: left
}

#html-mail-edit .create-customer-list .modal-content .table-wrapper-scroll-y {
    display: block;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

#html-mail-edit .create-customer-list * {
    margin: 0 auto
}

#html-mail-edit .create-customer-list .btn {
    min-width: 60px !important
}

#html-mail-edit .create-customer-list .list-info .title {
    height: 50px;
    background: #EDF5F7;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
    line-height: 50px;
    padding: auto;
    padding-left: 10px
}

#html-mail-edit .create-customer-list .list-button-area {
    margin-bottom: 12px
}

#html-mail-edit .create-customer-list .list-button-area .btn {
    display: block
}

#html-mail-edit .distribution-screen {
    overflow-y: scroll;
    max-height: 100vh;
    overflow-x: hidden
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen {
    margin: auto;
    width: 700px
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen hr {
    background-color: #E5E9EC
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting {
    margin-top: 50px
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .customer-lists {
    width: 100%;
    margin-top: 50px;
    background: #fff
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .customer-lists .test-mail .test-btn {
    margin: 15px auto;
    display: block
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .customer-lists table tr td:nth-child(1) label {
    padding-bottom: 18px;
    margin-left: 10px
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .customer-lists .require::after {
    background: #FE0F65
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .time-setting {
    width: 100%;
    background: #fff;
    margin-top: 30px
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .time-setting .time-picker {
    display: block;
    margin: 25px auto;
    width: 35%
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .time-setting .center-horizontal {
    display: block;
    margin: auto
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .time-setting .send-btn {
    display: block;
    margin: 25px auto;
    width: 45%
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .time-setting .radio-group {
    height: 30px;
    line-height: 30px;
    margin-top: 30px;
    text-align: center;
    display: block
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .time-setting .radio-group label {
    color: #434B52
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .time-setting .magic-radio+label:after {
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .bg {
    height: 50px;
    width: 700px;
    padding-top: 16px;
    background-color: rgba(238, 245, 247, 0.4);
    color: #8893A6;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: center
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .list-sender {
    padding: 5px 20px
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .list-sender .filter {
    margin-top: 10px;
    margin-bottom: 15px
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .list-sender .filter .count {
    height: 30px;
    width: 55%;
    display: inline-block;
    vertical-align: middle;
    color: #434B52;
    font-size: 14px;
    line-height: 35px;
    font-weight: 500
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .list-sender .filter .count span {
    font-weight: 700;
    font-size: 16px
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .list-sender .filter .form-group {
    float: right
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .list-sender .switch {
    margin: 0 5px 0 0
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .list-sender .enable-switch {
    margin-bottom: 10px
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting table tbody td,
#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting table tbody th {
    border: 1px solid #DFEDF1;
    background-color: #fff !important
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting table thead tr td {
    border: 1px solid #DFEDF1;
    font-weight: bold
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting table.table-step-3-mail thead>tr:first-child {
    display: block
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting table.table-step-3-mail tbody {
    display: block;
    overflow-y: scroll;
    max-height: 400px;
    width: 100%
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .link-text {
    margin-top: 10px;
    margin-bottom: 30px;
    padding-right: 20px
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting {
    display: block;
    margin: auto
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting h4 {
    font-weight: bold
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .setting {
    font-size: 16px;
    margin-top: 20px;
    text-align: center
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .flex-container {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

#html-mail-edit .distribution-screen .table-wrapper-scroll-y {
    display: block;
    max-height: 400px;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

#html-mail-edit .campaign-mail .mail-templates {
    margin-top: -18px
}

#html-mail-edit .campaign-mail .mail-templates .material-icons {
    font-size: 18px;
    cursor: pointer;
    color: #8D98AA
}

#html-mail-edit .campaign-mail .signature,
#html-mail-edit .campaign-mail .unsubscribe_url {
    min-height: 50px;
    width: calc(100%-10px);
    background-color: #EEEEEE;
    border: 1px solid #E5E9EC;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 20px;
    white-space: pre-wrap;
    max-height: 200px;
    overflow: auto;
    resize: vertical
}

#html-mail-edit .campaign-mail .update-sender-template {
    margin-top: -18px
}

#html-mail-edit .campaign-mail .update-sender-template .material-icons {
    font-size: 18px;
    cursor: pointer;
    vertical-align: bottom;
    color: #8D98AA
}

#html-mail-edit .campaign-mail .new-btn {
    margin: 0;
    display: inline-block;
    letter-spacing: 1.2px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border-radius: 4px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid transparent;
    transition: all .2s;
    text-decoration: none !important;
    white-space: nowrap;
    line-height: 1.15
}

#html-mail-edit .campaign-mail .new-btn.ml-small {
    margin-left: 5px !important
}

#html-mail-edit .campaign-mail .new-btn.btn-small {
    font-size: 13px;
    padding: 6px 12px
}

#html-mail-edit .campaign-mail .new-btn.btn-small.new-btn-default {
    color: #555;
    background-color: #ddd;
    border: 1px solid #ddd
}

#html-mail-edit .campaign-mail .new-btn.btn-small.new-btn-default:hover,
#html-mail-edit .campaign-mail .new-btn.btn-small.new-btn-default.active {
    color: #555;
    background: #f6f6f6;
    border: 1px solid #ddd
}

#html-mail-edit .campaign-mail .new-btn.btn-small.btn-red {
    background: transparent;
    border: 1px solid #ef3f50;
    color: #ef3f50
}

#html-mail-edit .campaign-mail .new-btn.btn-small.btn-red:hover,
#html-mail-edit .campaign-mail .new-btn.btn-small.btn-red.active {
    color: #fff;
    background: #ef3f50;
    border: 1px solid #ef3f50
}

.customer-mail-hist {
    margin-top: 25px
}

.customer-mail-hist .customer-mail-hist-switch {
    display: table-cell;
    vertical-align: middle;
    padding-right: 30px
}

.customer-mail-hist .customer-mail-hist-switch .switch {
    width: 56px;
    height: 20px
}

.customer-mail-hist .customer-mail-hist-switch .switch-handle {
    width: 10px;
    height: 10px;
    top: 5px
}

.customer-mail-hist .customer-mail-hist-switch .switch-input:checked~.switch-handle {
    top: 5px;
    left: 45px
}

.customer-mail-hist .customer-mail-hist-switch .form-help-text {
    display: table-cell
}

.customer-mail-hist .customer-mail-hist-switch .form-help-text .text-danger {
    color: red
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    background-color: #F5F5F5
}

::-webkit-scrollbar {
    width: 7px;
    background-color: #000000
}

::-webkit-scrollbar-thumb {
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #555
}

.icon-container {
    padding: 10px;
    max-height: 300px;
    overflow: scroll
}

.icon-container div {
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    margin: 10px;
    font-size: 29pt;
    cursor: pointer
}

.icon-container div.selected {
    border: 3px solid #8c98cc;
    width: 60px;
    height: 60px
}

.icon-container div:hover {
    color: #425d71
}

.icon-cont.center {
    text-align: center
}

.icon-cont.right {
    text-align: right
}

.icon-cont.left {
    text-align: left
}

.icon-cont .fa.blue {
    color: #254a73
}

.icon-cont .fa.red {
    color: #c00808
}

.icon-cont .fa.orange {
    color: #ec7413
}

.icon-cont .fa.white {
    color: #fff
}

.icon-cont .fa.black {
    color: #111
}

.icon-cont .fa.size-small {
    font-size: 15.4px
}

.icon-cont .fa.size-medium {
    font-size: 56px
}

.icon-cont .fa.size-large {
    font-size: 112px
}

.icon-cont svg.blue {
    fill: #254a73
}

.icon-cont svg.red {
    fill: #c00808
}

.icon-cont svg.orange {
    fill: #ec7413
}

.icon-cont svg.white {
    fill: #fff
}

.icon-cont svg.black {
    fill: #111
}

.icon-cont svg.size-auto {
    width: 100%;
    height: 100%
}

.icon-cont svg.size-small {
    width: 22px;
    height: 22px
}

.icon-cont svg.size-medium {
    width: 80px;
    height: 80px
}

.icon-cont svg.size-large {
    width: 160px;
    height: 160px
}

img {
    max-width: 100%
}

.component.gallery.col-1,
.component.gallery.col-2,
.component.gallery.col-3,
.component.gallery.col-4 {
    overflow: hidden
}

.component.gallery.col-1 img,
.component.gallery.col-2 img,
.component.gallery.col-3 img,
.component.gallery.col-4 img {
    border-radius: 0
}

.component.image {
    margin: 10px 0
}

.component.image img {
    border-radius: 5px
}

.side .component.image {
    margin: 10px 0
}

.side .component.image img {
    width: 100%
}

.component.gallery .row {
    border-collapse: separate;
    border-spacing: 10px 5px
}

.component.gallery .row .thumbnail {
    vertical-align: middle !important;
    border: solid 1px #f0f0f0 !important;
    float: none;
    display: table-cell;
    padding: 0px
}

.component.gallery .row .thumbnail .thumbnail-normal-image {
    margin: auto
}

.component.gallery {
    padding: 10px 0
}

.component.gallery .thumbnail {
    vertical-align: middle
}

.component.gallery ul.row li a img {
    display: block;
    width: auto;
    margin: 0 auto
}

.component.gallery.col-1 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.component.gallery.col-2 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

.component.gallery.col-3 {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px
}

.component.gallery.col-4 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

@media (max-width: 769px) {
    .component.gallery .row .thumbnail {
        border: none !important
    }
    .component.gallery ul.row li a img {
        margin: 5px auto;
        box-sizing: border-box
    }
}

@media screen and (max-width: 769px) and (max-width: 768px) {
    .component.gallery.gallery ul.row li.col {
        margin-bottom: 10px
    }
}

.poptrox-overlay .poptrox-popup .nav-previous>div,
.poptrox-overlay .poptrox-popup .nav-next>div {
    background: #999;
    line-height: 70px;
    width: 80px !important;
    height: 80px !important
}

@media (max-width: 769px) {
    .poptrox-overlay .poptrox-popup .nav-previous>div,
    .poptrox-overlay .poptrox-popup .nav-next>div {
        background: #999;
        line-height: 45px;
        width: 50px !important;
        height: 50px !important;
        font-size: 40px;
        margin-top: -20px !important
    }
}

.img-l-text img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    max-width: 100%
}

.img-r-text img {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    max-width: 100%
}

@media (max-width: 769px) {
    .wrapper .contents .inner .row .col {
        width: 100% !important
    }
    .foot .foot-cont .row .col {
        width: 100% !important
    }
}

section,
.row,
.row .col,
.row .col .component {
    background-repeat: no-repeat
}

.component.lineat img {
    max-width: 100%;
    width: auto !important
}

.component.link-embed .article-embed {
    position: relative;
    margin-bottom: 10px
}

.component.link-embed .article-embed .link-thumbnail {
    display: flex;
    flex-direction: row
}

.component.link-embed .article-embed .quote-link.empty-data {
    display: none
}

.component.link-embed .article-embed .quote-link {
    position: relative
}

.component.link-embed .article-embed .quote-link a {
    text-decoration: none;
    color: #26334c
}

.component.link-embed .article-embed .quote-link .quote-link_entry {
    border: 1px solid #eee;
    padding: 10px
}

.component.link-embed .article-embed .quote-link .quote-link_entry .quote-link-img .quote-link-img-item {
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden
}

.component.link-embed .article-embed .quote-link .quote-link_entry .quote-link-img .quote-link-img-item img {
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    left: -100%;
    bottom: -100%;
    width: 150px;
    height: auto;
    margin: 0 auto auto
}

.component.link-embed .article-embed .quote-link .quote-link_entry .cont {
    word-break: break-all;
    padding-left: 20px
}

.component.link-embed .article-embed .quote-link .quote-link_entry .cont .quote-link_title p {
    margin: 0;
    font-weight: bold;
    font-size: 110%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.component.link-embed .article-embed .quote-link .quote-link_entry .cont .quote-link_desp {
    margin-top: 5px
}

.component.link-embed .article-embed .quote-link .quote-link_entry .cont .quote-link_desp p {
    margin: 0 0 10px;
    font-size: 80%;
    opacity: .7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.component.link-embed .article-embed .quote-link .quote-link_entry .cont .quote-link_site p {
    margin: 0;
    font-size: 80%;
    opacity: .7
}

.link-embed-preview .img {
    max-width: 80%
}

.link-embed-preview .description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.component.list ul {
    margin-left: 30px
}

.component.list.none ul {
    margin-left: 0 !important
}

.component.list.vertical ul {
    font-size: 15.4px
}

.component.list.vertical ul li a {
    display: block;
    padding: 10px
}

.component.list.vertical ul li a:hover {
    background: #ddd
}

.component.list.horizontal ul {
    letter-spacing: -.4em
}

.component.list.horizontal ul li {
    display: inline-block;
    margin: 5px;
    padding: 5px;
    line-height: 1em;
    letter-spacing: normal
}

.foot .foot-cont .component.list ul li {
    font-size: 14px;
    list-style: #eee
}

.foot .foot-cont .component.list ul li a {
    color: #eee
}

.foot .foot-cont .component.list ul li a:hover {
    color: white
}

.component.list.disc ul {
    list-style-type: disc
}

.component.list.none ul {
    list-style-type: none
}

.component.list.circle ul {
    list-style-type: circle
}

.component.list.square ul {
    list-style-type: square
}

.component.list.lower_roman ul {
    list-style-type: lower-roman
}

.component.list.upper_roman ul {
    list-style-type: upper-roman
}

.component.list.lower_greek ul {
    list-style-type: lower-greek
}

.component.list.decimal ul {
    list-style-type: decimal
}

.component.list.decimal_leading_zero ul {
    list-style-type: decimal-leading-zero
}

.component.list.lower_latin ul {
    list-style-type: lower-latin
}

.component.list.lower_alpha ul {
    list-style-type: lower-alpha
}

.component.list.upper_latin ul {
    list-style-type: upper-latin
}

.component.list.upper_alpha ul {
    list-style-type: upper-alpha
}

.component.list.cjk_ideographic ul {
    list-style-type: cjk-ideographic
}

.component.list.hiragana ul {
    list-style-type: hiragana
}

.component.list.katakana ul {
    list-style-type: katakana
}

.component.list.hiragana_iroha ul {
    list-style-type: hiragana-iroha
}

.component.list.katakana_iroha ul {
    list-style-type: katakana-iroha
}

.component.list.hebrew ul {
    list-style-type: hebrew
}

.component.list.armenian ul {
    list-style-type: armenian
}

.component.list.georgian ul {
    list-style-type: georgian
}

.new-local-business-component-modal .opening-hours-specifications-settings {
    border-top: solid #eee 1px
}

.new-local-business-component-modal .opening-hours-specifications-settings .opening-hours-specifications-buttons button {
    margin-right: 5px
}

.main-visual {
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 500px
}

.main-visual>.overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    background: #fff;
    opacity: 0
}

.main-visual:before,
.main-visual:after {
    pointer-events: none
}

@media (max-width: 769px) {
    .main-visual {
        min-height: 300px
    }
}

.component.map .place-holder {
    width: 260px
}

.page-contents .component.maps {
    overflow: visible
}

.component.maps {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.component.maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.component.maps .place-card {
    display: none
}

.side .component.maps {
    margin-bottom: 10px
}

.component.text {
    font-size: 14px
}

.component.text p {
    margin: 1em 0
}

.component.text img {
    max-width: 100%;
    margin-bottom: 20px !important
}

.component.text h1,
.component.text h2,
.component.text h3,
.component.text h4,
.component.text h5,
.component.text h6 {
    line-height: 1em
}

.component.text h4,
.component.text h5,
.component.text h6 {
    font-weight: bold
}

.component.text h1 {
    font-size: 42px;
    font-weight: bold
}

.component.text h2 {
    font-size: 33.6px;
    padding-bottom: 5px;
    border-bottom: 1px solid #aaa
}

.component.text h3 {
    font-size: 25.2px
}

.component.text h4 {
    font-size: 19.6px
}

.component.text h5 {
    font-size: 16.8px
}

.component.text h6 {
    font-size: 14px
}

.component.text blockquote {
    padding: 1em;
    margin: 1em 0;
    color: #333;
    border-left: 7px #aaa solid;
    font-size: 16.8px
}

.component.text blockquote p {
    margin: 0
}

.component.text pre {
    font-size: 14px
}

.component.text hr {
    padding: 0;
    margin: 1em 0;
    display: block;
    height: 1px;
    border: 0;
    border-bottom: 1px solid #aaa
}

.component.text b,
.component.text strong {
    font-weight: bold
}

.component.text em {
    font-style: italic
}

.component.text dfn {
    font-style: italic
}

.component.text ins {
    background: #ff9;
    color: #000;
    text-decoration: none
}

.component.text mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold
}

.component.text sub,
.component.text sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.component.text sup {
    top: -.5em
}

.component.text sub {
    bottom: -.25em
}

.component.text ul,
.component.text ol {
    margin: 1em 0;
    padding: 0 0 0 2em;
    list-style: disc
}

.component.text li p:last-child {
    margin: 0
}

.component.text dd {
    margin: 0 0 0 2em
}

.component.text img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

.component.text table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px 0;
    width: 100%
}

.component.text th {
    text-align: center
}

.component.text th,
.component.text td {
    vertical-align: middle;
    padding: 20px;
    border: 1px solid #ddd;
    margin: 0
}

.component.text th {
    background: #eee;
    font-weight: bold
}

@media (max-width: 769px) {
    .component.text {
        width: 100%;
        position: relative;
        margin: 0 !important;
        padding: 10px
    }
    .component.text table {
        word-wrap: break-word;
        table-layout: fixed
    }
}

.navi ul.nav {
    list-style: none
}

.navi ul.nav:before,
.navi ul.nav:after {
    content: " ";
    display: table
}

.navi ul.nav:after {
    clear: both
}

.navi ul.nav ul {
    list-style: none;
    width: 9em;
    height: 100%
}

.navi ul.nav li {
    position: relative
}

.navi ul.nav>li {
    float: left
}

.navi ul.nav li>.parent {
    position: relative
}

.navi ul.nav>li>.parent {
    position: relative
}

.navi ul.nav>li>a {
    display: block
}

.navi ul.nav>li>a>.fa {
    z-index: 1
}

.navi ul.nav li ul {
    position: absolute;
    left: -9999px
}

.navi ul.nav>li.hover>ul {
    left: 0
}

.navi ul.nav li li.hover ul {
    left: 100%;
    top: 0
}

.navi ul.nav li li a {
    display: block;
    position: relative;
    z-index: 100
}

.navi ul.nav li li li a {
    z-index: 200
}

.navi .fa-chevron-down:before {
    content: "" !important
}

@media screen and (max-width: 769px) {
    .navi .active {
        display: block
    }
    .navi ul.nav>li {
        float: none
    }
    .navi ul.nav>li>.parent {
        background-position: 95% 50%
    }
    .navi ul.nav ul {
        display: block;
        width: 100%
    }
    .navi ul.nav>li.hover>ul,
    .navi ul.nav li li.hover ul {
        position: static
    }
}

header a {
    text-decoration: none
}

header .main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0
}

header .main-menu ul li {
    font-size: 14px;
    display: inline-block;
    min-width: 100px
}

.navi-hu-base header#navigations {
    background: #333
}

.navi-hu-base header#navigations .inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto
}

.navi-hu-base header#navigations .inner .main-menu .level-01-trigger {
    position: relative
}

.navi-hu-base header#navigations .inner .main-menu .level-01-trigger .level-01-cont {
    position: absolute;
    top: 100%;
    left: 0
}

.navi-hu-base header#navigations .inner .main-menu .level-01-trigger .level-01-cont .level-02-trigger {
    position: relative
}

.navi-hu-base header#navigations .inner .main-menu .level-01-trigger .level-01-cont .level-02-trigger .level-02-cont {
    position: absolute;
    top: 0;
    left: 100%
}

.sp-menu {
    display: none
}

@media screen and (max-width: 769px) {
    .sp-menu {
        display: block
    }
}

.previews-actions {
    position: fixed;
    right: 0;
    top: 0;
    padding: 0;
    z-index: 1000;
    width: 50px;
    height: 90px
}

.previews-actions iframe {
    width: 100%;
    height: 100%
}

.rich-heading h1,
.rich-heading h2,
.rich-heading h3,
.rich-heading h4,
.rich-heading h5 {
    cursor: text;
    white-space: pre-wrap;
    text-align: inherit
}

.rich-heading h1 div,
.rich-heading h1 span,
.rich-heading h2 div,
.rich-heading h2 span,
.rich-heading h3 div,
.rich-heading h3 span,
.rich-heading h4 div,
.rich-heading h4 span,
.rich-heading h5 div,
.rich-heading h5 span {
    font-weight: inherit
}

.rich-heading h1 em,
.rich-heading h2 em,
.rich-heading h3 em,
.rich-heading h4 em,
.rich-heading h5 em {
    font-weight: bold
}

.rich-heading .font-size-8px {
    font-size: 8px
}

.rich-heading .font-size-9px {
    font-size: 9px
}

.rich-heading .font-size-10px {
    font-size: 10px
}

.rich-heading .font-size-11px {
    font-size: 11px
}

.rich-heading .font-size-12px {
    font-size: 12px
}

.rich-heading .font-size-14px {
    font-size: 14px
}

.rich-heading .font-size-16px {
    font-size: 16px
}

.rich-heading .font-size-18px {
    font-size: 18px
}

.rich-heading .font-size-20px {
    font-size: 20px
}

.rich-heading .font-size-22px {
    font-size: 22px
}

.rich-heading .font-size-24px {
    font-size: 24px
}

.rich-heading .font-size-26px {
    font-size: 26px
}

.rich-heading .font-size-28px {
    font-size: 28px
}

.rich-heading .font-size-36px {
    font-size: 36px
}

.rich-heading .font-size-46px {
    font-size: 46px
}

.rich-heading .font-size-72px {
    font-size: 72px
}

.rich-heading .font-family-timesnewroman {
    font-family: "Times New Roman", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-gothic {
    font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif, "websafe"
}

.rich-heading .font-family-arial {
    font-family: "Arial", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-sans-serif {
    font-family: "sans-serif", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-georgia {
    font-family: "Georgia", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-verdana {
    font-family: "Verdana", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-helvetica {
    font-family: "helvetica", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-a1mincho {
    font-family: "A1明朝", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-udshingo {
    font-family: "UD新ゴ L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-udshingor {
    font-family: "UD新ゴ R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-udshingom {
    font-family: "UD新ゴ M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-udshingob {
    font-family: "UD新ゴ B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-udshinmarugo {
    font-family: "UD新丸ゴ L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-udshinmarugor {
    font-family: "UD新丸ゴ R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-udshinmarugom {
    font-family: "UD新丸ゴ M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-udshinmarugob {
    font-family: "UD新丸ゴ B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-udreimin {
    font-family: "UD黎ミン L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-udreiminr {
    font-family: "UD黎ミン R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-udreiminm {
    font-family: "UD黎ミン M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-udreiminb {
    font-family: "UD黎ミン B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-gothicmb101 {
    font-family: "ゴシックMB101 L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-gothicmb101r {
    font-family: "ゴシックMB101 R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-gothicmb101m {
    font-family: "ゴシックMB101 M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-gothicmb101b {
    font-family: "ゴシックMB101 B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-gothicmb101db {
    font-family: "ゴシックMB101 DB", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-jun201 {
    font-family: "じゅん 201", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-suzumishi {
    font-family: "すずむし", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-haruhirakuen {
    font-family: "はるひ学園", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-fork {
    font-family: "フォーク R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-forkm {
    font-family: "フォーク M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-forkb {
    font-family: "フォーク B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-ryumin {
    font-family: "リュウミン R-KL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-ryuminm {
    font-family: "リュウミン M-KL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-ryuminb {
    font-family: "リュウミン B-KL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-ryumineb {
    font-family: "リュウミン EB-KL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-kaiminchuu {
    font-family: "解ミン 宙 R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-kaiminchuum {
    font-family: "解ミン 宙 M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-kaiminchuub {
    font-family: "解ミン 宙 B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-marufork {
    font-family: "丸フォーク R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-maruforkm {
    font-family: "丸フォーク M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-maruforkb {
    font-family: "丸フォーク B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-midashigomb31 {
    font-family: "見出ゴMB31", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-midashiminma31 {
    font-family: "見出ミンMA31", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-shingoel {
    font-family: "新ゴ EL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-shingo {
    font-family: "新ゴ L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-shingor {
    font-family: "新ゴ R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-shingom {
    font-family: "新ゴ M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-shingob {
    font-family: "新ゴ B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-shinmarugo {
    font-family: "新丸ゴ L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-shinmarugor {
    font-family: "新丸ゴ R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-shinmarugom {
    font-family: "新丸ゴ M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-shinmarugob {
    font-family: "新丸ゴ B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-chuugothicbbb {
    font-family: "中ゴシックBBB", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-reimin {
    font-family: "黎ミン R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-reiminm {
    font-family: "黎ミン M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading .font-family-reiminb {
    font-family: "黎ミン B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.rich-heading svg {
    fill: white;
    width: 18px;
    height: 18px
}

.rich-heading svg.icon-rich-content-bg-color {
    vertical-align: baseline
}

.rich-heading svg.icon-rich-content-clear {
    vertical-align: middle
}

.rich-heading-align-left {
    text-align: left !important
}

.rich-heading-align-left h1,
.rich-heading-align-left h2,
.rich-heading-align-left h3,
.rich-heading-align-left h4,
.rich-heading-align-left h5 {
    text-align: inherit !important
}

.rich-heading-align-center {
    text-align: center !important
}

.rich-heading-align-center h1,
.rich-heading-align-center h2,
.rich-heading-align-center h3,
.rich-heading-align-center h4,
.rich-heading-align-center h5 {
    text-align: inherit !important
}

.rich-heading-align-right {
    text-align: right !important
}

.rich-heading-align-right h1,
.rich-heading-align-right h2,
.rich-heading-align-right h3,
.rich-heading-align-right h4,
.rich-heading-align-right h5 {
    text-align: inherit !important
}

.rich-heading-modal {
    padding: 0 40px
}

.rich-heading-modal .row .column {
    vertical-align: middle
}

.rich-heading-modal .item {
    padding: 0 15px
}

.rich-heading-modal .item input,
.rich-heading-modal .item button {
    margin: 10px 0
}

.component.richtext {
    overflow-wrap: break-word
}

.component.richtext img {
    max-width: 100%
}

.component.richtext li {
    display: list-item
}

.component.richtext head {
    display: none
}

.component.richtext table {
    display: table;
    border: 1;
    max-width: 100%
}

.component.richtext table p {
    line-height: 1.12em;
    margin: unset !important
}

.component.richtext tr {
    display: table-row;
    border: 1px solid black
}

.component.richtext thead {
    display: table-header-group;
    border: 1px solid black
}

.component.richtext tbody {
    display: table-row-group;
    border: 1px solid black
}

.component.richtext tfoot {
    display: table-footer-group;
    border: 1px solid black
}

.component.richtext col {
    display: table-column
}

.component.richtext colgroup {
    display: table-column-group
}

.component.richtext td,
.component.richtext th {
    display: table-cell;
    border: 1px solid #555;
    padding: 10px;
    word-break: break-word
}

.component.richtext caption {
    display: table-caption;
    color: #777;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left
}

.component.richtext th {
    font-weight: bolder;
    text-align: left
}

.component.richtext body {
    margin: 8px
}

.component.richtext h1 {
    font-size: 2em;
    margin: .67em 0
}

.component.richtext h2 {
    font-size: 1.5em;
    margin: .75em 0
}

.component.richtext h3 {
    font-size: 1.17em;
    margin: .83em 0
}

.component.richtext h4,
.component.richtext p,
.component.richtext blockquote,
.component.richtext ul,
.component.richtext fieldset,
.component.richtext form,
.component.richtext ol,
.component.richtext dl,
.component.richtext dir,
.component.richtext menu {
    margin: 1.12em 0
}

.component.richtext h5 {
    font-size: .83em;
    margin: 1.5em 0
}

.component.richtext h6 {
    font-size: .75em;
    margin: 1.67em 0
}

.component.richtext h1,
.component.richtext h2,
.component.richtext h3,
.component.richtext h4,
.component.richtext h5,
.component.richtext h6,
.component.richtext b,
.component.richtext strong {
    font-weight: bolder;
    font-style: inherit
}

.component.richtext span,
.component.richtext u,
.component.richtext s,
.component.richtext a {
    font-weight: inherit;
    font-style: inherit
}

.component.richtext blockquote {
    padding: 1em;
    margin: 1em 0;
    color: #333;
    border-left: 7px #aaa solid;
    font-size: .9em
}

.component.richtext cite,
.component.richtext em,
.component.richtext var,
.component.richtext address {
    font-style: italic;
    font-weight: inherit
}

.component.richtext pre,
.component.richtext tt,
.component.richtext code,
.component.richtext kbd,
.component.richtext samp {
    font-family: monospace
}

.component.richtext pre {
    white-space: pre
}

.component.richtext button,
.component.richtext textarea,
.component.richtext input,
.component.richtext select {
    display: inline-block
}

.component.richtext big {
    font-size: 1.17em
}

.component.richtext small,
.component.richtext sub,
.component.richtext sup {
    font-size: .83em
}

.component.richtext sub {
    vertical-align: sub
}

.component.richtext sup {
    vertical-align: super
}

.component.richtext table {
    border-spacing: 2px
}

.component.richtext thead,
.component.richtext tbody,
.component.richtext tfoot {
    vertical-align: middle
}

.component.richtext td,
.component.richtext th,
.component.richtext tr {
    vertical-align: inherit
}

.component.richtext s,
.component.richtext strike,
.component.richtext del {
    text-decoration: line-through
}

.component.richtext hr {
    border: 1px inset
}

.component.richtext ol,
.component.richtext ul,
.component.richtext dir,
.component.richtext menu,
.component.richtext dd {
    margin-left: 40px
}

.component.richtext ol {
    list-style-type: decimal
}

.component.richtext ul {
    list-style-type: disc
}

.component.richtext ul ul,
.component.richtext ol ul {
    list-style-type: circle
}

.component.richtext ol ol ul,
.component.richtext ol ul ul,
.component.richtext ul ol ul,
.component.richtext ul ul ul {
    list-style-type: square
}

.component.richtext ol ul,
.component.richtext ul ol,
.component.richtext ul ul,
.component.richtext ol ol {
    margin-top: 0;
    margin-bottom: 0
}

.component.richtext u,
.component.richtext ins {
    text-decoration: underline
}

.component.richtext br:before {
    content: "\A";
    white-space: pre-line
}

.component.richtext center {
    text-align: center
}

.component.richtext :link,
.component.richtext :visited {
    text-decoration: underline
}

.component.richtext :focus {
    outline: thin dotted invert
}

.component.richtext bdo[DIR="ltr"] {
    direction: ltr;
    unicode-bidi: bidi-override
}

.component.richtext bdo[DIR="rtl"] {
    direction: rtl;
    unicode-bidi: bidi-override
}

.component.richtext *[DIR="ltr"] {
    direction: ltr;
    unicode-bidi: embed
}

.component.richtext *[DIR="rtl"] {
    direction: rtl;
    unicode-bidi: embed
}

@media print {
    .component.richtext h1 {
        page-break-before: always
    }
    .component.richtext h1,
    .component.richtext h2,
    .component.richtext h3,
    .component.richtext h4,
    .component.richtext h5,
    .component.richtext h6 {
        page-break-after: avoid
    }
    .component.richtext ul,
    .component.richtext ol,
    .component.richtext dl {
        page-break-before: avoid
    }
}

.component.richtext .button-cont a {
    font-size: inherit !important
}

.component.richtext .instagram-show .instagram iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.component.richtext .instagram-show .instagram {
    position: relative;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.component.richtext .article-embed[data-embed-type="url"] {
    position: relative;
    margin-bottom: 10px;
    height: 172px
}

.component.richtext .article-embed[data-embed-type="url"] .link-thumbnail {
    display: flex !important;
    flex-direction: row
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link.empty-data {
    display: none
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link {
    position: relative
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link a {
    text-decoration: none;
    color: #26334c
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link span {
    display: block
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link .quote-link_entry {
    border: 1px solid #eee;
    padding: 10px
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link .quote-link_entry .quote-link-img .quote-link-img-item {
    background-repeat: no-repeat;
    background-size: cover;
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 150px
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link .quote-link_entry .cont {
    word-break: break-all;
    padding-left: 20px
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link .quote-link_entry .cont .quote-link_title {
    margin: 0;
    font-weight: bold !important;
    font-size: 110%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link .quote-link_entry .cont .quote-link_desp {
    margin-top: 5px;
    font-size: 80%;
    opacity: .7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.component.richtext .article-embed[data-embed-type="url"] .quote-link .quote-link_entry .cont .quote-link_site {
    margin: 0;
    font-size: 80%;
    opacity: .7
}

.component.richtext .article-embed {
    max-width: 100%
}

.component.richtext .article-embed iframe {
    max-width: 100%;
    max-height: 100%
}

.component.richtext .article-embed[data-iframe=""] {
    display: none
}

.component.richtext .article-embed.align-left,
.component.richtext .article-embed .instagram.align-left {
    margin-left: 0;
    margin-right: auto
}

.component.richtext .article-embed.align-center,
.component.richtext .article-embed .instagram.align-center {
    margin-left: auto;
    margin-right: auto
}

.component.richtext .article-embed.align-right,
.component.richtext .article-embed .instagram.align-right {
    margin-right: 0;
    margin-left: auto
}

.component.richtext .font-family-timesnewroman {
    font-family: "Times New Roman", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-gothic {
    font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif, "websafe"
}

.component.richtext .font-family-arial {
    font-family: "Arial", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-sans-serif {
    font-family: "sans-serif", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-georgia {
    font-family: "Georgia", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-verdana {
    font-family: "Verdana", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-helvetica {
    font-family: "helvetica", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-a1mincho {
    font-family: "A1明朝", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-udshingo {
    font-family: "UD新ゴ L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-udshingor {
    font-family: "UD新ゴ R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-udshingom {
    font-family: "UD新ゴ M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-udshingob {
    font-family: "UD新ゴ B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-udshinmarugo {
    font-family: "UD新丸ゴ L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-udshinmarugor {
    font-family: "UD新丸ゴ R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-udshinmarugom {
    font-family: "UD新丸ゴ M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-udshinmarugob {
    font-family: "UD新丸ゴ B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-udreimin {
    font-family: "UD黎ミン L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-udreiminr {
    font-family: "UD黎ミン R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-udreiminm {
    font-family: "UD黎ミン M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-udreiminb {
    font-family: "UD黎ミン B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-gothicmb101 {
    font-family: "ゴシックMB101 L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-gothicmb101r {
    font-family: "ゴシックMB101 R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-gothicmb101m {
    font-family: "ゴシックMB101 M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-gothicmb101b {
    font-family: "ゴシックMB101 B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-gothicmb101db {
    font-family: "ゴシックMB101 DB", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-jun201 {
    font-family: "じゅん 201", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-suzumishi {
    font-family: "すずむし", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-haruhirakuen {
    font-family: "はるひ学園", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-fork {
    font-family: "フォーク R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-forkm {
    font-family: "フォーク M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-forkb {
    font-family: "フォーク B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-ryumin {
    font-family: "リュウミン R-KL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-ryuminm {
    font-family: "リュウミン M-KL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-ryuminb {
    font-family: "リュウミン B-KL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-ryumineb {
    font-family: "リュウミン EB-KL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-kaiminchuu {
    font-family: "解ミン 宙 R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-kaiminchuum {
    font-family: "解ミン 宙 M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-kaiminchuub {
    font-family: "解ミン 宙 B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-marufork {
    font-family: "丸フォーク R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-maruforkm {
    font-family: "丸フォーク M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-maruforkb {
    font-family: "丸フォーク B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-midashigomb31 {
    font-family: "見出ゴMB31", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-midashiminma31 {
    font-family: "見出ミンMA31", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-shingoel {
    font-family: "新ゴ EL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-shingo {
    font-family: "新ゴ L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-shingor {
    font-family: "新ゴ R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-shingom {
    font-family: "新ゴ M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-shingob {
    font-family: "新ゴ B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-shinmarugo {
    font-family: "新丸ゴ L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-shinmarugor {
    font-family: "新丸ゴ R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-shinmarugom {
    font-family: "新丸ゴ M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-shinmarugob {
    font-family: "新丸ゴ B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-chuugothicbbb {
    font-family: "中ゴシックBBB", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-reimin {
    font-family: "黎ミン R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-reiminm {
    font-family: "黎ミン M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .font-family-reiminb {
    font-family: "黎ミン B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.richtext .border-margin-none {
    margin-top: 0;
    margin-bottom: 0
}

.component.richtext .border-margin-small {
    margin-top: 10px;
    margin-bottom: 10px
}

.component.richtext .border-margin-medium {
    margin-top: 20px;
    margin-bottom: 20px
}

.component.richtext .border-margin-large {
    margin-top: 30px;
    margin-bottom: 30px
}

.component.richtext hr.type01 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent);
    background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent)
}

.component.richtext hr.type02 {
    border: 0;
    border-bottom: 1px dashed #aaa
}

.component.richtext hr.type03 {
    border: 0;
    border-bottom: 1px solid #aaa
}

.component.richtext hr.type04 {
    border: 0;
    border-top: 3px double #aaa
}

.component.richtext .button-cont a {
    white-space: pre-wrap
}

.rich-text-component-modal .embed-load-button {
    margin: 10px
}

.rich-text-component-modal .btn-toolbar {
    margin-bottom: 10px
}

.rich-text-component-modal .btn-toolbar input {
    display: inline-block;
    width: 87.4%
}

.rich-text-component-modal #md-preview-area {
    height: 400px
}

.rich-text-component-modal #md-preview-area pre {
    height: 83%
}

.rich-text-component-modal #theme-black {
    width: 40px;
    height: 34px;
    background: #2d2d2d;
    margin: 0 10px
}

.rich-text-component-modal #theme-default {
    width: 40px;
    height: 34px;
    margin: 0 10px
}

.component.richtext .black,
.rich-text-component-modal .black {
    overflow: hidden !important;
    background: #2d2d2d;
    color: #ccc;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid #ccc;
    border-radius: 4px
}

.component.richtext .black .hljs-comment,
.component.richtext .black .hljs-quote,
.rich-text-component-modal .black .hljs-comment,
.rich-text-component-modal .black .hljs-quote {
    color: #999
}

.component.richtext .black .hljs-variable,
.component.richtext .black .hljs-template-variable,
.component.richtext .black .hljs-tag,
.component.richtext .black .hljs-name,
.component.richtext .black .hljs-selector-id,
.component.richtext .black .hljs-selector-class,
.component.richtext .black .hljs-regexp,
.component.richtext .black .hljs-deletion,
.rich-text-component-modal .black .hljs-variable,
.rich-text-component-modal .black .hljs-template-variable,
.rich-text-component-modal .black .hljs-tag,
.rich-text-component-modal .black .hljs-name,
.rich-text-component-modal .black .hljs-selector-id,
.rich-text-component-modal .black .hljs-selector-class,
.rich-text-component-modal .black .hljs-regexp,
.rich-text-component-modal .black .hljs-deletion {
    color: #f2777a
}

.component.richtext .black .hljs-number,
.component.richtext .black .hljs-built_in,
.component.richtext .black .hljs-builtin-name,
.component.richtext .black .hljs-literal,
.component.richtext .black .hljs-type,
.component.richtext .black .hljs-params,
.component.richtext .black .hljs-meta,
.component.richtext .black .hljs-link,
.rich-text-component-modal .black .hljs-number,
.rich-text-component-modal .black .hljs-built_in,
.rich-text-component-modal .black .hljs-builtin-name,
.rich-text-component-modal .black .hljs-literal,
.rich-text-component-modal .black .hljs-type,
.rich-text-component-modal .black .hljs-params,
.rich-text-component-modal .black .hljs-meta,
.rich-text-component-modal .black .hljs-link {
    color: #f99157
}

.component.richtext .black .hljs-attribute,
.rich-text-component-modal .black .hljs-attribute {
    color: #fc6
}

.component.richtext .black .hljs-string,
.component.richtext .black .hljs-symbol,
.component.richtext .black .hljs-bullet,
.component.richtext .black .hljs-addition,
.rich-text-component-modal .black .hljs-string,
.rich-text-component-modal .black .hljs-symbol,
.rich-text-component-modal .black .hljs-bullet,
.rich-text-component-modal .black .hljs-addition {
    color: #9c9
}

.component.richtext .black .hljs-title,
.component.richtext .black .hljs-section,
.rich-text-component-modal .black .hljs-title,
.rich-text-component-modal .black .hljs-section {
    color: #69c
}

.component.richtext .black .hljs-keyword,
.component.richtext .black .hljs-selector-tag,
.rich-text-component-modal .black .hljs-keyword,
.rich-text-component-modal .black .hljs-selector-tag {
    color: #c9c
}

.component.richtext .black .hljs,
.rich-text-component-modal .black .hljs {
    display: block;
    overflow-x: auto;
    background: #2d2d2d;
    color: #ccc;
    padding: .5em
}

.component.richtext .black .hljs-emphasis,
.rich-text-component-modal .black .hljs-emphasis {
    font-style: italic
}

.component.richtext .black .hljs-strong,
.rich-text-component-modal .black .hljs-strong {
    font-weight: bold
}

.component.richtext .default,
.rich-text-component-modal .default {
    overflow: hidden !important;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid #ccc;
    border-radius: 4px
}

.component.richtext .default .hljs,
.component.richtext .default .hljs-subst,
.rich-text-component-modal .default .hljs,
.rich-text-component-modal .default .hljs-subst {
    color: #444
}

.component.richtext .default .hljs-comment,
.rich-text-component-modal .default .hljs-comment {
    color: #888
}

.component.richtext .default .hljs-keyword,
.component.richtext .default .hljs-attribute,
.component.richtext .default .hljs-selector-tag,
.component.richtext .default .hljs-meta-keyword,
.component.richtext .default .hljs-doctag,
.component.richtext .default .hljs-name,
.rich-text-component-modal .default .hljs-keyword,
.rich-text-component-modal .default .hljs-attribute,
.rich-text-component-modal .default .hljs-selector-tag,
.rich-text-component-modal .default .hljs-meta-keyword,
.rich-text-component-modal .default .hljs-doctag,
.rich-text-component-modal .default .hljs-name {
    font-weight: bold
}

.component.richtext .default .hljs-type,
.component.richtext .default .hljs-string,
.component.richtext .default .hljs-number,
.component.richtext .default .hljs-selector-id,
.component.richtext .default .hljs-selector-class,
.component.richtext .default .hljs-quote,
.component.richtext .default .hljs-template-tag,
.component.richtext .default .hljs-deletion,
.rich-text-component-modal .default .hljs-type,
.rich-text-component-modal .default .hljs-string,
.rich-text-component-modal .default .hljs-number,
.rich-text-component-modal .default .hljs-selector-id,
.rich-text-component-modal .default .hljs-selector-class,
.rich-text-component-modal .default .hljs-quote,
.rich-text-component-modal .default .hljs-template-tag,
.rich-text-component-modal .default .hljs-deletion {
    color: #800
}

.component.richtext .default .hljs-title,
.component.richtext .default .hljs-section,
.rich-text-component-modal .default .hljs-title,
.rich-text-component-modal .default .hljs-section {
    color: #800;
    font-weight: bold
}

.component.richtext .default .hljs-regexp,
.component.richtext .default .hljs-symbol,
.component.richtext .default .hljs-variable,
.component.richtext .default .hljs-template-variable,
.component.richtext .default .hljs-link,
.component.richtext .default .hljs-selector-attr,
.component.richtext .default .hljs-selector-pseudo,
.rich-text-component-modal .default .hljs-regexp,
.rich-text-component-modal .default .hljs-symbol,
.rich-text-component-modal .default .hljs-variable,
.rich-text-component-modal .default .hljs-template-variable,
.rich-text-component-modal .default .hljs-link,
.rich-text-component-modal .default .hljs-selector-attr,
.rich-text-component-modal .default .hljs-selector-pseudo {
    color: #bc6060
}

.component.richtext .default .hljs-literal,
.rich-text-component-modal .default .hljs-literal {
    color: #78a960
}

.component.richtext .default .hljs-built_in,
.component.richtext .default .hljs-bullet,
.component.richtext .default .hljs-code,
.component.richtext .default .hljs-addition,
.rich-text-component-modal .default .hljs-built_in,
.rich-text-component-modal .default .hljs-bullet,
.rich-text-component-modal .default .hljs-code,
.rich-text-component-modal .default .hljs-addition {
    color: #397300
}

.component.richtext .default .hljs-meta,
.rich-text-component-modal .default .hljs-meta {
    color: #1f7199
}

.component.richtext .default .hljs-meta-string,
.rich-text-component-modal .default .hljs-meta-string {
    color: #4d99bf
}

.component.richtext .default .hljs-emphasis,
.rich-text-component-modal .default .hljs-emphasis {
    font-style: italic
}

.component.richtext .default .hljs-strong,
.rich-text-component-modal .default .hljs-strong {
    font-weight: bold
}

.cke_inner,
.cke_contents,
.cke_wrapper,
.cke_reset {
    background-color: transparent !important
}

.cke_maximized {
    background-color: white !important
}

@media screen and (max-width: 769px) {
    .component.richtext ol,
    .component.richtext ul {
        margin-left: 20px
    }
    .component.richtext .table-with-row-header table tbody tr th,
    .component.richtext .table-with-row-header table tbody tr td {
        display: block !important
    }
    .component.richtext .table-with-two-headers {
        overflow: scroll
    }
    .component.richtext .table-with-two-headers table tr th,
    .component.richtext .table-with-two-headers table tr td {
        white-space: nowrap
    }
}

.component.rss h3.overview {
    padding-bottom: 5px;
    font-weight: bold
}

.component.rss .rss_entry {
    border-bottom: 1px solid #eee
}

.component.rss .img,
.component.rss .cont {
    display: inline-block;
    vertical-align: top
}

.component.rss .img {
    width: 20%
}

.component.rss .img img {
    width: 100%;
    border-radius: 3px;
    padding: 10px;
    box-sizing: border-box
}

.component.rss dd.right {
    text-align: right;
    font-size: 14px;
    padding: 5px;
    margin: 10px 0
}

.component.rss .cont {
    width: 75%;
    padding: 10px;
    font-weight: bold;
    word-break: break-all;
    font-size: 14px
}

.component.rss .cont .rss_date {
    margin: 10px 0
}

.component.rss .cont .rss_title {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0
}

.component.rss .cont .rss_desp {
    font-weight: bold;
    margin: 10px 0
}

.component.rss .cont .rss_desp img {
    max-width: 100%
}

.component.rss .cont a:hover {
    text-decoration: underline
}

.component.salefoce-article,
.component.salefoce-search,
.component.salefoce-related-article {
    position: relative
}

.component.search .search-cont {
    position: relative;
    padding: 0 55px 0 0
}

.component.search .search-cont input[type="search"] {
    border-radius: 4px;
    font-size: 12px;
    border: solid 1px #ddd;
    background-color: #eee;
    width: 100%;
    height: 37px;
    padding: 10px;
    vertical-align: middle;
    box-sizing: border-box
}

.component.search .search-cont input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    padding: 10px 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 12px;
    height: auto;
    color: #fff;
    background-color: #999;
    border-style: none
}

.component.search .search-cont input[type="submit"]:hover {
    opacity: .8;
    cursor: pointer
}

body.hidden-scroll {
    overflow: hidden
}

.contents {
    margin: 0
}

.page-title {
    font-size: 16pt;
    background-color: #555;
    color: #ccc;
    padding: 5px;
    margin-top: 0
}

.page-navi,
.page-breadcrumb,
.page-footer,
.page-row,
.page-column {
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff
}

.page-component {
    background: #fff
}

.page-component:hover {
    background: white !important
}

.page-navi {
    margin: 0;
    background-color: #fafafa
}

.page-header {
    position: relative;
    min-height: 200px;
    border: none;
    margin: 0;
    background: none
}

.page-header .toggle {
    float: none;
    text-align: left;
    position: absolute;
    right: 20px;
    top: 10px;
    width: 95px
}

.page-header .toggle .view-btn {
    position: absolute;
    top: 0px;
    right: 0px
}

.hidden-nav {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.page-header,
.page-navi,
.page-component,
.page-breadcrumb {
    line-height: 34px
}

.page-header .align-right,
.page-navi .align-right,
.page-component .align-right,
.page-breadcrumb .align-right {
    float: right !important
}

.page-header .p-help,
.page-navi .p-help,
.page-component .p-help,
.page-breadcrumb .p-help {
    font-size: 12px;
    color: #ccc
}

.page-header-image img {
    width: 100%;
    height: auto
}

.page-header-image .page-header-title {
    font-size: 24px;
    font-weight: bold;
    padding: 10px
}

.page-header-image .page-header-subtitle {
    font-size: 16px;
    padding: 10px
}

.edit-navi .inner {
    max-width: 100% !important;
    position: relative
}

.edit-breadcrumb .breadcrumbs {
    max-width: 100% !important
}

.edit-logo {
    position: relative
}

.edit-logo #editAreabrandLogo {
    margin: 0
}

.edit-logo .page-static-component-tag {
    z-index: 99;
    position: absolute;
    left: -100px
}

.edit-logo .dd-area {
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    background: transparent !important
}

.page-breadcrumb {
    background-color: #fafafa
}

.page-footer {
    background-color: #fafafa
}

.page-footer .page-component {
    border: 1px solid #eee
}

.page-footer .page-copyright-output {
    text-align: center
}

.page-content-unit {
    padding: 10px;
    margin-bottom: 20px;
    background: rgba(0, 150, 170, 0.1);
    border: 1px solid #fff
}

.page-content-unit:hover {
    border: 1px solid #97d2e8
}

.page-side {
    background-color: #fefaf4;
    border: 1px solid #fff
}

.page-side:hover {
    border: 1px solid #97d2e8
}

.page-content {
    padding: 10px;
    background: rgba(0, 150, 170, 0.1);
    border: 1px solid #fff
}

.page-content:hover {
    border: 1px solid #97d2e8
}

.page-column {
    background-color: #fafafa
}

.page-list-count {
    width: 80px;
    display: inline;
    margin: 10px 0
}

.page-static-component-tag {
    font-size: 12px;
    color: #888;
    background-color: #eee;
    border: solid 1px #ccc;
    padding: 2px 5px;
    margin: 0 5px
}

.page-static-component-tag.on:hover {
    cursor: pointer;
    opacity: 0.8
}

#displayNavigation li {
    font-size: 12px;
    display: -moz-inline-box;
    display: inline-block;
    padding-right: 0;
    *display: inline;
    *zoom: 1
}

#displayNavigation li:not(:last-child):after {
    content: "|";
    color: #999;
    padding: 0 2px;
    font-size: 11px
}

.dd-area {
    padding: 20px;
    text-align: center;
    border-radius: 4px
}

.dd-area .drag-text {
    color: darkgray
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-md {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.33;
    border-radius: 3px
}

.btn-md:hover {
    cursor: pointer
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.img-focus {
    border-color: #52a8ec;
    outline: 0;
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.8);
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.8)
}

.graph-area {
    background-color: #fff;
    margin: 10px;
    height: 300px;
    text-align: center;
    vertical-align: middle
}

.no-data {
    height: 150px
}

.fixed-cell-40p {
    width: 40%
}

.fixed-cell-30p {
    width: 30%
}

.setting-control {
    margin: 10px
}

.setting-control #theme-form h4 {
    margin: 0;
    padding: 0
}

.setting-control #theme-form .color-select .checked {
    background: #079952
}

.setting-control #theme-form .color-select a {
    display: inline-block;
    color: #fff;
    padding: 2px;
    border: solid 1px #ddd;
    margin: 5px
}

.setting-control #theme-form .color-select a span {
    width: 25px;
    height: 25px;
    font-size: 0;
    display: block
}

.line-count {
    width: 80px;
    text-align: right;
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline
}

.txt-primary {
    color: #428bca
}

.graph-area {
    margin-top: 20px
}

.js-btn-csv a {
    color: #fff
}

.table>thead:first-child>tr:first-child>th.rep-head,
.table>thead:first-child>tr:first-child>th.dropup {
    background-color: none
}

.table>thead:first-child>tr:first-child>th.rep-head a,
.table>thead:first-child>tr:first-child>th.dropup a {
    color: #2D2D2D
}

th.sum {
    background-color: #F7F7F7
}

.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3
}

.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid #adadad;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: 1px;
    left: 100%;
    z-index: 3
}

.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px
}

.btn-breadcrumb .btn:first-child {
    padding: 6px 6px 6px 10px
}

.btn-breadcrumb .btn:last-child {
    padding: 6px 18px 6px 24px
}

.btn-breadcrumb .btn.btn-default:not(:last-child):after {
    border-left: 10px solid #fff
}

.btn-breadcrumb .btn.btn-default:not(:last-child):before {
    border-left: 10px solid #ccc
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
    border-left: 10px solid #ebebeb
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
    border-left: 10px solid #adadad
}

.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
    border-left: 10px solid #428bca
}

.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
    border-left: 10px solid #357ebd
}

.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
    border-left: 10px solid #3276b1
}

.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
    border-left: 10px solid #285e8e
}

.btn-breadcrumb .btn.btn-success:not(:last-child):after {
    border-left: 10px solid #5cb85c
}

.btn-breadcrumb .btn.btn-success:not(:last-child):before {
    border-left: 10px solid #4cae4c
}

.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
    border-left: 10px solid #47a447
}

.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
    border-left: 10px solid #398439
}

.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
    border-left: 10px solid #d9534f
}

.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
    border-left: 10px solid #d43f3a
}

.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
    border-left: 10px solid #d2322d
}

.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
    border-left: 10px solid #ac2925
}

.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
    border-left: 10px solid #f0ad4e
}

.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
    border-left: 10px solid #eea236
}

.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
    border-left: 10px solid #ed9c28
}

.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
    border-left: 10px solid #d58512
}

.btn-breadcrumb .btn.btn-info:not(:last-child):after {
    border-left: 10px solid #5bc0de
}

.btn-breadcrumb .btn.btn-info:not(:last-child):before {
    border-left: 10px solid #46b8da
}

.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
    border-left: 10px solid #39b3d7
}

.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
    border-left: 10px solid #269abc
}

.panel-body .btn:not(.btn-block) {
    margin-bottom: 10px
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%
}

.img-rounded {
    border-radius: 3px
}

.img-circle {
    border-radius: 50%
}

.timeline-centered {
    position: relative;
    margin-bottom: 30px
}

.timeline-centered:before,
.timeline-centered:after {
    content: " ";
    display: table
}

.timeline-centered:after {
    clear: both
}

.timeline-centered:before,
.timeline-centered:after {
    content: " ";
    display: table
}

.timeline-centered:after {
    clear: both
}

.timeline-centered:before {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    background: #f5f5f6;
    top: 20px;
    bottom: 20px;
    margin-left: 30px
}

.timeline-centered .timeline-entry {
    position: relative;
    margin-top: 5px;
    margin-left: 30px;
    margin-bottom: 10px;
    clear: both
}

.timeline-centered .timeline-entry:before,
.timeline-centered .timeline-entry:after {
    content: " ";
    display: table
}

.timeline-centered .timeline-entry:after {
    clear: both
}

.timeline-centered .timeline-entry:before,
.timeline-centered .timeline-entry:after {
    content: " ";
    display: table
}

.timeline-centered .timeline-entry:after {
    clear: both
}

.timeline-centered .timeline-entry.begin {
    margin-bottom: 0
}

.timeline-centered .timeline-entry.left-aligned {
    float: left
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
    margin-left: 0;
    margin-right: -18px
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
    left: auto;
    right: -100px;
    text-align: left
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
    float: right
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
    margin-left: 0;
    margin-right: 70px
}

.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -9px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.timeline-centered .timeline-entry .timeline-entry-inner {
    position: relative;
    margin-left: -20px
}

.timeline-centered .timeline-entry .timeline-entry-inner:before,
.timeline-centered .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both
}

.timeline-centered .timeline-entry .timeline-entry-inner:before,
.timeline-centered .timeline-entry .timeline-entry-inner:after {
    content: " ";
    display: table
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
    position: absolute;
    left: -100px;
    text-align: right;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span {
    display: block
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child {
    font-size: 12px;
    font-weight: bold
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child {
    font-size: 10px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
    background: #fff;
    color: #737881;
    display: block;
    width: 40px;
    height: 40px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    -moz-box-shadow: 0 0 0 5px #f5f5f6;
    -webkit-box-shadow: 0 0 0 5px #f5f5f6;
    box-shadow: 0 0 0 5px #f5f5f6;
    line-height: 40px;
    font-size: 16px;
    float: left
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
    background-color: #303641;
    color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
    background-color: #ee4749;
    color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
    background-color: #00a651;
    color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
    background-color: #21a9e1;
    color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
    background-color: #fad839;
    color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
    background-color: #cc2424;
    color: #fff
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    position: relative;
    background: #f5f5f6;
    padding: 1em;
    margin-left: 60px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent #f5f5f6 transparent transparent;
    left: 0;
    top: 10px;
    margin-left: -9px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
    color: #737881;
    font-family: "Noto Sans", sans-serif;
    font-size: 10px;
    margin: 0;
    line-height: 1.428571429
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p+p {
    margin-top: 15px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
    font-size: 16px;
    margin-bottom: 10px
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
    color: #303641
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6;
    -ms-filter: alpha(opacity=60);
    filter: alpha(opacity=60)
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label table {
    font-size: 10pt
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label table th {
    background-color: #eee
}

.productbox {
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999
}

.producttitle {
    font-weight: bold;
    padding: 5px 0 5px 0
}

.productprice {
    border-top: 1px solid #dadada;
    padding-top: 5px
}

.pricetext {
    font-weight: bold;
    font-size: 1.4em
}

.rt-graph {
    background-color: #FFF6E3
}

.rt-count-talbe {
    display: table;
    width: 100%
}

.rt-count {
    font-size: 30pt;
    font-weight: bold;
    display: table-cell;
    height: 80px;
    min-width: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff
}

.rt-url-style {
    font-size: small;
    color: #999;
    font-style: italic;
    word-wrap: break-word
}

.tile-progress {
    background-color: #303641;
    color: #fff
}

.tile-progress {
    background: #00a65b;
    color: #fff;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.tile-progress .tile-header {
    padding: 15px 20px;
    padding-bottom: 40px;
    min-height: 150px
}

.tile-progress .tile-progressbar {
    height: 2px;
    background: rgba(0, 0, 0, 0.18);
    margin: 0
}

.tile-progress .tile-progressbar span {
    background: #fff
}

.tile-progress .tile-progressbar span {
    display: block;
    background: #fff;
    width: 0;
    height: 100%;
    -webkit-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1)
}

.tile-progress .tile-footer {
    padding: 20px;
    text-align: right;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 3px 3px;
    -moz-background-clip: padding;
    border-radius: 0 0 3px 3px;
    background-clip: padding-box;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.tile-progress.tile-red {
    background-color: #f56954;
    color: #fff
}

.tile-progress {
    background-color: #303641;
    color: #fff
}

.tile-progress.tile-blue {
    background-color: #0073b7;
    color: #fff
}

.tile-progress.tile-aqua {
    background-color: #00c0ef;
    color: #fff
}

.tile-progress.tile-green {
    background-color: #00a65a;
    color: #fff
}

.tile-progress.tile-cyan {
    background-color: #00b29e;
    color: #fff
}

.tile-progress.tile-purple {
    background-color: #ba79cb;
    color: #fff
}

.tile-progress.tile-pink {
    background-color: #ec3b83;
    color: #fff
}

.pct-counter {
    font-size: 16pt;
    font-weight: bold
}

td.v-alm {
    vertical-align: middle
}

input[type='number'] {
    text-align: right
}

.alert.alert-danger h4 {
    font-weight: bold;
    font-size: 12pt
}

.alert.alert-danger .text-lg {
    font-size: 10.5pt;
    line-height: 1.5em
}

.cv-detail table {
    font-size: 10pt
}

.cv-detail h3 {
    padding-left: 5px;
    border-left: 3px solid #ccc;
    font-weight: bold
}

.cv-detail .cv-table {
    border-left: none;
    border-right: none
}

.cv-detail .cv-table td {
    vertical-align: middle
}

.show-details .cv-customer-info {
    border: 2px solid #eee
}

.show-details .cv-customer-info .profile-info {
    margin-top: 25px
}

.show-details .cv-customer-info .device-info {
    margin-top: 15px;
    margin-bottom: 15px;
    border-left: 2px solid #eee
}

.show-details .cv-customer-info .user-image {
    margin-top: 22px
}

.show-details .cv-customer-info .user-image img {
    width: 80px;
    height: 80px
}

.show-details table {
    border: none
}

.show-details table th,
.show-details table td {
    border: none !important
}

.show-details table th.font-thin,
.show-details table td.font-thin {
    font-weight: normal;
    color: #666
}

.show-details table th.font-bold,
.show-details table td.font-bold {
    font-weight: bold
}

.show-details .no-padding-left {
    padding-left: 0px
}

.show-details .no-padding-right {
    padding-right: 0px
}

.cv-summary .more-unit {
    margin-left: 10px;
    font-size: small
}

.domain-text {
    width: 400px
}

.addon-box {
    padding: 0;
    width: 200px;
    border: none
}

.addon-select {
    width: 200px;
    background-color: #eee;
    border-left: 0;
    outline: 0 none !important
}

.tree-block {
    margin: 20px;
    font-size: 12pt;
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif
}

.tree-top {
    margin: 2px 0;
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: middle;
    width: 100%;
    clear: both
}

.tree-1 {
    margin: 2px 0 2px 20px;
    padding: 8px;
    line-height: 1.428571429;
    width: 100%;
    clear: both
}

.sitemap-url {
    float: left
}

.sitemap-title {
    float: left
}

.sitemap-button {
    float: right
}

.page-content .edit-button {
    display: none
}

.page-content .edit .edit-button {
    display: block
}

.page-side .edit-button {
    display: none
}

.page-side .edit .edit-button {
    display: block
}

.page-footer .edit-button {
    display: none
}

.page-footer .edit .edit-button {
    display: block
}

.page-base-info {
    padding: 0
}

.page-base-info-block {
    background-color: #555;
    color: #fff;
    padding: 10px
}

.page-base-info-block .show-select {
    margin-right: 20px
}

.page-base-info-block a {
    color: #fff
}

.page-base-info-block .lines {
    display: table;
    table-layout: fixed;
    width: 100%;
    line-height: 1.5em
}

.page-base-info-block hr {
    height: 1px;
    margin: 10px 0
}

.page-edit-footer {
    position: fixed;
    bottom: 0;
    left: 15%
}

.page-edit-footer-block {
    background-color: #555;
    color: #fff;
    padding: 5px 10px 3px 3px
}

.page-edit-footer-block edit-col {
    margin: 5px
}

.page-edit-footer-block .lines {
    display: table;
    table-layout: fixed;
    width: 100%
}

.page-edit-footer-block .lines p {
    border-radius: 4px;
    background: #eee;
    line-height: 30px;
    margin: 3px 20px 0 3px;
    padding: 2px 4px;
    color: #555
}

.page-edit-footer-block .lines p span {
    background: #999;
    padding: 5px 10px;
    color: #fff;
    margin-right: 10px
}

.row-none {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0
}

.mp-none {
    margin: 0;
    padding: 0
}

.mp-left-none {
    margin-left: 0;
    padding-left: 0
}

.mp-right-none {
    margin-right: 0;
    padding-right: 0
}

.pr-5 {
    margin: 0;
    padding-right: 3px;
    padding-left: 0
}

.fl-right {
    float: right
}

.cursor-clickable {
    cursor: pointer
}

.panel-heading.page-info {
    background-color: #555;
    color: #fff;
    border: none
}

#sitemap .dd-menu-title {
    display: inline-block;
    width: 85%
}

#sitemap .dd-menu-icon {
    display: inline-block;
    text-align: right;
    width: 12%
}

.dd-item.home>.dd3-content:after {
    font-family: FontAwesome;
    content: "\F015";
    position: absolute;
    right: 10px
}

.dd3-content {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.edit .lines a.ng-binding {
    color: #afdaf2
}

.edit .lines a.ng-binding:hover {
    color: #6dbce8;
    text-decoration: underline
}

.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active,
.input-group .form-control,
.input-group #epiceditor {
    z-index: 0
}

.title .small {
    font-size: 20px !important
}

.title .medium {
    font-size: 30px !important
}

.title .large {
    font-size: 40px !important
}

.border-margin-none {
    margin-top: 0px;
    margin-bottom: 0px
}

.border-margin-small {
    margin-top: 10px;
    margin-bottom: 10px
}

.border-margin-medium {
    margin-top: 20px;
    margin-bottom: 20px
}

.border-margin-large {
    margin-top: 30px;
    margin-bottom: 30px
}

hr.type01 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent);
    background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.75), transparent)
}

hr.type02 {
    border: 0;
    border-bottom: 1px dashed #aaa
}

hr.type03 {
    border: 0;
    border-bottom: 1px solid #aaa
}

hr.type04 {
    border: 0;
    border-top: 3px double #aaa
}

.va-middle {
    vertical-align: middle !important
}

.entry:not(:first-of-type) {
    margin-top: 10px
}

a.preview:hover img {
    opacity: 0.8;
    border-width: 2px
}

.control-label-left {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
    text-align: left
}

.form-submit-thanks-header {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin: 15px 0
}

.form-submit-thanks-body {
    text-align: center;
    font-size: 16px
}

.errors {
    font-family: "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", "メイリオ", Arial, sans-serif
}

.errors .box {
    padding: 40px;
    border-radius: 4px;
    background-color: #eee
}

.errors .error-title {
    font-size: 20pt;
    font-weight: bold;
    margin: 20px 0
}

.errors .error-subtitle {
    font-size: 16pt;
    padding-bottom: 20px
}

#wysiwyg-bar {
    outline: none;
    position: absolute;
    top: -33px;
    left: 0;
    display: block;
    background-color: rgba(51, 51, 51, 0.3);
    padding: 0 5px;
    border-radius: 3px;
    display: none
}

#brand_popover .arrow {
    display: none
}

.page-edit .page-list-label {
    position: relative;
    height: 50px
}

.page-edit .page-list-label label {
    margin-top: 10px
}

.page-edit .page-list-label a {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 5px
}

.page-edit .dd {
    float: left;
    width: 98%
}

.page-edit .bd-right {
    border-right: 1px solid #ddd
}

.page-edit .page-init .row-none {
    margin-top: 18px
}

.page-edit .page-init .checkbox label {
    margin-left: 10px;
    vertical-align: sub
}

.page-edit .btn-radio {
    width: 100%
}

.page-edit .img-radio {
    opacity: 0.5;
    margin-bottom: 5px
}

.page-edit .mt-10 {
    margin-top: 10px !important
}

.page-edit .mt-20 {
    margin-top: 20px !important
}

.page-edit .img-responsive {
    width: 100%
}

.page-edit .box-header {
    background-image: none;
    background-color: #777;
    color: #fff;
    border-radius: 0
}

.page-edit .box-header h2 {
    text-shadow: none;
    border: none
}

.page-edit .box-header .break {
    border: none
}

.page-edit .box-header .box-icon i {
    color: #fff
}

.page-edit .page-tab-content {
    padding: 20px 15px 30px;
    border: 1px solid #ddd
}

.page-edit .page-tab-content table#ab-test-index {
    font-size: 11px
}

.page-edit #delete-abtest {
    top: 0;
    right: 0;
    width: 250px;
    margin-right: 10px
}

.page-edit #important_table {
    overflow-y: scroll;
    max-height: 300px
}

.page-edit .no-padding-right {
    padding-right: 0px
}

.page-edit .no-margin-top {
    margin-top: 0px
}

.page-edit .tagsinput span.tag {
    color: white;
    background: #425d71;
    border: 1px solid #1e3548
}

.page-edit .tagsinput span.tag a {
    color: white
}

.page-edit label.fn-n {
    font-weight: normal
}

.page-edit .dd-list .ui-droppable:hover {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.page-edit .dd-list .ui-droppable:active {
    cursor: move;
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

#show-right-side {
    border-left: 1px solid #ddd;
    padding: 10px 30px;
    background-color: #eee
}

#show-right-side:hover {
    background-color: #e1e1e1;
    color: #595959
}

.blog textarea#InputEntry {
    width: 100%
}

.blog .list-table td {
    vertical-align: top
}

.cv-table td {
    line-height: 1.2px
}

.cv-table td.url {
    word-break: break-all
}

.cv-table td.url a {
    font-size: small;
    color: #428bca
}

table td.url {
    word-break: break-all
}

table th.w-30,
table td.w-30 {
    width: 30px
}

table th.w-40,
table td.w-40 {
    width: 40px
}

table th.w-50,
table td.w-50 {
    width: 50px
}

table th.w-60,
table td.w-60 {
    width: 60px
}

table th.w-70,
table td.w-70 {
    width: 70px
}

table th.w-80,
table td.w-80 {
    width: 80px
}

table th.w-90,
table td.w-90 {
    width: 90px
}

table th.w-100,
table td.w-100 {
    width: 100px
}

table th.w-120,
table td.w-120 {
    width: 120px
}

table th.w-140,
table td.w-140 {
    width: 140px
}

table th.w-150,
table td.w-150 {
    width: 150px
}

table th.w-160,
table td.w-160 {
    width: 160px
}

table th.w-170,
table td.w-170 {
    width: 170px
}

table th.w-180,
table td.w-180 {
    width: 180px
}

table th.w-200,
table td.w-200 {
    width: 200px
}

table th.w-220,
table td.w-220 {
    width: 220px
}

table th.w-240,
table td.w-240 {
    width: 240px
}

table th.w-300,
table td.w-300 {
    width: 300px
}

table th.w-7p {
    width: 7%
}

table th.w-8p {
    width: 8%
}

table th.w-10p {
    width: 10%
}

table th.w-15p {
    width: 15%
}

table th.w-20p {
    width: 20%
}

table th.w-25p,
table td.w-25p {
    width: 25%
}

table th.w-30p {
    width: 30%
}

table th.w-35p {
    width: 35%
}

table th.w-40p {
    width: 40%
}

table th.w-45p {
    width: 45%
}

table th.w-50p {
    width: 50%
}

table th.w-55p {
    width: 55%
}

table th.w-60p {
    width: 60%
}

table th.w-65p {
    width: 65%
}

table th.w-70p {
    width: 70%
}

table th.w-75p {
    width: 75%
}

table th.w-80p {
    width: 80%
}

table th.w-85p {
    width: 85%
}

table th.w-90p {
    width: 90%
}

table th.w-400 {
    width: 400px
}

.cv-user-table th {
    width: 180px
}

.cv-user-table td {
    line-height: 1.2em;
    word-break: break-all;
    background-color: #fdfdfd
}

.cv-user-table td.w-300 {
    width: 300px
}

.list-entry .form-group {
    line-height: 1.5em
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-top-width: 5px;
    border-radius: 3px
}

.bs-callout .bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px
}

.bs-callout-danger {
    border-top-color: #fcaf16
}

.bs-callout-danger h4 {
    color: #fcaf16;
    font-weight: bold
}

.forget-link {
    margin: 40px
}

.forget-link a {
    color: #3286b3
}

.forget-link a:hover {
    color: #6dbce8
}

.rt-url-style a {
    color: #428bca
}

#editText .form-group .com-sm-12 {
    padding: 0
}

#epiceditor {
    border-radius: 4px;
    font-size: 14.4px;
    padding: 0 2%;
    border: solid 1px #dddddd;
    background-color: #eeeeee
}

.ad-banner-link {
    background: #fff;
    margin: 10px 0 0 0;
    text-align: center;
    width: 100%
}

.ad-banner-link img {
    width: 100% !important
}

.now-plan {
    font-weight: bold;
    font-size: 20px;
    text-align: center
}

.plan-description {
    padding: 20px
}

.plan-offer-button {
    text-align: center
}

.plan {
    padding: 10px 20px
}

.plan section.welcome .board,
.plan section.welcome .board>div.board-inner {
    background-color: none;
    width: auto
}

.plan .select-plan-title {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin: 0 0 40px 0;
    line-height: 1.5em
}

.plan .plan-explanation {
    padding: 10px 20px
}

.plan table.table td {
    vertical-align: middle
}

.plan-edit .bd-right {
    border-right: 1px solid #eee;
    padding: 20px
}

.plan-edit .now-plan {
    margin: 10px 0;
    font-weight: bold;
    font-size: 18px;
    text-align: center
}

.plan-edit .plan-wzbox {
    padding-left: 0
}

.cc-no-1,
.cc-no-2,
.cc-no-3 {
    width: 90%
}

.cc-no-1:after,
.cc-no-2:after,
.cc-no-3:after {
    content: "-"
}

.modal-dialog .image-component-modal .panel {
    margin: 10px 0
}

.modal-dialog .image-component-modal .panel .table-responsive {
    border: none
}

.modal-dialog .image-component-modal .panel .upload-link-table table.table {
    background: #fff
}

.modal-dialog .image-component-modal .panel .upload-link-table table.table tr.row-selected {
    background: #555
}

.modal-dialog .image-component-modal .panel .upload-link-table table.table tr:hover {
    background: #ccc;
    color: #333;
    cursor: pointer
}

.modal-dialog .image-component-modal .panel .table>thead>tr>th {
    border: none
}

.modal-dialog .image-component-modal .panel table.table {
    background: #eee;
    margin: 0 !important
}

.modal-dialog .image-component-modal .panel .form-group {
    margin-bottom: 0
}

.modal-dialog .image-component-modal .upload-img-title {
    margin: 10px 0;
    padding: 10px;
    text-align: left;
    background: #eee
}

.modal-dialog .image-component-modal #uploaded_image_show {
    margin: 10px 0
}

.modal-dialog .image-component-modal .img-uploaded {
    padding: 10px
}

.modal-dialog .image-component-modal .dropable-area {
    padding: 10px
}

.modal-dialog .image-component-modal .img-alt {
    margin: 10px 0
}

.modal-dialog .image-component-modal .setting-cont.inline-input label * {
    vertical-align: middle
}

.modal-dialog .image-component-modal .setting-cont.inline-input label span {
    margin-right: 10px
}

.modal-dialog .image-component-modal .setting-cont.inline-input .form-group {
    width: auto;
    display: inline-block;
    margin-bottom: 0
}

.modal-dialog .image-component-modal .setting-cont.inline-input .form-group .checkbox {
    vertical-align: middle
}

.modal-dialog .image-component-modal .image-info {
    background: #f6f6f6;
    width: 100%
}

.modal-dialog .image-component-modal .image-info th,
.modal-dialog .image-component-modal .image-info td {
    padding: 5px 10px
}

.modal-dialog .image-component-modal .image-info th {
    width: 100px;
    text-align: center;
    background: #eee
}

.modal-dialog .image-component-modal .image-info td {
    background: white
}

.markdown-editor.cta-markdown {
    height: 250px;
    padding-bottom: 20px
}

.markdown-editor {
    height: 400px;
    padding-top: 10px;
    padding-bottom: 0
}

.markdown-editor .h80p {
    height: 85%
}

.markdown-editor .h80p textarea {
    height: 331px;
    resize: none
}

.markdown-editor .row .form-group,
.markdown-editor .row .btn-toolbar,
.markdown-editor .row .btn-group {
    padding: 0;
    margin: 0
}

.markdown-editor .row div {
    height: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.markdown-editor #bt-show-preview {
    background-color: transparent;
    border: none
}

.markdown-editor .pv-switch {
    height: 42px;
    padding-top: 10px;
    font-weight: bold
}

.markdown-editor .pv-switch #bt-show-preview {
    background: none;
    border: none
}

.markdown-editor .pv-switch div {
    display: inline-block
}

#preview-markdown {
    height: 331px;
    overflow: auto;
    background-color: #eee;
    border-radius: 4px;
    padding: 5px
}

#preview-markdown img {
    width: 100%
}

#preview-markdown ul,
#preview-markdown ol {
    margin: 1em 0;
    padding: 0 0 0 2em;
    list-style: disc
}

#preview-markdown li p:last-child {
    margin: 0
}

#preview-markdown dd {
    margin: 0 0 0 2em
}

#preview-markdown em {
    font-style: italic
}

#preview-markdown strong {
    font-weight: bold
}

#preview-markdown img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

#preview-markdown table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px 0;
    width: 100%
}

#preview-markdown th {
    text-align: center
}

#preview-markdown th,
#preview-markdown td {
    vertical-align: middle;
    padding: 20px;
    border: 1px solid #ddd;
    margin: 0
}

#preview-markdown th {
    background: #eee;
    font-weight: bold
}

.page-component img {
    width: 100%
}

.page-component .header .title h2 {
    white-space: pre-line
}

.page-component .header .title h3 {
    white-space: pre-line
}

.sns-fa-fb-lg {
    font-size: 24px !important;
    color: #3b5998
}

.sns-fa-tw-lg {
    font-size: 24px;
    color: #55ACEE
}

.sns-fa-gp-lg {
    font-size: 24px;
    color: #dd4b39
}

.bgc-sns-fb {
    background-color: #3b5998;
    color: #fff
}

.bgc-sns-tw {
    background-color: #55ACEE;
    color: #fff
}

.bgc-sns-gp {
    background-color: #dd4b39;
    color: #fff
}

.btn-sns-join {
    width: 180px
}

.sns-posttime {
    margin-bottom: 20px
}

.sns-posttime form {
    margin-top: 10px
}

.edit_tag .row-none,
.edit_category .row-none {
    margin-left: -10px;
    margin-top: 25px
}

.button-bg-image {
    width: 100%;
    overflow: hidden
}

.button-bg-image .btn-left {
    float: left;
    width: 49%
}

.button-bg-image .btn-right {
    float: right;
    width: 49%;
    margin-bottom: 10px
}


/*!
 *
 *  Project:  GLYPHICONS HALFLINGS
 *  Author:   Jan Kovarik - www.glyphicons.com
 *  Twitter:  @glyphicons
 *
 */

@font-face {
    font-family: 'Glyphicons Social Regular';
    src: url("../fonts/glyphicons-social-regular.eot");
    src: url("../fonts/glyphicons-social-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-social-regular.woff") format("woff"), url("../fonts/glyphicons-social-regular.ttf") format("truetype"), url("../fonts/glyphicons-social-regular.svg#glyphicons_socialregular") format("svg");
    font-weight: normal;
    font-style: normal
}

.social {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    color: #1d1d1b;
    text-decoration: none;
    vertical-align: middle
}

.social:before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    margin: 0 5px 0 0;
    font: 24px/1em 'Glyphicons Social Regular';
    font-style: normal;
    font-weight: normal;
    color: #1d1d1b;
    vertical-align: middle;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

.social.white:before {
    color: #fff
}

.social.pinterest:before {
    content: "\E001"
}

.social.dropbox:before {
    content: "\E002"
}

.social.google_plus:before {
    content: "\E003"
}

.social.jolicloud:before {
    content: "\E004"
}

.social.yahoo:before {
    content: "\E005"
}

.social.blogger:before {
    content: "\E006"
}

.social.picasa:before {
    content: "\E007"
}

.social.amazon:before {
    content: "\E008"
}

.social.tumblr:before {
    content: "\E009"
}

.social.wordpress:before {
    content: "\E010"
}

.social.instapaper:before {
    content: "\E011"
}

.social.evernote:before {
    content: "\E012"
}

.social.xing:before {
    content: "\E013"
}

.social.zootool:before {
    content: "\E014"
}

.social.dribbble:before {
    content: "\E015"
}

.social.deviantart:before {
    content: "\E016"
}

.social.read_it_later:before {
    content: "\E017"
}

.social.linked_in:before {
    content: "\E018"
}

.social.forrst:before {
    content: "\E019"
}

.social.pinboard:before {
    content: "\E020"
}

.social.behance:before {
    content: "\E021"
}

.social.github:before {
    content: "\E022"
}

.social.youtube:before {
    content: "\E023"
}

.social.skitch:before {
    content: "\E024"
}

.social.foursquare:before {
    content: "\E025"
}

.social.quora:before {
    content: "\E026"
}

.social.badoo:before {
    content: "\E027"
}

.social.spotify:before {
    content: "\E028"
}

.social.stumbleupon:before {
    content: "\E029"
}

.social.readability:before {
    content: "\E030"
}

.social.facebook:before {
    content: "\E031"
}

.social.twitter:before {
    content: "\E032"
}

.social.instagram:before {
    content: "\E033"
}

.social.posterous_spaces:before {
    content: "\E034"
}

.social.vimeo:before {
    content: "\E035"
}

.social.flickr:before {
    content: "\E036"
}

.social.last_fm:before {
    content: "\E037"
}

.social.rss:before {
    content: "\E038"
}

.social.skype:before {
    content: "\E039"
}

.social.e-mail:before {
    content: "\E040"
}

.social.vine:before {
    content: "\E041"
}

.social.myspace:before {
    content: "\E042"
}

.social.goodreads:before {
    content: "\E043"
}

.social.apple:before {
    content: "\F8FF"
}

.social.windows:before {
    content: "\E045"
}

.social.yelp:before {
    content: "\E046"
}

.social.playstation:before {
    content: "\E047"
}

.social.xbox:before {
    content: "\E048"
}

.social.android:before {
    content: "\E049"
}

.social.ios:before {
    content: "\E050"
}

.social-icon.pinterest {
    background-position: 0 0
}

.social-icon.dropbox {
    background-position: -48px 0
}

.social-icon.google_plus {
    background-position: -96px 0
}

.social-icon.jolicloud {
    background-position: -144px 0
}

.social-icon.yahoo {
    background-position: -192px 0
}

.social-icon.blogger {
    background-position: -240px 0
}

.social-icon.picasa {
    background-position: -288px 0
}

.social-icon.amazon {
    background-position: -336px 0
}

.social-icon.tumblr {
    background-position: -384px 0
}

.social-icon.wordpress {
    background-position: -432px 0
}

.social-icon.instapaper {
    background-position: 0 -48px
}

.social-icon.evernote {
    background-position: -48px -48px
}

.social-icon.xing {
    background-position: -96px -48px
}

.social-icon.zootool {
    background-position: -144px -48px
}

.social-icon.dribbble {
    background-position: -192px -48px
}

.social-icon.deviantart {
    background-position: -240px -48px
}

.social-icon.read_it_later {
    background-position: -288px -48px
}

.social-icon.linked_in {
    background-position: -336px -48px
}

.social-icon.forrst {
    background-position: -384px -48px
}

.social-icon.pinboard {
    background-position: -432px -48px
}

.social-icon.behance {
    background-position: 0 -96px
}

.social-icon.github {
    background-position: -48px -96px
}

.social-icon.youtube {
    background-position: -96px -96px
}

.social-icon.skitch {
    background-position: -144px -96px
}

.social-icon.foursquare {
    background-position: -192px -96px
}

.social-icon.quora {
    background-position: -240px -96px
}

.social-icon.badoo {
    background-position: -288px -96px
}

.social-icon.spotify {
    background-position: -336px -96px
}

.social-icon.stumbleupon {
    background-position: -384px -96px
}

.social-icon.readability {
    background-position: -432px -96px
}

.social-icon.facebook {
    background-position: 0 -144px
}

.social-icon.twitter {
    background-position: -48px -144px
}

.social-icon.instagram {
    background-position: -96px -144px
}

.social-icon.posterous_spaces {
    background-position: -144px -144px
}

.social-icon.vimeo {
    background-position: -192px -144px
}

.social-icon.flickr {
    background-position: -240px -144px
}

.social-icon.last_fm {
    background-position: -288px -144px
}

.social-icon.rss {
    background-position: -336px -144px
}

.social-icon.skype {
    background-position: -384px -144px
}

.social-icon.e-mail {
    background-position: -432px -144px
}

.social-icon.vine {
    background-position: 0 -192px
}

.social-icon.myspace {
    background-position: -48px -192px
}

.social-icon.goodreads {
    background-position: -96px -192px
}

.social-icon.apple {
    background-position: -144px -192px
}

.social-icon.windows {
    background-position: -192px -192px
}

.social-icon.yelp {
    background-position: -240px -192px
}

.social-icon.playstation {
    background-position: -288px -192px
}

.social-icon.xbox {
    background-position: -336px -192px
}

.social-icon.android {
    background-position: -384px -192px
}

.social-icon.ios {
    background-position: -432px -192px
}

.component.social-button .social-button-container.disable-click {
    pointer-events: none
}

table.contact-content td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.form-help {
    width: 98%;
    overflow: hidden;
    text-overflow: ellipsis
}

.contact-content {
    width: 100%;
    text-align: left;
    border: 0;
    margin: 20px 0
}

.contact-content dl {
    width: 100%;
    display: table;
    vertical-align: middle;
    font-size: 14px;
    border-bottom: solid 1px #ddd
}

.contact-content dl:last-child {
    border: 0
}

.contact-content dt,
.contact-content dd {
    vertical-align: middle;
    display: table-cell;
    padding: 10px;
    word-break: break-all
}

.contact-content dd {
    width: 70%;
    background: white
}

.contact-content dd .hint {
    font-size: 13px
}

.contact-content dd .error {
    font-size: 13px;
    color: red;
    -webkit-animation: switchtext 1s infinite alternate;
    -moz-animation: switchtext 1s infinite alternate;
    animation: switchtext 1s infinite alternate;
    display: block
}

.contact-content dd span {
    margin: 5px
}

.contact-content dt {
    position: relative;
    font-size: 14px;
    background: #999;
    color: white;
    padding: 10px 20px
}

.contact-content dt span {
    position: absolute;
    right: 20px;
    top: 50%;
    line-height: 24px;
    width: 40px;
    text-align: center;
    font-size: 10px;
    background: blue;
    display: inline-block;
    margin-top: -12px;
    color: white;
    border-radius: 2px
}

.contact-content dt abbr[title] {
    border-bottom: 0
}

@media (max-width: 769px) {
    .contact-content dl {
        width: 100%;
        display: block
    }
    .contact-content dt,
    .contact-content dd {
        display: block;
        margin: 0;
        width: auto
    }
}

.tag-cloud-1 {
    font-size: 20px;
    margin: 2px;
    text-decoration: underline !important
}

.tag-cloud-2 {
    font-size: 23px;
    margin: 2px;
    text-decoration: underline !important
}

.tag-cloud-3 {
    font-size: 26px;
    margin: 2px;
    text-decoration: underline !important
}

.tag-cloud-4 {
    font-size: 29px;
    margin: 2px;
    text-decoration: underline !important
}

.tag-cloud-5 {
    font-size: 32px;
    margin: 2px;
    text-decoration: underline !important
}

.tag_cloud .tag {
    border: 1px solid #ddd;
    text-decoration: none !important;
    display: inline-block;
    padding: 4px 8px;
    font-size: 13px;
    margin: 5px;
    background: #fff
}

.tag_cloud .tag i {
    margin-right: 5px
}

.tag-preview {
    margin: 20px
}

.tag-preview article {
    display: table;
    width: 100%;
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid #ccc
}

.tag-preview article .article-thumbnail {
    display: table-cell;
    width: 35%
}

@media (max-width: 769px) {
    .tag-preview article .article-thumbnail {
        display: block;
        width: 100%
    }
}

.tag-preview article .article-thumbnail img {
    width: 100%;
    height: auto
}

.tag-preview article .article-cont {
    display: table-cell;
    width: 65%;
    padding-left: 50px;
    vertical-align: top;
    position: relative;
    height: 170px
}

@media (max-width: 769px) {
    .tag-preview article .article-cont {
        display: block;
        width: 100%;
        height: 100px;
        padding-left: 0
    }
}

.tag-preview article .article-cont .article-title {
    font-size: 18px;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
    text-align: left
}

.tag-preview article .article-cont .article-title a {
    color: inherit
}

.tag-preview article .article-cont .article-meta-info {
    position: absolute;
    bottom: 0
}

.tag-preview article .article-cont .article-meta-info .tag-lists {
    margin-bottom: 5px;
    max-height: 55px;
    overflow: hidden
}

.tag-preview article .article-cont .article-meta-info .tag-lists .article-tags {
    border: 1px solid #999;
    text-decoration: none !important;
    display: inline-block;
    float: left;
    padding: 2px 5px;
    font-size: 12px;
    margin: 0 5px 5px 0;
    border-radius: 2px;
    word-break: break-word;
    box-sizing: border-box;
    line-height: 18px
}

.tag-preview article .article-cont .article-meta-info .tag-lists .article-tags::before {
    content: "\f02b";
    font-family: fontawesome;
    margin-right: 2px
}

@media (max-width: 769px) {
    .tag-preview article .article-cont .article-meta-info .tag-lists {
        display: none
    }
}

.tag-preview article .article-cont .article-meta-info .post-date,
.tag-preview article .article-cont .article-meta-info .article-author {
    font-size: 14px;
    color: #777;
    margin-right: 10px
}

.tag-preview article .article-cont .article-meta-info .post-date::before {
    content: "\f073";
    font-family: fontAweSome;
    margin-right: 5px
}

.tag-preview article .article-cont .article-meta-info .article-author::before {
    content: "\f007";
    font-family: fontAweSome;
    margin-right: 5px
}

.component.text .font-size-8px {
    font-size: 8px
}

.component.text .font-size-9px {
    font-size: 9px
}

.component.text .font-size-10px {
    font-size: 10px
}

.component.text .font-size-11px {
    font-size: 11px
}

.component.text .font-size-12px {
    font-size: 12px
}

.component.text .font-size-14px {
    font-size: 14px
}

.component.text .font-size-16px {
    font-size: 16px
}

.component.text .font-size-18px {
    font-size: 18px
}

.component.text .font-size-20px {
    font-size: 20px
}

.component.text .font-size-22px {
    font-size: 22px
}

.component.text .font-size-24px {
    font-size: 24px
}

.component.text .font-size-26px {
    font-size: 26px
}

.component.text .font-size-28px {
    font-size: 28px
}

.component.text .font-size-36px {
    font-size: 36px
}

.component.text .font-size-46px {
    font-size: 46px
}

.component.text .font-size-72px {
    font-size: 72px
}

.component.text .font-family-timesnewroman {
    font-family: "Times New Roman", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-gothic {
    font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif, "websafe"
}

.component.text .font-family-arial {
    font-family: "Arial", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-sans-serif {
    font-family: "sans-serif", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-georgia {
    font-family: "Georgia", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-verdana {
    font-family: "Verdana", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-helvetica {
    font-family: "helvetica", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-a1mincho {
    font-family: "A1明朝", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-udshingo {
    font-family: "UD新ゴ L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-udshingor {
    font-family: "UD新ゴ R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-udshingom {
    font-family: "UD新ゴ M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-udshingob {
    font-family: "UD新ゴ B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-udshinmarugo {
    font-family: "UD新丸ゴ L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-udshinmarugor {
    font-family: "UD新丸ゴ R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-udshinmarugom {
    font-family: "UD新丸ゴ M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-udshinmarugob {
    font-family: "UD新丸ゴ B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-udreimin {
    font-family: "UD黎ミン L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-udreiminr {
    font-family: "UD黎ミン R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-udreiminm {
    font-family: "UD黎ミン M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-udreiminb {
    font-family: "UD黎ミン B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-gothicmb101 {
    font-family: "ゴシックMB101 L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-gothicmb101r {
    font-family: "ゴシックMB101 R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-gothicmb101m {
    font-family: "ゴシックMB101 M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-gothicmb101b {
    font-family: "ゴシックMB101 B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-gothicmb101db {
    font-family: "ゴシックMB101 DB", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-jun201 {
    font-family: "じゅん 201", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-suzumishi {
    font-family: "すずむし", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-haruhirakuen {
    font-family: "はるひ学園", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-fork {
    font-family: "フォーク R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-forkm {
    font-family: "フォーク M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-forkb {
    font-family: "フォーク B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-ryumin {
    font-family: "リュウミン R-KL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-ryuminm {
    font-family: "リュウミン M-KL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-ryuminb {
    font-family: "リュウミン B-KL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-ryumineb {
    font-family: "リュウミン EB-KL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-kaiminchuu {
    font-family: "解ミン 宙 R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-kaiminchuum {
    font-family: "解ミン 宙 M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-kaiminchuub {
    font-family: "解ミン 宙 B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-marufork {
    font-family: "丸フォーク R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-maruforkm {
    font-family: "丸フォーク M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-maruforkb {
    font-family: "丸フォーク B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-midashigomb31 {
    font-family: "見出ゴMB31", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-midashiminma31 {
    font-family: "見出ミンMA31", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-shingoel {
    font-family: "新ゴ EL", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-shingo {
    font-family: "新ゴ L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-shingor {
    font-family: "新ゴ R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-shingom {
    font-family: "新ゴ M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-shingob {
    font-family: "新ゴ B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-shinmarugo {
    font-family: "新丸ゴ L", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-shinmarugor {
    font-family: "新丸ゴ R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-shinmarugom {
    font-family: "新丸ゴ M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-shinmarugob {
    font-family: "新丸ゴ B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-chuugothicbbb {
    font-family: "中ゴシックBBB", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-reimin {
    font-family: "黎ミン R", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-reiminm {
    font-family: "黎ミン M", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text .font-family-reiminb {
    font-family: "黎ミン B", "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "Meiryo", "Verdana", "Arial", "sans-serif"
}

.component.text em.strong {
    font-style: unset;
    font-weight: bold
}

.contents .component.text {
    font-size: 15.4px
}

.contents .component.text p {
    padding: 10px;
    margin: 10px 0
}

.side .component.text p {
    font-size: 14px;
    line-height: 1.7em;
    margin: 10px 0
}

.foot-cont .component.text p {
    font-size: 14px;
    line-height: 1.6em;
    margin: 10px 0
}

.text-align-left {
    text-align: left !important
}

.text-align-left a,
.text-align-left p {
    text-align: left !important
}

.text-align-center {
    text-align: center !important
}

.text-align-center a,
.text-align-center p {
    text-align: center !important
}

.text-align-right {
    text-align: right !important
}

.text-align-right a,
.text-align-right p {
    text-align: right !important
}

@media (max-width: 769px) {
    .contents .component.text p {
        font-size: 14px;
        padding: 5px;
        margin: 10px 0
    }
    .side .component.text p {
        font-size: 14px;
        padding: 5px;
        margin: 10px 0
    }
    .foot-cont .component.text p {
        font-size: 14px;
        padding: 5px;
        margin: 10px 0
    }
}

.component.text p,
.component.text code {
    word-break: break-all
}

.component.text code {
    white-space: pre-wrap
}

.component.timeline iframe {
    width: 100% !important
}

.component.timeline .tw-timeline a {
    word-break: break-all
}

.component.timeline .tw-timeline.disable-click {
    pointer-events: none
}

.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    outline: none;
    z-index: 10001;
    margin: 0
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
    width: 13em
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
    width: 11em
}

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980ec;
    color: #fff
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
    color: #ccc
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: #f2f2f2
}

.component.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.component.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.component.video input:focus {
    outline: none
}

.case-block .component.heading h2,
.case-block .component.text p {
    text-align: center
}

@media screen and (max-width: 769px) {
    .case-block .case-logos {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .case-block .case-logos .col {
        width: 45% !important;
        margin: 0 5px
    }
}

.faq-block .inner .row-1 .component.heading h2 {
    text-align: center
}

.faq-block .inner .faq-box {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.faq-block .inner .faq-box .col {
    box-shadow: 0 1px 3px #ccc;
    background: #fff;
    color: #000;
    border-radius: 6px;
    display: block
}

.faq-block .inner .faq-box .col.col-2 {
    margin-left: 20px
}

.faq-block .inner .faq-box .question {
    border-bottom: 1px solid #ddd;
    display: block;
    position: relative
}

.faq-block .inner .faq-box .question:before {
    content: "Q.";
    display: inline-block;
    color: #e8203d;
    margin-right: 20px;
    font-size: 25px;
    font-weight: bold
}

.faq-block .inner .faq-box .question .text-content {
    display: inline
}

.faq-block .inner .faq-box .answer {
    display: block;
    position: relative
}

.faq-block .inner .faq-box .answer:before {
    content: "A.";
    display: inline-block;
    color: #195b72;
    margin-right: 20px;
    font-size: 25px;
    font-weight: bold
}

.faq-block .inner .faq-box .answer .text-content {
    display: inline
}

@media screen and (max-width: 769px) {
    .faq-block .inner .faq-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .faq-block .inner .faq-box .col {
        width: 100% !important;
        margin-bottom: 20px
    }
    .faq-block .inner .faq-box .col.col-2 {
        margin-left: 0
    }
}

.flow-block .component.heading h2,
.flow-block .component.heading h3 {
    text-align: center
}

.flow-block .flow-box .col .image img {
    max-width: 160px !important
}

.flow-block .row.flow-box .col:not(:last-of-type) {
    position: relative
}

.flow-block .row.flow-box .col:not(:last-of-type):after {
    content: "\f054";
    color: #666;
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    top: 25%;
    right: -5%;
    font-size: 30px;
    font-weight: bold
}

@media screen and (max-width: 769px) {
    .flow-block .row.flow-box .col:not(:last-child) {
        position: relative
    }
    .flow-block .row.flow-box .col:not(:last-child):after {
        content: ">";
        width: 40px;
        height: auto;
        display: block;
        margin: auto;
        position: relative;
        right: 0;
        transform: rotate(90deg)
    }
}

.side-both .flow-block .flow-box {
    border-collapse: separate;
    border-spacing: 20px 0
}

.side-both .flow-block .flow-box .col:not(:last-child)::after {
    left: 100%
}

.side-both .flow-block .flow-box .col .image img {
    max-width: 100% !important
}

.side-left .flow-block .flow-box,
.side-right .flow-block .flow-box {
    border-collapse: separate;
    border-spacing: 20px 0
}

.side-left .flow-block .flow-box .col:not(:last-child)::after,
.side-right .flow-block .flow-box .col:not(:last-child)::after {
    left: 100%
}

.side-left .flow-block .flow-box .col .image img,
.side-right .flow-block .flow-box .col .image img {
    max-width: 100% !important
}

.news-block .component.heading h2 {
    text-align: center
}

.numbering-block .row {
    background: white;
    border-radius: 5px;
    margin-bottom: 20px;
    border-top: 4px solid #034084;
    box-shadow: 0 1px 3px #ccc
}

.numbering-block .row.row-1 .heading.title h4,
.numbering-block .row.row-1 .heading.title h3,
.numbering-block .row.row-1 .heading.title h2,
.numbering-block .row.row-1 .heading.title h1 {
    border-bottom: 0;
    margin: 0;
    padding-bottom: 0;
    position: relative
}

.numbering-block .row.row-1 .heading.title h3:before {
    content: "1";
    font-size: 40px;
    font-style: italic;
    left: 0;
    margin-right: 20px
}

.numbering-block .row.row-2 .heading.title h4,
.numbering-block .row.row-2 .heading.title h3,
.numbering-block .row.row-2 .heading.title h2,
.numbering-block .row.row-2 .heading.title h1 {
    border-bottom: 0;
    margin: 0;
    padding-bottom: 0;
    position: relative
}

.numbering-block .row.row-2 .heading.title h3:before {
    content: "2";
    font-size: 40px;
    font-style: italic;
    left: 0;
    margin-right: 20px
}

.numbering-block .row.row-3 .heading.title h4,
.numbering-block .row.row-3 .heading.title h3,
.numbering-block .row.row-3 .heading.title h2,
.numbering-block .row.row-3 .heading.title h1 {
    border-bottom: 0;
    margin: 0;
    padding-bottom: 0;
    position: relative
}

.numbering-block .row.row-3 .heading.title h3:before {
    content: "3";
    font-size: 40px;
    font-style: italic;
    left: 0;
    margin-right: 20px
}

.numbering-block .row.row-4 .heading.title h4,
.numbering-block .row.row-4 .heading.title h3,
.numbering-block .row.row-4 .heading.title h2,
.numbering-block .row.row-4 .heading.title h1 {
    border-bottom: 0;
    margin: 0;
    padding-bottom: 0;
    position: relative
}

.numbering-block .row.row-4 .heading.title h3:before {
    content: "4";
    font-size: 40px;
    font-style: italic;
    left: 0;
    margin-right: 20px
}

.numbering-block .row.row-5 .heading.title h4,
.numbering-block .row.row-5 .heading.title h3,
.numbering-block .row.row-5 .heading.title h2,
.numbering-block .row.row-5 .heading.title h1 {
    border-bottom: 0;
    margin: 0;
    padding-bottom: 0;
    position: relative
}

.numbering-block .row.row-5 .heading.title h3:before {
    content: "5";
    font-size: 40px;
    font-style: italic;
    left: 0;
    margin-right: 20px
}

.numbering-block .row.row-6 .heading.title h4,
.numbering-block .row.row-6 .heading.title h3,
.numbering-block .row.row-6 .heading.title h2,
.numbering-block .row.row-6 .heading.title h1 {
    border-bottom: 0;
    margin: 0;
    padding-bottom: 0;
    position: relative
}

.numbering-block .row.row-6 .heading.title h3:before {
    content: "6";
    font-size: 40px;
    font-style: italic;
    left: 0;
    margin-right: 20px
}

.numbering-block .row.row-7 .heading.title h4,
.numbering-block .row.row-7 .heading.title h3,
.numbering-block .row.row-7 .heading.title h2,
.numbering-block .row.row-7 .heading.title h1 {
    border-bottom: 0;
    margin: 0;
    padding-bottom: 0;
    position: relative
}

.numbering-block .row.row-7 .heading.title h3:before {
    content: "7";
    font-size: 40px;
    font-style: italic;
    left: 0;
    margin-right: 20px
}

.numbering-block .row.row-8 .heading.title h4,
.numbering-block .row.row-8 .heading.title h3,
.numbering-block .row.row-8 .heading.title h2,
.numbering-block .row.row-8 .heading.title h1 {
    border-bottom: 0;
    margin: 0;
    padding-bottom: 0;
    position: relative
}

.numbering-block .row.row-8 .heading.title h3:before {
    content: "8";
    font-size: 40px;
    font-style: italic;
    left: 0;
    margin-right: 20px
}

.numbering-block .row.row-9 .heading.title h4,
.numbering-block .row.row-9 .heading.title h3,
.numbering-block .row.row-9 .heading.title h2,
.numbering-block .row.row-9 .heading.title h1 {
    border-bottom: 0;
    margin: 0;
    padding-bottom: 0;
    position: relative
}

.numbering-block .row.row-9 .heading.title h3:before {
    content: "9";
    font-size: 40px;
    font-style: italic;
    left: 0;
    margin-right: 20px
}

.numbering-block .row.row-10 .heading.title h4,
.numbering-block .row.row-10 .heading.title h3,
.numbering-block .row.row-10 .heading.title h2,
.numbering-block .row.row-10 .heading.title h1 {
    border-bottom: 0;
    margin: 0;
    padding-bottom: 0;
    position: relative
}

.numbering-block .row.row-10 .heading.title h3:before {
    content: "10";
    font-size: 40px;
    font-style: italic;
    left: 0;
    margin-right: 20px
}

.numbering-block .row hr {
    padding: 0 14px
}

@media screen and (max-width: 769px) {
    .numbering-block img {
        max-width: 70% !important;
        display: block;
        margin: 20px auto 0
    }
    .numbering-block .heading.title h4,
    .numbering-block .heading.title h3,
    .numbering-block .heading.title h2,
    .numbering-block .heading.title h1 {
        position: relative;
        padding-left: 50px !important
    }
    .numbering-block .heading.title h4:before,
    .numbering-block .heading.title h3:before,
    .numbering-block .heading.title h2:before,
    .numbering-block .heading.title h1:before {
        font-size: 40px;
        font-style: italic;
        left: 4px;
        top: 0;
        display: inline-block;
        position: absolute;
        width: 50px
    }
}

.price-block .row:not(.price-lists) .component.heading h2,
.price-block .row:not(.price-lists) .component.text p {
    text-align: center
}

.price-block .price-lists {
    background: #fff;
    border-radius: 6px;
    padding: 20px 0 20px 20px;
    box-shadow: 0 1px 3px #ccc;
    margin-bottom: 20px;
    box-sizing: border-box
}

.price-block .price-lists .col {
    border-left: 4px solid #00cec7;
    padding: 0
}

.price-block .price-lists .col .price-name .before {
    color: #00cec7;
    margin-right: 20px;
    font-size: 1.5rem
}

.price-block .price-lists .col .price-name h1,
.price-block .price-lists .col .price-name h2,
.price-block .price-lists .col .price-name h3,
.price-block .price-lists .col .price-name h4,
.price-block .price-lists .col .price-name h5 {
    display: inline;
    position: relative;
    border-bottom: 0;
    width: 100%;
    word-break: break-all;
    margin-bottom: 0;
    padding: 10px
}

.price-block .price-lists .col .price-name h1 .before,
.price-block .price-lists .col .price-name h2 .before,
.price-block .price-lists .col .price-name h3 .before,
.price-block .price-lists .col .price-name h4 .before,
.price-block .price-lists .col .price-name h5 .before {
    display: inline-block;
    color: #00cec7;
    margin-right: 20px
}

.price-block .price-lists .col .text p {
    margin: 0
}

@media screen and (max-width: 769px) {
    .price-block .price-lists .heading {
        margin-bottom: -5px
    }
}

.review-block .row {
    border-spacing: 20px 10px
}

.review-block .row .fukidashi {
    background: white;
    padding: 14px;
    box-shadow: 0 1px 3px #ccc;
    border-radius: 5px;
    position: relative
}

.review-block .row .fukidashi h3 {
    border-bottom: 0
}

.review-block .row .fukidashi hr {
    width: 97%;
    margin: 0 auto
}

.review-block .row .fukidashi:before {
    position: absolute;
    content: "";
    border: 14px solid transparent;
    border-right-color: #fff;
    z-index: 1;
    top: 30px;
    left: -27px
}

.review-block .row .fukidashi:after {
    position: absolute;
    content: "";
    display: inline-block;
    border: 15px solid transparent;
    border-right-color: #f1f1f1;
    z-index: 0;
    top: 29px;
    left: -30px
}

@media screen and (max-width: 769px) {
    .review-block .row img {
        display: block;
        max-width: 60% !important;
        margin: 40px auto 20px
    }
    .review-block .row .fukidashi:before {
        position: absolute;
        content: "";
        width: 0;
        left: 0;
        right: 0;
        margin: auto;
        border: 14px solid transparent;
        border-bottom-color: #fff;
        top: -26px;
        z-index: 1
    }
    .review-block .row .fukidashi:after {
        position: absolute;
        content: "";
        width: 0;
        left: 0;
        right: 0;
        margin: auto;
        border: 14px solid transparent;
        border-bottom-color: #f1f1f1;
        top: -27px;
        z-index: 0
    }
}

.service-block .component.heading h2,
.service-block .component.heading h3,
.service-block .component.text p {
    text-align: center
}

.theme-fo-base {
    font-size: 100%;
    color: #333;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", sans-serif;
    line-height: 1.8;
    overflow: hidden
}

.theme-fo-base * {
    box-sizing: border-box
}

.theme-fo-base a {
    color: #919191;
    text-decoration: none;
    transition: background-color .2s linear, color .2s linear
}

.theme-fo-base .main-visual.top-page {
    background-image: url(https://ferret-one.akamaized.net/images/59a7a3d014d44a13ce00006a/original.png) rgba(0, 0, 0, 0.3);
    background-size: cover
}

.theme-fo-base .main-visual .component a img:hover {
    opacity: .8
}

.theme-fo-base .wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
    margin: 0 auto
}

.theme-fo-base .wrapper .contents {
    display: table-cell
}

.theme-fo-base .wrapper .contents p b {
    font-weight: bold
}

.theme-fo-base .wrapper .contents .col {
    vertical-align: top
}

.theme-fo-base .wrapper .contents .col .component {
    margin: 10px 0
}

.theme-fo-base .wrapper .contents section a img:hover {
    opacity: .8
}

.theme-fo-base .wrapper .contents .content-1 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-2 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-3 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-4 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-5 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-6 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-7 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-8 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-9 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-10 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-11 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-12 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-13 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-14 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-15 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-16 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-17 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-18 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-19 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-20 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-21 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-22 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-23 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-24 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-25 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-26 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-27 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-28 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-29 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-30 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-31 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-32 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-33 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-34 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-35 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-36 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-37 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-38 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-39 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-40 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-41 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-42 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-43 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-44 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-45 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-46 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-47 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-48 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-49 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-50 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-51 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-52 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-53 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-54 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-55 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-56 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-57 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-58 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-59 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-60 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-61 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-62 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-63 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-64 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-65 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-66 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-67 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-68 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-69 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-70 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-71 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-72 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-73 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-74 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-75 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-76 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-77 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-78 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-79 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-80 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-81 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-82 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-83 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-84 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-85 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-86 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-87 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-88 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-89 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-90 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-91 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-92 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-93 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-94 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-95 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-96 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-97 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-98 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-99 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .contents .content-100 {
    background-position: center center;
    background-size: cover
}

.theme-fo-base .wrapper .side {
    display: table-cell;
    vertical-align: top
}

.theme-fo-base .wrapper .side .inner {
    background: none
}

.theme-fo-base .wrapper .side .inner .component {
    margin-bottom: 10px
}

.theme-fo-base .wrapper .side .inner .component a img:hover {
    opacity: .8
}

.theme-fo-base .wrapper .side p {
    margin: 0
}

.theme-fo-base .wrapper .side p a {
    display: block;
    padding: 10px
}

.theme-fo-base .wrapper .side p a:hover {
    background: #eee
}

.theme-fo-base .wrapper .side .entry-list .entry-list-unit {
    margin: 0
}

.theme-fo-base .wrapper .side .entry-list .entry-list-unit .cont {
    border-left: none !important;
    padding: 0 10px;
    width: auto
}

.theme-fo-base .foot {
    padding: 30px 0 0 0;
    background: #333333;
    color: #e6e6e6
}

.theme-fo-base .foot .foot-cont {
    max-width: 1100px;
    margin: 0 auto
}

.theme-fo-base .foot .foot-cont .component.list ul li {
    font-size: .8rem
}

.theme-fo-base .foot .foot-cont .component a img:hover {
    opacity: .8
}

.theme-fo-base .foot .foot-copyright p {
    font-size: .6rem
}

.theme-fo-base .wrapper.none .contents {
    width: 100%
}

.theme-fo-base .wrapper.none .contents .inner {
    box-sizing: border-box;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
    width: 100%
}

.theme-fo-base .wrapper.side-left,
.theme-fo-base .wrapper.side-right {
    max-width: 1100px;
    margin: 0 auto
}

.theme-fo-base .wrapper.side-left .contents,
.theme-fo-base .wrapper.side-right .contents {
    max-width: 780px;
    width: 100%;
    padding: 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #f6f6f6
}

.theme-fo-base .wrapper.side-left .side.left,
.theme-fo-base .wrapper.side-left .side.right,
.theme-fo-base .wrapper.side-right .side.left,
.theme-fo-base .wrapper.side-right .side.right {
    width: 320px;
    padding: 20px
}

.theme-fo-base .wrapper.side-both {
    max-width: 1100px;
    margin: 0 auto
}

.theme-fo-base .wrapper.side-both .contents {
    width: 560px;
    padding: 10px
}

.theme-fo-base .wrapper.side-both .side.left,
.theme-fo-base .wrapper.side-both .side.right {
    width: 250px;
    padding: 10px
}

@media (max-width: 769px) {
    .theme-fo-base {
        font-size: 90%
    }
    .theme-fo-base * {
        box-sizing: border-box
    }
    .theme-fo-base .wrapper {
        width: 100%
    }
    .theme-fo-base .wrapper .contents {
        display: block;
        width: 100% !important
    }
    .theme-fo-base .wrapper .contents .inner {
        padding: 10px
    }
    .theme-fo-base .wrapper .contents .inner .row .col {
        width: 100% !important
    }
    .theme-fo-base .wrapper.side-left .side,
    .theme-fo-base .wrapper.side-right .side,
    .theme-fo-base .wrapper.side-both .side {
        display: block;
        margin: 10px 0
    }
    .theme-fo-base .wrapper.side-left .side.left,
    .theme-fo-base .wrapper.side-left .side.right,
    .theme-fo-base .wrapper.side-right .side.left,
    .theme-fo-base .wrapper.side-right .side.right,
    .theme-fo-base .wrapper.side-both .side.left,
    .theme-fo-base .wrapper.side-both .side.right {
        width: 100%
    }
    .theme-fo-base .wrapper.side-left .side.left .inner,
    .theme-fo-base .wrapper.side-left .side.right .inner,
    .theme-fo-base .wrapper.side-right .side.left .inner,
    .theme-fo-base .wrapper.side-right .side.right .inner,
    .theme-fo-base .wrapper.side-both .side.left .inner,
    .theme-fo-base .wrapper.side-both .side.right .inner {
        padding: 10px
    }
    .theme-fo-base .foot {
        padding: 10px 0 0 0
    }
    .theme-fo-base .foot .foot-cont .col {
        width: 100%;
        padding: 10px;
        margin: 10px 0
    }
}

.theme-fo-base .wrapper .contents.lp-contents {
    max-width: 1140px;
    display: block;
    margin: 0 auto
}

.theme-fo-base.lp-theme .wrapper .contents.lp-contents {
    max-width: initial
}

.theme-fo-base .wrapper .contents.campaign-form {
    box-shadow: 0 0 20px #ddd;
    border: 1px solid #d9d9d9;
    max-width: 1140px;
    display: block;
    margin: 50px auto
}

.theme-fo-base .wrapper .contents.campaign-form section {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif
}

@media (max-width: 769px) {
    .theme-fo-base .wrapper .contents.campaign-form {
        margin: 0
    }
}

.theme-fo-base .wrapper .contents.campaign-form section.content-1 .inner {
    padding: 50px 30px 0
}

@media (max-width: 769px) {
    .theme-fo-base .wrapper .contents.campaign-form section.content-1 .inner {
        padding: 20px 30px 0
    }
}

.theme-fo-base .wrapper .contents.campaign-form section.content-1 .inner .row.row-1 {
    border-bottom: 1px dotted #d9d9d9
}

.theme-fo-base .wrapper .contents.campaign-form section.content-1 .inner .row.row-1 .col.col-1 {
    padding: 0 0 10px
}

.theme-fo-base .wrapper .contents.campaign-form section.content-1 .inner .row.row-1 .component.heading h2 {
    font-size: 20px;
    line-height: 30px
}

@media (max-width: 769px) {
    .theme-fo-base .wrapper .contents.campaign-form section.content-1 .inner .row.row-1 .component.text {
        padding: 0
    }
}

.theme-fo-base .wrapper .contents.campaign-form section.content-1 .inner .row.row-1 .component.text p {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    padding: 10px 0
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner {
    padding: 0 30px 20px
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .col.col-1 {
    padding: 10px 0
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form .show-notice .alert.alert-danger {
    background: #ffefef;
    color: #d0021b
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form .show-notice .alert p {
    font-size: 12px
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form .show-notice .alert p::before {
    content: "\f06a";
    font-family: fontAweSome
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form.horizontal .group {
    padding-bottom: 15px;
    margin: 15px 0
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form.horizontal .group:not(:last-of-type) {
    border-bottom: 1px dotted #d9d9d9 !important
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form.horizontal .group .form-label {
    font-size: 14px;
    font-weight: normal
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form.horizontal .group .form-label.require {
    padding-right: 70px
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form.horizontal .group .form-label.require::after {
    position: absolute;
    top: 10px;
    right: 30px;
    background: #d0021b
}

@media (max-width: 769px) {
    .theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form.horizontal .group .form-label.require::after {
        top: 5px;
        right: initial;
        margin-left: 10px
    }
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form.horizontal .group .form-submit {
    text-align: initial;
    margin-left: 30%;
    margin-top: 20px
}

@media (max-width: 769px) {
    .theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form.horizontal .group .form-submit {
        text-align: center;
        margin: 0
    }
}

.theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form.horizontal .group .form-submit .popup-link {
    background: #4a90e2;
    font-size: 14px;
    width: 300px;
    height: 54px;
    padding: 10px 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 769px) {
    .theme-fo-base .wrapper .contents.campaign-form section.content-2 .inner .row.row-1 .component.form.horizontal .group .form-submit .popup-link {
        max-width: 100%
    }
}

.theme-fo-base .wrapper .contents.campaign-thanks-page {
    box-shadow: 0 0 20px #ddd;
    border: 1px solid #d9d9d9;
    max-width: 1140px;
    display: block;
    margin: 50px auto
}

@media (max-width: 769px) {
    .theme-fo-base .wrapper .contents.campaign-thanks-page {
        margin: 0
    }
}

.theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner {
    padding: 50px 30px 0
}

@media (max-width: 769px) {
    .theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner {
        padding: 20px 30px 0
    }
}

.theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner .row.row-1 .col.col-1 {
    padding: 0 0 10px
}

.theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner .row.row-1 .col.col-1 .component.component-3.button {
    margin-bottom: 30px
}

.theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner .row.row-1 .col.col-1 .component.component-3.button .button-cont a.size-s {
    padding: 10px 50px;
    border-radius: 4px;
    background-color: #458ee5;
    font-size: 14px;
    min-width: 200px
}

.theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner .row.row-1 .component.heading h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
    position: relative
}

.theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner .row.row-1 .component.heading h2::before {
    content: "\f00c";
    font-family: fontAweSome;
    text-align: center;
    display: block;
    width: 55px;
    height: 55px;
    margin: 50px auto 20px;
    border-radius: 50%;
    background: #458ee5;
    color: #fff;
    font-size: 40px;
    line-height: 55px
}

@media (max-width: 769px) {
    .theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner .row.row-1 .component.heading h2::before {
        margin: 20px auto
    }
}

@media (max-width: 769px) {
    .theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner .row.row-1 .component.text {
        padding: 0
    }
}

.theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner .row.row-1 .component.text p {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    padding: 10px 0
}

.theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner .row.row-2 .col.col-1 {
    padding: 0 0 50px
}

.theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner .row.row-2 .col.col-1 .component.button .button-cont a.size-s {
    padding: 10px 50px;
    border-radius: 4px;
    background-color: #bbb;
    font-size: 14px;
    min-width: 200px
}

.theme-fo-base .wrapper .contents.campaign-thanks-page section.content-1 .inner .row.row-2 .col.col-2 {
    display: none
}

.theme-fo-base .main-visual .component.heading {
    margin: 10px 0;
    text-align: center
}

.theme-fo-base .main-visual .component.heading h1,
.theme-fo-base .main-visual .component.heading h2,
.theme-fo-base .main-visual .component.heading h3,
.theme-fo-base .main-visual .component.heading h4,
.theme-fo-base .main-visual .component.heading h5 {
    font-weight: 700
}

.theme-fo-base .main-visual .component.heading h1 {
    font-size: 1.5rem;
    margin-bottom: 1.15rem
}

.theme-fo-base .main-visual .component.heading h2 {
    font-size: 1.35rem;
    margin-bottom: 1.15rem
}

.theme-fo-base .main-visual .component.heading h3 {
    font-size: 1.2rem;
    margin-bottom: 1.1rem
}

.theme-fo-base .main-visual .component.heading h4 {
    font-size: 1.1rem;
    margin-bottom: 1.1rem
}

.theme-fo-base .main-visual .component.heading h5 {
    font-size: 1rem;
    margin-bottom: 1rem
}

.theme-fo-base .contents .component.heading {
    margin: 10px 0
}

.theme-fo-base .contents .component.heading.center {
    text-align: center
}

.theme-fo-base .contents .component.heading h1,
.theme-fo-base .contents .component.heading h2,
.theme-fo-base .contents .component.heading h3,
.theme-fo-base .contents .component.heading h4,
.theme-fo-base .contents .component.heading h5 {
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1px
}

.theme-fo-base .contents .component.heading h1 {
    font-size: 2.25rem;
    margin-bottom: 2.25rem
}

.theme-fo-base .contents .component.heading h2 {
    font-size: 1.75rem;
    margin-bottom: 1.75rem
}

.theme-fo-base .contents .component.heading h3 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem
}

.theme-fo-base .contents .component.heading h4 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
}

.theme-fo-base .contents .component.heading h5 {
    font-size: 1.125rem;
    margin-bottom: 1.125rem
}

.theme-fo-base .side .component.heading {
    margin: 10px 0
}

.theme-fo-base .side .component.heading h1,
.theme-fo-base .side .component.heading h2,
.theme-fo-base .side .component.heading h3,
.theme-fo-base .side .component.heading h4,
.theme-fo-base .side .component.heading h5 {
    font-weight: 700
}

.theme-fo-base .side .component.heading h1 {
    font-size: 1.75rem;
    margin-bottom: 1.75rem
}

.theme-fo-base .side .component.heading h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem
}

.theme-fo-base .side .component.heading h3 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
}

.theme-fo-base .side .component.heading h4 {
    font-size: 1.125rem;
    margin-bottom: 1.125rem
}

.theme-fo-base .side .component.heading h5 {
    font-size: 1rem;
    margin-bottom: 1rem
}

.theme-fo-base .foot-cont .component.heading {
    margin: 10px 0
}

.theme-fo-base .foot-cont .component.heading h1,
.theme-fo-base .foot-cont .component.heading h2,
.theme-fo-base .foot-cont .component.heading h3,
.theme-fo-base .foot-cont .component.heading h4,
.theme-fo-base .foot-cont .component.heading h5 {
    font-weight: 700
}

.theme-fo-base .foot-cont .component.heading h1 {
    font-size: 1.75rem;
    margin-bottom: 1.75rem
}

.theme-fo-base .foot-cont .component.heading h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem
}

.theme-fo-base .foot-cont .component.heading h3 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
}

.theme-fo-base .foot-cont .component.heading h4 {
    font-size: 1.125rem;
    margin-bottom: 1.125rem
}

.theme-fo-base .foot-cont .component.heading h5 {
    font-size: 1rem;
    margin-bottom: 1rem
}

@media (max-width: 769px) {
    .theme-fo-base .contents .component.heading h1,
    .theme-fo-base .contents .component.heading h2,
    .theme-fo-base .contents .component.heading h3,
    .theme-fo-base .contents .component.heading h4,
    .theme-fo-base .contents .component.heading h5 {
        font-weight: 700
    }
    .theme-fo-base .contents .component.heading h1 {
        font-size: 1.5rem;
        margin-bottom: 1.15rem
    }
    .theme-fo-base .contents .component.heading h2 {
        font-size: 1.15rem;
        margin-bottom: 1.15rem
    }
    .theme-fo-base .contents .component.heading h3 {
        font-size: 1.05rem;
        margin-bottom: 1.1rem
    }
    .theme-fo-base .contents .component.heading h4 {
        font-size: 1.025rem;
        margin-bottom: 1.1rem
    }
    .theme-fo-base .contents .component.heading h5 {
        font-size: 1rem;
        margin-bottom: 1rem
    }
}

.theme-fo-base .breadcrumbs {
    overflow: hidden;
    padding: 0;
    background: #999999;
    color: white
}

.theme-fo-base .breadcrumbs ul {
    list-style: none;
    margin: 0 auto;
    width: 1100px
}

.theme-fo-base .breadcrumbs ul li {
    float: left
}

.theme-fo-base .breadcrumbs ul li a,
.theme-fo-base .breadcrumbs ul li span {
    display: block;
    padding: 15px 20px;
    font-size: 90%;
    margin: 0;
    float: left;
    text-decoration: none;
    position: relative;
    color: white
}

.theme-fo-base .breadcrumbs ul li a:hover {
    color: #e6e6e6;
    text-decoration: underline
}

.theme-fo-base .breadcrumbs a::after {
    content: "";
    color: white;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-left: .4em solid;
    right: -1px
}

@media (max-width: 769px) {
    .theme-fo-base .breadcrumbs {
        display: none
    }
}

:lang(ar) .theme-fo-base .component.form .form-label.require:after {
    content: "مطلوب"
}

:lang(eu) .theme-fo-base .component.form .form-label.require:after {
    content: "Beharrezko"
}

:lang(bn) .theme-fo-base .component.form .form-label.require:after {
    content: "প্রয়োজনীয়"
}

:lang(bg) .theme-fo-base .component.form .form-label.require:after {
    content: "длъжен"
}

:lang(ca) .theme-fo-base .component.form .form-label.require:after {
    content: "Obligatori"
}

:lang(zh-CHS) .theme-fo-base .component.form .form-label.require:after {
    content: "需要"
}

:lang(zh-CHT) .theme-fo-base .component.form .form-label.require:after {
    content: "需要"
}

:lang(ar) .theme-fo-base .component.form .form-label.require:after {
    content: "مطلوب"
}

:lang(da) .theme-fo-base .component.form .form-label.require:after {
    content: "Nødvendig"
}

:lang(nl) .theme-fo-base .component.form .form-label.require:after {
    content: "nodig"
}

:lang(en) .theme-fo-base .component.form .form-label.require:after {
    content: "required"
}

:lang(fi) .theme-fo-base .component.form .form-label.require:after {
    content: "tarvitaan"
}

:lang(fr) .theme-fo-base .component.form .form-label.require:after {
    content: "Obligatoire"
}

:lang(gl) .theme-fo-base .component.form .form-label.require:after {
    content: "Requerido"
}

:lang(de) .theme-fo-base .component.form .form-label.require:after {
    content: "Erforderlich"
}

:lang(el) .theme-fo-base .component.form .form-label.require:after {
    content: "Απαιτείται"
}

:lang(he) .theme-fo-base .component.form .form-label.require:after {
    content: "חובה"
}

:lang(hu) .theme-fo-base .component.form .form-label.require:after {
    content: "kötelező"
}

:lang(id) .theme-fo-base .component.form .form-label.require:after {
    content: "Dibutuhkan"
}

:lang(it) .theme-fo-base .component.form .form-label.require:after {
    content: "richiesto"
}

:lang(ja) .theme-fo-base .component.form .form-label.require:after {
    content: "必須"
}

:lang(ko) .theme-fo-base .component.form .form-label.require:after {
    content: "필수"
}

:lang(lv) .theme-fo-base .component.form .form-label.require:after {
    content: "Obligāts"
}

:lang(ms) .theme-fo-base .component.form .form-label.require:after {
    content: "Diperlukan"
}

:lang(my) .theme-fo-base .component.form .form-label.require:after {
    content: "တောင်းဆိုနေတဲ့"
}

:lang(ne) .theme-fo-base .component.form .form-label.require:after {
    content: "आवश्यक छ"
}

:lang(fa) .theme-fo-base .component.form .form-label.require:after {
    content: "مورد نیاز است"
}

:lang(no) .theme-fo-base .component.form .form-label.require:after {
    content: "Må"
}

:lang(pl) .theme-fo-base .component.form .form-label.require:after {
    content: "Wymagany"
}

:lang(pt) .theme-fo-base .component.form .form-label.require:after {
    content: "Obrigatório"
}

:lang(ru) .theme-fo-base .component.form .form-label.require:after {
    content: "требуется"
}

:lang(es) .theme-fo-base .component.form .form-label.require:after {
    content: "Requerido"
}

:lang(sw) .theme-fo-base .component.form .form-label.require:after {
    content: "Inahitajika"
}

:lang(sv) .theme-fo-base .component.form .form-label.require:after {
    content: "krävs"
}

:lang(th) .theme-fo-base .component.form .form-label.require:after {
    content: "จำเป็นต้องใช้"
}

:lang(hi) .theme-fo-base .component.form .form-label.require:after {
    content: "अपेक्षित"
}

:lang(tr) .theme-fo-base .component.form .form-label.require:after {
    content: "gereken"
}

:lang(uk) .theme-fo-base .component.form .form-label.require:after {
    content: "Обов'язково"
}

:lang(ur) .theme-fo-base .component.form .form-label.require:after {
    content: "ضرورت ہے"
}

:lang(vi) .theme-fo-base .component.form .form-label.require:after {
    content: "Bắt buộc"
}

:lang(ar) .component.form .form-label.require:after {
    content: "مطلوب"
}

:lang(eu) .component.form .form-label.require:after {
    content: "Beharrezko"
}

:lang(bn) .component.form .form-label.require:after {
    content: "প্রয়োজনীয়"
}

:lang(bg) .component.form .form-label.require:after {
    content: "длъжен"
}

:lang(ca) .component.form .form-label.require:after {
    content: "Obligatori"
}

:lang(zh-CHS) .component.form .form-label.require:after {
    content: "需要"
}

:lang(zh-CHT) .component.form .form-label.require:after {
    content: "需要"
}

:lang(ar) .component.form .form-label.require:after {
    content: "مطلوب"
}

:lang(da) .component.form .form-label.require:after {
    content: "Nødvendig"
}

:lang(nl) .component.form .form-label.require:after {
    content: "nodig"
}

:lang(en) .component.form .form-label.require:after {
    content: "required"
}

:lang(fi) .component.form .form-label.require:after {
    content: "tarvitaan"
}

:lang(fr) .component.form .form-label.require:after {
    content: "Obligatoire"
}

:lang(gl) .component.form .form-label.require:after {
    content: "Requerido"
}

:lang(de) .component.form .form-label.require:after {
    content: "Erforderlich"
}

:lang(el) .component.form .form-label.require:after {
    content: "Απαιτείται"
}

:lang(he) .component.form .form-label.require:after {
    content: "חובה"
}

:lang(hu) .component.form .form-label.require:after {
    content: "kötelező"
}

:lang(id) .component.form .form-label.require:after {
    content: "Dibutuhkan"
}

:lang(it) .component.form .form-label.require:after {
    content: "richiesto"
}

:lang(ja) .component.form .form-label.require:after {
    content: "必須"
}

:lang(ko) .component.form .form-label.require:after {
    content: "필수"
}

:lang(lv) .component.form .form-label.require:after {
    content: "Obligāts"
}

:lang(ms) .component.form .form-label.require:after {
    content: "Diperlukan"
}

:lang(my) .component.form .form-label.require:after {
    content: "တောင်းဆိုနေတဲ့"
}

:lang(ne) .component.form .form-label.require:after {
    content: "आवश्यक छ"
}

:lang(fa) .component.form .form-label.require:after {
    content: "مورد نیاز است"
}

:lang(no) .component.form .form-label.require:after {
    content: "Må"
}

:lang(pl) .component.form .form-label.require:after {
    content: "Wymagany"
}

:lang(pt) .component.form .form-label.require:after {
    content: "Obrigatório"
}

:lang(ru) .component.form .form-label.require:after {
    content: "требуется"
}

:lang(es) .component.form .form-label.require:after {
    content: "Requerido"
}

:lang(sw) .component.form .form-label.require:after {
    content: "Inahitajika"
}

:lang(sv) .component.form .form-label.require:after {
    content: "krävs"
}

:lang(th) .component.form .form-label.require:after {
    content: "จำเป็นต้องใช้"
}

:lang(hi) .component.form .form-label.require:after {
    content: "अपेक्षित"
}

:lang(tr) .component.form .form-label.require:after {
    content: "gereken"
}

:lang(uk) .component.form .form-label.require:after {
    content: "Обов'язково"
}

:lang(ur) .component.form .form-label.require:after {
    content: "ضرورت ہے"
}

:lang(vi) .component.form .form-label.require:after {
    content: "Bắt buộc"
}