a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: 400;
    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:after,
blockquote:before,
q:after,
q:before {
    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-visible {
    outline: 2px auto #cd820a;
    outline-offset: 5px
}

button:focus-visible,
input:focus-visible {
    outline: 2px solid #cd820a;
    outline-offset: 5px
}

.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
}

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
}

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: -.25em
}

sup {
    top: -.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
}

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

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

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

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
}

.main-visual,
section {
    position: relative
}

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

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

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

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

.main-visual .iframe-wrapper-cover iframe,
section .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: #000;
    width: 177.77777778vh
}

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

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

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

.main-visual .overlay-image.bg_overlay_pattern1,
section .overlay-image.bg_overlay_pattern1 {
    background-image: url(../images/pattern/pattern-dash-2.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern2,
section .overlay-image.bg_overlay_pattern2 {
    background-image: url(../images/pattern/pattern-dash-4.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern3,
section .overlay-image.bg_overlay_pattern3 {
    background-image: url(../images/pattern/pattern-dash-6.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern4,
section .overlay-image.bg_overlay_pattern4 {
    background-image: url(../images/pattern/pattern-dash-1-2.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern5,
section .overlay-image.bg_overlay_pattern5 {
    background-image: url(../images/pattern/pattern-dash-1-4.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern6,
section .overlay-image.bg_overlay_pattern6 {
    background-image: url(../images/pattern/pattern-dash-1-6.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern7,
section .overlay-image.bg_overlay_pattern7 {
    background-image: url(../images/pattern/pattern-obli-3-3.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern8,
section .overlay-image.bg_overlay_pattern8 {
    background-image: url(../images/pattern/pattern-obli-6-6.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern9,
section .overlay-image.bg_overlay_pattern9 {
    background-image: url(../images/pattern/pattern-obli-12-12.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern10,
section .overlay-image.bg_overlay_pattern10 {
    background-image: url(../images/pattern/pattern-dot-2-2.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern11,
section .overlay-image.bg_overlay_pattern11 {
    background-image: url(../images/pattern/pattern-dot-4-4.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern12,
section .overlay-image.bg_overlay_pattern12 {
    background-image: url(../images/pattern/pattern-ichimatsu-4-4.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern13,
section .overlay-image.bg_overlay_pattern13 {
    background-image: url(../images/pattern/pattern-ichimatsu-8-8.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern14,
section .overlay-image.bg_overlay_pattern14 {
    background-image: url(../images/pattern/pattern-cross-6-6.png) rgba(0, 0, 0, .3);
}

.main-visual .overlay-image.bg_overlay_pattern15,
section .overlay-image.bg_overlay_pattern15 {
    background-image: url(../images/pattern/pattern-cross-8-8.png) rgba(0, 0, 0, .3);
}

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

.component.blog_articles article:after,
.component.blog_articles article:before {
    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: 700;
    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: 700;
    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: 700
}

.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: #fff;
    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 .article-author,
.cke-article-edit.article-post .article-meta-info .article-category,
.cke-article-edit.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,
.component.blog_article .article-post .article-meta-info .post-date {
    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: 700
}

.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: 700
    }

    .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: 700
}

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

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

.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 .next-link,
    .prev-next-link .prev-link {
        display: block;
        width: 100%
    }

    .prev-next-link .next-link .thumb-wrap img,
    .prev-next-link .prev-link .thumb-wrap img {
        border-radius: 0;
        float: none
    }

    .prev-next-link .next-link .thumb-wrap p,
    .prev-next-link .prev-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, .9);
    text-align: center;
    line-height: 25px;
    min-width: 25px;
    height: 25px;
    color: #fff
}

.blog-ranking .entry-list-unit .rank-1 {
    background: var(--fo-main-color);
}

.blog-ranking .entry-list-unit .rank-2 {
    background:var(--fo-main-color);
}

.blog-ranking .entry-list-unit .rank-3 {
    background: var(--fo-main-color);
}
.blog-ranking .entry-list-unit .rank-4 {
    background: #fff;
    color: black;
}
.blog-ranking .entry-list-unit .rank-5 {
    background: #fff;
    color: black;
}

.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, .4), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, .4), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, .4), transparent);
    background-image: -o-linear-gradient(left, transparent, rgba(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, .75), rgba(170, 170, 170, 0));
    background-image: -moz-linear-gradient(left, rgba(170, 170, 170, 0), rgba(170, 170, 170, .75), rgba(170, 170, 170, 0));
    background-image: -ms-linear-gradient(left, rgba(170, 170, 170, 0), rgba(170, 170, 170, .75), rgba(170, 170, 170, 0));
    background-image: -o-linear-gradient(left, rgba(170, 170, 170, 0), rgba(170, 170, 170, .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: #fff
}

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

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

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

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

.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: #fff;
    color: #000;
    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 #000;
        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 .article-author,
.category-preview article .article-cont .article-meta-info .article-category,
.category-preview article .article-cont .article-meta-info .post-date {
    font-size: 14px;
    color: #777;
    margin-right: 10px
}

.category-preview article .article-cont .article-meta-info .article-author .fa,
.category-preview article .article-cont .article-meta-info .article-category .fa,
.category-preview article .article-cont .article-meta-info .post-date .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: 8px 8px
}

.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: 8px
    }

    .row .col img:not(.richtext img, .gallery 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: #fff
}

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

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

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

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

.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: 700
}

.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 .rich-content,
.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 .question .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 {
    left: 40px;
    width: 86%;
    font-size: 16px
}

.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 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 .question .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 {
    position: absolute;
    left: -30px
}

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

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

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

.embed_instagram>iframe {
    min-width: initial !important
}

.embed_ig>iframe {
    min-width: initial !important
}

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

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

.embed-ig-preview p {
    color: #fff;
    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  */
    }

    .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: #fff;
        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 a,
    .entry-image-card-1-col .article-list .entry-list-unit .cont h3,
    .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 a,
    .entry-image-card-2-col .article-list .entry-list-unit .cont h3,
    .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 a,
    .entry-image-card-3-col .article-list .entry-list-unit .cont h3,
    .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 h3 a:focus-visible {
        border: 2px solid #cd820a
    }

    .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 .cont,
.entry-image-list .article-list .entry-list-unit .img {
    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 .cont,
.entry-list .entry-list-unit .img {
    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%;
    height: auto;
    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: 700;
    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: 700;
    box-sizing: initial
}

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

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

.entry-list .pagination>.active>a {
    background: #ddd;
    color: #fff;
    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 select,
.article-per-page textarea {
    border-radius: 4px;
    font-size: 14px;
    padding: 0 2%;
    border: solid 1px #ddd;
    background-color: rgba(255, 255, 255, .3)
}

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

.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: 700;
    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 .cont,
    .entry-list .entry-list-unit .img {
        display: block;
        width: 100%;
        padding: 0
    }

    .entry-list .entry-list-unit .cont h3,
    .entry-list .entry-list-unit .img h3 {
        margin: 10px 0;
        padding-left: 10px
    }

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

    .entry-list .entry-list-unit .cont h4,
    .entry-list .entry-list-unit .img h4 {
        margin: 10px 0;
        font-size: 14px;
        padding: 0;
        padding-left: 10px
    }

    .entry-list .entry-list-unit .cont p,
    .entry-list .entry-list-unit .img 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 .cont,
    .entry-list.entry-image-list .entry-list-unit .img {
        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 span iframe[style].disable-click,
.component.fbcomment .fb-comments span.disable-click,
.component.fbcomment .fb-comments.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 span iframe[style].disable-click,
.component.fblikebox .fb-page span.disable-click,
.component.fblikebox .fb-page.disable-click {
    pointer-events: none
}

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

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

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    -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, .2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgba(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 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, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .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: .7;
    left: 10px
}

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

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

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    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: 30px;
    height: 30px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .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
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(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, .3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}

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

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(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:1024px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

.flexslider {
    border: 0
}

.flexslider:has(a:focus-visible) {
    outline: 2px solid #cd820a;
    outline-offset: 5px
}

.foot {
    background: #121712;
    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: 700;
    font-size: 14px
}

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

.component.form .show-notice .alert p {
    font-weight: 400;
    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: 700;
    text-align: left;
    word-wrap: break-word
}

.component.form .form-label.service_term {
    font-size: 14px;
    font-weight: 400;
    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 select,
.component.form textarea {
    min-height: 30px;
    border-radius: 4px;
    font-size: 16.8px;
    border: solid 1px #ddd;
    background-color: rgba(255, 255, 255, .3)
}

.component.form input:focus,
.component.form select:focus,
.component.form textarea:focus {
    border: solid 2px #cd820a
}

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

.component.form .checkbox,
.component.form .radio {
    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
}

:not(:root:root:root) .component.form .service_term_link>a {
    overflow-wrap: anywhere
}

.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=date],
.component.form input[type=email],
.component.form input[type=password],
.component.form input[type=search],
.component.form input[type=text],
.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=date]:hover,
.component.form input[type=email]:hover,
.component.form input[type=password]:hover,
.component.form input[type=search]:hover,
.component.form input[type=text]:hover,
.component.form input[type=url]:hover,
.component.form select:hover,
.component.form textarea:hover {
    background-color: #ceeaf3
}

.component.form input[type=date]:focus,
.component.form input[type=email]:focus,
.component.form input[type=password]:focus,
.component.form input[type=search]:focus,
.component.form input[type=text]:focus,
.component.form input[type=url]:focus,
.component.form select:focus,
.component.form textarea:focus {
    background-color: #f7fcfd;
    border: solid 2px #cd820a
}

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

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

.component.form input[type=date].form-error,
.component.form input[type=email].form-error,
.component.form input[type=password].form-error,
.component.form input[type=search].form-error,
.component.form input[type=text].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=date].form-error:hover,
.component.form input[type=email].form-error:hover,
.component.form input[type=password].form-error:hover,
.component.form input[type=search].form-error:hover,
.component.form input[type=text].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=date].form-error:focus,
.component.form input[type=email].form-error:focus,
.component.form input[type=password].form-error:focus,
.component.form input[type=search].form-error:focus,
.component.form input[type=text].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;
    border: solid 2px #cd820a
}

.component.form input[type=checkbox],
.component.form input[type=radio] {
    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: .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, .5, .5, 1) infinite
}

.component.form .form-submiting .form-submiting-indicator>div:first-child {
    left: 6px;
    animation-delay: -.24s
}

.component.form .form-submiting .form-submiting-indicator>div:nth-child(2) {
    left: 26px;
    animation-delay: -.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
    }

    100%,
    50% {
        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 #000
}

.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 select,
.side .component.form .form-cont textarea {
    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 select,
.side .component.form .form-cont.form-error textarea {
    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: 400;
    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:1024px) {
    .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 select,
    .component.form textarea {
        width: 100%
    }
}

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

.wrapper .contents {
    z-index: 100
}

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

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

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

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

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

.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-content,
.fc-widget-header {
    border: 1px solid #ddd
}

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

.fc-cell-overlay {
    background: #bce8f1;
    opacity: .3
}

.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-next .fc-text-arrow,
.fc-button-prev .fc-text-arrow {
    font-weight: 700
}

.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, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

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

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

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

.fc-state-disabled {
    cursor: default;
    background-image: none;
    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
}

.fc-event-draggable,
a.fc-event {
    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 td,
.fc-border-separate th {
    border-width: 1px 0 0 1px
}

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

.fc-border-separate tr.fc-last td,
.fc-border-separate tr.fc-last th {
    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
}

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

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

.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: 400
}

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

.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: 0 0
}

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

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

.fc-agenda-slots tr.fc-minor td,
.fc-agenda-slots tr.fc-minor th {
    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
}

.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:1024px) {
    .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 .category-select-form,
#html-mail-edit .mail-name-setting .input-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: #fff;
    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, .23) 2px, transparent 2px), linear-gradient(90deg, rgba(236, 236, 236, .2) 2px, transparent 2px), linear-gradient(rgba(216, 218, 218, .32) 1px, transparent 1px), linear-gradient(90deg, rgba(216, 218, 218, .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: 700;
    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: 700;
    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:first-child label {
    padding-bottom: 18px;
    margin-left: 10px
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .customer-lists .require-label::after {
    content: '必須';
    margin: 0 10px;
    font-size: 11px;
    color: #fff;
    padding: 3px 7px;
    border-radius: 2px;
    background: #fe0f65
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .customer-list-info {
    text-align: center;
    padding: 30px;
    width: 500px;
    background: #fff;
    display: block;
    margin: auto
}

#html-mail-edit .distribution-screen .setting-mail .send-setting-screen .send-setting .customer-list-info .customer-count {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

#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 {
    margin: 20px 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 .radio-group .send-time-title {
    margin-bottom: 20px
}

#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, .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: 600
}

#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;
    padding: 7px 10px
}

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

#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;
    background-color: #fff
}

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

#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 .setting-mail .send-setting-screen .send-setting .cms-direct {
    padding-bottom: 30px
}

#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 .page-screen .btn-action .btnNextBack {
    display: inline-block
}

#html-mail-edit .page-screen .btn-action .preview-button-group {
    margin-right: 10px;
    margin-top: 20px;
    text-align: center
}

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

#html-mail-edit .confirm-screen .screen-container {
    margin: auto;
    margin-bottom: 100px;
    margin-top: 30px;
    width: 700px;
    background: #fff
}

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

#html-mail-edit .confirm-screen .screen-container .confirm-content {
    padding: 20px 20px 30px 20px
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .confirm-action {
    text-align: center;
    margin: -20px 0 30px 0
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .confirm-action .btn-action {
    margin-top: 40px
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .confirm-action .btn-action .btn-send,
#html-mail-edit .confirm-screen .screen-container .confirm-content .confirm-action .btn-action .btnNextBack {
    display: inline-block
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .confirm-action .btn-action button {
    margin-top: 0;
    width: 200px;
    margin-right: 10px
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .delivery-settings .title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .delivery-settings table.table-striped td {
    padding: 7px
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .preview-area {
    margin: 30px 0
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .preview-area .title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .preview-area .confirm-body {
    margin-bottom: 30px
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .preview-area .confirm-body.show-less .content-group>.mail-content {
    max-height: 200px;
    overflow-y: auto
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .preview-area .confirm-body.show-less .show-full-action:before {
    content: '\f0d7'
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .preview-area .confirm-body.show-less .show-full-action:after {
    content: '拡大'
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .preview-area .confirm-body .mail-type {
    margin-bottom: 5px
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .preview-area .confirm-body .mail-content {
    word-break: break-all;
    min-height: 40px;
    line-height: 25px;
    border: 3px solid #f9f9f9;
    padding: 10px
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .preview-area .confirm-body .mail-content.multipart {
    white-space: pre-line
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .preview-area .confirm-body .show-full-action {
    float: right;
    margin: 5px 0;
    text-decoration: none
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .preview-area .confirm-body .show-full-action:before {
    content: '\f0d8';
    font-family: fontAweSome;
    font-size: 18px;
    vertical-align: bottom;
    margin-right: 2px
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .preview-area .confirm-body .show-full-action:after {
    content: '縮小'
}

#html-mail-edit .confirm-screen .screen-container .confirm-content .send-test-mail {
    margin-top: 30px;
    text-align: center
}

#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: #eee;
    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: 400;
    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.active,
#html-mail-edit .campaign-mail .new-btn.btn-small.new-btn-default:hover {
    color: #555;
    background: #f6f6f6;
    border: 1px solid #ddd
}

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

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

#html-mail-edit .campaign-mail .cms-direct.btn-action button {
    margin-top: 40px;
    margin-bottom: 40px
}

.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
}

.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: 0
}

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

@media (max-width:769px) {

    .poptrox-overlay .poptrox-popup .nav-next>div,
    .poptrox-overlay .poptrox-popup .nav-previous>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
    }
}

.row,
.row .col,
.row .col .component,
section {
    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: 700;
    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: #fff
}

.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:after,
.main-visual:before {
    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: 700
}

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

.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: 700
}

.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: 700
}

.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 ol,
.component.text ul {
    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 td,
.component.text th {
    vertical-align: middle;
    padding: 20px;
    border: 1px solid #ddd;
    margin: 0
}

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

@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:after,
.navi ul.nav:before {
    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:1024px) {
    .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 li.hover ul,
    .navi ul.nav>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:1024px) {
    .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: 700
}

.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-30px {
    font-size: 30px
}

.rich-heading .font-size-32px {
    font-size: 32px;
    line-height: 40px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-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 button,
.rich-heading-modal .item input {
    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 #000
}

.component.richtext thead {
    display: table-header-group;
    border: 1px solid #000
}

.component.richtext tbody {
    display: table-row-group;
    border: 1px solid #000
}

.component.richtext tfoot {
    display: table-footer-group;
    border: 1px solid #000
}

.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 blockquote,
.component.richtext dir,
.component.richtext dl,
.component.richtext fieldset,
.component.richtext form,
.component.richtext h4,
.component.richtext menu,
.component.richtext ol,
.component.richtext p,
.component.richtext ul {
    /* 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 b,
.component.richtext h1,
.component.richtext h2,
.component.richtext h3,
.component.richtext h4,
.component.richtext h5,
.component.richtext h6,
.component.richtext strong {
    font-weight: bolder;
    font-style: inherit
}

.component.richtext a,
.component.richtext s,
.component.richtext span,
.component.richtext u {
    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 address,
.component.richtext cite,
.component.richtext em,
.component.richtext var {
    font-style: italic;
    font-weight: inherit
}

.component.richtext code,
.component.richtext kbd,
.component.richtext pre,
.component.richtext samp,
.component.richtext tt {
    font-family: monospace
}

.component.richtext pre {
    white-space: pre
}

.component.richtext button,
.component.richtext input,
.component.richtext select,
.component.richtext textarea {
    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 tbody,
.component.richtext tfoot,
.component.richtext thead {
    vertical-align: middle
}

.component.richtext td,
.component.richtext th,
.component.richtext tr {
    vertical-align: inherit
}

.component.richtext del,
.component.richtext s,
.component.richtext strike {
    text-decoration: line-through
}

.component.richtext hr {
    border: 1px inset
}

.component.richtext dd,
.component.richtext dir,
.component.richtext menu,
.component.richtext ol,
.component.richtext ul {
    margin-left: 40px
}

.component.richtext ol {
    list-style-type: decimal
}

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

.component.richtext ol ul,
.component.richtext ul 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 ol,
.component.richtext ol ul,
.component.richtext ul ol,
.component.richtext ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.component.richtext ins,
.component.richtext u {
    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 dl,
    .component.richtext ol,
    .component.richtext ul {
        page-break-before: avoid
    }
}

.component.richtext .button-cont a {
    font-size: inherit
}

.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;
    min-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: 700 !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 .instagram.align-left,
.component.richtext .article-embed.align-left {
    margin-left: 0;
    margin-right: auto
}

.component.richtext .article-embed .instagram.align-center,
.component.richtext .article-embed.align-center {
    margin-left: auto;
    margin-right: auto
}

.component.richtext .article-embed .instagram.align-right,
.component.richtext .article-embed.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, .4), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, .4), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, .4), transparent);
    background-image: -o-linear-gradient(left, transparent, rgba(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-deletion,
.component.richtext .black .hljs-name,
.component.richtext .black .hljs-regexp,
.component.richtext .black .hljs-selector-class,
.component.richtext .black .hljs-selector-id,
.component.richtext .black .hljs-tag,
.component.richtext .black .hljs-template-variable,
.component.richtext .black .hljs-variable,
.rich-text-component-modal .black .hljs-deletion,
.rich-text-component-modal .black .hljs-name,
.rich-text-component-modal .black .hljs-regexp,
.rich-text-component-modal .black .hljs-selector-class,
.rich-text-component-modal .black .hljs-selector-id,
.rich-text-component-modal .black .hljs-tag,
.rich-text-component-modal .black .hljs-template-variable,
.rich-text-component-modal .black .hljs-variable {
    color: #f2777a
}

.component.richtext .black .hljs-built_in,
.component.richtext .black .hljs-builtin-name,
.component.richtext .black .hljs-link,
.component.richtext .black .hljs-literal,
.component.richtext .black .hljs-meta,
.component.richtext .black .hljs-number,
.component.richtext .black .hljs-params,
.component.richtext .black .hljs-type,
.rich-text-component-modal .black .hljs-built_in,
.rich-text-component-modal .black .hljs-builtin-name,
.rich-text-component-modal .black .hljs-link,
.rich-text-component-modal .black .hljs-literal,
.rich-text-component-modal .black .hljs-meta,
.rich-text-component-modal .black .hljs-number,
.rich-text-component-modal .black .hljs-params,
.rich-text-component-modal .black .hljs-type {
    color: #f99157
}

.component.richtext .black .hljs-attribute,
.rich-text-component-modal .black .hljs-attribute {
    color: #fc6
}

.component.richtext .black .hljs-addition,
.component.richtext .black .hljs-bullet,
.component.richtext .black .hljs-string,
.component.richtext .black .hljs-symbol,
.rich-text-component-modal .black .hljs-addition,
.rich-text-component-modal .black .hljs-bullet,
.rich-text-component-modal .black .hljs-string,
.rich-text-component-modal .black .hljs-symbol {
    color: #9c9
}

.component.richtext .black .hljs-section,
.component.richtext .black .hljs-title,
.rich-text-component-modal .black .hljs-section,
.rich-text-component-modal .black .hljs-title {
    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: 700
}

.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-attribute,
.component.richtext .default .hljs-doctag,
.component.richtext .default .hljs-keyword,
.component.richtext .default .hljs-meta-keyword,
.component.richtext .default .hljs-name,
.component.richtext .default .hljs-selector-tag,
.rich-text-component-modal .default .hljs-attribute,
.rich-text-component-modal .default .hljs-doctag,
.rich-text-component-modal .default .hljs-keyword,
.rich-text-component-modal .default .hljs-meta-keyword,
.rich-text-component-modal .default .hljs-name,
.rich-text-component-modal .default .hljs-selector-tag {
    font-weight: 700
}

.component.richtext .default .hljs-deletion,
.component.richtext .default .hljs-number,
.component.richtext .default .hljs-quote,
.component.richtext .default .hljs-selector-class,
.component.richtext .default .hljs-selector-id,
.component.richtext .default .hljs-string,
.component.richtext .default .hljs-template-tag,
.component.richtext .default .hljs-type,
.rich-text-component-modal .default .hljs-deletion,
.rich-text-component-modal .default .hljs-number,
.rich-text-component-modal .default .hljs-quote,
.rich-text-component-modal .default .hljs-selector-class,
.rich-text-component-modal .default .hljs-selector-id,
.rich-text-component-modal .default .hljs-string,
.rich-text-component-modal .default .hljs-template-tag,
.rich-text-component-modal .default .hljs-type {
    color: #800
}

.component.richtext .default .hljs-section,
.component.richtext .default .hljs-title,
.rich-text-component-modal .default .hljs-section,
.rich-text-component-modal .default .hljs-title {
    color: #800;
    font-weight: 700
}

.component.richtext .default .hljs-link,
.component.richtext .default .hljs-regexp,
.component.richtext .default .hljs-selector-attr,
.component.richtext .default .hljs-selector-pseudo,
.component.richtext .default .hljs-symbol,
.component.richtext .default .hljs-template-variable,
.component.richtext .default .hljs-variable,
.rich-text-component-modal .default .hljs-link,
.rich-text-component-modal .default .hljs-regexp,
.rich-text-component-modal .default .hljs-selector-attr,
.rich-text-component-modal .default .hljs-selector-pseudo,
.rich-text-component-modal .default .hljs-symbol,
.rich-text-component-modal .default .hljs-template-variable,
.rich-text-component-modal .default .hljs-variable {
    color: #bc6060
}

.component.richtext .default .hljs-literal,
.rich-text-component-modal .default .hljs-literal {
    color: #78a960
}

.component.richtext .default .hljs-addition,
.component.richtext .default .hljs-built_in,
.component.richtext .default .hljs-bullet,
.component.richtext .default .hljs-code,
.rich-text-component-modal .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 {
    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: 700
}

.cke_contents,
.cke_inner,
.cke_reset,
.cke_wrapper {
    background-color: transparent !important
}

.cke_maximized {
    background-color: #fff !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 td,
    .component.richtext .table-with-row-header table tbody tr th {
        display: block !important
    }

    .component.richtext .table-with-two-headers {
        overflow: scroll
    }

    .component.richtext .table-with-two-headers table tr td,
    .component.richtext .table-with-two-headers table tr th {
        white-space: nowrap
    }
}

.component.rss h3.overview {
    padding-bottom: 5px;
    font-weight: 700
}

.component.rss .rss_entry {
    border-bottom: 1px solid #eee
}

.component.rss .cont,
.component.rss .img {
    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: 700;
    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: 700;
    margin: 10px 0
}

.component.rss .cont .rss_desp {
    font-weight: 700;
    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-related-article,
.component.salefoce-search {
    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=search]:focus {
    border: solid 2px #cd820a
}

.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-breadcrumb,
.page-column,
.page-footer,
.page-navi,
.page-row {
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff
}

.page-component {
    background: #fff
}

.page-component:hover {
    background: #fff !important
}

.page-navi {
    margin: 0;
    background-color: #fafafa
}

.page-header {
    position: relative;
    min-height: 200px;
    border: none;
    margin: 0;
    background: 0 0
}

.page-header .toggle {
    float: none;
    text-align: left;
    position: absolute;
    right: 20px;
    top: 10px;
    width: 95px
}

.page-header .toggle .view-btn {
    position: absolute;
    top: 0;
    right: 0
}

.hidden-nav {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.page-breadcrumb,
.page-component,
.page-header,
.page-navi {
    line-height: 34px
}

.page-breadcrumb .align-right,
.page-component .align-right,
.page-header .align-right,
.page-navi .align-right {
    float: right !important
}

.page-breadcrumb .p-help,
.page-component .p-help,
.page-header .p-help,
.page-navi .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: 700;
    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: 0 0 !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, .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, .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: .8
}

#displayNavigation li {
    font-size: 12px;
    display: -moz-inline-box;
    display: inline-block;
    padding-right: 0
}

#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: #a9a9a9
}

.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, .8);
    box-shadow: 0 0 8px rgba(82, 168, 236, .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.dropup,
.table>thead:first-child>tr:first-child>th.rep-head {
    background-color: none
}

.table>thead:first-child>tr:first-child>th.dropup a,
.table>thead:first-child>tr:first-child>th.rep-head 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 #fff;
    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:after,
.timeline-centered:before {
    content: ' ';
    display: table
}

.timeline-centered:after {
    clear: both
}

.timeline-centered:after,
.timeline-centered:before {
    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:after,
.timeline-centered .timeline-entry:before {
    content: ' ';
    display: table
}

.timeline-centered .timeline-entry:after {
    clear: both
}

.timeline-centered .timeline-entry:after,
.timeline-centered .timeline-entry:before {
    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:after,
.timeline-centered .timeline-entry .timeline-entry-inner:before {
    content: ' ';
    display: table
}

.timeline-centered .timeline-entry .timeline-entry-inner:after {
    clear: both
}

.timeline-centered .timeline-entry .timeline-entry-inner:after,
.timeline-centered .timeline-entry .timeline-entry-inner:before {
    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: 700
}

.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: 0.6;
    -moz-opacity: 0.6;
    opacity: .6
}

.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: #fff;
    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: 700;
    padding: 5px 0 5px 0
}

.productprice {
    border-top: 1px solid #dadada;
    padding-top: 5px
}

.pricetext {
    font-weight: 700;
    font-size: 1.4em
}

.rt-graph {
    background-color: #fff6e3
}

.rt-count-talbe {
    display: table;
    width: 100%
}

.rt-count {
    font-size: 30pt;
    font-weight: 700;
    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, .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(.23, 1, .32, 1);
    -moz-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
    -o-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
    transition: all 1.5s cubic-bezier(.23, 1, .32, 1)
}

.tile-progress .tile-footer {
    padding: 20px;
    text-align: right;
    background: rgba(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: 700
}

td.v-alm {
    vertical-align: middle
}

input[type=number] {
    text-align: right
}

.alert.alert-danger h4 {
    font-weight: 700;
    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: 700
}

.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 td,
.show-details table th {
    border: none !important
}

.show-details table td.font-thin,
.show-details table th.font-thin {
    font-weight: 400;
    color: #666
}

.show-details table td.font-bold,
.show-details table th.font-bold {
    font-weight: 700
}

.show-details .no-padding-left {
    padding-left: 0
}

.show-details .no-padding-right {
    padding-right: 0
}

.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-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover,
.input-group #epiceditor,
.input-group .form-control {
    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: 0;
    margin-bottom: 0
}

.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, .75), transparent);
    background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, .75), transparent);
    background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, .75), transparent);
    background-image: -o-linear-gradient(left, transparent, rgba(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: .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: 700;
    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: 700;
    margin: 20px 0
}

.errors .error-subtitle {
    font-size: 16pt;
    padding-bottom: 20px
}

#wysiwyg-bar {
    outline: 0;
    position: absolute;
    top: -33px;
    left: 0;
    display: block;
    background-color: rgba(51, 51, 51, .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: .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: 0
}

.page-edit .no-margin-top {
    margin-top: 0
}

.page-edit .tagsinput span.tag {
    color: #fff;
    background: #425d71;
    border: 1px solid #1e3548
}

.page-edit .tagsinput span.tag a {
    color: #fff
}

.page-edit label.fn-n {
    font-weight: 400
}

.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 td.w-30,
table th.w-30 {
    width: 30px
}

table td.w-40,
table th.w-40 {
    width: 40px
}

table td.w-50,
table th.w-50 {
    width: 50px
}

table td.w-60,
table th.w-60 {
    width: 60px
}

table td.w-70,
table th.w-70 {
    width: 70px
}

table td.w-80,
table th.w-80 {
    width: 80px
}

table td.w-90,
table th.w-90 {
    width: 90px
}

table td.w-100,
table th.w-100 {
    width: 100px
}

table td.w-120,
table th.w-120 {
    width: 120px
}

table td.w-140,
table th.w-140 {
    width: 140px
}

table td.w-150,
table th.w-150 {
    width: 150px
}

table td.w-160,
table th.w-160 {
    width: 160px
}

table td.w-170,
table th.w-170 {
    width: 170px
}

table td.w-180,
table th.w-180 {
    width: 180px
}

table td.w-200,
table th.w-200 {
    width: 200px
}

table td.w-220,
table th.w-220 {
    width: 220px
}

table td.w-240,
table th.w-240 {
    width: 240px
}

table td.w-300,
table th.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 td.w-25p,
table th.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: 700
}

.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 #ddd;
    background-color: #eee
}

.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: 700;
    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: 700;
    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: 700;
    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 td,
.modal-dialog .image-component-modal .image-info th {
    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: #fff
}

.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 .btn-group,
.markdown-editor .row .btn-toolbar,
.markdown-editor .row .form-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: 700
}

.markdown-editor .pv-switch #bt-show-preview {
    background: 0 0;
    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 ol,
#preview-markdown ul {
    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: 700
}

#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 td,
#preview-markdown th {
    vertical-align: middle;
    padding: 20px;
    border: 1px solid #ddd;
    margin: 0
}

#preview-markdown th {
    background: #eee;
    font-weight: 700
}

.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_category .row-none,
.edit_tag .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
}

@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: 400;
    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: 400;
    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 dd,
.contact-content dt {
    vertical-align: middle;
    display: table-cell;
    padding: 10px;
    word-break: break-all
}

.contact-content dd {
    width: 70%;
    background: #fff
}

.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: #fff;
    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: #00f;
    display: inline-block;
    margin-top: -12px;
    color: #fff;
    border-radius: 2px
}

.contact-content dt abbr[title] {
    border-bottom: 0
}

@media (max-width:1024px) {
    .contact-content dl {
        width: 100%;
        display: block
    }

    .contact-content dd,
    .contact-content dt {
        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:1024px) {
    .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:1024px) {
    .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:1024px) {
    .tag-preview article .article-cont .article-meta-info .tag-lists {
        display: none
    }
}

.tag-preview article .article-cont .article-meta-info .article-author,
.tag-preview article .article-cont .article-meta-info .post-date {
    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-30px {
    font-size: 30px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-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: 700
}

.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:1024px) {
    .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 code,
.component.text p {
    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, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    outline: 0;
    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
}

.ui-timepicker-list .ui-timepicker-selected:hover,
.ui-timepicker-list li:hover,
li.ui-timepicker-selected {
    background: #1980ec;
    color: #fff
}

.ui-timepicker-list li:hover .ui-timepicker-duration,
li.ui-timepicker-selected .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: 0
}

.case-block .component.heading h2,
.case-block .component.text p {
    text-align: center
}

@media screen and (max-width:1024px) {
    .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: 700
}

.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: 700
}

.faq-block .inner .faq-box .answer .text-content {
    display: inline
}

@media screen and (max-width:1024px) {
    .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: 700
}

@media screen and (max-width:1024px) {
    .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: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    border-top: 4px solid #034084;
    box-shadow: 0 1px 3px #ccc
}

.numbering-block .row.row-1 .heading.title h1,
.numbering-block .row.row-1 .heading.title h2,
.numbering-block .row.row-1 .heading.title h3,
.numbering-block .row.row-1 .heading.title h4 {
    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 h1,
.numbering-block .row.row-2 .heading.title h2,
.numbering-block .row.row-2 .heading.title h3,
.numbering-block .row.row-2 .heading.title h4 {
    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 h1,
.numbering-block .row.row-3 .heading.title h2,
.numbering-block .row.row-3 .heading.title h3,
.numbering-block .row.row-3 .heading.title h4 {
    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 h1,
.numbering-block .row.row-4 .heading.title h2,
.numbering-block .row.row-4 .heading.title h3,
.numbering-block .row.row-4 .heading.title h4 {
    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 h1,
.numbering-block .row.row-5 .heading.title h2,
.numbering-block .row.row-5 .heading.title h3,
.numbering-block .row.row-5 .heading.title h4 {
    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 h1,
.numbering-block .row.row-6 .heading.title h2,
.numbering-block .row.row-6 .heading.title h3,
.numbering-block .row.row-6 .heading.title h4 {
    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 h1,
.numbering-block .row.row-7 .heading.title h2,
.numbering-block .row.row-7 .heading.title h3,
.numbering-block .row.row-7 .heading.title h4 {
    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 h1,
.numbering-block .row.row-8 .heading.title h2,
.numbering-block .row.row-8 .heading.title h3,
.numbering-block .row.row-8 .heading.title h4 {
    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 h1,
.numbering-block .row.row-9 .heading.title h2,
.numbering-block .row.row-9 .heading.title h3,
.numbering-block .row.row-9 .heading.title h4 {
    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 h1,
.numbering-block .row.row-10 .heading.title h2,
.numbering-block .row.row-10 .heading.title h3,
.numbering-block .row.row-10 .heading.title h4 {
    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:1024px) {
    .numbering-block img {
        max-width: 70% !important;
        display: block;
        margin: 20px auto 0
    }

    .numbering-block .heading.title h1,
    .numbering-block .heading.title h2,
    .numbering-block .heading.title h3,
    .numbering-block .heading.title h4 {
        position: relative;
        padding-left: 50px !important
    }

    .numbering-block .heading.title h1:before,
    .numbering-block .heading.title h2:before,
    .numbering-block .heading.title h3:before,
    .numbering-block .heading.title h4: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:1024px) {
    .price-block .price-lists .heading {
        margin-bottom: -5px
    }
}

.review-block .row {
    border-spacing: 20px 10px
}

.review-block .row .fukidashi {
    background: #fff;
    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:1024px) {
    .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: var(--fo-text-link-color);
    text-decoration: none;
    transition: background-color .2s linear, color .2s linear
}

.theme-fo-base .main-visual.top-page {
    background-image: url(../images/pattern/pattern-dash-2.png) rgba(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: 700
}

.theme-fo-base .wrapper .contents .col {
    vertical-align: middle;
    /* vertical-align: top */
}

.theme-fo-base .wrapper .contents .col .component {
    padding: 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;
    padding: calc(80px * var(--fo-spacing-coef) - 30px) 0 calc(80px * var(--fo-spacing-coef) - 40px);
}

.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-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-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: 0 0
}

.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: #333;
    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: 0 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
}

.theme-fo-base .wrapper.side-fixed-right {
    margin: initial
}

.theme-fo-base .wrapper.side-fixed-right .contents {
    width: 100%
}

.theme-fo-base .wrapper.side-fixed-right .contents .inner {
    max-width: 1240px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 20px;
    width: 100%
}

@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-both .side,
    .theme-fo-base .wrapper.side-left .side,
    .theme-fo-base .wrapper.side-right .side {
        display: block;
        margin: 10px 0
    }

    .theme-fo-base .wrapper.side-both .side.left,
    .theme-fo-base .wrapper.side-both .side.right,
    .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: 100%
    }

    .theme-fo-base .wrapper.side-both .side.left .inner,
    .theme-fo-base .wrapper.side-both .side.right .inner,
    .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 {
        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: 400
}

.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:1024px) {

    .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: #999;
    color: #fff
}

.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: #fff
}

.theme-fo-base .breadcrumbs ul li a:hover {
    color: #e6e6e6;
    text-decoration: underline
}

.theme-fo-base .breadcrumbs a::after {
    content: '';
    color: #fff;
    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:1024px) {
    .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'
}
.component.component-1.richtext {
    color: rgba(21, 96, 130, 1);
}