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: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

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

img {
	border-style: none;
}

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

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

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

[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("/img/aimage_1.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern2,section .overlay-image.bg_overlay_pattern2 {
    background-image: url("/img/aimage_0.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern3,
section .overlay-image.bg_overlay_pattern3 {
	background-image: url("/img/aimage_2.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern4,section .overlay-image.bg_overlay_pattern4 {
    background-image: url("/img/aimage_3.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern5,
section .overlay-image.bg_overlay_pattern5 {
	background-image: url("/img/aimage_4.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern6,section .overlay-image.bg_overlay_pattern6 {
    background-image: url("/img/aimage_5.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern7,
section .overlay-image.bg_overlay_pattern7 {
	background-image: url("/img/aimage_6.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern8,section .overlay-image.bg_overlay_pattern8 {
    background-image: url("/img/aimage_7.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern9,
section .overlay-image.bg_overlay_pattern9 {
	background-image: url("/img/aimage_8.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern10,section .overlay-image.bg_overlay_pattern10 {
    background-image: url("/img/aimage_9.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern11,
section .overlay-image.bg_overlay_pattern11 {
	background-image: url("/img/aimage_10.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern12,section .overlay-image.bg_overlay_pattern12 {
    background-image: url("/img/aimage_11.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern13,
section .overlay-image.bg_overlay_pattern13 {
	background-image: url("/img/aimage_12.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern14,section .overlay-image.bg_overlay_pattern14 {
    background-image: url("/img/aimage_13.jpg");
}

.main-visual .overlay-image.bg_overlay_pattern15,
section .overlay-image.bg_overlay_pattern15 {
	background-image: url("/img/aimage_14.jpg");
}

.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: rgba(255,191,0,.9)
}

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

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

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

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

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

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

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

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

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

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

.component.border hr.type01 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left,transparent,rgba(0,0,0,.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: 0 10px 10px 10px
}

.row .col img {
    width: 100%
}

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

@media (max-width: 769px) {
    .row {
        display:block;
        table-layout: auto!important;
        width: 100%
    }

    .row .col {
        display: block!important;
        width: 100%!important;
        padding: 0
    }

    .row .col img: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!important
    }

    .entry-image-card-1-col .article-list>*,.entry-image-card-2-col .article-list>*,.entry-image-card-3-col .article-list>* {
        letter-spacing: normal;
        box-sizing: border-box
    }

    .entry-image-card-1-col .article-list .entry-list-unit,.entry-image-card-2-col .article-list .entry-list-unit,.entry-image-card-3-col .article-list .entry-list-unit {
        display: inline-block!important;
        margin: 6px!important;
        box-shadow: 0 0 3px #ddd;
        background: #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%;
    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: 860px) {
    .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: #25809d;
    width: 100%;
    color: #eee
}

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

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

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

.component.form .show-notice .alert {
    border-radius: 4px;
    padding: 16px;
    font-weight: 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: 769px) {
    .contents .component.form.horizontal .form-label {
        display:block!important;
        width: 100%
    }

    .contents .component.form.horizontal .form-label.require {
        padding-right: 0
    }

    .contents .component.form.horizontal .form-label.require:after {
        position: relative;
        top: 0;
        right: auto;
        display: inline-block;
        padding: 3px 7px
    }

    .contents .component.form.horizontal .form-cont {
        display: block!important;
        width: 100%
    }

    .component.form .form-submit .popup-link {
        width: 100%;
        font-size: 16.8px;
        line-height: 37px;
        padding: 0;
        margin: 10px 0
    }

    .component.form .form-title {
        font-size: 16.8px
    }

    .component.form .form-label {
        font-size: 14px
    }

    .component.form input[type=text],.component.form 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: 769px) {
    .header {
        min-height:200px
    }

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

    .header .title {
        padding: 0 10px
    }

    .header .title h2 {
        font-size: 19.6px!important
    }

    .header .title h3 {
        font-size: 14px!important
    }
}

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

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

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

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

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

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

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

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

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

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

#html-mail-edit .mail-name-setting .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: 769px) {
    .navi .active {
        display:block
    }

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

    .navi ul.nav>li>.parent {
        background-position: 95% 50%
    }

    .navi ul.nav ul {
        display: block;
        width: 100%
    }

    .navi ul.nav li 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: 769px) {
    .sp-menu {
        display:block
    }
}

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

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

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

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

.rich-heading h1 em,.rich-heading h2 em,.rich-heading h3 em,.rich-heading h4 em,.rich-heading h5 em {
    font-weight: 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
}

.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-gothicmb101m {
    font-family: 'ゴシックMB101 M','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

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

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

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

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

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

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

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

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

.rich-heading .font-family-ryumin {
    font-family: 'リュウミン R-KL','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.rich-heading .font-family-ryuminm {
    font-family: 'リュウミン M-KL','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.rich-heading .font-family-ryuminb {
    font-family: 'リュウミン B-KL','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.rich-heading .font-family-ryumineb {
    font-family: 'リュウミン EB-KL','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.rich-heading .font-family-kaiminchuu {
    font-family: '解ミン 宙 R','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.rich-heading .font-family-kaiminchuum {
    font-family: '解ミン 宙 M','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.rich-heading .font-family-kaiminchuub {
    font-family: '解ミン 宙 B','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

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

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

.rich-heading .font-family-maruforkb {
    font-family: '丸フォーク B','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.rich-heading .font-family-midashigomb31 {
    font-family: '見出ゴMB31','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.rich-heading .font-family-midashiminma31 {
    font-family: '見出ミンMA31','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.rich-heading .font-family-shingoel {
    font-family: '新ゴ EL','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

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

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

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

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

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

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

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

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

.rich-heading .font-family-chuugothicbbb {
    font-family: '中ゴシックBBB','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

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

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

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

.rich-heading svg {
    fill: white;
    width: 18px;
    height: 18px
}

.rich-heading svg.icon-rich-content-bg-color {
    vertical-align: baseline
}

.rich-heading svg.icon-rich-content-clear {
    vertical-align: middle
}

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

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

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

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

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

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

.rich-heading-modal {
    padding: 0 40px
}

.rich-heading-modal .row .column {
    vertical-align: middle
}

.rich-heading-modal .item {
    padding: 0 15px
}

.rich-heading-modal .item 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!important
}

.component.richtext .instagram-show .instagram iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.component.richtext .instagram-show .instagram {
    position: relative;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.component.richtext .article-embed[data-embed-type=url] {
    position: relative;
    margin-bottom: 10px;
    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: 769px) {
    .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: 769px) {
    .tag-preview article .article-thumbnail {
        display:block;
        width: 100%
    }
}

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

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

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

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

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

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

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

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

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

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

.tag-preview article .article-cont .article-meta-info .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-gothicmb101m {
    font-family: 'ゴシックMB101 M','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

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

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

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

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

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

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

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

.component.text .font-family-forkb {
    font-family: 'フォーク B','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-ryumin {
    font-family: 'リュウミン R-KL','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-ryuminm {
    font-family: 'リュウミン M-KL','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-ryuminb {
    font-family: 'リュウミン B-KL','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-ryumineb {
    font-family: 'リュウミン EB-KL','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-kaiminchuu {
    font-family: '解ミン 宙 R','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-kaiminchuum {
    font-family: '解ミン 宙 M','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-kaiminchuub {
    font-family: '解ミン 宙 B','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-marufork {
    font-family: '丸フォーク R','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-maruforkm {
    font-family: '丸フォーク M','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-maruforkb {
    font-family: '丸フォーク B','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-midashigomb31 {
    font-family: '見出ゴMB31','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-midashiminma31 {
    font-family: '見出ミンMA31','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-shingoel {
    font-family: '新ゴ EL','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-shingo {
    font-family: '新ゴ L','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-shingor {
    font-family: '新ゴ R','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-shingom {
    font-family: '新ゴ M','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-shingob {
    font-family: '新ゴ B','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-shinmarugo {
    font-family: '新丸ゴ L','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-shinmarugor {
    font-family: '新丸ゴ R','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-shinmarugom {
    font-family: '新丸ゴ M','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-shinmarugob {
    font-family: '新丸ゴ B','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-chuugothicbbb {
    font-family: '中ゴシックBBB','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-reimin {
    font-family: '黎ミン R','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-reiminm {
    font-family: '黎ミン M','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text .font-family-reiminb {
    font-family: '黎ミン B','Lucida Grande','segoe UI','Hiragino Kaku Gothic ProN',Meiryo,Verdana,Arial,'sans-serif'
}

.component.text em.strong {
    font-style: unset;
    font-weight: 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: 769px) {
    .contents .component.text p {
        font-size:14px;
        padding: 5px;
        margin: 10px 0
    }

    .side .component.text p {
        font-size: 14px;
        padding: 5px;
        margin: 10px 0
    }

    .foot-cont .component.text p {
        font-size: 14px;
        padding: 5px;
        margin: 10px 0
    }
}

.component.text 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: 769px) {
    .case-block .case-logos {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .case-block .case-logos .col {
        width: 45%!important;
        margin: 0 5px
    }
}

.faq-block .inner .row-1 .component.heading h2 {
    text-align: center
}

.faq-block .inner .faq-box {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.faq-block .inner .faq-box .col {
    box-shadow: 0 1px 3px #ccc;
    background: #fff;
    color: #000;
    border-radius: 6px;
    display: block
}

.faq-block .inner .faq-box .col.col-2 {
    margin-left: 20px
}

.faq-block .inner .faq-box .question {
    border-bottom: 1px solid #ddd;
    display: block;
    position: relative
}

.faq-block .inner .faq-box .question:before {
    content: 'Q.';
    display: inline-block;
    color: #e8203d;
    margin-right: 20px;
    font-size: 25px;
    font-weight: 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: 769px) {
    .faq-block .inner .faq-box {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .faq-block .inner .faq-box .col {
        width: 100%!important;
        margin-bottom: 20px
    }

    .faq-block .inner .faq-box .col.col-2 {
        margin-left: 0
    }
}

.flow-block .component.heading h2,.flow-block .component.heading h3 {
    text-align: center
}

.flow-block .flow-box .col .image img {
    max-width: 160px!important
}

.flow-block .row.flow-box .col:not(:last-of-type) {
    position: relative
}

.flow-block .row.flow-box .col:not(:last-of-type):after {
    content: '\f054';
    color: #666;
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    top: 25%;
    right: -5%;
    font-size: 30px;
    font-weight: 700
}

@media screen and (max-width: 769px) {
    .flow-block .row.flow-box .col:not(:last-child) {
        position:relative
    }

    .flow-block .row.flow-box .col:not(:last-child):after {
        content: '>';
        width: 40px;
        height: auto;
        display: block;
        margin: auto;
        position: relative;
        right: 0;
        transform: rotate(90deg)
    }
}

.side-both .flow-block .flow-box {
    border-collapse: separate;
    border-spacing: 20px 0
}

.side-both .flow-block .flow-box .col:not(:last-child)::after {
    left: 100%
}

.side-both .flow-block .flow-box .col .image img {
    max-width: 100%!important
}

.side-left .flow-block .flow-box,.side-right .flow-block .flow-box {
    border-collapse: separate;
    border-spacing: 20px 0
}

.side-left .flow-block .flow-box .col:not(:last-child)::after,.side-right .flow-block .flow-box .col:not(:last-child)::after {
    left: 100%
}

.side-left .flow-block .flow-box .col .image img,.side-right .flow-block .flow-box .col .image img {
    max-width: 100%!important
}

.news-block .component.heading h2 {
    text-align: center
}

.numbering-block .row {
    background: #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: 769px) {
    .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: 769px) {
    .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: 769px) {
    .review-block .row img {
        display:block;
        max-width: 60%!important;
        margin: 40px auto 20px
    }

    .review-block .row .fukidashi:before {
        position: absolute;
        content: '';
        width: 0;
        left: 0;
        right: 0;
        margin: auto;
        border: 14px solid transparent;
        border-bottom-color: #fff;
        top: -26px;
        z-index: 1
    }

    .review-block .row .fukidashi:after {
        position: absolute;
        content: '';
        width: 0;
        left: 0;
        right: 0;
        margin: auto;
        border: 14px solid transparent;
        border-bottom-color: #f1f1f1;
        top: -27px;
        z-index: 0
    }
}

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

.theme-fo-base {
    font-size: 100%;
    color: #333;
    font-family: 'Hiragino Kaku Gothic ProN',Meiryo,'メイリオ',sans-serif;
    line-height: 1.8;
    overflow: hidden
}

.theme-fo-base * {
    box-sizing: border-box
}

.theme-fo-base a {
    color: #919191;
    text-decoration: none;
    transition: background-color .2s linear,color .2s linear
}

.theme-fo-base .main-visual.top-page {
    background-image: url("/img/bkg.jpg")
		rgba(0, 0, 0, 0.3);
	background-size: cover;
}

.theme-fo-base .main-visual .component a img:hover {
	opacity: 0.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: top;
}

.theme-fo-base .wrapper .contents .col .component {
	margin: 10px 0;
}

.theme-fo-base .wrapper .contents section a img:hover {
	opacity: 0.8;
}

.theme-fo-base .wrapper .contents .content-1 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-2 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-3 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-4 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-5 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-6 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-7 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-8 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-9 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-10 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-11 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-12 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-13 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-14 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-15 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-16 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-17 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-18 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-19 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-20 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-21 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-22 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-23 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-24 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-25 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-26 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-27 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-28 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-29 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-30 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-31 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-32 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-33 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-34 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-35 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-36 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-37 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-38 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-39 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-40 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-41 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-42 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-43 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-44 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-45 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-46 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-47 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-48 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-49 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-50 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-51 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-52 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-53 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-54 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-55 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-56 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-57 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-58 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-59 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-60 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-61 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-62 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-63 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-64 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-65 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-66 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-67 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-68 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-69 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-70 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-71 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-72 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-73 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-74 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-75 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-76 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-77 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-78 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-79 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-80 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-81 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-82 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-83 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-84 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-85 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-86 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-87 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-88 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-89 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-90 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-91 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-92 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-93 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-94 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-95 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-96 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-97 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-98 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-99 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .contents .content-100 {
	background-position: center center;
	background-size: cover;
}

.theme-fo-base .wrapper .side {
	display: table-cell;
	vertical-align: top;
}

.theme-fo-base .wrapper .side .inner {
	background: 0 0;
}

.theme-fo-base .wrapper .side .inner .component {
	margin-bottom: 10px;
}

.theme-fo-base .wrapper .side .inner .component a img:hover {
	opacity: 0.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: 0.8rem;
}

.theme-fo-base .foot .foot-cont .component a img:hover {
	opacity: 0.8;
}

.theme-fo-base .foot .foot-copyright p {
	font-size: 0.6rem;
}

.theme-fo-base .wrapper.none .contents {
	width: 100%;
}

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

.theme-fo-base .wrapper.side-left,
.theme-fo-base .wrapper.side-right {
	max-width: 1100px;
	margin: 0 auto;
}

.theme-fo-base .wrapper.side-left .contents,
.theme-fo-base .wrapper.side-right .contents {
	max-width: 780px;
	width: 100%;
	padding: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #f6f6f6;
}

.theme-fo-base .wrapper.side-left .side.left,
.theme-fo-base .wrapper.side-left .side.right,
.theme-fo-base .wrapper.side-right .side.left,
.theme-fo-base .wrapper.side-right .side.right {
	width: 320px;
	padding: 20px;
}

.theme-fo-base .wrapper.side-both {
	max-width: 1100px;
	margin: 0 auto;
}

.theme-fo-base .wrapper.side-both .contents {
	width: 560px;
	padding: 10px;
}

.theme-fo-base .wrapper.side-both .side.left,
.theme-fo-base .wrapper.side-both .side.right {
	width: 250px;
	padding: 10px;
}

.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: 769px) {
	.theme-fo-base .contents .component.heading h1,
	.theme-fo-base .contents .component.heading h2,
	.theme-fo-base .contents .component.heading h3,
	.theme-fo-base .contents .component.heading h4,
	.theme-fo-base .contents .component.heading h5 {
		font-weight: 700;
	}

	.theme-fo-base .contents .component.heading h1 {
		font-size: 1.5rem;
		margin-bottom: 1.15rem;
	}

	.theme-fo-base .contents .component.heading h2 {
		font-size: 1.15rem;
		margin-bottom: 1.15rem;
	}

	.theme-fo-base .contents .component.heading h3 {
		font-size: 1.05rem;
		margin-bottom: 1.1rem;
	}

	.theme-fo-base .contents .component.heading h4 {
		font-size: 1.025rem;
		margin-bottom: 1.1rem;
	}

	.theme-fo-base .contents .component.heading h5 {
		font-size: 1rem;
		margin-bottom: 1rem;
	}
}

.theme-fo-base .breadcrumbs {
	overflow: hidden;
	padding: 0;
	background: #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: -0.5em;
	border-top: 0.5em solid transparent;
	border-bottom: 0.5em solid transparent;
	border-left: 0.4em solid;
	right: -1px;
}

@media (max-width: 769px) {
	.theme-fo-base .breadcrumbs {
		display: none;
	}
}

:lang(ar) .theme-fo-base .component.form .form-label.require:after {
	content: "مطلوب";
}

:lang(eu) .theme-fo-base .component.form .form-label.require:after {
	content: "Beharrezko";
}

:lang(bn) .theme-fo-base .component.form .form-label.require:after {
	content: "প্রয়োজনীয়";
}

:lang(bg) .theme-fo-base .component.form .form-label.require:after {
	content: "длъжен";
}

:lang(ca) .theme-fo-base .component.form .form-label.require:after {
	content: "Obligatori";
}

:lang(zh-CHS) .theme-fo-base .component.form .form-label.require:after {
	content: "需要";
}

:lang(zh-CHT) .theme-fo-base .component.form .form-label.require:after {
	content: "需要";
}

:lang(ar) .theme-fo-base .component.form .form-label.require:after {
	content: "مطلوب";
}

:lang(da) .theme-fo-base .component.form .form-label.require:after {
	content: "Nødvendig";
}

:lang(nl) .theme-fo-base .component.form .form-label.require:after {
	content: "nodig";
}

:lang(en) .theme-fo-base .component.form .form-label.require:after {
	content: "required";
}

:lang(fi) .theme-fo-base .component.form .form-label.require:after {
	content: "tarvitaan";
}

:lang(fr) .theme-fo-base .component.form .form-label.require:after {
	content: "Obligatoire";
}

:lang(gl) .theme-fo-base .component.form .form-label.require:after {
	content: "Requerido";
}

:lang(de) .theme-fo-base .component.form .form-label.require:after {
	content: "Erforderlich";
}

:lang(el) .theme-fo-base .component.form .form-label.require:after {
	content: "Απαιτείται";
}

:lang(he) .theme-fo-base .component.form .form-label.require:after {
	content: "חובה";
}

:lang(hu) .theme-fo-base .component.form .form-label.require:after {
	content: "kötelező";
}

:lang(id) .theme-fo-base .component.form .form-label.require:after {
	content: "Dibutuhkan";
}

:lang(it) .theme-fo-base .component.form .form-label.require:after {
	content: "richiesto";
}

:lang(ja) .theme-fo-base .component.form .form-label.require:after {
	content: "必須";
}

:lang(ko) .theme-fo-base .component.form .form-label.require:after {
	content: "필수";
}

:lang(lv) .theme-fo-base .component.form .form-label.require:after {
	content: "Obligāts";
}

:lang(ms) .theme-fo-base .component.form .form-label.require:after {
	content: "Diperlukan";
}

:lang(my) .theme-fo-base .component.form .form-label.require:after {
	content: "တောင်းဆိုနေတဲ့";
}

:lang(ne) .theme-fo-base .component.form .form-label.require:after {
	content: "आवश्यक छ";
}

:lang(fa) .theme-fo-base .component.form .form-label.require:after {
	content: "مورد نیاز است";
}

:lang(no) .theme-fo-base .component.form .form-label.require:after {
	content: "Må";
}

:lang(pl) .theme-fo-base .component.form .form-label.require:after {
	content: "Wymagany";
}

:lang(pt) .theme-fo-base .component.form .form-label.require:after {
	content: "Obrigatório";
}

:lang(ru) .theme-fo-base .component.form .form-label.require:after {
	content: "требуется";
}

:lang(es) .theme-fo-base .component.form .form-label.require:after {
	content: "Requerido";
}

:lang(sw) .theme-fo-base .component.form .form-label.require:after {
	content: "Inahitajika";
}

:lang(sv) .theme-fo-base .component.form .form-label.require:after {
	content: "krävs";
}

:lang(th) .theme-fo-base .component.form .form-label.require:after {
	content: "จำเป็นต้องใช้";
}

:lang(hi) .theme-fo-base .component.form .form-label.require:after {
	content: "अपेक्षित";
}

:lang(tr) .theme-fo-base .component.form .form-label.require:after {
	content: "gereken";
}

:lang(uk) .theme-fo-base .component.form .form-label.require:after {
	content: "Обов'язково";
}

:lang(ur) .theme-fo-base .component.form .form-label.require:after {
	content: "ضرورت ہے";
}

:lang(vi) .theme-fo-base .component.form .form-label.require:after {
	content: "Bắt buộc";
}

:lang(ar) .component.form .form-label.require:after {
	content: "مطلوب";
}

:lang(eu) .component.form .form-label.require:after {
	content: "Beharrezko";
}

:lang(bn) .component.form .form-label.require:after {
	content: "প্রয়োজনীয়";
}

:lang(bg) .component.form .form-label.require:after {
	content: "длъжен";
}

:lang(ca) .component.form .form-label.require:after {
	content: "Obligatori";
}

:lang(zh-CHS) .component.form .form-label.require:after {
	content: "需要";
}

:lang(zh-CHT) .component.form .form-label.require:after {
	content: "需要";
}

:lang(ar) .component.form .form-label.require:after {
	content: "مطلوب";
}

:lang(da) .component.form .form-label.require:after {
	content: "Nødvendig";
}

:lang(nl) .component.form .form-label.require:after {
	content: "nodig";
}

:lang(en) .component.form .form-label.require:after {
	content: "required";
}

:lang(fi) .component.form .form-label.require:after {
	content: "tarvitaan";
}

:lang(fr) .component.form .form-label.require:after {
	content: "Obligatoire";
}

:lang(gl) .component.form .form-label.require:after {
	content: "Requerido";
}

:lang(de) .component.form .form-label.require:after {
	content: "Erforderlich";
}

:lang(el) .component.form .form-label.require:after {
	content: "Απαιτείται";
}

:lang(he) .component.form .form-label.require:after {
	content: "חובה";
}

:lang(hu) .component.form .form-label.require:after {
	content: "kötelező";
}

:lang(id) .component.form .form-label.require:after {
	content: "Dibutuhkan";
}

:lang(it) .component.form .form-label.require:after {
	content: "richiesto";
}

:lang(ja) .component.form .form-label.require:after {
	content: "必須";
}

:lang(ko) .component.form .form-label.require:after {
	content: "필수";
}

:lang(lv) .component.form .form-label.require:after {
	content: "Obligāts";
}

:lang(ms) .component.form .form-label.require:after {
	content: "Diperlukan";
}

:lang(my) .component.form .form-label.require:after {
	content: "တောင်းဆိုနေတဲ့";
}

:lang(ne) .component.form .form-label.require:after {
	content: "आवश्यक छ";
}

:lang(fa) .component.form .form-label.require:after {
	content: "مورد نیاز است";
}

:lang(no) .component.form .form-label.require:after {
	content: "Må";
}

:lang(pl) .component.form .form-label.require:after {
	content: "Wymagany";
}

:lang(pt) .component.form .form-label.require:after {
	content: "Obrigatório";
}

:lang(ru) .component.form .form-label.require:after {
	content: "требуется";
}

:lang(es) .component.form .form-label.require:after {
	content: "Requerido";
}

:lang(sw) .component.form .form-label.require:after {
	content: "Inahitajika";
}

:lang(sv) .component.form .form-label.require:after {
	content: "krävs";
}

:lang(th) .component.form .form-label.require:after {
	content: "จำเป็นต้องใช้";
}

:lang(hi) .component.form .form-label.require:after {
	content: "अपेक्षित";
}

:lang(tr) .component.form .form-label.require:after {
	content: "gereken";
}

:lang(uk) .component.form .form-label.require:after {
	content: "Обов'язково";
}

:lang(ur) .component.form .form-label.require:after {
	content: "ضرورت ہے";
}

:lang(vi) .component.form .form-label.require:after {
	content: "Bắt buộc";
}