div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
input,
textarea {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 100%;
    font-style: normal
}

audio,
canvas,
video {
    display: inline-block;
    display: inline;
    zoom: 1
}

mark {
    background-color: #ff0
}

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

.screen-reader-text,
.hide,
[hidden] {
    display: none
}
@media screen and (max-width: 599px) {
    .sp_hide {
        display: none
    }
}

body {
    vertical-align: baseline;
    font-smoothing: antialiased;
    text-rendering: auto;
    margin: 0;
    width: 100%;
    font-size: 16px;
    line-height: 1.6;
    font-family: 游ゴシック体, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", FontAwesome, sans-serif
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

:where(a) {
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    text-decoration: none;
    color: inherit
}

:where(a):focus,
:where(a):active {
    outline: 0
}

:where(a):hover {
    color: #6495ed;
    outline: 0;
    opacity: .8
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img,
iframe {
    max-width: 100%;
    vertical-align: middle
}

.content .row {
    vertical-align: middle
}

.row.padding0 {
    margin: auto
}

.clearfix,
.cf {
    zoom: 1;
    display: block
}

.clearfix:after,
.cf:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " ";
    font-size: 0
}

abbr[ttl] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

em {
    font-style: italic
}

dfn {
    font-style: italic
}

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

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: .9em;
    overflow-x: scroll
}

code {
    background: #eee;
    border: 1px solid #ccc;
    padding: 2px 5px;
    border-radius: 2px;
    margin: 1px 2px
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none
}

ul ul {
    margin-left: 1em
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    font-size: 10px;
    color: #888;
    -ms-interpolation-mode: bicubic
}

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

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid #ccc;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    margin-left: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    vertical-align: middle
}

button,
input {
    line-height: normal
}

button,
html input[type=button],
input[type=reset],
input[type=submit],
.btn {
    overflow: visible
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    padding: 0;
    height: 13px;
    width: 13px
}

input[type=search] {
    -webkit-appearance: textfield
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=url],
input[type=tel],
input[type=number],
input[type=date],
textarea {
    margin: 0;
    padding: 8px 4px;
    max-width: 100%;
    width: 80%;
    outline: none;
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #777;
    vertical-align: bottom;
    font-size: 13px;
    background-color: #f7f7f7
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=date]:focus,
textarea:focus {
    background: #fff;
    -webkit-box-shadow: 0 0 3px #eee;
    box-shadow: 0 0 3px #eee;
    color: #444
}

input[disabled],
textarea[disabled] {
    background-color: #eee;
    color: #999;
    -webkit-box-shadow: none;
    box-shadow: none
}

input::-webkit-input-placeholder {
    color: #ccc
}

input::-moz-placeholder {
    color: #ccc
}

input:-ms-input-placeholder {
    color: #ccc
}

input::-ms-input-placeholder {
    color: #ccc
}

input::placeholder {
    color: #ccc
}

textarea {
    overflow: auto
}

button,
input[type=submit],
input[type=reset],
input[type=button] {
    display: inline-block;
    padding: .5em 1.5em;
    border-radius: 3px;
    text-decoration: none;
    line-height: normal;
    cursor: pointer
}

button::-webkit-search-decoration,
input[type=submit]::-webkit-search-decoration,
input[type=reset]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
    display: none
}

button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus {
    outline-offset: -2px
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ccc
}

th,
td {
    border: 1px solid #ccc;
    padding: 8px 13px
}

i span {
    display: none !important
}

#content_area article.hentry {
    margin: 0 !important
}

#main,
#single-main,
#page-main {
    float: left
}

#sidebar {
    float: right
}

.l-main-container #main,
.l-main-container #single-main,
.l-main-container #page-main,
.l-main-container #sidebar {
    float: none
}

.navigation {
    overflow: hidden;
    margin: 10px 0;
    background: #fff
}

.navigation>div {
    width: 50%
}

.navigation .right {
    text-align: right;
    border-top: 1px solid #ccc
}

.navigation .left a:before {
    font-family: fontAwesome;
    content: "";
    margin-right: 10px;
    vertical-align: middle
}

.navigation .right a:after {
    font-family: fontAwesome;
    content: "";
    margin-left: 10px;
    vertical-align: middle
}

.navigation a {
    display: block;
    padding: 1em;
    border: none
}

.navigation a:hover {
    background: #eef;
    color: #000
}

.navigation .alignright a:hover {
    border-left: 1px solid #ddd
}

@media screen and (max-width: 768px) {
    .navigation a {
        padding: 1em;
        font-size: .6em
    }
}

h1,
h2,
h3,
h4,
h5 {
    line-height: 2;
    display: block
}

h1 {
    font-size: 1.6em;
    line-height: 1.5;
    font-weight: 600
}

.content h2,
h2 {
    position: relative;
    padding: .5em 1em;
    font-size: 1.4em;
    margin: 1.5em 0 1em;
    line-height: 1.5
}

.content h3,
h3 {
    position: relative;
    padding: .3em 1em;
    font-weight: bold;
    margin: 1.2em 0 .8em;
    font-size: 1.2em
}

.content h4,
h4 {
    position: relative;
    font-weight: bold;
    font-size: 1.2em;
    padding: .2em 1em;
    margin: .8em 0 .6em
}

.content h5,
h5 {
    font-size: 1.1em;
    font-weight: bold;
    margin: .6em 0 .8em
}

h5 span {
    font-weight: bold
}

p,
pre {
    margin-bottom: 1em
}

pre {
    background-color: #000;
    color: #fff;
    padding: 1em;
    overflow: auto
}

dl {
    width: 100%;
    overflow: hidden
}

dt {
    clear: both;
    padding: 5px;
    font-weight: bold
}

dd {
    color: #878685;
    border-bottom: 1px solid #ddd;
    padding: 5px
}

blockquote {
    position: relative;
    border-radius: 5px;
    padding: 1.5em;
    margin: 0 0 1.5em 0;
    background: #f9f9f9;
    color: #333;
    -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0px 1px rgba(0, 0, 0, .1)
}

blockquote:before,
blockquote:after {
    position: absolute;
    font-family: "fontAwesome";
    font-size: 24px;
    line-height: 24px;
    color: currentColor;
    opacity: .2
}

blockquote .wp-embedded-content {
    padding: .8em 2em
}

blockquote .wp-embedded-content:before {
    content: ""
}

blockquote>*:first-child {
    margin-top: 0
}

blockquote>*:last-child {
    margin-bottom: 0
}

blockquote .blockquote_ref {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    opacity: .6;
    font-size: .8em;
    margin-bottom: -1em
}

blockquote .blockquote_ref::before {
    border-top: 1px solid;
    content: "";
    margin: .8em 1.2em .8em 0;
    min-width: 50px;
    max-width: 80px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    height: 1px;
    background: #999
}

blockquote .blockquote_ref a {
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ccc
}

th,
td {
    border: 1px solid #ccc;
    padding: 8px 12px
}

table {
    width: 100%
}

table thead th {
    background: #eee
}

table tbody th {
    width: 25%;
    background-color: #f9f9f9
}

table::-webkit-scrollbar {
    height: 10px
}

table::-webkit-scrollbar-track {
    margin: 0 2px;
    background-color: #ccc;
    border-radius: 5px
}

table::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #666
}

#logo {
    margin: 0
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    height: auto
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.alignright {
    float: right;
    margin-left: 12px;
    margin-bottom: 12px
}

.alignleft {
    float: left;
    margin-right: 12px;
    margin-bottom: 12px
}

.alignfull {
    margin: 0 -40px;
    max-width: none;
    width: calc(100% + 80px)
}

.wp-caption {
    max-width: 100% !important;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #f3f3f3;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px
}

.wp-caption img {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0 none
}

.wp-caption p.wp-caption-text {
    font-size: 80%;
    margin: 0;
    margin-top: 10px
}

.gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gallery-item {
    margin: 0
}

.gallery-item img {
    margin: 0;
    vertical-align: middle;
    border: none;
    width: 100%
}

dl.gallery-item dt {
    border: none;
    margin-bottom: 0;
    padding: 1px
}

dl.gallery-item dd.gallery-caption {
    border: none;
    padding: 0
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    padding: 2px
}

.gallery-columns-2 .gallery-item {
    width: 50%;
    padding: 2px
}

.gallery-columns-3 .gallery-item {
    width: 33.3333333333%;
    padding: 2px
}

.gallery-columns-4 .gallery-item {
    width: 25%;
    padding: 2px
}

.gallery-columns-5 .gallery-item {
    width: 20%;
    padding: 2px
}

.gallery-columns-6 .gallery-item {
    width: 16.6666666667%;
    padding: 2px
}

.gallery-columns-7 .gallery-item {
    width: 14.2857142857%;
    padding: 2px
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
    padding: 2px
}

.gallery-columns-9 .gallery-item {
    width: 11.1111111111%;
    padding: 2px
}

@media screen and (max-width: 640px) {

    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item {
        width: 50%
    }

    .gallery-columns-5 .gallery-item {
        width: 33.3333%
    }
}

:where(.content) div:not([id]):not([class]):not([style]),
:where(.content)>[class^=wp-container-],
:where(.content)>[class^=wp-block]:not(.wp-block-dvaux-section) {
    z-index: 2;
    position: relative;
    min-height: 1em;
    margin-bottom: 1.5em
}

[class^=wp-block-] figcaption {
    color: #707070;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .5em 0
}

@media screen and (min-width: 46.25em) {
    [class^=wp-block-] figcaption {
        font-size: 14px
    }
}

@media screen and (min-width: 55em) {
    [class^=wp-block-] figcaption {
        font-size: 16px
    }
}

@media screen and (min-width: 59.6875em) {
    [class^=wp-block-] figcaption {
        font-size: 12px
    }
}

@media screen and (min-width: 68.75em) {
    [class^=wp-block-] figcaption {
        font-size: 14px
    }
}

@media screen and (min-width: 77.5em) {
    [class^=wp-block-] figcaption {
        font-size: 16px
    }
}

[class^=wp-block-].alignleft,
[class^=wp-block-] .alignleft {
    margin-right: 1em
}

[class^=wp-block-].alignright,
[class^=wp-block-] .alignright {
    margin-left: 1em
}

p.has-drop-cap:not(:focus)::first-letter {
    font-size: 5em
}

.wp-block-gallery {
    margin-bottom: 1.6em
}

.wp-block-audio audio {
    display: block;
    width: 100%
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover h2 {
    font-size: 29px;
    line-height: 1.2069
}

.wp-block-quote,
.wp-block-quote:not(.is-large):not(.is-style-large),
[class^=wp-block-] blockquote {
    border-color: #707070
}

.wp-block-quote cite,
.wp-block-quote__citation {
    color: #333;
    font-family: "Noto Sans", sans-serif;
    font-size: .9em;
    font-style: normal;
    line-height: 1.6;
    text-transform: none
}

@media screen and (min-width: 46.25em) {
    .edit-post-visual-editor .wp-block-quote p {
        font-size: 20px;
        line-height: 1.75
    }
}

@media screen and (min-width: 55em) {
    .edit-post-visual-editor .wp-block-quote p {
        font-size: 22px;
        line-height: 1.8182
    }
}

@media screen and (min-width: 59.6875em) {
    .edit-post-visual-editor .wp-block-quote p {
        font-size: 18px;
        line-height: 1.6667
    }
}

@media screen and (min-width: 68.75em) {
    .edit-post-visual-editor .wp-block-quote p {
        font-size: 20px;
        line-height: 1.75
    }
}

@media screen and (min-width: 77.5em) {
    .edit-post-visual-editor .wp-block-quote p {
        font-size: 22px;
        line-height: 1.8182
    }
}

.wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignright {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.wp-block-file a.wp-block-file__button {
    background-color: #333;
    border: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    padding: .7917em 1.5em;
    text-transform: uppercase;
    vertical-align: baseline;
    border-radius: 20px
}

.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:focus {
    background-color: #707070;
    background-color: rgba(51, 51, 51, .7);
    outline: 0
}

.rtl .wp-block-file *+.wp-block-file__button {
    margin-left: .75em;
    margin-right: 0
}

.wp-block-pullquote {
    border: 0
}

.wp-block-pullquote blockquote {
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.wp-block-pullquote cite {
    color: #333;
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    line-height: 1.6;
    text-transform: none
}

@media screen and (min-width: 46.25em) {
    .wp-block-pullquote cite {
        font-size: 17px;
        line-height: 1.6471
    }
}

@media screen and (min-width: 55em) {
    .wp-block-pullquote cite {
        font-size: 19px;
        line-height: 1.6842
    }
}

@media screen and (min-width: 59.6875em) {
    .wp-block-pullquote cite {
        font-size: 15px;
        line-height: 1.6
    }
}

@media screen and (min-width: 68.75em) {
    .wp-block-pullquote cite {
        font-size: 17px;
        line-height: 1.6471
    }
}

@media screen and (min-width: 77.5em) {
    .wp-block-pullquote cite {
        font-size: 19px;
        line-height: 1.6842
    }
}

.wp-block-table th,
.wp-block-table td {
    border-color: #eaeaea;
    border-width: 0 1px 1px 0
}

.wp-block-button .wp-block-button__link {
    border: 0;
    cursor: pointer;
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    line-height: 1.5;
    padding: .7917em 1.5em;
    text-transform: uppercase;
    vertical-align: baseline;
    text-decoration: none
}

.wp-block-button__link {
    background-color: #333;
    color: #fff
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
    background-color: #707070;
    background-color: rgba(51, 51, 51, .7);
    color: #fff
}

.wp-block-separator {
    max-width: 100px;
    border: none;
    border-bottom: 2px solid #8f98a1;
    margin: 1.65em auto
}

.wp-block-separator.is-style-wide {
    max-width: 100%
}

.wp-block-media-text {
    margin-bottom: 1.6em
}

.wp-block-media-text *:last-child {
    margin-bottom: 0
}

.wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
    list-style-position: inside;
    text-align: center
}

.wp-block-latest-comments {
    margin: 0
}

.wp-block-latest-comments__comment,
.wp-block-latest-comments__comment-excerpt,
.wp-block-latest-comments__comment-excerpt p {
    font-size: inherit
}

.wp-block-latest-comments__comment-meta a {
    border-bottom-color: rgba(0, 0, 0, 0);
    font-weight: 700
}

.wp-block-latest-comments__comment-excerpt p:last-child {
    margin-bottom: 0
}

.wp-block-latest-comments__comment-date {
    color: #707070;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 1.6em
}

@media screen and (min-width: 46.25em) {
    .wp-block-latest-comments__comment-date {
        font-size: 14px
    }
}

@media screen and (min-width: 55em) {
    .wp-block-latest-comments__comment-date {
        font-size: 16px
    }
}

@media screen and (min-width: 59.6875em) {
    .wp-block-latest-comments__comment-date {
        font-size: 12px
    }
}

@media screen and (min-width: 68.75em) {
    .wp-block-latest-comments__comment-date {
        font-size: 14px
    }
}

@media screen and (min-width: 77.5em) {
    .wp-block-latest-comments__comment-date {
        font-size: 16px
    }
}

.wp-block-latest-comments .wp-block-latest-comments__comment {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, .1);
    margin-bottom: 0;
    padding: 1.6em 0
}

.content .has-light-blue-color {
    color: #70b8f1
}

.content .has-light-blue-background-color {
    background-color: #70b8f1
}

.content .has-light-red-color {
    color: #f097fc
}

.content .has-light-red-background-color {
    background-color: #f097fc
}

.content .has-light-green-color {
    color: #2ac113
}

.content .has-light-green-background-color {
    background-color: #2ac113
}

.content .has-light-yellow-color {
    color: #ffe822
}

.content .has-light-yellow-background-color {
    background-color: #ffe822
}

.content .has-light-orange-color {
    color: #ffa30d
}

.content .has-light-orange-background-color {
    background-color: #ffa30d
}

.content .has-white-color {
    color: #fff
}

.content .has-white-background-color {
    background-color: #fff
}

.content .has-blue-color {
    color: blue
}

.content .has-blue-background-color {
    background-color: blue
}

.content .has-red-color {
    color: red
}

.content .has-red-background-color {
    background-color: red
}

.content .has-purple-color {
    color: #674970
}

.content .has-purple-background-color {
    background-color: #674970
}

.content .has-black-color {
    color: #000
}

.content .has-black-background-color {
    background-color: #000
}

.content .has-gray-color {
    color: #ccc
}

.content .has-gray-background-color {
    background-color: #ccc
}

.content {
    line-height: 1.8;
    position: relative;
    word-break: normal
}

.content>*:first-child {
    margin-top: 0
}

.content>*:last-child {
    margin-bottom: 0
}

.content .sub-text {
    opacity: .6;
    font-size: .9em
}

i span {
    display: none
}

:where(.content) img {
    max-width: 100%;
    height: auto;
    margin-bottom: 1.5em
}

:where(.content) .padding0 img {
    margin: 0
}

:where(.content) p.has-background {
    padding: 20px 30px
}

:where(.content) .post-upon {
    padding: 20px;
    padding-top: 0;
    background: #fff
}

:where(.content) ul,
:where(.content) ol,
:where(.content) table,
:where(.content) dl {
    margin-bottom: 1.2em
}

:where(.content) ul {
    list-style-type: disc;
    padding-left: 1.5em;
    line-height: 2
}

:where(.content) ul li {
    line-height: 1.5;
    margin-bottom: .6em
}

:where(.content) ul li:last-child {
    margin-bottom: 0
}

:where(.content) ol {
    list-style-type: decimal;
    padding-left: 1.5em;
    line-height: 2
}

:where(.content) a {
    color: #6495ed;
    word-break: break-all
}

.content-pager-link {
    margin: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 12px;
    font-size: .9em
}

.content-pager-link .post-page-numbers {
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 5px 5px 0 rgba(18, 63, 82, .035), 0 0 0 1px rgba(176, 181, 193, .2);
    box-shadow: 0 5px 5px 0 rgba(18, 63, 82, .035), 0 0 0 1px rgba(176, 181, 193, .2);
    border-radius: 5px;
    font-weight: bold;
    text-align: center
}

.content-pager-link .post-page-numbers.current {
    background: #333;
    color: #fff
}

.content-pager-link .post-page-numbers:not(.current):hover {
    background-color: #eee
}

.content-pager-link__buttons .post-page-numbers {
    width: auto;
    padding: 12px 18px;
    display: inline-block
}

.content-pager-link__buttons .post-page-numbers .prev:before {
    font-family: "fontAwesome";
    content: ""
}

.content-pager-link__buttons .post-page-numbers .next:after {
    font-family: "fontAwesome";
    content: "";
    margin-left: 8px
}

.content-pager-link__pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 5px
}

.content-pager-link__pagination .post-page-numbers {
    line-height: 36px;
    width: 36px
}

.l-main-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    width: 100%
}

@media screen and (max-width: 959px) {
    .l-main-container {
        display: block
    }
}

#fix_sidebar {
    z-index: 10;
    position: -webkit-sticky;
    position: sticky;
    top: 85px
}

body.l-sidebar-left .l-main-container,
body.l-sidebar-left #content_area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.widget.widget_diver_widget_tab {
    padding: 0
}

.widget.widget_diver_widget_tab .widgetttl {
    margin: 0
}

.widget.widget_diver_widget_tab .widget-inner {
    padding: 0
}

.diver-tabwidget {
    width: 100%
}

.diver-tabwidget__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto
}

.diver-tabwidget__tabs--item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: .6em 1.2em;
    background: #f9f9f9;
    color: #999;
    border-top: 3px solid #aaa;
    font-size: .9em;
    white-space: nowrap;
    text-align: center;
    -webkit-box-shadow: 0 -5px 15px -5px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 -5px 15px -5px rgba(0, 0, 0, .1) inset;
    cursor: pointer
}

.diver-tabwidget__tabs--item.is-active {
    background: #fff;
    color: #333;
    border-top: 3px solid #2196f3;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default
}

.diver-tabwidget__content--ttl {
    display: none
}

.diver-tabwidget__content--inner {
    width: 100%;
    display: none;
    padding: 10px
}

.diver-tabwidget__content--inner:first-of-type {
    display: block
}

.diver-tabwidget__content ul li a {
    display: block;
    padding: .8em 1em;
    margin: 0;
    position: relative;
    font-size: .9em
}

#wp-calendar {
    width: 100%
}

#wp-calendar caption {
    background: #fff;
    padding: 5px
}

#wp-calendar td {
    padding: 5px 0;
    text-align: center
}

#wp-calendar thead th {
    padding: 5px;
    text-align: center;
    font-weight: normal;
    border: 1px solid #ccc;
    background: #f9f9f9
}

.pr-tag {
    display: inline-block;
    margin-right: 10px;
    padding: .1em .5em;
    border-radius: 2px;
    vertical-align: middle;
    border: 1px solid;
    font-size: .8em
}

@media screen and (max-width: 767px) {
    .pr-tag {
        font-size: .7em
    }
}

.navigation-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    grid-gap: 2px;
    font-size: .9em;
    margin: 10px 0
}

.navigation-post__info {
    font-size: .9em;
    font-weight: bold;
    margin-bottom: 6px
}

.navigation-post__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 14px 16px;
    background: #fff
}

.navigation-post__item.next_post {
    text-align: right
}

.navigation-post__item.next_post a {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.navigation-post__item.next_post a:after {
    content: "ï„…"
}

.navigation-post__item.previous_post a {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navigation-post__item.previous_post a:before {
    content: "ï„„"
}

.navigation-post__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 14px;
    width: 100%;
    position: relative;
    text-decoration: none
}

.navigation-post__link:before,
.navigation-post__link:after {
    font-size: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "FontAwesome"
}

.navigation-post__ttl {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: bold;
    font-size: .9em
}

.navigation-post__thumb {
    position: relative;
    width: 100px;
    background-color: #eee
}

.navigation-post__thumb:before {
    content: "";
    padding-top: 61.8%;
    display: block
}

.navigation-post__thumb amp-img,
.navigation-post__thumb img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 767px) {
    .navigation-post {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@-webkit-keyframes deer_skeleton_animation {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes deer_skeleton_animation {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.deer-skeleton {
    width: 100%;
    height: 20px;
    background: #d9d9d9;
    position: relative;
    overflow: hidden
}

.deer-skeleton::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.5)), to(transparent));
    background: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.5), transparent);
    background: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.5), transparent);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: deer_skeleton_animation 1.2s linear infinite;
    animation: deer_skeleton_animation 1.2s linear infinite
}

.slider-container .slider-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    height: 120px;
    background-color: #fff;
    position: relative
}

.slider-container .slider-inner>li {
    display: none
}

.slider-container .slider-inner::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(315deg, transparent, rgba(204, 204, 204, 0.5), transparent);
    background: -o-linear-gradient(315deg, transparent, rgba(204, 204, 204, 0.5), transparent);
    background: linear-gradient(135deg, transparent, rgba(204, 204, 204, 0.5), transparent);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: deer_skeleton_animation 1.2s linear infinite;
    animation: deer_skeleton_animation 1.2s linear infinite
}

.slider-container .slider-inner .slick-list {
    width: 100%;
    margin: 0 -2px
}

.slider-container .slider-inner .slick-slide {
    background-color: #fff;
    opacity: 0;
    min-height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.slider-container .slider-inner .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 5px
}

.slider-container .slider-inner.slick-initialized {
    height: inherit;
    background-color: rgba(0, 0, 0, 0)
}

.slider-container .slider-inner.slick-initialized .slick-slide {
    opacity: 1
}

.slider-container .slider-inner.slick-initialized::before {
    content: none
}

.slider-container .slider-inner .slick-arrow {
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    line-height: 32px;
    z-index: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    opacity: .7;
    text-align: center;
    font-size: 21px
}

.slider-container .slider-inner .slick-arrow:before {
    content: "ï„…";
    font-family: "FontAwesome";
    font-weight: bold
}

.slider-container .slider-inner .slick-arrow.slick-next {
    right: 10px;
    left: auto
}

.slider-container .slider-inner .slick-arrow.slick-prev {
    left: 10px;
    right: auto
}

.slider-container .slider-inner .slick-arrow.slick-prev:before {
    content: "ï„„"
}

.slider-container .slider-inner .slider-dots {
    position: absolute;
    left: 50%;
    bottom: 5px;
    margin: 0;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    white-space: nowrap
}

.slider-container .slider-inner .slider-dots li {
    display: inline-block;
    cursor: pointer;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 5px;
    background: #fff;
    opacity: .3
}

.slider-container .slider-inner .slider-dots li:hover {
    background: #ccc
}

.slider-container .slider-inner .slider-dots li.slick-active {
    background: #ccc;
    opacity: 1
}

.pickup-slider {
    width: 100%;
    max-width: 100%
}

.pickup-slider .slick-slide {
    padding: 5px
}

.pickup-slider .slick-slide>a {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    width: 100%;
    display: block
}

.pickup-slider .slick-slide img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit:cover;";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pickup-slider .slick-slide .pickup-ttl {
    font-weight: bold;
    margin-bottom: .5em
}

.pickup-slider .slick-slide .pickup-dt {
    padding-left: 5px;
    font-size: .8em
}

.pickup-slider .slick-slide .pickup-cat {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 8px;
    background: #333;
    color: #fff;
    font-size: .6em;
    border-radius: 0 0 0 5px;
    margin: 0;
    font-weight: bold
}

.pickup-slider .slick-slide .meta {
    font-size: .8em;
    padding: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

@media screen and (min-width: 768px) {
    .pickup-slider .slick-slide:hover .meta {
        height: 100%
    }
}

#header .pickup-slider .slick-track {
    gap: 0px
}

#header .pickup-slider .slick-track .slick-slide {
    padding: 0
}

#header .pickup-slider .slick-track .slick-slide .meta {
    font-size: 1em;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 87, 153, 0)), color-stop(40%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.6)));
    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.6) 100%);
    background: -o-linear-gradient(top, rgba(30, 87, 153, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.6) 100%);
    padding: 60px 5% 3%;
    height: auto
}

#header .pickup-slider .slick-track .slick-slide .pickup-cat {
    padding: 6px 12px;
    font-size: .8em
}

#header .pickup-slider .slider-inner:not(.slick-initialized) {
    height: 300px
}

#main-wrap #pickup_posts_container {
    margin-bottom: 10px
}

body :where(.has-border-color) {
    border-style: solid
}

#breadcrumb {
    font-size: .8em;
    padding: 10px 20px;
    width: 100%;
    margin-bottom: 10px
}

#breadcrumb ul {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

#breadcrumb ul * {
    display: contents
}

#breadcrumb ul li:first-child:before {
    content: "\f015";
    font-family: "FontAwesome";
    color: #333;
    margin: 0 .6rem;
    position: relative;


}

#breadcrumb ul li:not(:first-child):before {
    content: "\f054";
    color: #aaa;
    margin: 0 .6rem;
    position: relative;

    font-family: "FontAwesome"
}

#breadcrumb .breadcrumb-ttl {
    color: #999
}

#breadcrumb+.main-big-ttl {
    margin-top: -15px
}

@media screen and (max-width: 959px) {
    #breadcrumb+.main-big-ttl {
        margin-top: -10px
    }
}

@media screen and (max-width: 959px) {
    #breadcrumb {
        padding: 5px 10px;
        font-size: .7em
    }

    #breadcrumb a {
        font-size: 13px;
    }
}

.youtube-container,
.video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%
}

.youtube-container iframe,
.video-container iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.youtube-container .rll-youtube-player,
.video-container .rll-youtube-player {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.wp-has-aspect-ratio .youtube-container,
.wp-has-aspect-ratio .video-container {
    display: contents
}

.rll-youtube-player>div:not([class]) {
    position: initial
}

.hide {
    display: none
}

a.wrap_link {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

ul.menu li a {
    text-decoration: none
}

.badge {
    background: #333;
    color: #fff;
    padding: .5em .8em .4em;
    line-height: 1;
    font-size: .8em;
    border-radius: 3px;
    margin: .2em .4em;
    top: -0.1em;
    display: inline-block;
    position: relative;
    font-weight: bold
}

.badge.btag {
    margin-left: 10px;
    border-radius: 0 3px 3px 0
}

.badge.btag:before,
.badge.btag .beforespan {
    position: absolute;
    top: 0;
    left: -1em;
    content: "";
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0) #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 1em 1em 1em 0
}

.badge.btag .beforespan {
    border-color: rgba(0, 0, 0, 0)
}

.badge.btag:after {
    position: absolute;
    top: 50%;
    left: -1px;
    z-index: 2;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background-color: #fff;
    border-radius: 100%
}

.badge.radius {
    border-radius: 50px
}

.badge.cornertag {
    border-radius: 50px 3px 3px 50px;
    padding-left: 20px
}

.badge.cornertag::before {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 2;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background-color: #fff;
    border-radius: 100%
}

.badge.bborder {
    border: 2px solid #333;
    background: #fff;
    color: #333;
    font-weight: bold
}

.badge.bborder-radius {
    border: 2px solid #333;
    color: #333;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50px
}

.badge.v {
    margin-right: .8em
}

.badge.v::before,
.badge.v .beforespan {
    content: "";
    position: absolute;
    right: -0.8em;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0) #333 rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: .5em 0 .5em .8em
}

.badge.v .beforespan {
    border-color: rgba(0, 0, 0, 0)
}

.badge i {
    vertical-align: baseline;
    font-weight: bold
}

.badge i .before {
    margin-right: .5em
}

.badge i .after {
    margin-left: .5em
}

.badge.white {
    background-color: #f9f9f9;
    color: #000
}

.badge.white.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #f9f9f9;
    color: #f9f9f9
}

.badge.white.bborder-radius {
    background-color: rgba(0, 0, 0, 0);
    border-color: #f9f9f9;
    color: #f9f9f9
}

.badge.white.v:before {
    border-color: rgba(0, 0, 0, 0) #f9f9f9 rgba(0, 0, 0, 0)
}

.badge.white.btag:before {
    border-color: rgba(0, 0, 0, 0) #f9f9f9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.badge.black {
    background-color: #000;
    color: #fff
}

.badge.black.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #000;
    color: #000
}

.badge.black.bborder-radius {
    background-color: rgba(0, 0, 0, 0);
    border-color: #000;
    color: #000
}

.badge.black.v:before {
    border-color: rgba(0, 0, 0, 0) #000 rgba(0, 0, 0, 0)
}

.badge.black.btag:before {
    border-color: rgba(0, 0, 0, 0) #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.badge.blue {
    background-color: #70b8f1;
    color: #fff
}

.badge.blue.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #70b8f1;
    color: #70b8f1
}

.badge.blue.bborder-radius {
    background-color: rgba(0, 0, 0, 0);
    border-color: #70b8f1;
    color: #70b8f1
}

.badge.blue.v:before {
    border-color: rgba(0, 0, 0, 0) #70b8f1 rgba(0, 0, 0, 0)
}

.badge.blue.btag:before {
    border-color: rgba(0, 0, 0, 0) #70b8f1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.badge.red {
    background-color: #f097fc;
    color: #fff
}

.badge.red.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #f097fc;
    color: #f097fc
}

.badge.red.bborder-radius {
    background-color: rgba(0, 0, 0, 0);
    border-color: #f097fc;
    color: #f097fc
}

.badge.red.v:before {
    border-color: rgba(0, 0, 0, 0) #f097fc rgba(0, 0, 0, 0)
}

.badge.red.btag:before {
    border-color: rgba(0, 0, 0, 0) #f097fc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.badge.yellow {
    background-color: #ffe822;
    color: #000
}

.badge.yellow.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffe822;
    color: #ffe822
}

.badge.yellow.bborder-radius {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffe822;
    color: #ffe822
}

.badge.yellow.v:before {
    border-color: rgba(0, 0, 0, 0) #ffe822 rgba(0, 0, 0, 0)
}

.badge.yellow.btag:before {
    border-color: rgba(0, 0, 0, 0) #ffe822 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.badge.orange {
    background-color: #ffa30d;
    color: #fff
}

.badge.orange.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffa30d;
    color: #ffa30d
}

.badge.orange.bborder-radius {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffa30d;
    color: #ffa30d
}

.badge.orange.v:before {
    border-color: rgba(0, 0, 0, 0) #ffa30d rgba(0, 0, 0, 0)
}

.badge.orange.btag:before {
    border-color: rgba(0, 0, 0, 0) #ffa30d rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.badge.green {
    background-color: #7acc40;
    color: #fff
}

.badge.green.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #7acc40;
    color: #7acc40
}

.badge.green.bborder-radius {
    background-color: rgba(0, 0, 0, 0);
    border-color: #7acc40;
    color: #7acc40
}

.badge.green.v:before {
    border-color: rgba(0, 0, 0, 0) #7acc40 rgba(0, 0, 0, 0)
}

.badge.green.btag:before {
    border-color: rgba(0, 0, 0, 0) #7acc40 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.badge.gray {
    background-color: #ccc;
    color: #000
}

.badge.gray.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ccc;
    color: #ccc
}

.badge.gray.bborder-radius {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ccc;
    color: #ccc
}

.badge.gray.v:before {
    border-color: rgba(0, 0, 0, 0) #ccc rgba(0, 0, 0, 0)
}

.badge.gray.btag:before {
    border-color: rgba(0, 0, 0, 0) #ccc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.sc_balloon {
    color: #333;
    position: relative;
    display: inline-block;
    padding: 1em 1.2em;
    background: #fff;
    border: 2px solid #ccc;
    z-index: 0;
    border-radius: 5px;
    margin: 10px
}

.sc_balloon>*:first-child {
    margin-top: 0
}

.sc_balloon>*:last-child {
    margin-bottom: 0
}

.sc_balloon::before,
.sc_balloon::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0)
}

.sc_balloon::before {
    border-width: 8px 11px
}

.sc_balloon::after {
    border-width: 10px;
    border-width: 5px 8px
}

.sc_balloon .custom_voice,
.sc_balloon .custom_voice2 {
    display: inline-block;
    position: absolute;
    border-width: 5px 8px;
    z-index: 1
}

.sc_balloon.bottom {
    margin-bottom: 9px
}

.sc_balloon.bottom:before {
    top: 100%;
    left: 10%;
    border-top-color: inherit;
    border-width: 11px 8px
}

.sc_balloon.bottom:after {
    top: 100%;
    left: calc(10% + 3px);
    border-top-color: #fff;
    border-width: 8px 5px
}

.sc_balloon.top {
    margin-top: 9px
}

.sc_balloon.top:before {
    bottom: 100%;
    left: 10%;
    border-bottom-color: inherit;
    border-width: 11px 8px
}

.sc_balloon.top:after {
    bottom: 100%;
    left: calc(10% + 3px);
    border-bottom-color: #fff;
    border-width: 8px 5px
}

.sc_balloon.left {
    margin-left: 9px
}

.sc_balloon.left:before {
    right: 100%;
    top: 10%;
    border-right-color: inherit
}

.sc_balloon.left:after {
    right: 100%;
    top: calc(10% + 3px);
    border-right-color: #fff
}

.sc_balloon.right {
    margin-right: 9px
}

.sc_balloon.right:before {
    left: 100%;
    top: 10%;
    border-left-color: inherit
}

.sc_balloon.right:after {
    left: 100%;
    top: calc(10% + 3px);
    border-left-color: #fff
}

.sc_balloon.black {
    color: #fff;
    border: none;
    border-color: #000;
    background-color: #000
}

.sc_balloon.black:after {
    content: none
}

.sc_balloon.black.color-type-border {
    border: 2px solid #000;
    background-color: #fff;
    color: currentColor
}

.sc_balloon.black.color-type-border:after {
    content: ""
}

.sc_balloon.blue {
    color: #fff;
    border: none;
    border-color: #70b8f1;
    background-color: #70b8f1
}

.sc_balloon.blue:after {
    content: none
}

.sc_balloon.blue.color-type-border {
    border: 2px solid #70b8f1;
    background-color: #fff;
    color: currentColor
}

.sc_balloon.blue.color-type-border:after {
    content: ""
}

.sc_balloon.red {
    color: #fff;
    border: none;
    border-color: #f097fc;
    background-color: #f097fc
}

.sc_balloon.red:after {
    content: none
}

.sc_balloon.red.color-type-border {
    border: 2px solid #f097fc;
    background-color: #fff;
    color: currentColor
}

.sc_balloon.red.color-type-border:after {
    content: ""
}

.sc_balloon.yellow {
    color: #fff;
    border: none;
    border-color: #ffe822;
    background-color: #ffe822
}

.sc_balloon.yellow:after {
    content: none
}

.sc_balloon.yellow.color-type-border {
    border: 2px solid #ffe822;
    background-color: #fff;
    color: currentColor
}

.sc_balloon.yellow.color-type-border:after {
    content: ""
}

.sc_balloon.orange {
    color: #fff;
    border: none;
    border-color: #ffa30d;
    background-color: #ffa30d
}

.sc_balloon.orange:after {
    content: none
}

.sc_balloon.orange.color-type-border {
    border: 2px solid #ffa30d;
    background-color: #fff;
    color: currentColor
}

.sc_balloon.orange.color-type-border:after {
    content: ""
}

.sc_balloon.green {
    color: #fff;
    border: none;
    border-color: #5bbdea;
    background-color: #5bbdea
}

.sc_balloon.green:after {
    content: none
}

.sc_balloon.green.color-type-border {
    border: 2px solid #7acc40;
    background-color: #fff;
    color: currentColor
}

.sc_balloon.green.color-type-border:after {
    content: ""
}

.sc_balloon.gray {
    color: #fff;
    border: none;
    border-color: #ccc;
    background-color: #ccc
}

.sc_balloon.gray:after {
    content: none
}

.sc_balloon.gray.color-type-border {
    border: 2px solid #ccc;
    background-color: #fff;
    color: currentColor
}

.sc_balloon.gray.color-type-border:after {
    content: ""
}

.sc_balloon.yellow {
    color: #000
}

.think_balloon {
    position: relative;
    padding: .5em 1em;
    border-radius: 15px;
    font-size: .9em;
    margin: 12px;
    border: 2px solid #ddd
}

.think_balloon:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: -13px;
    border-radius: 50%;
    border: 2px solid #ccc
}

.think_balloon:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: -5px;
    border-radius: 50%;
    border: 2px solid #ccc
}

.think_balloon .custom_voice.left {
    left: -26px;
    width: 10px;
    height: 10px;
    top: -13px;
    border-radius: 50%;
    border: 1px solid #ccc
}

.think_balloon .custom_voice.right {
    right: -25px;
    width: 10px;
    height: 10px;
    top: -13px;
    border-radius: 50%;
    border: 1px solid #ccc
}

.think_balloon .custom_voice2.left {
    left: -16px;
    width: 14px;
    height: 14px;
    top: -5px;
    border-radius: 50%;
    z-index: 11;
    border: 1px solid #ccc
}

.think_balloon .custom_voice2.right {
    right: -15px;
    width: 14px;
    height: 14px;
    top: -5px;
    border-radius: 50%;
    z-index: 11;
    border: 1px solid #ccc
}

.think_balloon.black {
    color: #fff;
    border: none;
    background-color: #000
}

.think_balloon.black:before,
.think_balloon.black:after {
    border: none;
    background-color: #000
}

.think_balloon.blue {
    color: #fff;
    border: none;
    background-color: #70b8f1
}

.think_balloon.blue:before,
.think_balloon.blue:after {
    border: none;
    background-color: #70b8f1
}

.think_balloon.red {
    color: #fff;
    border: none;
    background-color: #f097fc
}

.think_balloon.red:before,
.think_balloon.red:after {
    border: none;
    background-color: #f097fc
}

.think_balloon.yellow {
    color: #fff;
    border: none;
    background-color: #ffe822
}

.think_balloon.yellow:before,
.think_balloon.yellow:after {
    border: none;
    background-color: #ffe822
}

.think_balloon.orange {
    color: #fff;
    border: none;
    background-color: #ffa30d
}

.think_balloon.orange:before,
.think_balloon.orange:after {
    border: none;
    background-color: #ffa30d
}

.think_balloon.green {
    color: #fff;
    border: none;
    background-color: #7acc40
}

.think_balloon.green:before,
.think_balloon.green:after {
    border: none;
    background-color: #7acc40
}

.think_balloon.gray {
    color: #fff;
    border: none;
    background-color: #ccc
}

.think_balloon.gray:before,
.think_balloon.gray:after {
    border: none;
    background-color: #ccc
}

.think_balloon.yellow {
    color: #000
}

.barchart {
    display: block;
    background: #006d97;
    text-align: left;
    padding-left: 20px;
    color: azure;
    height: 2.5em;
    line-height: 2.5em;
    margin: 5px 0;
    border-radius: 0 10px 10px 0
}

.diver-barchart {
    position: relative;
    margin-bottom: 1em
}

.diver-barchart__ttl {
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 6px
}

.diver-barchart__bar {
    background: #eee;
    position: relative;
    height: 1em;
    border-radius: 2em
}

.diver-barchart__bar--value {
    position: absolute;
    left: 0;
    height: 100%;
    border-radius: 2em
}

.diver-barchart__label {
    position: absolute;
    display: inline-block;
    bottom: 2em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #eee;
    border-color: #eee;
    -webkit-box-shadow: 0 0 5px 0px #ccc;
    box-shadow: 0 0 5px 0px #ccc;
    color: red;
    font-weight: bold;
    font-size: .8em;
    padding: .2em .6em;
    border-radius: 5px
}

.diver-barchart__label:before {
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 6px);
    border-width: 8px 6px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: inherit
}

.diver-barchart__label.is-position-bottom {
    top: 1em;
    bottom: auto;
    position: relative
}

.diver-barchart__label.is-position-bottom:before {
    bottom: 100%;
    top: auto;
    border-bottom-color: inherit;
    border-width: 0 6px 8px
}

.button,
.content .button {
    border: none;
    background: no-repeat;
    text-align: center;
    margin: 10px 5px
}

.button01 a,
.content .button01 a {
    padding: .8em 1.8em;
    font-size: .9em;
    display: inline-block;
    position: relative;
    background-color: #70b8f1;
    border-style: solid;
    border-width: 0px;
    color: #fff;
    font-weight: bold;
    text-decoration: none !important;
    letter-spacing: .1em;
    border-radius: 50px;
    text-align: center;

}

.button a i,
.content .button a i {
    vertical-align: baseline;
    line-height: 1
}

.button a i.before,
.content .button a i.before {
    margin-right: 1em
}

.button a i.after,
.content .button a i.after {
    margin-left: 1em
}

.button a.big,
.content .button a.big {
    padding: .8em 2.5em;
    font-size: 1.1em
}

.button a.small,
.content .button a.small {
    padding: .5em 1.3em;
    font-size: .7em
}

.button a:hover,
.content .button a:hover {
    -webkit-filter: brightness(0.95);
    filter: brightness(0.95)
}

.button01 a,
.content .button01 a {
    width: 100%!important;
    display: block;
}

.button.inline,
.content .button.inline {
    display: inline-block
}

.button.solid a,
.content .button.solid a {
    position: relative;
    border-bottom: 5px solid #ccc;
    top: 0px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.button.shadow a,
.content .button.shadow a {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2)
}

.button.shadow a:hover,
.content .button.shadow a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.radius a,
.content .button.radius a {
    border-radius: 50em
}

.button.bborder a,
.content .button.bborder a {
    border: 2px solid #6f8e9c
}

.button.oborder a,
.content .button.oborder a {
    border: 2px solid #70b8f1;
    background: #fff;
    color: #70b8f1
}

.button01 a,
.content .button01 a {
    -webkit-box-shadow: 0px 0px 0px 2px #55bed5;
    box-shadow: 0px 0px 0px 2px #55bed5;
    border: 2px solid #fff
}

.button.white a,
.content .button.white a {
    color: #000;
    background-color: #f9f9f9
}

.button.white.bborder a,
.content .button.white.bborder a {
    border-color: #e0e0e0;
    background-color: #f9f9f9;
    color: #fff
}

.button.white.oborder a,
.content .button.white.oborder a {
    border-color: #f9f9f9;
    background: #000;
    color: #f9f9f9
}

.button.white.frame a,
.content .button.white.frame a {
    -webkit-box-shadow: 0px 0px 0px 2px #f9f9f9;
    box-shadow: 0px 0px 0px 2px #f9f9f9
}

.button.white.solid a,
.content .button.white.solid a {
    border-bottom: 5px solid #c6c6c6
}

.button.black a,
.content .button.black a {
    color: #fff;
    background-color: #000
}

.button.black.bborder a,
.content .button.black.bborder a {
    border-color: #000;
    background-color: #000;
    color: #fff
}

.button.black.oborder a,
.content .button.black.oborder a {
    border-color: #000;
    background: #fff;
    color: #000
}

.button.black.frame a,
.content .button.black.frame a {
    -webkit-box-shadow: 0px 0px 0px 2px #000;
    box-shadow: 0px 0px 0px 2px #000
}

.button.black.solid a,
.content .button.black.solid a {
    border-bottom: 5px solid #000
}

.button.blue a,
.content .button.blue a {
    color: #fff;
    background-color: #70b8f1
}

.button.blue.bborder a,
.content .button.blue.bborder a {
    border-color: #42a1ec;
    background-color: #70b8f1;
    color: #fff
}

.button.blue.oborder a,
.content .button.blue.oborder a {
    border-color: #70b8f1;
    background: #fff;
    color: #70b8f1
}

.button.blue.frame a,
.content .button.blue.frame a {
    -webkit-box-shadow: 0px 0px 0px 2px #70b8f1;
    box-shadow: 0px 0px 0px 2px #70b8f1
}

.button.blue.solid a,
.content .button.blue.solid a {
    border-bottom: 5px solid #1689e5
}

.button01 a,
.content .button01 a {
    color: #fff;
    background-color: #f097fc
}

.button01.bborder a,
.content .button01.bborder a {
    border-color: #ff5145;
    background-color: #f097fc;
    color: #fff
}

.button01.oborder a,
.content .button01.oborder a {
    border-color: #f097fc;
    background: #fff;
    color: #f097fc
}

.button01 a,
.content .button01 a {
    -webkit-box-shadow: 0px 0px 0px 2px #f097fc;
    box-shadow: 0px 0px 0px 2px #f097fc
}

.button01.solid a,
.content .button01.solid a {
    border-bottom: 5px solid #ff2212
}

.button.yellow a,
.content .button.yellow a {
    color: #000;
    background-color: #ffe822
}

.button.yellow.bborder a,
.content .button.yellow.bborder a {
    border-color: #eed500;
    background-color: #ffe822;
    color: #fff
}

.button.yellow.oborder a,
.content .button.yellow.oborder a {
    border-color: #ffe822;
    background: #000;
    color: #ffe822
}

.button.yellow.frame a,
.content .button.yellow.frame a {
    -webkit-box-shadow: 0px 0px 0px 2px #ffe822;
    box-shadow: 0px 0px 0px 2px #ffe822
}

.button.yellow.solid a,
.content .button.yellow.solid a {
    border-bottom: 5px solid #bba800
}

.button.orange a,
.content .button.orange a {
    color: #fff;
    background-color: #ffa30d
}

.button.orange.bborder a,
.content .button.orange.bborder a {
    border-color: #d98700;
    background-color: #ffa30d;
    color: #fff
}

.button.orange.oborder a,
.content .button.orange.oborder a {
    border-color: #ffa30d;
    background: #fff;
    color: #ffa30d
}

.button.orange.frame a,
.content .button.orange.frame a {
    -webkit-box-shadow: 0px 0px 0px 2px #ffa30d;
    box-shadow: 0px 0px 0px 2px #ffa30d
}

.button.orange.solid a,
.content .button.orange.solid a {
    border-bottom: 5px solid #a66700
}

.button.green a,
.content .button.green a {
    color: #fff;
    background-color: #7acc40
}

.button.green.bborder a,
.content .button.green.bborder a {
    border-color: #62ab2e;
    background-color: #7acc40;
    color: #fff
}

.button.green.oborder a,
.content .button.green.oborder a {
    border-color: #7acc40;
    background: #fff;
    color: #7acc40
}

.button.green.frame a,
.content .button.green.frame a {
    -webkit-box-shadow: 0px 0px 0px 2px #7acc40;
    box-shadow: 0px 0px 0px 2px #7acc40
}

.button.green.solid a,
.content .button.green.solid a {
    border-bottom: 5px solid #4b8323
}

.button.gray a,
.content .button.gray a {
    color: #000;
    background-color: #ccc
}

.button.gray.bborder a,
.content .button.gray.bborder a {
    border-color: #b3b3b3;
    background-color: #ccc;
    color: #fff
}

.button.gray.oborder a,
.content .button.gray.oborder a {
    border-color: #ccc;
    background: #000;
    color: #ccc
}

.button.gray.frame a,
.content .button.gray.frame a {
    -webkit-box-shadow: 0px 0px 0px 2px #ccc;
    box-shadow: 0px 0px 0px 2px #ccc
}

.button.gray.solid a,
.content .button.gray.solid a {
    border-bottom: 5px solid #999
}

.button.white.bborder a,
.content .button.white.bborder a {
    border-color: #000;
    color: #000
}

.sc_designlist {
    margin-bottom: 1.5em
}

.sc_designlist img {
    margin: 1em 0
}

.sc_designlist>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 2em
}

.sc_designlist>ul>li {
    position: relative;
    padding-left: 1.5em
}

.sc_designlist>ul>li:before {
    font-family: "fontAwesome";
    position: absolute;
    left: 0;
    top: -0.1em;
    font-size: 1.2em;
    color: #668ad8
}

.sc_designlist.fa_check>ul>li:before {
    content: ""
}

.sc_designlist.fa_angle>ul>li {
    padding-left: 1em
}

.sc_designlist.fa_angle>ul>li:before {
    content: "ï„…"
}

.sc_designlist.fa_angle_d>ul>li:before {
    content: ""
}

.sc_designlist.fa_angle_o>ul>li:before {
    content: ""
}

.sc_designlist.fa_caret>ul>li {
    padding-left: 1em
}

.sc_designlist.fa_caret>ul>li:before {
    content: ""
}

.sc_designlist.fa_arrow>ul>li:before {
    content: ""
}

.sc_designlist.lborder>ul {
    padding: 0
}

.sc_designlist.lborder>ul>li {
    border-left: 5px solid #668ad8;
    padding-left: .5em
}

.sc_designlist>ol {
    list-style: none;
    counter-reset: number;
    line-height: 2em;
    padding: 0;
    margin: 0
}

.sc_designlist>ol>li {
    position: relative;
    margin-bottom: .5em;
    padding-left: 2em
}

.sc_designlist>ol>li:after {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    font-weight: bold;
    font-size: .9em;
    left: 0;
    top: .2em;
    width: 1.8em;
    line-height: 1.8em;
    text-align: center;
    white-space: nowrap;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.sc_designlist.solid>ol>li:after {
    background: #668ad8;
    color: #fff
}

.sc_designlist.reg>ol>li:after {
    border: 2px solid #668ad8;
    color: #668ad8;
    background-color: rgba(0, 0, 0, 0);
    width: calc(1.8em - 4px);
    line-height: calc(1.8em - 4px)
}

.sc_designlist.dia>ol>li:after {
    color: #fff;
    width: 1.6em;
    line-height: 1.6em
}

.sc_designlist.dia>ol>li:before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 1.4em;
    height: 1.4em;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #668ad8
}

.sc_designlist.radius>ol>li:after {
    border-radius: 50%
}

.sc_designlist.timeline>ol>li::after {
    border: 2px solid #668ad8;
    color: #668ad8;
    border-radius: 50%;
    background: #fff;
    width: calc(1.8em - 4px);
    line-height: calc(1.8em - 4px)
}

.sc_designlist.timeline>ol>li::before {
    position: absolute;
    z-index: 0;
    top: 1em;
    left: calc(.9em - 2px);
    height: calc(100% + 1em);
    content: "";
    border-left: 2px dotted #668ad8
}

.sc_designlist.timeline>ol>li:last-child::before {
    display: none
}

.sc_designlist.parag>ol {
    margin-left: 2em
}

.sc_designlist.parag>ol>li {
    padding-left: .5em;
    border-left: 3px solid #98b9da
}

.sc_designlist.parag>ol>li::after {
    font-size: 1.5em;
    right: calc(100% + .5em);
    left: auto;
    width: auto;
    color: #668ad8;
    line-height: 1em;
    text-align: right
}

.sc_designlist.white>ul>li::before {
    color: #f9f9f9
}

.sc_designlist.white.lborder>ul>li {
    border-color: #f9f9f9
}

.sc_designlist.white.dia>ol>li::before,
.sc_designlist.white.solid>ol>li:after {
    background: #f9f9f9;
    color: #000
}

.sc_designlist.white.reg>ol>li::after {
    color: #f9f9f9;
    border-color: #f9f9f9
}

.sc_designlist.white.parag>ol>li {
    border-color: #f9f9f9
}

.sc_designlist.white.parag>ol>li:after {
    color: #f9f9f9
}

.sc_designlist.white.timeline>ol>li:after {
    border-color: #f9f9f9;
    color: #f9f9f9
}

.sc_designlist.white.timeline>ol>li:before {
    border-color: #f9f9f9
}

.sc_designlist.black>ul>li::before {
    color: #000
}

.sc_designlist.black.lborder>ul>li {
    border-color: #000
}

.sc_designlist.black.dia>ol>li::before,
.sc_designlist.black.solid>ol>li:after {
    background: #000;
    color: #fff
}

.sc_designlist.black.reg>ol>li::after {
    color: #000;
    border-color: #000
}

.sc_designlist.black.parag>ol>li {
    border-color: #000
}

.sc_designlist.black.parag>ol>li:after {
    color: #000
}

.sc_designlist.black.timeline>ol>li:after {
    border-color: #000;
    color: #000
}

.sc_designlist.black.timeline>ol>li:before {
    border-color: #000
}

.sc_designlist.blue>ul>li::before {
    color: #70b8f1
}

.sc_designlist.blue.lborder>ul>li {
    border-color: #70b8f1
}

.sc_designlist.blue.dia>ol>li::before,
.sc_designlist.blue.solid>ol>li:after {
    background: #70b8f1;
    color: #fff
}

.sc_designlist.blue.reg>ol>li::after {
    color: #70b8f1;
    border-color: #70b8f1
}

.sc_designlist.blue.parag>ol>li {
    border-color: #70b8f1
}

.sc_designlist.blue.parag>ol>li:after {
    color: #70b8f1
}

.sc_designlist.blue.timeline>ol>li:after {
    border-color: #70b8f1;
    color: #70b8f1
}

.sc_designlist.blue.timeline>ol>li:before {
    border-color: #70b8f1
}

.sc_designlist.red>ul>li::before {
    color: #f097fc
}

.sc_designlist.red.lborder>ul>li {
    border-color: #f097fc
}

.sc_designlist.red.dia>ol>li::before,
.sc_designlist.red.solid>ol>li:after {
    background: #f097fc;
    color: #fff
}

.sc_designlist.red.reg>ol>li::after {
    color: #f097fc;
    border-color: #f097fc
}

.sc_designlist.red.parag>ol>li {
    border-color: #f097fc
}

.sc_designlist.red.parag>ol>li:after {
    color: #f097fc
}

.sc_designlist.red.timeline>ol>li:after {
    border-color: #f097fc;
    color: #f097fc
}

.sc_designlist.red.timeline>ol>li:before {
    border-color: #f097fc
}

.sc_designlist.yellow>ul>li::before {
    color: #ffe822
}

.sc_designlist.yellow.lborder>ul>li {
    border-color: #ffe822
}

.sc_designlist.yellow.dia>ol>li::before,
.sc_designlist.yellow.solid>ol>li:after {
    background: #ffe822;
    color: #000
}

.sc_designlist.yellow.reg>ol>li::after {
    color: #ffe822;
    border-color: #ffe822
}

.sc_designlist.yellow.parag>ol>li {
    border-color: #ffe822
}

.sc_designlist.yellow.parag>ol>li:after {
    color: #ffe822
}

.sc_designlist.yellow.timeline>ol>li:after {
    border-color: #ffe822;
    color: #ffe822
}

.sc_designlist.yellow.timeline>ol>li:before {
    border-color: #ffe822
}

.sc_designlist.orange>ul>li::before {
    color: #ffa30d
}

.sc_designlist.orange.lborder>ul>li {
    border-color: #ffa30d
}

.sc_designlist.orange.dia>ol>li::before,
.sc_designlist.orange.solid>ol>li:after {
    background: #ffa30d;
    color: #fff
}

.sc_designlist.orange.reg>ol>li::after {
    color: #ffa30d;
    border-color: #ffa30d
}

.sc_designlist.orange.parag>ol>li {
    border-color: #ffa30d
}

.sc_designlist.orange.parag>ol>li:after {
    color: #ffa30d
}

.sc_designlist.orange.timeline>ol>li:after {
    border-color: #ffa30d;
    color: #ffa30d
}

.sc_designlist.orange.timeline>ol>li:before {
    border-color: #ffa30d
}

.sc_designlist.green>ul>li::before {
    color: #7acc40
}

.sc_designlist.green.lborder>ul>li {
    border-color: #7acc40
}

.sc_designlist.green.dia>ol>li::before,
.sc_designlist.green.solid>ol>li:after {
    background: #7acc40;
    color: #fff
}

.sc_designlist.green.reg>ol>li::after {
    color: #7acc40;
    border-color: #7acc40
}

.sc_designlist.green.parag>ol>li {
    border-color: #7acc40
}

.sc_designlist.green.parag>ol>li:after {
    color: #7acc40
}

.sc_designlist.green.timeline>ol>li:after {
    border-color: #7acc40;
    color: #7acc40
}

.sc_designlist.green.timeline>ol>li:before {
    border-color: #7acc40
}

.sc_designlist.gray>ul>li::before {
    color: #ccc
}

.sc_designlist.gray.lborder>ul>li {
    border-color: #ccc
}

.sc_designlist.gray.dia>ol>li::before,
.sc_designlist.gray.solid>ol>li:after {
    background: #ccc;
    color: #000
}

.sc_designlist.gray.reg>ol>li::after {
    color: #ccc;
    border-color: #ccc
}

.sc_designlist.gray.parag>ol>li {
    border-color: #ccc
}

.sc_designlist.gray.parag>ol>li:after {
    color: #ccc
}

.sc_designlist.gray.timeline>ol>li:after {
    border-color: #ccc;
    color: #ccc
}

.sc_designlist.gray.timeline>ol>li:before {
    border-color: #ccc
}

.frame02 {
    margin-bottom: 1.2em;
    position: relative
}

.frame02 .sc_frame_ttl {
    padding: .25em 1em .2em;
    font-size: .9em;
    position: relative;
    font-weight: bold;
    color: #fff;
    background: #ccc;
    top: 1px
}

.frame02 .sc_frame_ttl i {
    margin-right: .2em
}

.frame02 .sc_frame_ttl.ttlnone {
    display: none
}

.frame02 .sc_frame_text {
    margin: 0
}

.frame02 .sc_frame_text>*:first-child {
    margin-top: 0
}

.frame02 .sc_frame_text>*:last-child {
    margin-bottom: 0
}

.frame02 .sc_frame {
    overflow: auto;
    border: 3px solid #ccc;
    padding: 1em 1.5em;
    position: relative;
    border-radius: 5px;
    background: #fff;
    color: #000;
    margin: 0
}

.frame02 .sc_frame>*:first-child {
    margin-top: 0
}

.frame02 .sc_frame>*:last-child {
    margin-bottom: 0
}

.frame02 .sc_frame.no-border {
    border: none
}

.frame02 .sc_frame.shadow {
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .1)
}

.frame02 .sc_frame.note {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(204, 204, 204, 0)), color-stop(49%, rgba(201, 204, 204, 0)), color-stop(50%, rgb(255, 255, 255)), to(rgb(255, 255, 255))), -webkit-gradient(linear, left top, left bottom, from(rgba(204, 204, 204, 0)), color-stop(96.5%, rgba(204, 204, 205, 0)), to(rgb(30, 30, 30)));
    background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0) 0%, rgba(201, 204, 204, 0) 49%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%), -webkit-linear-gradient(top, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 205, 0) 96.5%, rgb(30, 30, 30) 100%);
    background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0) 0%, rgba(201, 204, 204, 0) 49%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%), -o-linear-gradient(top, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 205, 0) 96.5%, rgb(30, 30, 30) 100%);
    background-image: linear-gradient(90deg, rgba(204, 204, 204, 0) 0%, rgba(201, 204, 204, 0) 49%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%), linear-gradient(180deg, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 205, 0) 96.5%, rgb(30, 30, 30) 100%);
    background-repeat: repeat-x, repeat-y;
    background-size: 4px 100%, 100% 1.8em;
    padding: 1.8em 1.5em;
    line-height: 1.8em
}

.frame02 .sc_frame.note>p {
    line-height: 1.8em
}

.frame02 .sc_frame.tape:before {
    content: "";
    position: absolute;
    top: 17px;
    width: 25%;
    height: 35px;
    opacity: .15;
    margin: -35px auto 10px 35%;
    background: #4e4e4e;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    left: 10px;
    right: 10px
}

.frame02 .sc_frame_icon {
    display: inline-block;
    font-size: 1em;
    margin-right: .6em
}

.frame02 .sc_frame_before {
    position: absolute;
    color: #fff;
    background: #ccc;
    left: 5px;
    font-weight: bold;
    bottom: 100%;
    padding: .3em 1.5em;
    border-radius: 3px 3px 0 0;
    font-size: .8em
}

.frame02.normal .sc_frame {
    border-radius: 5px
}

.frame02.normal:not(.ttlnone) .sc_frame:not(.no-ttl) {
    border-radius: 0 0 5px 5px;
    border-top: none
}

.frame02.solid .sc_frame {
    background-color: #ccc;
    border: none
}

.frame02.inline .sc_frame_ttl {
    display: inline-block;
    border-radius: 5px 5px 0 0
}

.frame02.inline .sc_frame {
    border-top-left-radius: 0
}

.frame02.inframe .sc_frame_ttl {
    float: left;
    border-radius: 5px 0 5px 0;
    z-index: 1
}

.frame02.inframe .sc_frame {
    overflow: inherit
}

.frame02.inframe .sc_frame:not(.no-ttl) {
    padding-top: 3em
}

.frame02.block .sc_frame {
    border-radius: 0 0 5px 5px;
    border-top: none
}

.frame02.block .sc_frame_ttl {
    border-radius: 5px 5px 0 0
}

.frame02.bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.frame02.bottom .sc_frame_ttl {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    border-radius: 0 0 5px 5px
}

.frame02.bottom .sc_frame {
    border-radius: 5px
}

.frame02.bottom .sc_frame:not(.no-ttl) {
    border-radius: 5px 5px 0 0;
    border-bottom: none
}

.frame01 .sc_frame_ttl {
    position: absolute;
    display: block;
    top: auto;
    bottom: calc(100% - 1em);
    max-width: calc(100% - 4em);
    left: 1em;
    z-index: 1;
    padding: 1px 1em;
    border-radius: 5px;
    background: #fff
}

.frame02 .sc_frame_text :last-child {
    padding-bottom: 0 !important
}

.frame02 .content .sc_frame.note .sc_frame_text p {
    padding: 0 0 1.8em
}

.frame02.white .sc_frame {
    border-color: #f9f9f9
}

.frame02.white .sc_frame.has-bg {
    background-color: rgba(249, 249, 249, .3)
}

.frame02.white .sc_frame_ttl {
    color: #000;
    background-color: #f9f9f9
}

.frame02.white.solid .sc_frame {
    background-color: rgba(249, 249, 249, .3)
}

.frame02.white.onframe .sc_frame_ttl {
    color: #f9f9f9;
    background-color: #000
}

.frame02.black .sc_frame {
    border-color: #000
}

.frame02.black .sc_frame.has-bg {
    background-color: rgba(0, 0, 0, .3)
}

.frame02.black .sc_frame_ttl {
    color: #fff;
    background-color: #000
}

.frame02.black.solid .sc_frame {
    background-color: rgba(0, 0, 0, .3)
}

.frame02.black.onframe .sc_frame_ttl {
    color: #000;
    background-color: #fff
}

.frame02.blue .sc_frame {
    border-color: #70b8f1
}

.frame02.blue .sc_frame.has-bg {
    background-color: rgba(112, 184, 241, .3)
}

.frame02.blue .sc_frame_ttl {
    color: #fff;
    background-color: #70b8f1
}

.frame02.blue.solid .sc_frame {
    background-color: rgba(112, 184, 241, .3)
}

.frame02.blue.onframe .sc_frame_ttl {
    color: #70b8f1;
    background-color: #fff
}

.frame02.red .sc_frame {
    border-color: #f097fc
}

.frame02.red .sc_frame.has-bg {
    background-color: rgba(255, 129, 120, .3)
}

.frame02.red .sc_frame_ttl {
    color: #fff;
    background-color: #f097fc
}

.frame02.red.solid .sc_frame {
    background-color: rgba(255, 129, 120, .3)
}

.frame02.red.onframe .sc_frame_ttl {
    color: #f097fc;
    background-color: #fff
}

.frame02.yellow .sc_frame {
    border-color: #ffe822
}

.frame02.yellow .sc_frame.has-bg {
    background-color: rgba(255, 232, 34, .3)
}

.frame02.yellow .sc_frame_ttl {
    color: #000;
    background-color: #ffe822
}

.frame02.yellow.solid .sc_frame {
    background-color: rgba(255, 232, 34, .3)
}

.frame02.yellow.onframe .sc_frame_ttl {
    color: #ffe822;
    background-color: #000
}

.frame02.orange .sc_frame {
    border-color: #ffa30d
}

.frame02.orange .sc_frame.has-bg {
    background-color: rgba(255, 163, 13, .3)
}

.frame02.orange .sc_frame_ttl {
    color: #fff;
    background-color: #ffa30d
}

.frame02.orange.solid .sc_frame {
    background-color: rgba(255, 163, 13, .3)
}

.frame02.orange.onframe .sc_frame_ttl {
    color: #ffa30d;
    background-color: #fff
}

.frame02_green .sc_frame {
    border-color: #7acc40
}

.frame_green .sc_frame.has-bg {
    background-color: rgba(122, 204, 64, .3)
}

.frame02_green .sc_frame_ttl {
    color: #fff;
    background-color: #7acc40
}

.frame02_green.solid .sc_frame {
    background-color: rgba(122, 204, 64, .3)
}

.frame01 .sc_frame_ttl {
    color:#b197fc ;
    background-color: #fff;
    font-weight: 700;
}

.frame02.gray .sc_frame {
    border-color: #ccc
}

.frame02.gray .sc_frame.has-bg {
    background-color: rgba(204, 204, 204, .3)
}

.frame02.gray .sc_frame_ttl {
    color: #000;
    background-color: #ccc
}

.frame02.gray.solid .sc_frame {
    background-color: rgba(204, 204, 204, .3)
}

.frame02.gray.onframe .sc_frame_ttl {
    color: #ccc;
    background-color: #000
}

.frame02.gray.onframe .sc_frame_ttl {
    background-color: #fff
}

.sc_frame_ttl p {
    padding: 0;
    margin: 0;
    display: inline-block
}

.sc_frame>*:first-child {
    margin-top: 0
}

.sc_frame>*:last-child {
    margin-bottom: 0
}

.sc_frame.aside {
    font-size: .9em;
    color: #545454;
    background: #eee;
    margin-bottom: 1.5em;
    padding: 1em 1.5em
}

.sc_frame.aside:before {
    font-family: "fontAwesome";
    content: "";
    margin-right: .6em
}

.sc_frame.aside.error {
    color: #e11a1a;
    background: #ffdada
}

.sc_frame.aside.error::before {
    content: ""
}

.sc_frame.aside.warning {
    color: #333;
    background: #fff794
}

.sc_frame.aside.warning::before {
    content: ""
}

.sc_heading {
    position: relative;
    color: #fff;
    padding: .5em 1em;
    margin: 1.5em 0 1em;
    line-height: 1.5;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    background: none;
    font-weight: bold
}

.sc_heading>p {
    padding: 0;
    margin: 0
}

.sc_heading.solid {
    border-radius: 3px
}

.sc_heading.bborder {
    border-style: solid
}

.sc_heading.bborder.a {
    border-width: 3px;
    border-radius: 3px
}

.sc_heading.bborder.tb {
    border-width: 3px 0 3px 0;
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0
}

.sc_heading.bborder.b {
    border-width: 0 0 3px 0;
    background-color: rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.sc_heading.bborder.l {
    border-width: 0 0 0 8px;
    background-color: #eee
}

.sc_heading.stech {
    border: dashed 2px #fff;
    border-radius: 3px
}

.sc_heading.rlborder {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: rgba(0, 0, 0, 0);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5em;
    padding: 0
}

.sc_heading.rlborder:before,
.sc_heading.rlborder:after {
    content: "";
    min-width: 50px;
    height: 4px;
    border-radius: 5px;
    background-color: #000;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sc_heading.rlborder .sc_ttl {
    display: inline-block;
    position: relative
}

.ttl02{
        background: #27acd9;
        padding: 1rem;
        position: relative;
        color: #fff;
	margin-right:20px;
}
.ttl02:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-right: solid 20px rgb(20, 86, 110);
}

.sc_heading.fukidasi {
    position: relative;
    background-color: #000;
    border-radius: 6px;
    color: #fff
}

.sc_heading.fukidasi:after,
.sc_heading.fukidasi .after {
    position: absolute;
    top: 100%;
    left: 1.5em;
    width: 0;
    height: 0;
    border: .5em solid rgba(0, 0, 0, 0);
    border-top-color: inherit
}

.sc_heading.fukidasi:after {
    content: ""
}

.sc_heading.fukidasi .after {
    z-index: 1;
    border-top-color: rgba(0, 0, 0, 0)
}

.sc_heading.headtag {
    vertical-align: middle;
    border-radius: 50em 0 0 50em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sc_heading.headtag:before {
    content: "";
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    background-color: #fff;
    margin-right: .5em;
    height: .8em;
    width: .8em;
    border-radius: 50%
}

.sc_heading.headtag .before {
    display: none
}

.heading01 {
    position: relative;
    background: #efefef;
    color: #000;
    padding-left: 3.2em!important;
    font-weight: 700;
}

.heading01 .before {
    position: absolute;
    color: #fff;
    background: #000;
    font-size: 1.2em;
    width: 2.2em;
    text-align: center;
    left: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.heading01rad {
    position: relative;
    background: #eee;
    color: #000;
    border-radius: 5px;
    margin-left: 1.2em;
    padding-left: 2em
}

.heading01rad .before {
    position: absolute;
    color: #fff;
    background: #000;
    font-size: 1.2em;
    width: 2.2em;
    line-height: 2.2em;
    text-align: center;
    left: -1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%
}

.sc_heading .custom:before,
.sc_heading .custom:after {
    content: none
}

.sc_heading.white {
    color: #000;
    background-color: #f9f9f9
}

.sc_heading.white.rlborder {
    background-color: rgba(0, 0, 0, 0);
    color: #f9f9f9
}

.sc_heading.white.rlborder:before,
.sc_heading.white.rlborder:after {
    background-color: #f9f9f9
}

.sc_heading.white.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #f9f9f9;
    color: #f9f9f9
}

.sc_heading.white.bborder.l {
    background-color: rgba(249, 249, 249, .1)
}

.sc_heading.white.fukidasi:after {
    border-top-color: #f9f9f9
}

.sc_heading.white.count,
.sc_heading.white.countrad {
    background-color: rgba(249, 249, 249, .1);
    color: #f9f9f9
}

.sc_heading.white.count .before,
.sc_heading.white.countrad .before {
    background-color: #f9f9f9
}

.sc_heading.black {
    color: #fff;
    background-color: #000
}

.sc_heading.black.rlborder {
    background-color: rgba(0, 0, 0, 0);
    color: #000
}

.sc_heading.black.rlborder:before,
.sc_heading.black.rlborder:after {
    background-color: #000
}

.sc_heading.black.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #000;
    color: #000
}

.sc_heading.black.bborder.l {
    background-color: rgba(0, 0, 0, .1)
}

.sc_heading.black.fukidasi:after {
    border-top-color: #000
}

.sc_heading.black.count,
.sc_heading.black.countrad {
    background-color: rgba(0, 0, 0, .1);
    color: #000
}

.sc_heading.black.count .before,
.sc_heading.black.countrad .before {
    background-color: #000
}

.sc_heading.blue {
    color: #fff;
    background-color: #70b8f1
}

.sc_heading.blue.rlborder {
    background-color: rgba(0, 0, 0, 0);
    color: #70b8f1
}

.sc_heading.blue.rlborder:before,
.sc_heading.blue.rlborder:after {
    background-color: #70b8f1
}

.sc_heading.blue.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #70b8f1;
    color: #70b8f1
}

.sc_heading.blue.bborder.l {
    background-color: rgba(112, 184, 241, .1)
}

.sc_heading.blue.fukidasi:after {
    border-top-color: #70b8f1
}

.sc_heading.blue.count,
.sc_heading.blue.countrad {
    background-color: rgba(112, 184, 241, .1);
    color: #70b8f1
}

.sc_heading.blue.count .before,
.sc_heading.blue.countrad .before {
    background-color: #70b8f1
}

.sc_heading.red {
    color: #fff;
    background-color: #f097fc
}

.sc_heading.red.rlborder {
    background-color: rgba(0, 0, 0, 0);
    color: #f097fc
}

.sc_heading.red.rlborder:before,
.sc_heading.red.rlborder:after {
    background-color: #f097fc
}

.sc_heading.red.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #f097fc;
    color: #f097fc
}

.sc_heading.red.bborder.l {
    background-color: rgba(255, 129, 120, .1)
}

.sc_heading.red.fukidasi:after {
    border-top-color: #f097fc
}

.sc_heading.red.count,
.sc_heading.red.countrad {
    background-color: rgba(255, 129, 120, .1);
    color: #f097fc
}

.sc_heading.red.count .before,
.sc_heading.red.countrad .before {
    background-color: #f097fc
}

.sc_heading.yellow {
    color: #000;
    background-color: #ffe822
}

.sc_heading.yellow.rlborder {
    background-color: rgba(0, 0, 0, 0);
    color: #ffe822
}

.sc_heading.yellow.rlborder:before,
.sc_heading.yellow.rlborder:after {
    background-color: #ffe822
}

.sc_heading.yellow.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffe822;
    color: #ffe822
}

.sc_heading.yellow.bborder.l {
    background-color: rgba(255, 232, 34, .1)
}

.sc_heading.yellow.fukidasi:after {
    border-top-color: #ffe822
}

.sc_heading.yellow.count,
.sc_heading.yellow.countrad {
    background-color: rgba(255, 232, 34, .1);
    color: #ffe822
}

.sc_heading.yellow.count .before,
.sc_heading.yellow.countrad .before {
    background-color: #ffe822
}

.sc_heading.orange {
    color: #fff;
    background-color: #ffa30d
}

.sc_heading.orange.rlborder {
    background-color: rgba(0, 0, 0, 0);
    color: #ffa30d
}

.sc_heading.orange.rlborder:before,
.sc_heading.orange.rlborder:after {
    background-color: #ffa30d
}

.sc_heading.orange.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffa30d;
    color: #ffa30d
}

.sc_heading.orange.bborder.l {
    background-color: rgba(255, 163, 13, .1)
}

.sc_heading.orange.fukidasi:after {
    border-top-color: #ffa30d
}

.sc_heading.orange.count,
.sc_heading.orange.countrad {
    background-color: rgba(255, 163, 13, .1);
    color: #ffa30d
}

.sc_heading.orange.count .before,
.sc_heading.orange.countrad .before {
    background-color: #ffa30d
}

.sc_heading.green {
    color: #fff;
    background-color: #7acc40
}

.sc_heading.green.rlborder {
    background-color: rgba(0, 0, 0, 0);
    color: #7acc40
}

.sc_heading.green.rlborder:before,
.sc_heading.green.rlborder:after {
    background-color: #7acc40
}

.sc_heading.green.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #7acc40;
    color: #7acc40
}

.sc_heading.green.bborder.l {
    background-color: rgba(122, 204, 64, .1)
}

.sc_heading.green.fukidasi:after {
    border-top-color: #7acc40
}

.heading01,
.heading01rad {
    background-image: linear-gradient(to left, #27acd9 0%,#64b611 100%);
    transform: skew(-7deg);
    color: #fff;
}

.heading01 .before,
.heading01rad .before {
    background-color:#64b611
}

.sc_heading.gray {
    color: #000;
    background-color: #ccc
}

.sc_heading.gray.rlborder {
    background-color: rgba(0, 0, 0, 0);
    color: #ccc
}

.sc_heading.gray.rlborder:before,
.sc_heading.gray.rlborder:after {
    background-color: #ccc
}

.sc_heading.gray.bborder {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ccc;
    color: #ccc
}

.sc_heading.gray.bborder.l {
    background-color: rgba(204, 204, 204, .1)
}

.sc_heading.gray.fukidasi:after {
    border-top-color: #ccc
}

.sc_heading.gray.count,
.sc_heading.gray.countrad {
    background-color: rgba(204, 204, 204, .1);
    color: #ccc
}

.sc_heading.gray.count .before,
.sc_heading.gray.countrad .before {
    background-color: #ccc
}

.diver-hr {
    border: 0;
    padding: 0;
    height: 1px;
    width: 100%;
    margin: 2em auto;
    background-color: #fff;
    text-align: center;
    overflow: visible;
    position: relative
}

.diver-hr::before {
    background-color: inherit;
    color: inherit;
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 .5em;
    line-height: 2em
}

.diver-hr.is-align-left {
    margin-left: 0
}

.diver-hr.is-align-right {
    margin-right: 0
}

.diver-hr.style-dot {
    background-repeat: repeat-x
}

.diver-hr.hr-content-text:before {
    content: attr(data-content);
    padding: 0 1em;
    font-size: .9em
}

.diver-hr.hr-content-slice {
    text-align: left
}

.diver-hr.hr-content-slice:before {
    content: "✂";
    font-size: 1.2em;
    left: 20%
}

.diver-hr.hr-content-heart:before {
    content: "♥";
    font-size: 1.2em
}

.border {
    width: 100%;
    height: 2px;
    border-top: 2px solid #ccc;
    margin: 10px 0
}

.diver_qa {
    padding: 10px
}

.diver_qa+.diver_qa {
    border-top: 1px solid #ccc;
    padding-top: 20px
}

.diver_question,
.diver_answer {
    position: relative;
    margin-left: 50px;
    min-height: 40px;
    margin-bottom: 10px;
    color: #ff5722;
    font-weight: bold
}

.diver_question:before,
.diver_answer:before {
    content: "Q";
    background: #e04848;
    position: absolute;
    top: -0.25em;
    left: -50px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 21px;
    font-weight: bold;
    color: #fff
}

.diver_answer {
    color: inherit;
    font-weight: normal
}

.diver_answer:before {
    top: 0;
    content: "A";
    background: #488ce0
}

.diver_af_ranking_wrap {
    margin-bottom: 1.5em
}

.diver_af_ranking_wrap.full .rank_desc_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.diver_af_ranking_wrap.full .rank_desc_wrap .rank_img {
    width: 100%
}

@media screen and (min-width: 768px) {
    .diver_af_ranking_wrap.right .rank_desc_wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.diver_af_ranking_wrap .rank_rem {
    background-color: #f9f9f9;
    padding: .8em 1em;
    margin-bottom: 1em
}

.rank_h {
    border: none;
    position: relative;
    margin-bottom: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 8px
}

.rank_h::before {
    content: " ";
    background-repeat: no-repeat;
    display: block;
    height: 65px;
    width: 65px;
    background-size: 100%;
    line-height: 65px;
    font-size: 20px;
    background-image: url(../img/rank/diver_rank_icon.png);
    font-weight: bold;
    text-align: center;
    text-shadow: .5px .5px 0 #fff, -0.5px .5px 0 #fff, .5px -0.5px 0 #fff, -0.5px -0.5px 0 #fff;
    color: #e8453b
}

@media screen and (max-width: 767px) {
    .rank_h::before {
        height: 45px;
        width: 45px;
        line-height: 45px
    }
}

.rank_h .rank_ttl_wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.rank_h .rank_ttl {
    font-size: 1.3em;
    font-weight: bold;
    padding: 0;
    margin: 0;
    line-height: 1.2;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    background: none;
    color: inherit
}

@media screen and (max-width: 767px) {
    .rank_h .rank_ttl {
        font-size: 1.2em
    }
}

.rank_h .rank_ttl p:empty {
    display: none
}

.rank_h .review_star {
    position: relative;
    left: 0;
    bottom: 0px;
    margin: 0;
    display: block;
    margin-top: 8px
}

.rank_h.\30 :before {
    background-image: url("../img/rank/diver_rank_0.png")
}

.rank_h.\31 0:before {
    content: "10"
}

.rank_h.\31 :before {
    background-image: url("../img/rank/diver_rank_1.png")
}

.rank_h.\31 1:before {
    content: "11"
}

.rank_h.\32 :before {
    background-image: url("../img/rank/diver_rank_2.png")
}

.rank_h.\31 2:before {
    content: "12"
}

.rank_h.\33 :before {
    background-image: url("../img/rank/diver_rank_3.png")
}

.rank_h.\31 3:before {
    content: "13"
}

.rank_h.\34 :before {
    background-image: url("../img/rank/diver_rank_4.png")
}

.rank_h.\31 4:before {
    content: "14"
}

.rank_h.\35 :before {
    background-image: url("../img/rank/diver_rank_5.png")
}

.rank_h.\31 5:before {
    content: "15"
}

.rank_h.\36 :before {
    background-image: url("../img/rank/diver_rank_6.png")
}

.rank_h.\31 6:before {
    content: "16"
}

.rank_h.\37 :before {
    background-image: url("../img/rank/diver_rank_7.png")
}

.rank_h.\31 7:before {
    content: "17"
}

.rank_h.\38 :before {
    background-image: url("../img/rank/diver_rank_8.png")
}

.rank_h.\31 8:before {
    content: "18"
}

.rank_h.\30 :before {
    content: "0"
}

.rank_h.\39 :before {
    content: "9"
}

.rank_h.\32 0:before {
    content: "20"
}

.content .rank_ttl p {
    padding: 0
}

.rank_desc_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 1em;
    margin-bottom: 1em
}

.rank_desc_wrap .rank_img {
    width: 35%;
    text-align: center
}

.rank_desc_wrap .rank_img img {
    margin: 0 auto;
    max-width: 100%
}

.rank_desc_wrap .rank_desc {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.rank_desc_wrap .rank_desc .rank_minih {
    line-height: 1.2;
    padding: .6em .8em;
    font-weight: bold;
    background: #f6cb47;
    color: #fff;
    border-radius: 3px;
    position: relative;
    margin-bottom: 12px;
	padding: 10px 20px !important;
    font-size: 22px;}

.rank_desc_wrap .rank_desc .rank_minih.no-bg {
    padding: 0
}

.rank_desc_wrap .rank_desc .rank_minih.is-style-border {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 2px solid #000;
    color: #000;
    padding: 0 0 .6em;
    border-radius: 0
}

.rank_desc_wrap .rank_desc .rank_minih.is-style-black {
    background-color: rgba(0, 0, 0, 0);
    color: #000
}

.rank_desc_wrap .rank_desc .desc {
    font-size: .9em
}

@media screen and (max-width: 767px) {
    .rank_desc_wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .rank_desc_wrap .rank_img {
        width: 100%
    }
}

.rank_btn_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
}

.rank_btn_wrap .rank_buy_link,
.rank_btn_wrap .rank_more_link {
   
    margin: 5px ;
}

.rank_btn_wrap .rank_buy_link a,
.rank_btn_wrap .rank_more_link a {
    position: relative;
    color: #fff;
    padding: .8em 1.2em;
    background: #2bc136;
    border-radius: 30px;
    display: inline-block;
    width:300px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    margin-left:30px;
   
}

.rank_btn_wrap .rank_buy_link a:after,
.rank_btn_wrap .rank_more_link a:after {
    content: "";
    padding-left: 10px;
    font-family: fontAwesome;
    background-image: url(../img/angles-right-solid.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    width: 15px;
    height: 15px;
    margin: 0px 5px 5px;
    display: inline-block;
    vertical-align: middle;
}

.rank_btn_wrap .rank_more_link a {
    background: #ffa30d;
}

@media screen and (max-width: 767px) {
    .rank_btn_wrap a {
        padding: 1em .5em;
        font-size: .8em
    }
    .rank_btn_wrap .rank_buy_link a,
.rank_btn_wrap .rank_more_link a {
    width: 150px;
    margin-left: 0;
}
}

.review_item-box {
    -webkit-box-shadow: 0 5px 5px 0 rgba(18, 63, 82, .035), 0 0 0 1px rgba(176, 181, 193, .2);
    box-shadow: 0 5px 5px 0 rgba(18, 63, 82, .035), 0 0 0 1px rgba(176, 181, 193, .2);
    border-radius: 10px;
    max-width: 500px;
    margin: 60px auto 1.5em !important;
    padding: 1.5em;
    text-align: center
}

.review_item-box>p:not([class]) {
    margin: 0
}

.review_item-box__image {
    margin: calc(-1.5em - 50px) auto 1em;
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.review_item-box__name {
    font-size: .8em;
    opacity: .6;
    line-height: 1
}

.review_item-box>.review_item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.review_item-box__ttl {
    font-weight: bold;
    margin: 0
}

.review_item-box__content {
    text-align: left;
    font-size: .9em;
    margin: 1em 0 0;
    padding: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.review_item-box__content:before {
    top: -10px;
    left: -10px
}

.review_item-box__content:after {
    bottom: -10px;
    right: -10px
}

.voice_parts_wrap {
    margin: 20px 0 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.voice_parts_wrap figure {
    width: 25%;
    margin-right: 10px
}

.voice_parts_wrap .voice_parts_icon {
    width: 100%;
    margin: 0;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.voice_parts_wrap .voice_parts_ttl {
    font-size: 1.1em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px
}

.voice_parts_wrap .review_star {
    display: block
}

.voice_parts_wrap .voice_parts_content {
    line-height: 1.5;
    padding: 5px 0;
    font-size: .9em
}

.voice_parts_wrap .voice_parts_name {
    font-size: .9em;
    color: #f17e00;
    text-align: right;
    line-height: 1
}

@media screen and (max-width: 767px) {
    .voice_parts_wrap figure {
        margin: 0
    }

    .voice_parts_wrap .voice_parts_icon {
        margin: 0 auto
    }
}

.content .voice_parts_ttl p {
    padding: 0;
    margin: 0
}

.voice_parts {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 15px;
    color: #19283c;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    z-index: 0;
    -webkit-box-shadow: 0 4px 4px #ddd;
    box-shadow: 0 4px 4px #ddd;
    -webkit-box-shadow: 0 4px 4px rgba(130, 130, 130, .5);
    box-shadow: 0 4px 4px rgba(130, 130, 130, .5)
}

.voice_parts::before,
.voice_parts::after {
    content: "";
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid
}

.voice_parts::before {
    content: "";
    top: 1em;
    left: -8px;
    margin-top: -9px;
    border-width: 9px 9px 9px 0;
    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    z-index: 0
}

.voice_parts::after {
    top: 1em;
    left: -10px;
    margin-top: -10px;
    border-width: 10px 10px 10px 0;
    border-color: rgba(0, 0, 0, 0) #ddd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    z-index: -1
}

.diver_review_table {
    font-size: .9em;
    margin: 0 auto;
    max-width: 100%;
    overflow: auto
}

.diver_review_table th {
    width: 20%;
    text-align: center
}

.diver_review_table td {
    width: 80%
}

.diver_review_table td.table_harf {
    width: 30%
}

@media screen and (max-width: 767px) {
    .diver_review_table table {
        border-bottom: none
    }

    .diver_review_table tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .diver_review_table tr th {
        width: 30%;
        border: 0;
        border-bottom: 1px solid #ccc
    }

    .diver_review_table tr td {
        width: 70%;
        border: 0;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .diver_review_table tr td.table_harf {
        width: 70%
    }
}

.review_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.review_item__label {
    color: #ffce00;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1
}

.review_item__label:before {
    content: "("
}

.review_item__label:after {
    content: ")"
}

.review_star {
    vertical-align: sub;
    height: 36px;
    width: 200px;
    background-image: url(../img/diverstar_o.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-repeat: no-repeat;
    display: inline-block
}

.review_star+.review_star_score {
    font-weight: bold;
    padding: 0 .5em;
    opacity: .5
}

.review_star .star {
    height: 36px;
    width: 200px;
    background-image: url(../img/diverstar.png);
    background-size: auto 100%;
    background-repeat: no-repeat
}

.dv_review_box {
    display: block;
    border: 1px solid #ccc;
    padding: 1em
}

.dv_review_box .review_ttl {
    display: inline-block
}

.dv_review_box .review_star {
    float: right;
    margin: .5em 0
}

.sc_toggle_box {
    position: relative;
    -webkit-box-shadow: 0 5px 5px 0 rgba(18, 63, 82, .04), 0 0 0 1px rgba(176, 181, 193, .2);
    box-shadow: 0 5px 5px 0 rgba(18, 63, 82, .04), 0 0 0 1px rgba(176, 181, 193, .2);
    border-radius: 3px 3px 0 0;
    background: #fff;
    color: #000;
    margin-bottom: 1.2em
}

.sc_toggle_box .sc_toggle_ttl {
    padding: 10px 20px;
    position: relative;
    padding-right: calc(20px + 1.5em);
    cursor: pointer
}

.sc_toggle_box .sc_toggle_ttl.active:before {
    content: "";
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -10px;
    left: 30px
}

.sc_toggle_box .sc_toggle_ttl.active:after {
    content: "";
    font-family: fontAwesome
}

.sc_toggle_box .sc_toggle_ttl.active+.sc_toggle_content {
    visibility: visible;
    height: auto;
    padding: 20px;
    position: initial
}

.sc_toggle_box .sc_toggle_ttl:after {
    content: "";
    right: .5em;
    top: 50%;
    position: absolute;
    color: #e0e0e0;
    font-family: fontAwesome;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.sc_toggle_box .sc_toggle_content {
    visibility: hidden;
    height: 0;
    position: fixed;
    background: #f9f9f9;
    -webkit-box-shadow: 0 0px 5px rgba(120, 120, 120, .1) inset;
    box-shadow: 0 0px 5px rgba(120, 120, 120, .1) inset
}

.sc_toggle_box .sc_toggle_content>*:first-child {
    margin-top: 0
}

.sc_toggle_box .sc_toggle_content>*:last-child {
    margin-bottom: 0
}

.sc_toggle_box+.sc_toggle_box {
    border-radius: 0 0 3px 3px;
    border-top: none;
    margin-top: -1.2em
}

.voice {
    margin-bottom: 1.2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 18px
}

.voice .icon {
    text-align: center;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.voice .icon img,
.voice .icon amp-img {
    border-radius: 50%;
    border: 2px solid #eee;
    width: 70px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;
    overflow: hidden
}

.voice .icon img.inverted,
.voice .icon amp-img.inverted {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.voice .icon img+p,
.voice .icon amp-img+p {
    display: none
}

.voice .icon .name {
    line-height: 1;
    font-size: .8em
}

.voice .icon p {
    margin: 0;
    padding: 0
}

.voice .sc_balloon {
    padding: .5em 1em;
    margin: 0;
    font-size: .9em;
    margin-top: 10px;
    border-radius: 10px
}

.voice .voice .sc_balloon.right:before,
.voice .voice .sc_balloon.left:before,
.voice .voice .sc_balloon.right:after,
.voice .voice .sc_balloon.left:after {
    top: 10px
}

.voice.right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.voice.right .sc_balloon:before {
    top: 10px
}

.voice.right .sc_balloon:after {
    top: 13px
}

@media screen and (min-width: 600px) {
    .voice.right .sc_balloon {
        margin-left: 70px
    }
}

.voice.right .custom_voice {
    left: 100%;
    top: 13px;
    border-right-color: #fff;
    border-style: solid
}

.voice.right .think_balloon::before {
    right: -25px
}

.voice.right .think_balloon::after {
    right: -15px
}

.voice.left .sc_balloon:before {
    top: 10px
}

.voice.left .sc_balloon:after {
    top: 13px
}

@media screen and (min-width: 600px) {
    .voice.left .sc_balloon {
        margin-right: 70px
    }
}

.voice.left .custom_voice {
    right: 100%;
    top: 13px;
    border-right-color: #fff;
    border-style: solid
}

.voice.left .think_balloon::before {
    left: -26px
}

.voice.left .think_balloon::after {
    left: -16px
}

.margin0 {
    margin: 0 !important
}

.padding0 {
    padding: 0 !important
}

@media screen and (min-width: 769px) {
    .d_sp {
        display: none
    }
}

#container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

@media screen and (max-width: 767px) {
    #container {
        overflow: hidden
    }
}

#container:after,
.clearfix:after,
.row:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " ";
    font-size: 0
}

.row {
    margin-right: -10px;
    margin-left: -10px
}

.content .row {
    vertical-align: middle
}

.row.padding0 {
    margin: auto
}

.effect i {
    height: 120px;
    padding: 20px;
    font-size: 100px;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s
}

.effect div {
    margin: auto;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

#container,
.wrapper {
    margin: 0 auto;
    width: 100%
}

#main-wrap {
    width: 90%;
    margin: 20px auto
}

#main-wrap:after {
    clear: both;
    display: block;
    content: ""
}

#main-wrap #single-main.full,
#main-wrap #page-main.full {
    max-width: 969px;
    margin: 0 auto
}

#main,
#sidebar {
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

#main,
#single-main,
#page-main {
    width: 100%
}
section {
    background-color: #ffffff;
    padding: 40px 20px;
    box-shadow: 0px 0 3px rgba(0, 0, 0, 0.2);
}
section+section {
    margin-top:30px;
}

.single-post-main .widget {
    margin: 2em 0
}

.single-post-main>*:first-child {
    margin-top: 0
}

.hentry .post-meta {
    display: inline-block;
    width: 100%
}

.hentry .post-meta,
.article_footer {
    padding: 1em 20px
}

.hentry .post-meta-bottom {
    float: left;
    font-size: .85em;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hentry .post-meta-bottom i {
    margin-right: 5px
}

.hentry,
#single-main .post-sub {
    background: #fff;
    position: relative
}

.newpost_ttl:before {
    font-family: fontAwesome;
    content: "ï„…";
    margin-right: 5px
}

.newpost_ttl {
    font-size: 20px;
    padding: 5px 0;
    border-bottom: 3px solid #ccc;
    margin: 10px 0
}

#single-main .post-sub .single_ttl:first-of-type {
    margin-top: 0
}

#content_area {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

#content_area .content_area_side {
    position: relative;
    width: 95px
}

@media screen and (max-width: 767px) {
    #content_area .content_area_side {
        display: none
    }
}

#content_area>article.hentry {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#content_area>* {
    min-width: 0
}

#main-wrap.main_404 {
    width: 80%;
    max-width: 900px;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .main_404 {
        width: 90%;
        margin: 0 auto
    }

    .newpost_ttl:before {
        content: none
    }

    .newpost_ttl {
        text-align: center
    }
}

.space-del {
    letter-spacing: -0.4em
}

*:first-child+html #header>div {
    clear: both;
    zoom: 1
}

.header-wrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1000;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2)
}

.header-logo {
    position: relative;
    margin: 0 auto;
    width: 90%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

#logo,
.logo {
    font-weight: 100;
    line-height: 1;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: initial;
    margin-bottom: 0
}

#logo a,
.logo a {
    display: inline-block
}

#logo img,
.logo img {
    height: 55px;
    width: auto;
    vertical-align: middle;
    margin: .5em 0;
    padding: .3em 0;
    -o-object-fit: contain;
    object-fit: contain
}

div.logo_ttl {
    font-size: 2em;
    font-weight: bold;
    padding: .7em 0
}

#nav_fixed div.logo_ttl {
    font-size: 2em;
    padding: .4em 0
}

.header_small_menu #description {
    float: left;
    padding: 3px 0;
    font-size: 13px
}

.header-left {
    width: 80%
}

.header-left div {
    text-align: right;
    vertical-align: middle
}

form.searchform {
    position: relative
}

.searchform .s {
    background: #fff;
    padding: 11px 50px 11px 10px;
    width: 100%;
    font-size: 14px;
    border: 1px solid #ccc
}

input[type=submit].searchsubmit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 45px;
    padding: 0;
    background: url(../img/search_w.png) no-repeat 50% 50%;
    background-size: 17px;
    background-color: #3c74ad;
    border-left: none;
    border-radius: 0 3px 3px 0
}

#sidebar .widget_search.widget .searchform {
    margin: -10px
}

.header_small_menu .searchform {
    width: 180px;
    margin-left: 5px
}

.header_small_menu .searchform .s {
    padding: 2px 20% 2px 5%
}

.header_small_menu .searchsubmit {
    padding: 1px 23px;
    height: auto
}

.header_small_menu li a {
    padding: 3px !important
}

.header_small_menu a:before {
    font-family: fontAwesome;
    content: " ";
    margin-right: 3px
}

.header_small_menu {
    padding: 5px;
    font-size: 12px
}

.header_small_menu .menu_ttl {
    display: contents
}

.header_small_menu_right li,
.header_small_menu_left li {
    display: inline-block;
    padding: 0 3px;
    vertical-align: middle
}

.header_small_menu_right {
    float: right
}

.header_small_menu .menu_desc {
    display: none
}

.header_search {
    float: right
}

.header_small_content {
    width: 90%;
    margin: 0 auto
}

div.gsc-control-cse {
    padding: 0
}

table.gsc-search-box,
table.gsc-search-box td,
table.gsc-search-box table,
table.gsc-above-wrapper-area-container,
td.gsc-result-info-container {
    padding: 0;
    border: none
}

table.gsc-search-box input.gsc-input {
    vertical-align: middle
}

@media screen and (max-width: 959px) {

    #logo,
    .logo {
        margin: 0 auto;
        text-align: center
    }

    .header_small_menu {
        padding: 0
    }

    .header_small_menu #description {
        float: none;
        text-align: center
    }

    .header_small_menu .header_small_menu_right {
        display: none
    }

    div.logo_ttl {
        font-size: 1.5em;
        padding: 18px 0
    }

    #nav_fixed div.logo_ttl {
        font-size: 1.3em;
        padding: 12px 0
    }
}

@media screen and (max-width: 768px) {

    #logo,
    .logo {
        display: inline-block;
        width: 100%;
        padding-left: 55px;
        padding-right: 55px;
        text-align: center
    }

    #logo img .logo img {
        height: 3em;
        margin: .1em 0;
        padding: .5em
    }

    .header-logo {
        width: 100%;
        padding: 0
    }
}

.description_sp {
    font-size: .5em;
    text-align: center;
    padding: .3em 0
}

@media screen and (min-width: 768px) {
    .description_sp {
        display: none
    }
}

.header-logo #nav ul,
#nav_fixed #nav ul {
    float: right
}

#onlynav ul {
    display: table
}

.header-logo #nav ul,
#onlynav ul,
#nav_fixed #nav ul {
    position: relative;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    z-index: 999
}

.header-logo #nav ul::after,
#onlynav ul::after,
#nav_fixed #nav ul::after {
    display: block;
    clear: both;
    content: ""
}

.header-logo #nav ul li,
#onlynav ul li,
#nav_fixed #nav ul li {
    position: relative;
    float: left
}

.header-logo #nav ul li:not(:first-child),
#onlynav ul li:not(:first-child),
#nav_fixed #nav ul li:not(:first-child) {
    border-left: none
}

.header-logo #nav ul li:hover,
#onlynav ul li:hover,
#nav_fixed #nav ul li:hover {
    background-color: rgba(255, 255, 255, .3)
}

.header-logo #nav ul li a {
    padding: 1.5em .8em
}

#onlynav ul li a {
    padding: 1em 1.3em
}

#nav_fixed #nav ul li a {
    padding: 1.4em .8em
}

.header-logo #nav ul li a,
#onlynav ul li a,
#nav_fixed #nav ul li a {
    display: inline-block;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    font-weight: bold;
    vertical-align: bottom;
    font-size: .9em
}

.header-logo #nav ul li ul a,
#onlynav ul li ul a,
#nav_fixed #nav ul li ul a {
    font-size: .9em;
    padding: 1em
}

.header-logo #nav ul ul,
#onlynav ul ul,
#nav_fixed #nav ul ul {
    position: absolute;
    top: 100%;
    left: 0px
}

.header-logo #nav ul li:last-child ul,
#onlynav ul li:last-child ul,
#nav_fixed #nav ul li:last-child ul {
    right: 0
}

.header-logo #nav ul ul li,
#onlynav ul ul li,
#nav_fixed #nav ul ul li {
    float: none;
    margin: 0
}

.header-logo #nav ul ul li:not(:first-child),
#onlynav ul ul li:not(:first-child),
#nav_fixed #nav ul ul li:not(:first-child) {
    border-top: none
}

.header-logo #nav ul ul ul,
#onlynav ul ul ul,
#nav_fixed #nav ul ul ul {
    position: absolute;
    top: 0px;
    left: 100%
}

.header-logo #nav ul ul,
#onlynav ul ul,
#nav_fixed #nav ul ul {
    z-index: 999;
    min-width: 100%
}

.header-logo #nav .menu_desc,
#onlynav .menu_desc,
#nav_fixed #nav .menu_desc {
    font-size: 10px;
    margin-top: 5px;
    opacity: .5;
    text-align: center;
    white-space: normal;
    overflow: hidden;
    padding: 0 .5em;
    height: 12px
}

.header-logo #nav ul ul .menu_desc,
#onlynav ul ul .menu_desc,
#nav_fixed #nav ul ul .menu_desc {
    display: none
}

@media screen and (max-width: 959px) {

    #nav,
    #onlynav {
        display: none !important
    }
}

#scrollnav {
    position: relative;
    width: 100%;
    background: #ccc;
    overflow-x: auto;
    display: none
}

#scrollnav .menu_desc {
    display: none
}

#scrollnav ul {
    margin: 0 auto;
    list-style: none;
    white-space: nowrap;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#scrollnav ul li {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

#scrollnav ul li a {
    font-size: .7em;
    color: #070f33;
    background: #fff;
    padding: 6px 8px;
    opacity: .8;
    letter-spacing: normal;
    margin-right: 1px;
    display: block;
    white-space: nowrap;
    font-weight: bold
}

#scrollnav ul li ul {
    display: none
}

@media screen and (max-width: 959px) {
    #scrollnav {
        display: block
    }
}

#nav_fixed {
    display: none;
    z-index: 10
}

#nav_fixed.fixed {
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    display: block;
    z-index: 1000;
    -webkit-box-shadow: 0px 3px 10px rgba(200, 200, 200, .2);
    box-shadow: 0px 3px 10px rgba(200, 200, 200, .2)
}

@media screen and (max-width: 959px) {
    #nav_fixed .header-logo {
        width: 100%;
        padding: 3px 0
    }

    #nav_fixed #nav {
        display: none
    }

    #nav_fixed .logo img {
        height: 46px;
        width: auto;
        padding: .3em
    }
}

@media screen and (max-width: 599px) {
    #nav_fixed .logo img {
        height: 32px
    }
}

.page-link {
    margin: 1em 0;
    text-align: center
}

.comment-page-link {
    margin: 0 0 3em
}

.page-link span.paged,
.comment-page-link span,
.comment-page-link a {
    display: inline-block;
    margin-right: 3px;
    padding: 5px 15px;
    border-radius: 5px;
    background: #999;
    font-weight: bold;
    color: #eee
}

.page-link a span.paged,
.comment-page-link a {
    background: #eee;
    color: #333;
    border-bottom: 3px solid #ddd
}

.page-link a {
    border-bottom: none;
    color: #000
}

.page-link a span.paged:hover,
.comment-page-link a:hover {
    background: #eef;
    color: #000
}

.page-link a span.page-links_tp {
    padding: .8em 2.5em .8em 1.5em;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: #eee;
    display: inline-block;
    color: #555;
    border-bottom: solid 3px #ddd;
    border-radius: 3px;
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(200, 200, 200, .5);
    position: relative
}

.page-link a span.page-links_tp:after {
    content: "";
    position: absolute;
    right: 10px;
    font-family: fontAwesome
}

@media screen and (max-width: 768px) {
    .page-link a span.page-links_tp {
        font-size: .8em
    }
}

.header_img_inner_wrap>div {
    display: table-cell;
    vertical-align: middle
}

.header-image {
    position: relative;
    overflow: hidden
}

.header-image img {
    width: 100%;
    vertical-align: middle
}

a.header-image_link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.header-image:hover a.header-image_link:before {
    -webkit-box-shadow: inset 0 0px 8px rgba(0, 0, 0, .4);
    box-shadow: inset 0 0px 8px rgba(0, 0, 0, .4)
}

a.header-image_link {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    position: relative;
    display: block;
    line-height: 0
}

.custom-header-img {
    position: relative;
    padding: 3em 0;
    -webkit-box-shadow: 0 0px 20px 0 rgba(100, 100, 100, .3) inset, 0px 0px 10px 0 rgba(100, 100, 100, .2) inset;
    box-shadow: 0 0px 20px 0 rgba(100, 100, 100, .3) inset, 0px 0px 10px 0 rgba(100, 100, 100, .2) inset
}

.custom-header-img .header_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit:cover;"
}

.header_img_inner_wrap,
.firstview_header_inner_content {
    position: relative;
    text-align: center
}

.header_image_ttl {
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 20px
}

.header_inner_icon {
    display: table-cell;
    width: 40%
}

.header_inner_icon img {
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit:contain;";
    max-height: 350px
}

.header_inner_text {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    padding: 0 10px
}

.header_image_desc {
    margin-bottom: 25px
}

@media screen and (max-width: 768px) {
    .custom-header-img {
        height: auto;
        padding: 2em 0
    }

    .header_inner_icon img {
        padding: 20px
    }

    .header_image_ttl {
        font-size: 1.5em
    }

    .header_image_desc {
        font-size: .9em
    }

    .header_img_inner_wrap,
    .firstview_header_inner_content {
        padding: 0;
        width: 90%
    }

    .header_img_inner_wrap>div {
        display: block
    }

    .header_inner_text,
    .header_inner_icon {
        width: 100%;
        display: block
    }
}

#main .page {
    overflow: hidden;
    margin-bottom: 59px;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.wrap-post-ttl {
    padding: 10px 20px;
    font-size: 1.3em;
    margin-bottom: 10px;
    position: relative;
    font-weight: bold
}

.widget .wrap-post-ttl {
    margin-top: 0px
}

.wrap-post-ttl-inner {
    position: absolute;
    right: 20px;
    font-size: .7em;
    padding: .3em 0
}

@media screen and (max-width: 768px) {
    .wrap-post-ttl {
        font-size: 1em
    }
}

.post-box {
    width: 100%;
    position: relative;
    display: inline-block
}

.post-box-contents {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.post-box .post-meta-all {
    overflow-y: hidden;
    padding: 5px 15px;
    display: table-cell;
    vertical-align: top
}

.post-box .post-ttl {
    font-weight: bold;
    font-size: 16px;
    padding: 5px 0
}

.post-box .post-ttl a {
    text-decoration: none
}

.post-box .post-date {
    font-size: 12px;
    position: absolute;
    bottom: 10px
}

.post-box .post-substr {
    font-size: 13px;
    height: 4.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.post-box-contents .post-author {
    position: absolute;
    bottom: 5px;
    right: 15px
}

.post_thumbnail {
    width: 280px;
    float: left
}

.post-box-thumbnail {
    background: #eee;
    position: relative
}

.post-box-thumbnail__wrap {
    overflow: hidden;
    position: relative
}

.post-box-thumbnail__wrap:before {
    content: "";
    padding-top: 61.8%;
    display: block;
    height: 0
}

.content .post-box-thumbnail__wrap img,
.post-box-thumbnail__wrap img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit:cover;";
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.post-box .post-cat {
    background: #777;
    padding: 2px 0;
    font-size: .6em;
    border-radius: 2px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    font-weight: bold
}

.post_thumbnail .post-cat,
.grid_post_thumbnail .post-cat {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    overflow: hidden;
    max-width: 90%
}

.post_thumbnail .post-cat a,
.grid_post_thumbnail .post-cat a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    overflow: hidden
}

.post-cat-sp {
    padding: 4px 5px;
    border-radius: 3px
}

.post-box .post-tag {
    display: inline;
    font-size: .6em;
    vertical-align: middle
}

.post-box .post-tag a {
    display: inline-block;
    background: #eee;
    color: #000;
    padding: 3px 8px;
    font-size: 10px;
    margin: 0 3px;
    border-radius: 2px;
    position: relative;
    z-index: 1
}

.post-box .post-tag i {
    font-family: fontAwesome;
    content: "";
    margin-right: 5px;
    vertical-align: middle
}

.post-cat a,
.post-cat-sp a {
    color: #fff;
    padding: 5px 10px;
    position: relative;
    z-index: 1;
    text-decoration: none
}

.post-author li {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.single-post-date.published {
    color: #999
}

.single-post-date,
.post-meta-bottom span {
    margin-right: 8px
}

.post-meta-bottom .post_reading_time:before {
    content: "";
    font-family: fontAwesome
}

.post-meta-bottom .post_views:before {
    content: "";
    font-family: fontAwesome
}

.post-meta-bottom .post_views:after {
    content: "views";
    font-size: .9em
}

li.post-author-name {
    line-height: 30px;
    margin-left: 5px;
    font-size: 12px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 7em;
    white-space: nowrap
}

li.post-author-name a {
    position: relative;
    z-index: 1;
    white-space: nowrap;
    text-decoration: none
}

.post-author-thum img {
    border-radius: 50%;
    border: 1px solid #eee
}

.comment-num {
    white-space: nowrap
}

.more-link {
    float: right
}

@media screen and (max-width: 768px) {
    .post_thumbnail {
        width: 180px
    }

    .post-ttl {
        font-weight: bold;
        font-size: .9em !important
    }

    .sticky-post-box .post-ttl {
        font-size: 1em !important
    }

    .post-box {
        width: 100%
    }

    .post-box .post-date {
        position: relative;
        bottom: 0;
        font-size: .6em
    }

    .post-box .post-author,
    .post-meta .post-author,
    .grid_post-box .post-author {
        display: none
    }

    .widgetttl {
        padding: 10px
    }

    .post-box .post-cat {
        border-radius: 0;
        pointer-events: none
    }

    .post-cat a,
    .post-cat-sp a {
        padding: 2px 5px;
        display: inline-block;
        pointer-events: none
    }
}

@media screen and (max-width: 599px) {
    .post-substr {
        display: none !important
    }

    .post-box {
        display: initial
    }

    .post-box-contents.clearfix {
        padding: 5px;
        margin-bottom: 1px
    }

    .post-box .post-meta-all {
        padding: 0 10px
    }

    .post-box .post-cat {
        padding: 0;
        text-align: center
    }

    .post-box .post-tag a {
        padding: 1px 5px;
        position: relative
    }

    .post-box .post-ttl {
        padding: 0;
        font-size: .8em
    }

    .post_thumbnail {
        width: 105px
    }

    .post-box .post-tag {
        display: none
    }

    li.post-author-name {
        display: none
    }

    .post-box-contents .post-meta-all {
        padding-bottom: 0 !important
    }
}

.wrap-grid-post-box {
    margin: -3px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid_post-box {
    width: 33.33333%;
    position: relative;
    padding: 4px;
    letter-spacing: normal;
    vertical-align: top
}

.grid_post-box:hover .post-box-contents {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.grid_post_thumbnail {
    width: 100%
}

.grid_post-box .post-meta-all {
    padding: 10px
}

.post-meta-all {
    word-wrap: break-word
}

.grid_post-box .post-ttl {
    font-weight: bold;
    font-size: 1em;
    padding: 5px 0
}

.grid_post-box .post-tag {
    display: inline
}

.grid_post-box .post-tag a {
    display: inline-block;
    vertical-align: middle;
    background: #eee;
    color: #000;
    padding: 2px 8px;
    font-size: .6em;
    margin: 0 3px;
    border-radius: 2px;
    position: relative;
    z-index: 1
}

.grid_post-box .post-cat {
    background: #999;
    padding: 2px 0;
    font-size: .6em;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle
}

.grid_post-box .post-date {
    font-size: 12px;
    position: absolute;
    bottom: 13px;
    left: 15px
}

.grid_post-box .post-substr {
    font-size: 12px
}

.grid_post-box .post-author {
    position: absolute;
    bottom: 8px;
    right: 15px
}

.grid_post-box.adbox {
    width: 100%
}

@media screen and (max-width: 1200px) {
    .grid_post-box {
        width: 50%
    }
}

@media screen and (max-width: 959px) {
    .grid_post-box {
        width: 33.33333%
    }
}

@media screen and (max-width: 768px) {
    .grid_post-box {
        width: 50%;
        padding: 2px
    }

    .grid_post-box .post-meta-all {
        padding: 5px;
        position: relative
    }

    .grid_post-box .post-date {
        font-size: .7em
    }

    .grid_post-box .post-date:before {
        content: none
    }
}

@media screen and (max-width: 599px) {
    .grid_post-box .post-ttl {
        padding: 0
    }

    .grid_post-box .post-tag {
        display: none
    }

    .grid_post-box .post-date {
        position: relative;
        bottom: 0;
        left: 5px
    }
}

.wrap-mini-post-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mini-list-post-box {
    width: calc(50% - 10px);
    margin: 5px
}

.mini-list-post-box .post_thumbnail {
    width: 150px;
    height: 100%
}

.mini-list-post-box .post-box-contents.clearfix {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 120px
}

.mini-list-post-box .post-meta-all {
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.mini-list-post-box .post-ttl {
    font-weight: bold;
    font-size: .9em;
    padding-bottom: 5px;
    max-height: 4.5em;
    line-height: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.mini-list-post-box .post-date {
    font-size: 12px;
    position: absolute;
    bottom: 13px;
    left: 15px
}

.mini-list-post-box .post-cat {
    background: #999;
    padding: 2px 0;
    font-size: .6em;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .mini-list-post-box {
        width: 100%;
        margin: 2px 0
    }
}

@media screen and (max-width: 599px) {
    .mini-list-post-box .post-ttl {
        font-size: .8em
    }

    .mini-list-post-box .post_thumbnail {
        width: 35%
    }
}

.content .padding0 img {
    margin: 0
}

.post-upon {
    padding: 20px;
    padding-top: 0;
    background: #fff
}

#single-main .post-author.author {
    position: relative;
    float: right;
    display: block;
    margin-bottom: 12px;
    margin-top: -8px
}

#single-main li.post-author-name {
    max-width: none
}

.single_thumbnail {
    text-align: center;
    background-position: center !important;
    background-size: 100% auto !important;
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 100%
}

.single_thumbnail img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit:contain;"
}

.single_thumbnail figcaption {
    background-color: inherit;
    text-align: right;
    padding: .2em 1em;
    font-size: .8em
}

.single_thumbnail.type-youtube {
    padding-top: 56.25%;
    height: 0
}

.single_thumbnail.type-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

h1.single-post-ttl {
    margin: 10px 0
}

.post_footer_author_ttl {
    background: #eee;
    color: #333;
    border: 2px solid #eee;
    padding: 10px 20px;
    margin-top: 25px
}

.post_footer_author {
    min-height: 100px;
    border: 2px solid #eee;
    padding: 15px;
    margin-bottom: 10px
}

.sc_post_author_user {
    padding: 20px 20px 10px 20px;
    background-color: #f6f6f6;
    border-radius: 5px;
    margin-bottom: 20px
}

.post-author-more {
    text-align: center;
    width: 100%
}

.post-author-more a {
    background-color: #000;
    padding: 8px;
    color: #fff !important;
    width: 90%;
    display: block;
    border-radius: 3px;
    font-weight: bold;
    margin: 10px auto;
    font-size: .9em;
    text-decoration: none
}

.post_author_user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.post_author_user .post_thum {
    text-align: center
}

.post_author_user .profile_sns li a {
    width: 28px;
    line-height: 28px
}

.post_author_user .profile_sns li a i {
    margin: 0
}

.post_author_user .post_thum {
    text-align: center
}

.post_author_user .post_thum img {
    border-radius: 50%;
    border: 1px solid #ccc;
    margin: 0 auto
}

.post_author_user_meta {
    vertical-align: middle;
    padding-left: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.post_author_user .post-author {
    float: none;
    font-size: 20px;
    padding-bottom: 8px;
    font-weight: bold;
    line-height: 1.5
}

.post_author_user .post-author a {
    text-decoration: none
}

.post_author_user_meta .post-description {
    font-size: 14px;
    overflow: auto;
    min-height: 50px
}

.post_author_user_meta .post-description a {
    text-decoration: underline;
    color: #5f9ea0
}

.post_footer_author_ttl_post {
    font-weight: bold;
    border-bottom: 2px dotted #eee;
    margin: 10px 0;
    margin-top: 15px;
    clear: both
}

.post_author_user .profile_sns {
    padding: 5px 0;
    white-space: nowrap
}

#sidebar .post_author_user {
    display: block
}

#sidebar .post_author_user .post-author {
    text-align: center
}

#sidebar .post_author_user_meta {
    padding: 0
}

#sidebar .post_author_user .profile_sns li a {
    width: 35px;
    line-height: 35px;
    padding: 0;
    margin: 0 3px
}

@media screen and (max-width: 768px) {
    .post_footer_author_ttl_post {
        padding: 0 10px
    }

    .post_author_user .post_thum {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }

    .post_author_user {
        display: block
    }

    .post_author_user_meta {
        padding: 0
    }

    .post_author_user .post-author {
        text-align: center
    }

    .post_author_user_meta .post-description {
        font-size: .8em;
        width: 100%;
        padding: 0 10px
    }
}

.author-post-wrap {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr)
}

.author-post-wrap .author-post {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    vertical-align: top
}

.author-post-wrap .author-post a {
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .author-post-wrap {
        grid-template-columns: repeat(2, 1fr)
    }
}

.author-post-meta {
    padding: 5px
}

.post_footer_author .author-post-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit:cover;"
}

.post_footer_author .author-post-cat span {
    background: #333;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10px;
    color: #fff;
    padding: 1px 5px
}

.post_footer_author .author-post-ttl {
    font-size: .9em;
    font-weight: bold
}

.post_footer_author .author-post-date {
    font-size: 12px;
    color: #666
}

.hentry .single-post-category {
    display: inline-block;
    margin-right: 5px;
    padding: .3em .5em;
    border-radius: 2px;
    margin-top: 5px;
    vertical-align: middle;
    background: #333;
    font-size: .8em
}

.post .single-post-category a {
    color: #fff;
    vertical-align: middle
}

#single-main .tag .tag-wrap {
    margin-left: 120px
}

#single-main .post-meta .tag,
#single-main .article_footer .tag {
    display: inline-block;
    margin-right: 5px;
    padding: .3em .5em;
    border-radius: 2px;
    margin-top: 5px;
    vertical-align: middle;
    background: #efefef;
    font-size: .8em
}

#single-main .post-meta .tag:before,
#single-main .article_footer .tag:before {
    content: "";
    margin-right: 5px;
    color: #7e9da7;
    font-family: fontAwesome
}

#single-main .tag_area {
    padding: 0 5px
}

.single_ttl,
#comment-area .comment_ttl {
    background: 0;
    padding: 10px;
    border-radius: 0;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    margin-top: 15px
}

.single_ttl a {
    color: #577fbc
}

#page-main {
    margin-bottom: 30px
}

.page_ttl {
    padding: 20px 30px;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    background: #fff
}

#page-main .widget,
#main .widget,
.maintop-widget,
.main-bottom {
    margin-bottom: 10px;
    padding: 0;
    margin-top: 15px
}

#page-main .widget>ul:first-of-type,
#page-main .widget ul:first-child,
#main .widget>ul:first-of-type,
#page-main .widget ul:first-child {
    margin: 0
}

#page-main .widget .wrap-post-ttl,
#main .widget .wrap-post-ttl,
.maintop-widget .wrap-post-ttl,
.main-bottom .wrap-post-ttl {
    margin-bottom: 0;
    margin-top: 0;
    top: -3px
}

#page-main .post_list .meta .post_list_ttl,
#main .post_list .meta .post_list_ttl {
    font-size: .9em;
    padding: 0;
    padding-top: 5px
}

#page-main .post_list .meta .desc,
#main .post_list .meta .desc {
    font-size: .7em
}

.content>[class^=wp-block]:not(.wp-block-dvaux-section) {
    z-index: 2;
    position: relative
}

.required {
    color: #6495ed
}

.commets-list,
.trackback-list {
    overflow: hidden;
    margin-bottom: 40px;
    background: #f9f9f9
}

.commets-list li,
.trackback-list li {
    overflow: hidden;
    margin-top: -1px;
    padding: .5em 1.5em;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.commets-list .avatar {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.comment-meta,
.reply,
.comment-notes,
.form-allowed-tags,
span.small {
    font-size: 80%
}

.comment-body,
.comment-body a {
    color: #000
}

.comment-body p {
    clear: both
}

p.form-submit {
    text-align: right
}

.commets-list .children li.comment {
    background: #fff;
    padding: 0;
    border-bottom: none
}

.comment-body {
    padding: 1em 0
}

.commets-list .children li.comment .comment-body {
    padding: 1em;
    border-top: 1px solid #eee
}

div#comment-area .children .children {
    margin: 0;
    border-left: 1em solid rgba(18, 87, 115, .1);
    border-top: 2px solid #eee
}

div#comment-area .children .children .children {
    margin-left: 1px;
    border-top: 0
}

div#comment-area .single_ttl {
    margin: 0;
    border-top: 1px solid #eee;
    background: #fff;
    color: #000
}

div#comment-area .reply {
    text-align: right
}

div#comment-area .reply a {
    background: #e2e2e2;
    padding: .5em 1em;
    border-radius: 3px
}

div#comment-area #respond {
    padding: 15px 20px;
    border: 1px solid #eee
}

.respondform_ttl {
    display: none
}

#comment-area input[type=text],
#comment-area textarea {
    display: block;
    width: 100%;
    margin: 5px 0
}

.recommend-post {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    padding: 10px;
    gap: 10px
}

.recommend-post .single-recommend {
    width: 100%;
    position: relative;
    overflow: hidden;
    letter-spacing: normal;
    vertical-align: top
}

.recommend-post .single-recommend a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    width: 100%;
    text-decoration: none
}

.recommend-post .single-recommend .recommend-thumb {
    position: relative;
    background: #eee;
    width: 150px;
    font-size: .8em
}

.recommend-post .single-recommend .recommend-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit:cover;";
    vertical-align: middle;
    background: #eee
}

.recommend-post .single-recommend .recommend-meta {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media screen and (max-width: 767px) {
    .recommend-post .single-recommend a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .recommend-post .single-recommend .recommend-thumb {
        width: 100%
    }
}

.recommend-post-ttl {
    font-weight: bold
}

.recommend-desc {
    font-size: .7em;
    color: #999;
    padding: 5px 0
}

.recommend-ttl {
    font-size: .9em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: calc(3em + 16px);
    font-weight: bold
}

.recommend-cat {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 4px;
    position: absolute;
    background: #333;
    bottom: 0;
    right: 0
}

.content-box {
    float: right;
    margin-top: -0.25em;
    width: 420px
}

.content-box .more-link {
    margin: 0
}

.thumbnail-box {
    float: left;
    width: 160px
}

.thumbnail-box img {
    width: 160px;
    height: 160px
}

.category-header-wrap {
    color: #333;
    padding: 15px 0;
    border-bottom: 1px solid #eee
}

.category-header {
    margin: auto;
    width: 570px
}

.category-ttl {
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.category-ttl-name {
    font-size: 35px
}

.category-ttl-horline {
    margin: 0 0 10px 0;
    width: 50px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px
}

.category-ttl-line {
    margin: 0 20px;
    width: 5px;
    height: 60px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px
}

.category-ttl-desc {
    width: 300px;
    overflow: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px
}

.catpage_content_wrap {
    margin-bottom: 10px;
    margin-top: -10px;
    position: relative;
    background: rgba(0, 0, 0, 0) !important;
    overflow: hidden
}

.catpage_content_wrap .cover {
    background-size: 100% auto;
    background-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-filter: blur(2px) brightness(0.8);
    filter: blur(2px) brightness(0.8)
}

.catpage_description {
    font-size: 1.1em;
    margin-top: 10px
}

.catpage_content_wrap .share {
    padding: 0
}

.catpage_content_wrap .innner {
    padding: 1em 0;
    width: 90%;
    margin: 0 auto
}

.catpage_content_wrap .catpage_inner_content {
    width: 60%;
    float: left;
    padding: 1em;
    font-weight: bold;
    text-shadow: 1px 1px 0 #999
}

.catpage_content_wrap .content {
    padding: 1em 40px;
    line-height: 1.5
}

h1.catpage_ttl {
    margin: 0
}

.catpage_tag {
    width: 40%;
    float: left;
    padding: 1em
}

.catpage_tag a {
    background: #eee;
    color: #000;
    white-space: nowrap;
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin: 3px 1px;
    display: inline-block;
    border-radius: 2px
}

a.tag-cloud-link:before {
    content: "";
    margin-right: 5px;
    color: #7e9da7;
    font-family: fontAwesome
}

.cat-post-main .content {
    margin: 0
}

.cat-post-main {
    padding: 1em 2em;
    margin-bottom: 10px
}

@media screen and (max-width: 768px) {
    .catpage_content_wrap .cover {
        background-size: auto 100%
    }

    .catpage_content_wrap .catpage_inner_content {
        width: 100%
    }

    .catpage_tag {
        display: none
    }

    .catpage_content_wrap {
        margin-top: -5px
    }

    .cat-post-main {
        padding: 1em
    }
}

.author_ttl {
    background: #fff;
    padding: 2em;
    margin-bottom: 10px
}

.author_ttl-thum {
    float: left;
    margin-right: 2em
}

.author_ttl-thum img {
    border-radius: 50%
}

.author_ttl-meta {
    float: left;
    margin-left: -200px;
    padding-left: 200px;
    width: 100%
}

.author_ttl-name {
    font-size: 1.3em;
    font-weight: bold
}

@media screen and (max-width: 768px) {
    .author_ttl-meta {
        float: left;
        margin: 0px;
        padding: 0px;
        width: 100%
    }

    .author_ttl-thum {
        width: 100%;
        text-align: center
    }

    .author_ttl-name {
        text-align: center;
        margin-bottom: 1em
    }
}

#sidebar {
    width: 330px
}

.fit-sidebar-fixed {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: fixed
}

.fit-sidebar-blank {
    z-index: 0;
    background-color: rgba(0, 0, 0, 0);
    visibility: hidden
}

.widget {
    margin-bottom: 10px;
    padding: 10px;
    position: relative
}

.singletop-widget .wrap-post-ttl {
    margin: -10px;
    margin-bottom: 20px
}

.singletop-widget>div {
    margin: -10px;
    padding: 10px
}

.widget>ul:first-of-type,
.widget ul:first-child,
.diver-tabwidget__content>ul:first-of-type {
    margin: -10px
}

.widget>ul:first-of-type>li,
.widget ul:first-child>li,
.diver-tabwidget__content>ul:first-of-type>li {
    border-bottom: 1px solid rgba(50, 50, 50, .2)
}

.widget_text ul li i {
    vertical-align: middle;
    margin-right: 8px
}

.textwidget {
    font-size: .9em
}

.textwidget img {
    display: block;
    margin: 0 auto
}

#sidebar-recent-posts li,
#sidebar-popular-posts li {
    margin: 20px 0
}

.sidebar-thumbnail-box {
    float: left;
    width: 75px
}

.sidebar-recent-posts-ttl {
    float: right;
    width: 165px
}

.sidebar_content {
    margin-bottom: -20px;
    height: 100%
}

.widgetttl {
    position: relative;
    font-size: 16px;
    padding: 8px 15px;
    margin: -10px;
    margin-bottom: 10px
}

.tagcloud a {
    white-space: nowrap;
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin: 3px 1px;
    display: inline-block
}

.tagcloud a:hover {
    background: #eee
}

.widget_categories label,
.widget_categories h2,
.widget_archive label,
.widget_archive h2 {
    display: none
}

.cat-item .count,
.widget li a .count {
    float: right;
    background: #eee;
    color: #666;
    padding: 1px .5em;
    display: inline;
    border-radius: 2px
}

.screen-reader-text {
    display: none
}

.widget_archive select,
.widget_categories select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: .5em 1em;
    color: inherit;
    border: 1px solid #ccc;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-size: .8em
}

.widget_archive select option,
.widget_categories select option {
    color: #000
}

#sidebar .widget select::-ms-expand {
    display: none
}

.widget ul li.cpd-l {
    padding: 10px
}

.maintop-widget,
.mainbottom-widget {
    margin-bottom: 10px
}

.single-top {
    margin: 10px 0;
    padding: 0;
    border-radius: 3px
}

.bottom_ad .widget {
    padding: 0
}

.bottom_ad .widget ul {
    border: 1px solid #eee
}

.single-pcad {
    padding: 15px !important
}

.in_loop {
    padding: 5px;
    margin-bottom: 5px
}

.nav_inleft_wrap {
    float: right
}

.nav_inleft,
.header-logo #nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

header .searchsubmit {
    right: -1
}

@media screen and (max-width: 959px) {
    .nav_inleft_wrap {
        text-align: center;
        display: none
    }

    .nav_inleft {
        display: none
    }
}

.widget.widget_text li a,
.widget.widget_categories li a,
.widget.widget_recent_entries li,
.widget.widget_nav_menu li a,
.widget.widget_pages li a,
.widget.widget_archive li a,
.widget.widget_mycategoryorder li a,
.widget.widget_meta li a {
    display: block;
    padding: .8em 1em;
    margin: 0;
    position: relative;
    font-size: .9em
}

.widget.widget_text li ul,
.widget.widget_nav_menu li ul,
.widget.widget_pages li ul,
.widget.widget_categories li ul {
    padding: 0;
    margin: 0
}

.widget.widget_text ul li,
.widget.widget_categories ul li,
.widget.widget_nav_menu li,
.widget.widget_pages li,
.widget.widget_archive li,
.widget.widget_mycategoryorder li {
    margin: 0;
    padding: 0
}

.widget.widget_nav_menu li ul li a:before,
.widget.widget_pages li ul li a:before,
.widget.widget_categories li ul li a:before {
    content: "";
    color: #ccc;
    margin-right: .6em;
    font-family: fontAwesome
}

.widget.widget_recent_entries li span.post-date {
    font-size: .8em
}

.widget_nav_menu .menu_desc {
    display: none
}

.diver_widget_adarea {
    margin-bottom: 10px;
    text-align: center
}

.diver_widget_adlabel {
    font-size: .8em;
    text-align: center
}

#main .diver_widget_adarea {
    margin-bottom: 10px
}

#main .textwidget {
    padding: 10px
}

.textwidget h2 {
    padding: .7em 1em;
    font-size: 1em;
    margin: 1em 0 1em
}

.textwidget h3 {
    padding: .3em 1em;
    margin: 1em 0 .8em;
    font-size: 1em;
    border-bottom: 1px solid #555;
    color: #333;
    background: #fff
}

.textwidget h4 {
    position: relative;
    position: relative;
    font-weight: bold;
    font-size: 1em;
    padding: .2em 1em;
    color: #333;
    margin: .8em 0 .6em
}

.textwidget h4 {
    color: #333;
    font-size: 1em;
    font-weight: bold;
    margin: .6em 0 .8em
}

.diver_widget_profile .coverimg {
    text-align: center;
    position: relative;
    padding: 0 1em
}

.diver_widget_profile .coverimg img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit:cover;"
}

.diver_widget_profile .coverimg.on {
    background-size: 100% auto;
    height: 180px;
    margin-bottom: 60px
}

@media screen and (max-width: 959px) {
    .diver_widget_profile .coverimg.on {
        background-size: 100%
    }
}

.diver_widget_profile .coverimg.on img {
    position: relative;
    top: 120px
}

.diver_widget_profile .coverimg.no img {
    border: 5px solid #fff;
    width: 160px;
    height: 160px
}

.diver_widget_profile .img_meta {
    padding: .5em 0;
    text-align: center
}

.diver_widget_profile .img_meta .name {
    font-weight: bold;
    line-height: 1.2
}

.diver_widget_profile .profile_sns {
    padding-top: .6em
}

.profile_sns li {
    display: inline-block
}

.profile_sns li a {
    color: #fff !important;
    border-radius: 50%;
    display: block;
    width: 35px;
    line-height: 35px;
    text-align: center;
    margin: 0 3px
}

.profile_sns .facebook {
    background-color: #3b5998
}

.profile_sns .twitter {
    background-color: #000
}

.profile_sns .twitter svg {
    width: .8em;
    height: .8em
}

.profile_sns .instagram {
    background-color: #d93177
}

.profile_sns .youtube {
    background-color: red
}

.profile_sns .sns {
    background-color: #8bc34a
}

.diver_widget_profile .meta {
    padding: .5em 1em;
    font-size: .9em
}

.diver_widget_profile .button a {
    padding: .5em;
    background-color: #eee;
    border-radius: 2px;
    width: 80%;
    font-size: .8em
}

.widget .single_ttl {
    margin: -10px;
    margin-bottom: 15px
}

.single-related-area .textwidget,
.single-recommend-area .textwidget {
    padding: 1em
}

.widget-h2 {
    margin: 1em 0
}

.widget-h2 .widgetttl {
    margin: 0
}

.widget_rss ul li a {
    padding: 5px 10px;
    display: inline-block;
    font-size: .85em
}

.container_top_widget,
.container_bottom_widget {
    margin: 0px auto
}

.container_top_widget {
    margin-top: 20px
}

.containerwidget {
    margin: 10px auto
}

.widget li.recentcomments {
    padding: 10px;
    font-size: .9em
}

.recentcomments>a {
    font-weight: bold
}

.widget ul.sub-menu .menu_ttl {
    display: inline-block
}

form.search-widget {
    padding: 20px
}

#sidebar form.search-widget {
    padding: 5px 10px
}

.search-widget__col {
    margin-bottom: 10px
}

input.search-widget__input {
    width: 100%;
    padding: 10px 8px;
    border: 2px solid #eee
}

label.search-widget__label {
    width: 100%;
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px
}

.search-widget__select {
    overflow: hidden;
    width: 100%;
    position: relative;
    border-radius: 2px;
    border: 2px solid #eee;
    background: #fff
}

.search-widget__select::before {
    position: absolute;
    top: .8em;
    right: .8em;
    width: 0;
    height: 0;
    padding: 0;
    content: "";
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #999;
    pointer-events: none
}

.search-widget__select select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: .01px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0);
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 38px 8px 8px;
    color: #666
}

.search-widget__select select::-ms-expand {
    display: none
}

.search-widget__checkbox {
    display: none
}

.search-widget__checkbox-label {
    font-size: 13px;
    padding-left: 20px;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
    display: inline-block
}

.search-widget__checkbox-label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #ccc
}

.search-widget__checkbox:checked+.search-widget__checkbox-label {
    color: #3c82ff
}

.search-widget__checkbox:checked+.search-widget__checkbox-label::after {
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    left: 5px;
    width: 7px;
    height: 14px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 3px solid #3c82ff;
    border-right: 3px solid #3c82ff
}

button.search-widget__submit {
    margin: 0 auto;
    width: 100%;
    padding: 8px 13px 7px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .1em;
    background: #3c82ff;
    color: #fff;
    border: none;
    margin-top: 5px
}

.widget_post_list {
    width: 100%;
    position: relative;
    letter-spacing: normal;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.widget_post_list img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit:cover;";
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0
}

.widget_post_list .post_list_thumb {
    float: left;
    width: 100px;
    height: 80px;
    position: relative;
    background-color: #eee
}

.widget_post_list .post_list_thumb .post_list_cat {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #333;
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 3px 0 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    overflow: hidden
}

.widget_post_list .meta {
    float: right;
    overflow: hidden;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.widget_post_list a {
    padding: 8px;
    display: flow-root
}

.widget_post_list .newlabel {
    font-size: 10px;
    background: rgba(0, 0, 0, 0)
}

.widget_post_list .newlabel:before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 4em solid rgba(0, 0, 0, 0);
    border-left: 4em solid #f66;
    position: absolute
}

.widget_post_list .newlabel span {
    position: absolute;
    -webkit-transform: rotate(-45deg) scale(0.9);
    -ms-transform: rotate(-45deg) scale(0.9);
    transform: rotate(-45deg) scale(0.9);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    left: 2px;
    top: 6px
}

.widget_post_list .post_list_tag .post_list_cat {
    line-height: 1;
    position: relative;
    display: inline-block;
    background: #333;
    color: #fff;
    font-size: 10px;
    padding: 3px 4px;
    border-radius: 2px
}

.widget_post_list .meta .post_list_tag {
    line-height: 0
}

.widget_post_list .meta .post_list_tag .tag {
    font-size: .5em;
    border: 1px solid #ccc;
    color: #666;
    padding: 2px 3px;
    border-radius: 2px;
    margin: 2px;
    display: inline-block;
    line-height: 1
}

.widget_post_list .meta .post_list_ttl {
    font-size: .9em
}

#sidebar .widget_post_list .meta .post_list_ttl {
    font-size: 13px
}

.widget_post_list .meta .post_list_date {
    font-size: .6em
}

#sidebar .desc {
    display: none
}

#sidebar .widget_post_list.grid {
    width: 50%;
    border-bottom: 0;
    display: inline-block;
    vertical-align: top
}

.widget_post_list.grid .post_list_thumb {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 61.8%;
    position: relative
}

.content .widget_post_list.grid .meta .post_list_ttl,
.single-post-main .widget_post_list.grid .meta .post_list_ttl,
#main .widget_post_list.grid .meta .post_list_ttl,
#page-main .widget_post_list.grid .meta .post_list_ttl {
    font-size: 1em
}

#main .widget_post_list.grid .meta .post_list_ttl {
    padding: 5px 0
}

.content .widget_post_list.grid .meta .desc,
.single-post-main .widget_post_list.grid .meta .desc,
#main .widget_post_list.grid .meta .desc,
#main .widget_post_list .meta .desc,
#page-main .widget_post_list.grid .meta .desc {
    font-size: .7em
}

#sidebar .widget_post_list.grid.first:first-child {
    width: 100%
}

#sidebar .widget_post_list.grid.first:first-child .post_list_thumb {
    height: 130px
}

.widget_post_list.grid.first:first-child .meta .post_list_ttl {
    font-size: 1em
}

.content .widget_diver_widget_newpost ul {
    padding: 0
}

.content .widget_post_list img {
    margin: 0
}

.content .widget_post_list .meta .post_list_ttl {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 5px;
    font-weight: bold
}

.content .widget_post_list .meta .desc {
    font-size: .8em
}

.content .widget_diver_widget_newpost_grid ul {
    padding: 0
}

ul.diver_widget_post_grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.diver_widget_post_grid li {
    width: 33.3333%
}

.content .widget_post_list.grid,
.single-post-main .widget_post_list.grid,
#main .widget_post_list.grid,
#page-main .widget_post_list.grid {
    width: 33%;
    vertical-align: top;
    margin: .15%;
    border-bottom: none;
    background: #fff
}

.content .widget_post_list.grid .post_list_thumb {
    height: 120px
}

#main .widget_post_list {
    background: #fff
}

@media screen and (min-width: 769px)and (max-width: 959px) {
    #sidebar .widget_post_list.grid.first:first-child {
        height: 220px
    }

    #sidebar .widget_post_list.grid.first:first-child .meta {
        margin-left: -350px;
        padding-left: 350px
    }

    #sidebar .widget_post_list.grid.first:first-child .post_list_thumb {
        height: 200px !important;
        width: 340px;
        float: left;
        padding: 0
    }

    #sidebar .widget_post_list.grid {
        width: 33.3%
    }

    .widget_post_list.grid.first:first-child .meta .post_list_ttl {
        font-size: 1.3em;
        height: 160px
    }
}

.single-post-main .widget_post_list.grid .post_list_thumb,
#main .widget_post_list.grid .post_list_thumb {
    width: 100%;
    height: 150px
}

.single-post-main .widget_post_list.grid .meta .post_list_ttl,
#main .widget_post_list.grid .meta .post_list_ttl,
#main .widget_post_list .meta .post_list_ttl {
    font-weight: bold
}

#main .widget_diver_widget_newpost_grid .wrap-post-ttl,
#main .widget_diver_widget_newpost .wrap-post-ttl {
    margin-bottom: 8px
}

#main .widget .widget_post_more a {
    display: block;
    padding: 10px 20px
}

@media screen and (max-width: 768px) {
    #main .widget_post_list .meta .desc {
        display: none
    }

    #main .widget_post_list.grid .post_list_thumb {
        height: 80px
    }

    .content .widget_post_list.grid,
    .single-post-main .widget_post_list.grid,
    #main .widget_post_list.grid,
    #page-main .widget_post_list.grid {
        width: 49.7%
    }
}

@media screen and (max-width: 599px) {
    #main li.post_list.grid {
        width: 49.7%
    }
}

.widget .widget_post_more {
    text-align: center;
    width: 100%;
    border-top: 1px solid #ccc
}

a.diver_widget_morelink::after {
    font-family: fontAwesome;
    content: "ï„…";
    margin-left: 10px;
    font-weight: bold
}

.appeal_ttl {
    padding: 10px;
    background: #333;
    color: #fff
}

.appeal_box {
    background: #333;
    color: #fff
}

.appeal_img {
    text-align: center;
    max-width: 100%
}

.appeal_meta .button a {
    background: #f44336
}

.appeal_desc {
    font-size: .9em;
    padding: 1em .3em;
    line-height: 1.8
}

#share_plz {
    z-index: 10;
    text-align: center;
    padding: .8em;
    position: -webkit-sticky;
    position: sticky;
    top: 85px
}

#share_plz .p-entry__pushButton {
    width: auto
}

#share_plz .p-entry__pushLike {
    padding: 0;
    height: 78px
}

#share_plz .p-entry__push {
    margin: 0;
    background: #fff
}

#share_plz .share_sns {
    padding: 5px 10px;
    width: 100%
}

#share_plz a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5em 0 .7em
}

#share_plz a i,
#share_plz a:before {
    font-size: 1.8em;
    margin: .1em 0 .2em
}

#share_plz a svg {
    margin: .2em 0 .4em;
    font-size: 1.2em
}

#share_plz a span.sns_name {
    margin: 0;
    line-height: 1;
    font-size: .9em
}

#share_plz a+a {
    margin-top: .6em
}

.notfofund_ttl {
    text-align: center;
    font-size: 50px;
    padding: 50px 0;
    color: #666
}

.notfofund_text {
    padding: 20px;
    font-weight: bold;
    font-size: 16px;
    text-align: center
}

.notfofund_slick_ttl {
    text-align: center;
    font-size: 21px;
    margin: 15px
}

.error404 .bx-viewport {
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .notfofund_ttl {
        font-size: 20px;
        padding: 20px 0
    }
}

#bigfooter {
    background: #eee
}

.footer_ttl {
    padding: 5px;
    margin-bottom: 5px
}

#bigfooter li {
    padding: 5px
}

#bigfooter li:before {
    font-family: fontAwesome;
    content: "";
    margin-right: 8px;
    font-size: .9em
}

#bigfooter ul ul li {
    padding-right: 0
}

#bigfooter ul ul.children {
    padding-top: 5px
}

#bigfooter a {
    font-size: 13px
}

.bigfooter_wrap {
    width: 90%;
    margin: 0 auto;
    text-align: center
}

.bigfooter_colomn {
    display: inline-block;
    vertical-align: top;
    padding: 25px 10px !important;
    text-align: left
}

.bigfooter_colomn .menu_desc {
    display: none
}

.bigfooter_col {
    padding: 5px
}

.bigfooter_wrap_main {
    background: #eee;
    padding: 20px 0;
    margin-top: 20px
}

#bigfooter ul li:before {
    content: none
}

@media screen and (max-width: 768px) {

    .bigfooter_colomn,
    .bigfooter_wrap {
        width: 100% !important
    }

    .bigfooter_colomn.col3,
    .bigfooter_colomn.col4 {
        padding: 5px !important
    }

    .bigfooter_center {
        margin: 0
    }
}

#footer {
    font-size: 13px;
    clear: both;
    background: #999;
    margin-top: auto;
    margin-bottom: 0
}

#footer .menu_desc {
    display: none
}

.footer_navi {
    display: inline-block
}

.footer_content {
    width: 90%;
    margin: 0 auto;
    padding: 15px 0
}

#copyright {
    float: right
}

.footer_navi ul li {
    font-size: 13px;
    display: inline-block;
    padding: 0 5px
}

@media screen and (max-width: 768px) {
    .footer_navi {
        width: 100%;
        text-align: center
    }

    #copyright {
        float: none;
        text-align: center;
        padding: 10px 0
    }
}

#footer_sticky_menu {
    position: fixed;
    bottom: -100px;
    width: 100%;
    z-index: 1000;
    table-layout: fixed;
    border: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.footermenu_col {
    position: relative;
    text-align: center;
    background: #fff;
    color: #555;
    border: none;
    border-right: 1px solid rgba(100, 100, 100, .6);
    padding: 0;
    height: 60px;
    vertical-align: middle
}

.footermenu_col:last-child {
    border-right: none
}

#footer_sticky_menu a,
#footer_sticky_menu button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 !important
}

#footer_sticky_menu a i {
    font-size: 1.4em
}

#footer_sticky_menu .footermenu_ttl {
    font-size: .6em
}

.lity-container {
    width: 100%
}

.footermenu_sns li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.footermenu_sns li a {
    font-size: .6em;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footermenu_sns a.line {
    padding: 1em 0
}

.footermenu_sns .sns_name {
    display: none;
    font-weight: bold
}

#footer_cta {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: .5em 1.5em;
    z-index: 999;
    display: none;
    max-height: 120px
}

#footer_cta figure {
    height: 100%;
    width: 55%;
    float: right;
    text-align: center
}

#footer_cta figure img {
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit:contain;";
    vertical-align: middle
}

#footer_cta .footer_cta_wrap {
    position: relative;
    float: left;
    width: 95%;
    height: 90px
}

#footer_cta .footer_cta_meta {
    float: left;
    padding: 8px;
    width: 45%
}

#footer_cta .ttl {
    font-weight: bold;
    font-size: 26px
}

#footer_cta .desc {
    font-size: 16px;
    margin-top: 5px
}

#footer_cta a.close {
    color: #666;
    font-size: 50px;
    float: left;
    width: 50px;
    line-height: 88px;
    opacity: .3
}

a.fcta_open {
    font-size: 20px;
    color: #fff;
    bottom: -50px;
    display: none;
    left: 30px;
    position: fixed;
    line-height: 40px;
    text-align: center;
    padding: 0px 15px;
    border-radius: 5px
}

@media screen and (max-width: 1201px) {
    #footer_cta {
        padding: .3em;
        line-height: 0
    }

    #footer_cta figure {
        height: 100%;
        width: 100%;
        float: right
    }

    #footer_cta .footer_cta_meta {
        display: none
    }

    #footer_cta .footer_cta_wrap {
        float: right
    }

    #footer_cta a.close {
        font-size: 30px;
        width: 30px;
        line-height: 88px;
        position: absolute
    }
}

@media screen and (max-width: 768px) {
    #footer_cta a.close {
        font-size: 20px;
        width: 20px;
        line-height: 20px;
        top: -20px;
        left: 0;
        background: #333
    }
}

#ttl-counter {
    text-align: right;
    background: #fff;
    width: 100px;
    padding: 5px;
    margin: 5px 0;
    margin-left: auto;
    border: 1px solid #ccc
}

.ttl-counter-length-over {
    color: red;
    font-weight: bold
}

.hljs {
    margin: 10px 0;
    padding: 20px
}

.share-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: .5em;
    width: 100%;
    padding: 10px 0;
    text-align: center
}

@media screen and (min-width: 600px) {
    .share-button a.line {
        display: none
    }
}

.share-button.big a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.share-button.small {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.share-button.small a {
    padding: 1.5px 5px;
    color: #fff;
    font-size: .7em;
    vertical-align: top;
    margin-bottom: 5px
}

header .share-button {
    padding: 10px 20px
}

.share.short {
    padding: 1.2em
}

.sns a {
    font-size: .7em;
    font-weight: bold;
    line-height: 1.8;
    position: relative;
    display: block;
    padding: .6em 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 2px
}

.sns a:before,
.sns a i,
.sns a svg {
    margin-right: .2em;
    margin-left: .2em;
    vertical-align: middle;
    font-size: 1.4em
}

.sns a svg {
    width: 1.2em;
    height: 1.2em;
    font-size: 1em
}

.sns a.twitter {
    background: #000
}

.sns a.twitter:hover {
    color: #000
}

.sns a.facebook {
    background: #3b5998
}

.sns a.facebook:hover {
    color: #2c4373
}

.sns a.hatebu {
    background: #5d8ac1
}

.sns a.hatebu:before {
    content: "B!";
    font-weight: bold;
    line-height: 1
}

.sns a.hatebu:hover {
    color: #5d8ac1
}

.sns a.line {
    background: #25af00
}

.sns a.line:hover {
    color: #25af00
}

@media screen and (min-width: 600px) {
    .sns a.line {
        display: none
    }
}

.sns a.pocket {
    background: #f03e51
}

.sns a.pocket:hover {
    color: #f03e51
}

.sns a.rss {
    background: #ffb53c
}

.sns a.rss:hover {
    color: #ffb53c
}

.sns a.feedly {
    background: #87c040
}

.sns a.feedly:hover {
    color: #87c040
}

.sns a:hover {
    background: #fff;
    -webkit-box-shadow: 0 0 0 2px currentColor inset;
    box-shadow: 0 0 0 2px currentColor inset
}

.sns a .count {
    font-size: 10px;
    margin-left: 2px
}

span.sns_name {
    margin-left: 5px;
    vertical-align: middle
}

.sns span.sns_count {
    font-weight: bold;
    display: inline-block;
    line-height: 1.5em;
    padding: 0 3px;
    margin: 0 .2em;
    border-radius: 3px
}

#share_plz div.sns_count {
    background: #fff;
    border-radius: 2px;
    color: #333
}

@media screen and (max-width: 599px) {
    span.sns_name {
        display: none
    }

    .sns a:before,
    .sns a i {
        font-size: 1.8em
    }
}

.pagination {
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: -0.4em
}

a.page-numbers:hover {
    background: #eee
}

a.page-numbers,
.pagination .current {
    color: #607d8b;
    padding: 12px 22px;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    letter-spacing: 0;
    margin: 0 3px;
    border-radius: 3px
}

.pagination .current {
    background: #607d8b;
    color: #fff;
    font-weight: bold
}

span.page-numbers.dots {
    letter-spacing: 0;
    padding: 8px .5em;
    vertical-align: middle
}

.pagination a {
    letter-spacing: normal;
    background: #fff
}

a.prev.page-numbers {
    margin-right: 3px
}

a.prev.page-numbers:before {
    font-family: fontAwesome;
    content: "ï„€"
}

a.next.page-numbers {
    margin-left: 3px
}

a.next.page-numbers:before {
    font-family: fontAwesome;
    content: ""
}

a.prev1.page-numbers {
    margin-right: 3px
}

a.prev1.page-numbers:before {
    font-family: fontAwesome;
    content: "ï„„"
}

a.next1.page-numbers {
    margin-left: 3px
}

a.next1.page-numbers:before {
    font-family: fontAwesome;
    content: "ï„…"
}

@media screen and (max-width: 959px) {
    .pagination {
        margin: 15px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    a.page-numbers {
        padding: 8px 0;
        width: 15%
    }

    .pagination .current {
        padding: 8px 0;
        width: 30%
    }
}

@media screen and (min-width: 959px) {

    .header_search,
    .header-logo .drawer-nav-btn,
    .drawer-nav-btn-wrap {
        display: none !important
    }
}

.header_search {
    position: absolute !important;
    top: 0;
    right: 0;
    width: 55px;
    height: 100%
}

a.header_search_btn {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 22px;
    line-height: 0;
    color: #fff
}

a.header_search_btn .header_search_inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center
}

.header_search_ttl {
    text-align: center;
    font-size: .3em;
    padding-top: .3em;
    line-height: 1;
    display: none
}

#header_search {
    background-color: #fff;
    width: 85vw;
    height: 80vh;
    overflow: auto;
    margin: 0 auto;
    border-radius: 5px;
    font-size: .9em
}

.drawer-overlay {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.drawer-overlay.active {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 9999
}

.drawer-nav-btn-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 100%
}

.drawer-nav {
    background: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    top: 0;
    z-index: 99999;
    -webkit-overflow-scrolling: touch;
    width: 80%;
    max-width: 300px
}

.drawer-nav {
    height: 100%;
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    overflow-y: scroll;
    position: fixed;
    left: -100%
}

.drawer-nav.active {
    left: 0px
}

.drawer-nav-btn {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footermenu_col .drawer-nav-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%)
}

.drawer-nav-btn span {
    height: 3px;
    background-color: #000;
    top: calc(50% - 1.5px)
}

.drawer-nav-btn:before {
    content: "";
    top: calc(25% - 3px);
    border-top: 3px solid #000
}

.drawer-nav-btn:after {
    content: "";
    bottom: calc(25% - 3px);
    border-bottom: 3px solid #000
}

.drawer-nav-btn:before,
.drawer-nav-btn:after,
.drawer-nav-btn span {
    display: block;
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    border-radius: 5px
}

.drawer_content_ttl {
    padding: 10px;
    margin-bottom: 10px;
    background: #eee
}

.drawer-nav .diver_widget_adarea {
    padding: 10px
}

.drawer-nav .widget>ul:first-of-type,
.drawer-nav .widget ul:first-child {
    margin: 0;
    margin-top: -10px
}

.footermenu_col .drawer-nav-btn span,
.footermenu_col .drawer-nav-btn:before,
.footermenu_col .drawer-nav-btn:after {
    background: none;
    border: none
}

.lity_content {
    padding: 1em;
    margin: 1em;
    background: #fff;
    border-radius: 5px
}

.searchbox_content_ttl {
    padding: 10px;
    margin-bottom: 10px;
    background: #eee
}

#header_search .diver_widget_adarea {
    padding: 10px
}

#header_search .widget>ul:first-of-type,
#header_search .widget ul:first-child {
    margin: 0;
    margin-top: -10px
}

#main-wrap.fullpage,
#main-wrap.fullpage #page-main,
#main-wrap.fullpage .single-post-main {
    width: 100%;
    margin: 0 auto;
    padding: 0
}

#main-wrap.fullpage .content {
    margin-bottom: 0
}

@media screen and (max-width: 1200px) {
    #main-wrap {
        width: 96%
    }

    img {
        max-width: 100%
    }

    .single-post-main,
    .catpage_content_wrap .content {
        padding: 15px
    }
}

@media screen and (max-width: 959px) {
    #main {
        margin: 0 !important;
        padding: 0 .5em !important
    }

    #single-main,
    #page-main {
        margin: 0 !important;
        padding: 0 !important
    }

    #sidebar {
        width: 100%;
        padding: .5em
    }
}

@media screen and (max-width: 768px) {
    #main-wrap {
        width: 100% !important;
        margin: 5px auto
    }

    #main,
    #single-main,
    #page-main {
        width: 100% !important
    }

    #single-main,
    #page-main {
        padding: 0
    }

    .hentry {
        padding: 0 !important;
        margin: 0 !important
    }

    .menu_desc {
        display: none
    }

    .sidebar_content {
        padding: 10px 0
    }

    h1 {
        font-size: 1.3em;
        margin: 5px 0
    }

    h1.single-post-ttl {
        font-size: 1.2em;
        line-height: 1.3
    }

    h2 {
        font-size: 1.3em
    }

    h3 {
        font-size: 1.2em
    }

    h4 {
        font-size: 1.1em
    }

    .page_ttl {
        padding: 15px 20px
    }

    .single-post-date,
    .post-meta-bottom span {
        font-size: .7em;
        margin-right: 5px
    }

    .post .post-meta {
        padding: 10px
    }

    .post .single-post-category {
        font-size: .7em;
        padding: 3px 6px;
        margin-right: 3px
    }

    #single-main .post-meta .tag {
        padding: 3px 6px;
        font-size: .7em
    }

    #single-main .post-sub {
        padding: 0px
    }

    .post_footer_author {
        padding: 10px
    }

    .article_footer {
        padding: 0;
        margin-top: -5px
    }

    .single-post-main {
        padding: 10px;
        overflow: hidden
    }
}

.col2,
.sc_col2,
.col3,
.sc_col3,
.col3_2,
.sc_col3_2,
.col4,
.sc_col4,
.col4_3,
.sc_col4_3 {
    float: left;
    padding: 10px
}

.col2>*:first-child,
.sc_col2>*:first-child,
.col3>*:first-child,
.sc_col3>*:first-child,
.col3_2>*:first-child,
.sc_col3_2>*:first-child,
.col4>*:first-child,
.sc_col4>*:first-child,
.col4_3>*:first-child,
.sc_col4_3>*:first-child {
    margin-top: 0
}

.col2>*:last-child,
.sc_col2>*:last-child,
.col3>*:last-child,
.sc_col3>*:last-child,
.col3_2>*:last-child,
.sc_col3_2>*:last-child,
.col4>*:last-child,
.sc_col4>*:last-child,
.col4_3>*:last-child,
.sc_col4_3>*:last-child {
    margin-bottom: 0
}

.col2 img,
.col3 img,
.col3_2 img,
.col4 img,
.col4_3 img {
    max-width: 100%
}

.col2,
.sc_col2 {
    width: 50%
}

.col3,
.sc_col3 {
    width: 33.333333%
}

.col3_2,
.sc_col3_2 {
    width: 66.666666%
}

.col4,
.sc_col4 {
    width: 25%
}

.col4_3,
.sc_col4_3 {
    width: 75%
}

@media screen and (max-width: 768px) {

    .col2,
    .col3,
    .col4,
    .col3_2,
    .col4_3,
    .sc_col2.sp,
    .sc_col3.sp,
    .sc_col4.sp,
    .sc_col3_2.sp,
    .sc_col4_3.sp {
        width: 100%;
        float: none
    }

    .col2_sp {
        width: 50%;
        float: left
    }

    .col3_sp {
        width: 33.3%;
        float: left
    }
}

.aside-normal {
    background: #fff48f;
    color: #333;
    border-radius: 5px;
    padding: .8em 1em;
    margin-bottom: 1.6em
}

.aside-warning {
    background: rgba(255, 0, 0, .2);
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 1em 1.5em;
    margin-bottom: 1.6em
}

.sc_sns i {
    color: #fff
}

.sc_sns a {
    display: block;
    position: relative;
    text-align: center;
    padding: .8em;
    margin: 5px 0;
    border-radius: 3px;
    color: #fff
}

.sc_sns.solid a {
    top: -3px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.sc_sns.solid a:hover {
    top: 0
}

.sc_facebook a {
    background: #315096
}

.sc_facebook.solid a {
    -webkit-box-shadow: 0 7px 0 #2c4373;
    box-shadow: 0 7px 0 #2c4373
}

.sc_facebook.solid a:hover {
    -webkit-box-shadow: 0 3px 0 #2c4373;
    box-shadow: 0 3px 0 #2c4373
}

.sc_facebook.color a:hover {
    background: #2c4373
}

.sc_twitter a {
    background: #55acee
}

.sc_twitter.solid a {
    -webkit-box-shadow: 0 7px 0 #0092ca;
    box-shadow: 0 7px 0 #0092ca
}

.sc_twitter.solid a:hover {
    -webkit-box-shadow: 0 3px 0 #0092ca;
    box-shadow: 0 3px 0 #0092ca
}

.sc_twitter.color a:hover {
    background: #0092ca
}

.sc_instagram a {
    background: #3f729b
}

.sc_instagram.solid a {
    -webkit-box-shadow: 0 7px 0 #43638b;
    box-shadow: 0 7px 0 #43638b
}

.sc_instagram.solid a:hover {
    -webkit-box-shadow: 0 3px 0 #43638b;
    box-shadow: 0 3px 0 #43638b
}

.sc_instagram.color a:hover {
    background: #43638b
}

.sc_googleplus a {
    background: #dd4b39
}

.sc_googleplus.solid a {
    -webkit-box-shadow: 0 7px 0 #ad3a2d;
    box-shadow: 0 7px 0 #ad3a2d
}

.sc_googleplus.solid a:hover {
    -webkit-box-shadow: 0 3px 0 #ad3a2d;
    box-shadow: 0 3px 0 #ad3a2d
}

.sc_googleplus.color a:hover {
    background: #ad3a2d
}

.sc_sns.simple a {
    background: #aaa
}

.sc_sns.simple a:hover {
    background: #888
}

.sc_sns.simple.solid a {
    -webkit-box-shadow: 0 7px 0 #888;
    box-shadow: 0 7px 0 #888
}

.sc_sns.simple.solid a:hover {
    -webkit-box-shadow: 0 3px 0 #888;
    box-shadow: 0 3px 0 #888
}

.sc_sns.circle a {
    border-radius: 50%;
    padding: .9em .8em
}

.sc_marker {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ffff66));
    background: -webkit-linear-gradient(transparent 50%, #ffff66 50%);
    background: -o-linear-gradient(transparent 50%, #ffff66 50%);
    background: linear-gradient(transparent 50%, #ffff66 50%)
}

.sc_marker.red {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ffd9d9));
    background: -webkit-linear-gradient(transparent 50%, #ffd9d9 50%);
    background: -o-linear-gradient(transparent 50%, #ffd9d9 50%);
    background: linear-gradient(transparent 50%, #ffd9d9 50%)
}

.sc_marker.blue {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #cfdbff));
    background: -webkit-linear-gradient(transparent 50%, #cfdbff 50%);
    background: -o-linear-gradient(transparent 50%, #cfdbff 50%);
    background: linear-gradient(transparent 50%, #cfdbff 50%)
}

.sc_marker-animation.active {
    background-position: -100% .4em;
    -webkit-transition: 2.5s;
    -o-transition: 2.5s;
    transition: 2.5s
}

.sc_marker-animation {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgb(255, 247, 2)));
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    font-weight: bold
}

.sc_marker-animation.red {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(255, 0, 0, 0.3)));
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%);
    background-image: linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%)
}

.sc_marker-animation.blue {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(100, 149, 237, 0.5)));
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%);
    background-image: linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%)
}

.fontsize.\31 {
    font-size: .8em
}

.fontsize.\32 {
    font-size: .9em
}

.fontsize.\33 {
    font-size: 1.1em
}

.fontsize.\34 {
    font-size: 1.3em
}

.fontsize.\35 {
    font-size: 1.4em
}

.fontsize.\36 {
    font-size: 1.5em
}

.fontsize.\37 {
    font-size: 1.6em
}

.fontsize.\38 {
    font-size: 1.7em
}

.fontsize.\39 {
    font-size: 2em
}

.fontcolor {
    color: red
}

.fontbackground {
    background: #eee;
    padding: 2px 5px
}

.link_box {
    margin: 1em 0;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px #ddd;
    box-shadow: 0 3px 10px #ddd;
    -webkit-box-shadow: 0 2px 5px rgba(100, 100, 100, .25);
    box-shadow: 0 2px 5px rgba(100, 100, 100, .25);
}
.link_box:hover {
    background: #f9f9f9;
    transition: .3s;
}
.link_box .flex {
	display: flex;
    padding: 10px;
}
.link_box .flex .image_box {
    display: inline-block;
    width: 13.5%;
}
.link_box .flex .image_box img {
    width: 150px;
    height: 100px;
    object-fit: cover;
    margin-bottom: 0;
}
.link_box .flex .text_box p.ttl {
    font-weight: bold;
    font-size: .9em;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000;
    margin-bottom: 5px;
}
.link_box .flex .text_box p.substr {
    font-size: .7em;
    line-height: 1.5;
    color: #666;
    margin-bottom: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 0;
}
.sc_getpost {
    -webkit-box-shadow: 0 3px 10px #ddd;
    box-shadow: 0 3px 10px #ddd;
    -webkit-box-shadow: 0 2px 5px rgba(100, 100, 100, .25);
    box-shadow: 0 2px 5px rgba(100, 100, 100, .25);
    position: relative;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 1em 0;
    border: 1px solid #ddd;
    background: #fff;
    line-height: 1.5
}

.sc_getpost:hover {
    background: #eee
}

.sc_getpost a,
.content .sc_getpost a {
    text-decoration: none;
    color: #000;
    padding: 10px;
    display: block;
    overflow: hidden
}

.content .sc_getpost p {
    padding: 0;
    display: none
}

.sc_getpost_thumb {
    width: 150px;
    float: left;
    margin-right: 10px
}

.sc_getpost_cat {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 3px 6px;
    font-size: .6em;
    position: absolute;
    bottom: 0;
    right: 0
}

.sc_getpost .ttl {
    font-weight: bold;
    font-size: .9em;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.sc_getpost .substr {
    font-size: .7em;
    line-height: 1.5;
    color: #666;
    margin-bottom: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.sc_getpost .date {
    font-size: .7em;
    position: absolute;
    right: 15px;
    bottom: 5px
}

.sc_getpost .badge {
    font-size: .8em;
    padding: .4em .6em;
    display: inline-block;
    margin-right: 5px
}

#sidebar .sc_getpost {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0
}

#sidebar .sc_getpost_thumb {
    width: 100%;
    height: 150px;
    margin-bottom: 10px
}

#sidebar .sc_getpost img {
    width: 100%;
    height: 100%
}

#sidebar .sc_getpost .sc_getpost .ttl {
    font-size: 14px
}

.tab_area {
    overflow: hidden;
    display: table;
    margin: 0
}

.tab_area div {
    width: 139px;
    height: 49px;
    text-align: center;
    border: 1px solid #ccc;
    cursor: pointer;
    vertical-align: middle;
    display: table-cell;
    color: #333;
    background: #eee
}

.sc_tabs_area {
    padding: 10px 0;
    overflow: hidden
}

.sc_tabs_area div.content_area {
    background: #fff;
    padding: 20px;
    border: 1px dotted #bbb
}

.tab_area div.select {
    background: #fff;
    background-image: none;
    color: #333;
    border: 1px dotted #909090;
    border-top: 3px solid #3f51b5
}

ul.sc_article {
    list-style: none;
    overflow: auto;
    padding: 0 5px
}

ul.sc_article.grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.sc_article li {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0 5px;
    position: relative
}

ul.sc_article.col li {
    width: 32%;
    display: inline-block;
    margin: 0 .5%
}

.content ul.sc_article a {
    text-decoration: none;
    display: block
}

.sc_article_ttl {
    font-size: .9em;
    display: unset
}

.sc_article_excerpt {
    font-size: .7em;
    opacity: .8;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.sc_article_ttl a {
    color: #333
}

.sc_article_ttl a:hover {
    color: #5eb0f1
}

.sc_article_date {
    font-size: .9em;
    display: inline-block;
    min-width: 90px;
    margin-right: 5px
}

.sc_article_cat {
    background: rgba(0, 0, 0, .7);
    color: #fff !important;
    padding: 4px 7px;
    font-size: .8em;
    border-radius: 1px;
    margin-right: 8px
}

.sc_article.simple .sc_article_cat {
    padding: 4px 7px !important;
    font-size: .8em !important;
    border-radius: 1px;
    margin-right: 8px !important;
    display: inline-block !important
}

.sc_article.grid>a {
    width: calc(33.333% - 16px);
    display: inline-block;
    vertical-align: top;
    background: #fff
}

.sc_article.grid>a,
.sc_article.list>a {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    background-color: #fff;
    margin: 8px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sc_article.grid li,
.sc_article.list li {
    white-space: normal;
    overflow: auto;
    padding: 0;
    margin: 0;
    color: #000
}

.sc_article.grid li .meta,
.sc_article.list li .meta {
    padding: 8px;
    overflow: auto
}

.sc_article.grid .post_list_thumb,
.sc_article.list .post_list_thumb {
    position: relative;
    background-color: #eee
}

.sc_article.list .post_list_thumb {
    float: left;
    width: 140px
}

.sc_article.grid .post_list_thumb img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0
}

.sc_article.list .post_list_thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0
}

.sc_article.grid .post_list_thumb .sc_article_cat,
.sc_article.list .post_list_thumb .sc_article_cat {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    font-weight: bold;
    font-size: .6em;
    padding: 3px 6px;
    background: rgba(0, 0, 0, .7)
}

.sc_article.grid .sc_article_ttl,
.sc_article.list .sc_article_ttl {
    font-size: 14px;
    display: block;
    font-weight: bold;
    margin-bottom: 6px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.sc_article.grid .sc_article_date,
.sc_article.list .sc_article_date {
    font-size: .7em
}

#sidebar .sc_article.grid>a {
    width: calc(50% - 12px);
    margin: 6px
}

#sidebar .sc_article.grid .sc_article_ttl,
#sidebar .sc_article.list .sc_article_ttl {
    font-size: 12px
}

#sidebar .sc_article.list .post_list_thumb {
    width: 100px;
    height: 80px
}

.sc_article.rank {
    counter-reset: article-ranking
}

.sc_article.rank li:after {
    content: counter(article-ranking, decimal);
    counter-increment: article-ranking;
    line-height: 1;
    position: absolute;
    padding: 5px 10px;
    left: 0;
    top: 0;
    background: #313131;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold
}

.sc_article.rank a:nth-child(1) li:after {
    background: #ffe658
}

.sc_article.rank a:nth-child(2) li:after {
    background: #ccc
}

.sc_article.rank a:nth-child(3) li:after {
    background: rgba(255, 121, 37, .8)
}

@media screen and (max-width: 959px) {
    #sidebar .sc_article.grid>a {
        width: calc(33.3333% - 12px);
        margin: 6px
    }
}

@media screen and (max-width: 768px) {
    ul.sc_article {
        padding: 0px
    }

    ul.sc_article li {
        white-space: unset
    }

    ul.sc_article.col li {
        width: 49%
    }
}

@media screen and (max-width: 599px) {
    ul.sc_article.col li {
        width: 100%
    }

    #sidebar .sc_article.grid>a,
    .sc_article.grid>a {
        width: calc(50% - 12px);
        margin: 6px
    }
}

.sc_qrcode {
    text-align: center
}

.sc_content_icon,
.sc_content_icon img {
    width: 15px;
    height: 15px;
    margin: 0 7px 0 0;
    vertical-align: baseline;

    display: inline-block
}

.sc_content_icon i span {
    display: none
}

@media screen and (max-width: 768px) {

    .sc_getpost a,
    .content .sc_getpost a {
        padding: 5px
    }

    .sc_getpost {
        margin: .5em 0
    }

    .sc_getpost_thumb {
        width: 100px
    }

    .sc_getpost .ttl {
        font-size: .8em
    }

    .sc_getpost .substr {
        display: none
    }

    .sc_getpost .date {
        position: static !important;
        font-size: .6em
    }
}

.sc_popup_content {
    background: #fff;
    padding: 1em;
    border-radius: 2px
}

.user_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.user_list .user {
    padding: 10px 15px 20px;
    width: 20%;
    text-decoration: none;
    min-width: 130px
}

.user_list .user_avator {
    width: 100%;
    margin-bottom: 5px
}

.user_list .user_avator img {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0
}

.user_list .user_name {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: .5px;
    color: #333
}

@media screen and (max-width: 768px) {
    .user_list .user {
        width: 25%
    }
}

@media screen and (max-width: 599px) {
    .user_list .user {
        width: 50%
    }
}

#sidebar .popular-posts ul {
    padding-left: 0;
    list-style: none;
    font-size: 14px;
    margin: -10px
}

.wpp-list {
    counter-reset: wpp-ranking
}

.diver_popular_posts {
    counter-reset: dpp-ranking
}

.popular-posts li {
    position: relative;
    overflow: hidden;
    float: none;
    clear: both;
    border-bottom: 1px solid #ccc;
    padding: 8px !important
}

.wpp-thumbnail {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit:cover;";
    float: left;
    margin-right: 5px
}

.wpp-post-ttl {
    font-size: .9em !important;
    margin-top: 5px
}

.wpp-list li {
    position: relative
}

.diver-tabwidget__content ul.wpp-list li a {
    display: initial;
    padding: 0
}

.diver-tabwidget__content ul.wpp-list li {
    padding: 8px
}

.post_list_views {
    font-size: .8em;
    margin-top: 5px
}

.post_list_views:after {
    content: "views";
    margin-left: 3px
}

.amazonjs_item .amazonjs_info h4:before,
.amazonjs_item .amazonjs_info h4:after {
    content: none
}

.contact>div:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " ";
    font-size: 0
}

.contact th {
    vertical-align: middle;
    font-size: .8em
}

.contact td {
    padding: 5px 10px
}

.contact .form_ttl {
    width: 20%;
    float: left
}

.contact .form_area {
    float: right;
    width: 77%;
    margin-bottom: 10px
}

.contact .form_area textarea {
    width: 100%
}

.wpcf7 .form_ttl span {
    font-size: 12px;
    color: #fff;
    background-color: #f44336;
    padding: 3px 6px;
    border-radius: 3px;
    margin-left: 12px
}

.wpcf7-form-control.wpcf7-submit {
    display: block;
    margin: 0 auto;
    padding: 1em 4em
}

@media screen and (max-width: 768px) {

    .contact .form_ttl,
    .contact .form_area {
        width: 100%;
        float: none
    }
}

.p-entry__push {
    margin-bottom: 10px;
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #2b2b2b;
    color: #fff;
    background-size: cover;
    background-position: center
}

.p-entry__pushLike {
    display: table-cell;
    padding: 60px 0;
    text-align: center;
    vertical-align: middle;
    line-height: 1.4;
    font-size: 20px;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.p-entry__pushLike:before {
    content: "";
    background: inherit;
    -webkit-filter: brightness(60%) blur(5px);
    filter: brightness(60%) blur(5px);
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -1
}

.p-entry__pushButton {
    margin-top: 15px;
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px
}

.p-entry__pushButtonLike {
    line-height: 1
}

.p-entry__note {
    margin-top: 15px;
    font-size: 12px;
    color: #fff
}

.p-entry__tw-follow {
    margin-bottom: 10px;
    background: #fff;
    width: 100%;
    padding: 15px 0
}

.p-entry__tw-follow__cont {
    text-align: center;
    font-size: 15px;
    color: #252525
}

.p-entry__tw-follow__item {
    display: inline-block;
    vertical-align: top;
    margin: 4px 15px
}

div .sidead {
    width: 80%;
    height: auto
}

@media screen and (max-width: 768px) {
    .p-entry__tw-follow {
        padding: 5px
    }

    .p-entry__tw-follow__item {
        font-size: .9em
    }
}

.newlabel {
    z-index: 20
}

.fb_iframe_widget_fluid {
    display: inline-block !important
}

.share-fb a {
    display: block;
    padding: 5px;
    background-color: #3b55a5;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    -webkit-transition: opacity .35s;
    -o-transition: opacity .35s;
    transition: opacity .35s;
    font-size: .7em;
    text-decoration: none
}

.share-fb a:hover {
    color: #fff;
    background-color: #243f77
}

.share-fb span:before {
    white-space: pre;
    content: "\a"
}

.sc-tw svg {
    width: 20px;
    height: 20px
}

.sc-tw a {
    margin: 0 auto;
    padding: 5px;
    display: block;
    background: #1b95e0;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: .5px;
    border-radius: 2px
}

.sc-tw a:hover {
    color: #fff;
    background: #0c7abf
}

.sc-tw span:before {
    white-space: pre;
    content: "\a"
}

.share-hatebu a {
    display: block;
    padding: 5px;
    background-color: #5d8ac1;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    -webkit-transition: opacity .35s;
    -o-transition: opacity .35s;
    transition: opacity .35s;
    font-size: .7em;
    text-decoration: none
}

.share-hatebu a:hover {
    color: #fff;
    background-color: #6d84b4
}

.share-pocket a {
    display: block;
    padding: 8px;
    background-color: #f03e51;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    -webkit-transition: opacity .35s;
    -o-transition: opacity .35s;
    transition: opacity .35s;
    font-size: .7em;
    text-decoration: none
}

.share-pocket a:hover {
    color: #fff;
    background-color: #dc3749
}

.share-pocket span:before {
    white-space: pre;
    content: "\a"
}

.share-feedly a {
    display: block;
    padding: 8px;
    background-color: #87c040;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    -webkit-transition: opacity .35s;
    -o-transition: opacity .35s;
    transition: opacity .35s;
    font-size: .7em;
    text-decoration: none
}

.share-feedly a:hover {
    color: #fff;
    background-color: #7baf3a
}

.share-feedly span:before {
    white-space: pre;
    content: "\a"
}

.sc-fb {
    z-index: 99;
    width: 65px;
    margin-right: 9px !important
}

.feedly-count-box {
    width: 71px;
    text-align: center
}

.feedly-count-box a {
    text-decoration: none
}

.feedly-count-box span {
    text-decoration: none;
    display: block;
    color: #444;
    border: 1px solid #aaa;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 6px;
    border-radius: 3px;
    position: relative;
    background: #fff
}

.feedly-count-box span:before {
    position: absolute;
    top: 100%;
    left: 28px;
    width: 0;
    height: 0;
    content: "";
    border: 5px solid rgba(0, 0, 0, 0);
    border-top-color: #999
}

.feedly-count-box span:after {
    position: absolute;
    top: 100%;
    left: 29px;
    width: 0;
    height: 0;
    content: "";
    border: 4px solid rgba(0, 0, 0, 0);
    border-top-color: #fff
}

.feedly-count-box img:hover {
    opacity: .8
}

.sc-li {
    width: auto
}

.sc-li-img {
    border: none;
    margin: 0 auto;
    padding: 0;
    width: 38px;
    height: 62px
}

@media screen and (min-width: 480px) {
    .sc-li {
        display: none
    }
}

.twitter_btn {
    width: 74px
}

.arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    text-align: center;
    font-size: 11px;
    height: 36px;
    line-height: 33px;
    display: block;
    text-decoration: none;
    color: #333;
    border-radius: 3px;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
}

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

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 3px;
    margin-left: -3px
}

.arrow_box:before {
    border-color: rgba(221, 221, 221, 0);
    border-top-color: #ccc;
    border-width: 4px;
    margin-left: -4px
}

.sns_circle {
    position: relative;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    border-radius: 15%;
    background-color: #999;
    float: left;
    list-style: none
}

.sns_circle i {
    position: absolute;
    padding: 10px 10px 10px 12px;
    font-size: 30px;
    color: #fff
}

.sns_circle a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15%;
    text-indent: -999px;
    color: #fff
}

.sns_circle.facebook {
    background-color: #265a96
}

.sns_circle.twitter {
    background-color: #00acec
}

.sns_circle.instagram {
    background-color: #ef7637
}

.sns_circle a:hover {
    background-color: #fff;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5
}

.newpost_list {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    gap: 10px
}

.post_list_wrap {
    position: relative;
    width: 100%;
    vertical-align: top;
    letter-spacing: normal
}

.post_list_wrap a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    width: 100%;
    text-decoration: none
}

.post_list_wrap figure {
    background: #eee;
    width: 130px;
    float: left;
    overflow: hidden
}

.post_list_wrap .meta {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.post_list_wrap .date {
    font-size: .7em
}

.post_list_wrap .ttl {
    font-size: .9em;
    overflow: hidden;
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .post_list_wrap a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .post_list_wrap a figure {
        width: 100%
    }
}

.post_list_wrap img {
    font-size: .8em
}

.post_list .post_list_wrap {
    float: left;
    width: 25%;
    padding: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    min-height: 55px;
    position: relative
}

.post_list .post_list_wrap+.post_list_wrap {
    border-bottom: 1px solid #eee;
    border-top: 0
}

.post_list .post_list_wrap li {
    display: inline-block
}

.pickup-cat-wrap {
    margin-bottom: 10px;
    overflow: hidden
}

.pickup-cat-list {
    line-height: 1.3;
    position: relative;
    border-bottom: 1px solid #eee
}

.pickup-cat-list a {
    padding: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none
}

.pickup-cat-list .meta {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 5px 10px;
    vertical-align: middle;
    overflow: hidden
}

.pickup-cat-img {
    position: relative;
    width: 120px;
    vertical-align: middle;
    background: #eee;
    overflow: hidden;
    float: left
}

.pickup-cat-img img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit:cover;";
    width: 100%
}

.pickup-cat-dt {
    font-size: .7em;
    color: #aaa;
    position: absolute;
    bottom: 5px;
    right: 10px
}

.pickup-cat-excerpt {
    font-size: .7em
}

.pickup-cat-ttl {
    font-size: .9em;
    line-height: 1.5;
    padding: .2em 0
}

@media screen and (max-width: 768px) {
    .pickup-cat-excerpt {
        display: none
    }

    .pickup-cat-ttl {
        font-size: .7em
    }

    .pickup-cat-img {
        width: 90px
    }
}

.sticky-post-box {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.sticky-post-box:last-child {
    margin-bottom: 10px
}

.sticky-post-box .post_thumbnail {
    width: 40%;
    float: none
}

.sticky-post-box .post-meta-all {
    padding: 10px 20px;
    line-height: 1.5;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sticky-post-box .post-ttl {
    font-size: 1.2em;
    font-weight: bold;
    margin: 3px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.sticky-post-box .post-date {
    font-size: .8em;
    padding: 0 .3em
}

.sticky-post-box .post-substr {
    font-size: .9em;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.sticky-post-box .post-cat {
    font-size: .8em;
    padding: 5px 10px;
    border-radius: 3px;
    margin-right: 5px;
    background: #eee
}

.sticky-post-box .post-tag {
    margin: 5px 0
}

.sticky-post-box .post-tag .tag {
    display: inline-block;
    font-size: .7em;
    padding: 3px 8px;
    background: #eee;
    margin-right: 5px
}

@media screen and (max-width: 768px) {
    .sticky-post-box {
        display: block
    }

    .sticky-post-box .post_thumbnail {
        display: block;
        width: 100%
    }

    .sticky-post-box .post-meta-all {
        display: block;
        padding: 10px
    }

    .sticky-post-box .post-date {
        font-size: .8em
    }
}

#page-top {
    position: fixed;
    bottom: -100px;
    right: 20px;
    z-index: 998
}

#page-top a {
    background: #000;
    text-decoration: none;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 18px;
    text-align: center;
    display: block;
    border-radius: 50%
}

#page-top a:hover {
    text-decoration: none;
    opacity: .7
}

@media screen and (max-width: 767px) {
    #page-top {
        right: 10px
    }

    #page-top a {
        width: 42px;
        line-height: 42px;
        height: 42px;
        padding: 0;
        font-size: 16px
    }
}

.widget.containerwidget .cta_content figure img {
    width: 30%;
    float: left;
    padding: 20px
}

.widget.widget_diver_widget_cta .wrap-post-ttl {
    background: none;
    text-align: center;
    color: #fff;
    font-size: 1.8em;
    border: none;
    border-radius: 0
}

.widget.containerwidget .cta_content .content {
    font-size: 1.1em
}

.widget.widget_diver_widget_cta .wrap-post-ttl:before,
.widget.widget_diver_widget_cta .wrap-post-ttl:after {
    content: none
}

@media screen and (max-width: 768px) {
    .widget.containerwidget .cta_content figure img {
        width: 100%;
        float: none;
        padding: 10px 0
    }

    .widget.widget_diver_widget_cta .wrap-post-ttl {
        font-size: 1.2em;
        padding: 0em
    }

    .widget.containerwidget .cta_content .content {
        font-size: .9em;
        padding: 10px
    }
}

#cta {
    background: #fff;
    margin-top: 10px
}

.cta_content {
    padding: 10px 20px;
    overflow: auto
}

.cta_thumbnail {
    width: 35%;
    float: right;
    text-align: center;
    padding: 10px;
    margin: 0 auto
}

.cta_thumbnail img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit:contain;";
    max-height: 300px
}

.cta_ttl {
    font-size: 27px;
    text-align: center;
    padding: 20px;
    background: #32454e;
    color: #fff;
    font-weight: bold
}

.cta_btnarea {
    text-align: center;
    clear: both;
    padding-bottom: 20px
}

.cta_btn {
    font-size: 23px;
    padding: 10px 60px
}

.cta_content .content {
    font-size: 1em;
    line-height: 2;
    padding-top: 20px;
    margin-bottom: 0;
    background: none
}

#cta .button01 a {
    width: 70%
}

@media screen and (max-width: 768px) {
    .cta_thumbnail {
        float: none !important;
        width: 100% !important;
        margin-left: 0px !important
    }

    .cta_ttl {
        font-size: 18px;
        text-align: left
    }
}

#lp-wrap {
    width: 100%
}

#lp-wrap .content {
    width: 1100px;
    margin: 0 auto
}

#lp-wrap .lp_header_img {
    margin: 0 auto
}

#lp-wrap .lp_header_img img {
    vertical-align: middle;
    width: 100%
}

.lp_footer_content {
    padding: 10px 20px;
    font-weight: bold;
    text-align: center
}

ul.lp-footer-nav-list {
    width: 100%
}

ul.lp-footer-nav-list li,
ul.lp-footer-nav-list li a {
    display: inline-block
}

ul.lp-footer-nav-list li a {
    padding: 10px
}

.lp-footer-copyrights {
    padding: 10px;
    letter-spacing: .05em;
    width: 100%
}

@media screen and (min-width: 1201px) {
    #lp-wrap .content {
        width: 1100px
    }
}

@media screen and (max-width: 1200px) {
    #lp-wrap .content {
        width: 90%
    }
}

@media screen and (max-width: 768px) {
    #lp-wrap .content {
        width: 100%
    }
}

.editer_diver_kiji {
    margin: 15px 0;
    border: 1px solid #eee
}

.editer_diver_kiji_ttl {
    font-size: .9em;
    padding: 3px 10px;
    border-bottom: 1px solid #ccc
}

.editer_diver_kiji_ttl:before {
    content: "";
    margin-right: 10px;
    font-family: fontAwesome
}

ul.diver_rel_kiji {
    border-top: 1px solid #eee;
    padding: 0;
    list-style: none;
    margin-bottom: 0 !important
}

ul.diver_rel_kiji li {
    line-height: 1.4;
    font-size: .8em;
    border-bottom: 1px solid #eee;
    padding: 5px 12px;
    margin-bottom: 0
}

ul.diver_rel_kiji li a {
    text-decoration: none
}

ul.diver_rel_kiji li:before {
    content: "";
    vertical-align: middle;
    margin-right: 10px;
    font-family: fontAwesome
}

.diver_headline {
    margin: 0 auto;
    padding: 10px 0;
    font-size: 20px;
    color: #3cb3e4
}

.diver_headline .diver_headline_text {
    margin: 10px 0
}

.diver_headline.border3 .diver_headline_text {
    color: #3cb3e4;
    text-align: center;
    overflow: hidden
}

.diver_headline.border3 .diver_headline_text span {
    display: inline-block;
    position: relative
}

.diver_headline.border3 .diver_headline_text span:before,
.diver_headline.border3 .diver_headline_text span:after {
    content: "";
    border-bottom: 2px solid #3cb3e4;
    width: 45px;
    margin: 0 15px;
    position: absolute;
    bottom: 50%
}

.diver_headline.border3 .diver_headline_text span:before {
    right: 100%
}

.diver_headline.border3 .diver_headline_text span:after {
    left: 100%
}

.content .wp-block-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 769px) {
    .content .wp-block-column {
        margin-right: 0;
        margin-left: 0;
        width: 50%
    }
}

.wp-block-image figcaption {
    margin: 0
}

.dvaux_icon {
    max-width: 200px;
    margin: 0 auto;
    padding: 40px;
    margin-bottom: 1.2em
}

.dvaux_iconbox {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 1em;
    position: relative
}

.dvaux_iconbox_meta {
    padding: 0 1em 1em 1em
}

.dvaux_iconbox .dvaux_icon {
    padding: 40px 0px;
    margin-bottom: 1em;
    max-width: 100%
}

.dvaux_iconbox--icon {
    margin: 10px 0
}

.dvaux_iconbox .ttl {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
    background: none;
    color: #000;
    line-height: 1.5
}

.dvaux_iconbox .textcontent {
    text-align: center;
    font-size: .9em
}

.dvaux_iconbox .wp-block-image img {
    border: none
}

.wp-block-column .dvaux_iconbox {
    height: 100%
}

.wp-block-image img {
    margin-bottom: 0
}

.dvaux_section_environ {
    margin: 0 -40px;
    padding-bottom: 60px;
    overflow: hidden
}

.dvaux_section_environ {
    padding-bottom: 60px
}

.dvaux_section_inner {
    padding: 40px;
    position: relative
}

.dvaux_section_inner>*:not(.section_filter) {
    z-index: 2;
    position: relative;
    max-width: 1100px;
    margin: 0 auto
}

.dvaux_section_environ:not(.normal)+.dvaux_section_environ>.dvaux_section_inner {
    padding-top: 80px
}

.dvaux_section_environ+.dvaux_section_environ {
    margin-top: -60px
}

.dvaux_section_inner .section_filter {
    position: absolute;
    background-color: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.fullpage .dvaux_section_environ,
.full .dvaux_section_environ {
    width: 100vw;
    margin-left: calc(50% - 50vw)
}

.fullpage .dvaux_section_environ,
.full .dvaux_section_environ {
    padding-bottom: 5.5vw
}

.fullpage .dvaux_section_environ+.dvaux_section_environ,
.full .dvaux_section_environ+.dvaux_section_environ {
    margin-top: -5.5vw
}

.fullpage .dvaux_section_environ.slope1 .dvaux_section_inner::after,
.full .dvaux_section_environ.slope1 .dvaux_section_inner::after {
    bottom: -5.5vw
}

.fullpage .dvaux_section_environ.slope1 .dvaux_section_inner::after,
.fullpage .dvaux_section_environ.slope2 .dvaux_section_inner::after,
.full .dvaux_section_environ.slope1 .dvaux_section_inner::after,
.full .dvaux_section_environ.slope2 .dvaux_section_inner::after {
    height: 5.5vw
}

.fullpage .dvaux_section_environ[class*=slope]+.dvaux_section_environ>.dvaux_section_inner,
.full .dvaux_section_environ[class*=slope]+.dvaux_section_environ>.dvaux_section_inner {
    padding-top: 7vw
}

@media screen and (max-width: 1200px) {
    .dvaux_section_environ {
        margin: 0 -15px
    }

    .dvaux_section_inner {
        padding: 40px 15px
    }
}

@media screen and (max-width: 768px) {
    .dvaux_section_environ {
        margin: 0 -10px
    }

    .dvaux_section_inner {
        padding: 40px 10px
    }
}

.dvaux_section_inner::after {
    position: absolute;
    content: "";
    pointer-events: none;
    z-index: 1
}

.dvaux_section_environ.balloon .dvaux_section_inner::after {
    bottom: -35px;
    z-index: 10;
    background: inherit;
    left: 50%;
    width: 70px;
    height: 70px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.dvaux_section_environ.slope1 .dvaux_section_inner::after {
    bottom: -50px;
    left: -5%;
    right: 0px;
    width: 110%;
    height: 20%;
    min-height: 60px;
    background: inherit;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.dvaux_section_environ.slope2 .dvaux_section_inner::after {
    bottom: 0px;
    left: -5%;
    right: 0px;
    width: 110%;
    height: 20%;
    min-height: 60px;
    background: inherit;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg)
}

.dvaux_section_environ.radius .dvaux_section_inner::after {
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 60px;
    background: inherit;
    border-radius: 0 0 50% 50%
}

.dvaux_section_environ.zigzag .dvaux_section_inner {
    padding-bottom: 60px;
    margin-bottom: -30px;
    position: relative;
    -webkit-mask-image: -webkit-linear-gradient(bottom, transparent 30px, #fff 30px), -webkit-linear-gradient(225deg, #fff 15px, transparent 15px), -webkit-linear-gradient(315deg, #fff 15px, transparent 15px);
    -webkit-mask-position: left bottom;
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-size: 100% 100%, 30px 30px, 30px 30px;
    z-index: 1
}

#lp-wrap .dvaux_section_environ {
    padding-bottom: 5.5vw
}

#lp-wrap .dvaux_section_environ+.dvaux_section_environ {
    margin-top: -5.5vw
}

#lp-wrap .dvaux_section_environ.slope1 .dvaux_section_inner::after {
    bottom: -5.5vw
}

#lp-wrap .dvaux_section_environ.slope1 .dvaux_section_inner::after,
#lp-wrap .dvaux_section_environ.slope2 .dvaux_section_inner::after {
    height: 5.5vw
}

#lp-wrap .dvaux_section_environ[class*=slope]+.dvaux_section_environ>.dvaux_section_inner {
    padding-top: 7vw
}

form.post_password {
    position: relative
}

.diver_password_wrap {
    padding: 30px;
    margin: 30px 10px;
    -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0px 3px rgba(0, 0, 0, .1);
    background: #fff
}

.diver_password_ttl {
    font-size: 1.1em;
    color: #ff9800
}

.diver_password_text {
    font-size: .9em;
    padding: 10px 0
}

.diver_password_wrap input {
    display: inline-block
}

.diver_password_wrap input[type=password] {
    width: 100%;
    padding: 1em;
    padding-right: 165px;
    background-color: #fff;
    border-radius: 0
}

.diver_password_wrap input[type=submit] {
    width: 150px;
    border-radius: 0;
    height: 100%;
    position: absolute;
    right: 0;
    padding: 0
}

@media screen and (max-width: 768px) {
    .diver_password_wrap input[type=password] {
        padding: 1em
    }

    .diver_password_wrap input[type=submit] {
        width: 100%;
        position: relative;
        padding: .5em
    }
}

.diver_firstview_simple {
    min-height: 200px;
    position: relative
}

.firstview_content {
    width: 75%;
    height: 100%;
    margin: 0 auto;
    padding: 2em 0;
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.diver_firstview_simple.stripe.length {
    background-image: -webkit-linear-gradient(135deg, transparent 25%, #ffc0cb 25%, #ffc0cb 50%, transparent 50%, transparent 75%, #ffc0cb 75%, #ffc0cb);
    background-image: -o-linear-gradient(135deg, transparent 25%, #ffc0cb 25%, #ffc0cb 50%, transparent 50%, transparent 75%, #ffc0cb 75%, #ffc0cb);
    background-image: linear-gradient(-45deg, transparent 25%, #ffc0cb 25%, #ffc0cb 50%, transparent 50%, transparent 75%, #ffc0cb 75%, #ffc0cb);
    background-size: 50px 50px
}

.diver_firstview_image {
    position: relative
}

.diver_firstview_image.norepeat {
    background-repeat: no-repeat
}

.diver_firstview_mov {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-size: 100% auto;
    background-position: center;
    background-color: #000
}

@media screen and (max-width: 768px) {
    .diver_firstview_mov {
        background-size: auto 100%;
        background-position: center
    }
}

.diver_firstview_mov.full {
    height: 100vh
}

.firstview_video_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    background: #000
}

.diver_firstview_mov.auto .firstview_video_wrap {
    position: absolute
}

.diver_firstview_mov video {
    vertical-align: middle;
    min-width: 100%;
    min-height: 100%;
    font-family: "object-fit:cover;";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.diver_firstview_mov .firstview_video_wrap {
    height: 100%
}

.diver_firstview_mov.full .firstview_content,
.diver_firstview_mov.custom .firstview_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.diver_firstview_mov.auto #diver_firstview_ytplayer {
    position: absolute
}

.diver_firstview_mov #diver_firstview_ytplayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.diver_firstview_mov_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.firstview_video_wrap .diver_firstview_mov_cover.dark,
.diver_firstview_mov_cover.dark .YTPOverlay {
    background: rgba(0, 0, 0, .3)
}

.firstview_video_wrap .diver_firstview_mov_cover.dot,
.diver_firstview_mov_cover.dot .YTPOverlay {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.5) 22%, transparent 0), -webkit-radial-gradient(rgba(0, 0, 0, 0.5) 22%, transparent 0);
    background-image: -o-radial-gradient(rgba(0, 0, 0, 0.5) 22%, transparent 0), -o-radial-gradient(rgba(0, 0, 0, 0.5) 22%, transparent 0);
    background-image: radial-gradient(rgba(0, 0, 0, 0.5) 22%, transparent 0), radial-gradient(rgba(0, 0, 0, 0.5) 22%, transparent 0);
    background-position: 0px 0px, 4px 4px;
    background-size: 8px 8px
}

.firstview_video_wrap .diver_firstview_mov_cover.check,
.diver_firstview_mov_cover.check .YTPOverlay {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), liner-gradient(90deg, transparent 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -webkit-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 100%), liner-gradient(90deg, transparent 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -o-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 100%), liner-gradient(90deg, transparent 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 100%);
    background-image: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 100%), liner-gradient(90deg, transparent 80%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 100%);
    background-color: rgba(0, 0, 0, 0);
    background-size: 10px 10px
}

.firstview_video_wrap .diver_firstview_mov_cover.pattern,
.diver_firstview_mov_cover.pattern .YTPOverlay {
    background: -webkit-radial-gradient(closest-side, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.298039) 99%), -webkit-radial-gradient(closest-side, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.298039) 99%), rgba(90, 90, 90, .7);
    background: -o-radial-gradient(closest-side, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.298039) 99%), -o-radial-gradient(closest-side, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.298039) 99%), rgba(90, 90, 90, .7);
    background: radial-gradient(closest-side, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.298039) 99%), radial-gradient(closest-side, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.298039) 99%), rgba(90, 90, 90, .7);
    background-position: 0 0, 40px 40px;
    background-size: 80px 80px
}

@media screen and (max-width: 768px) {
    .firstview_content {
        width: 90%
    }
}

.hvr-fade-post {
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.sns.mini .fb_iframe_widget {
    top: -5px
}

#marquee {
    width: 100%;
    overflow: hidden
}

.notfound_message {
    letter-spacing: normal
}

i span {
    display: none
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed
    }
}

.content i span {
    display: none
}

ins.adsbygoogle {
    position: relative;
    z-index: 999
}

@media screen and (max-width: 599px) {
    .sp_hide {
        display: none
    }

    .instagram-media {
        min-width: auto !important
    }
}

.diver-tabwidget__content ul li a {
    display: block;
    padding: .8em 1em;
    margin: 0;
    position: relative;
    font-size: .9em
}

#main .diver-tabwidget__content ul li a {
    font-size: 1em
}

.diver-tabwidget__content ul li.widget_post_list a {
    padding: 8px
}

.header_message {
    background: #eee;
    text-align: center;
    font-weight: bold;
    position: relative
}

.header_message_badge {
    display: inline-block;
    background: red;
    color: #fff;
    padding: .4em .6em;
    border-radius: 3px;
    font-size: .7em;
    margin-right: 8px;
    vertical-align: middle
}

.header_message_text {
    display: inline-block;
    vertical-align: middle;
    font-size: .9em;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.header_message .header_message_wrap {
    padding: 10px;
    display: block
}

a.header_message_wrap:hover .header_message_text {
    opacity: .7
}

@media screen and (max-width: 768px) {
    .header_message {
        font-size: .9em
    }

    .header_message_text {
        width: 100%
    }
}

.nav_in_btn {
    font-weight: bold
}

.nav_in_btn ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none
}

.nav_in_btn ul li {
    border-left: solid 1px #d4d4d4
}

.nav_in_btn ul li:last-child {
    border-right: 1px solid #d4d4d4
}

.nav_in_btn ul li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    height: 85px;
    font-size: 12px;
    font-weight: bold
}

.nav_in_btn ul li a:hover {
    opacity: .7
}

.nav_in_btn ul li i {
    font-size: 30px;
    margin: 5px 0
}

@media screen and (max-width: 959px) {
    .nav_in_btn {
        display: none
    }
}

@media screen and (max-width: 599px) {
    .d_sp .nav_in_btn {
        -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
        display: block
    }

    .d_sp .nav_in_btn ul li a {
        width: 100%;
        height: 65px;
        font-size: 10px
    }

    .d_sp .nav_in_btn ul li {
        width: 25%
    }

    .d_sp .nav_in_btn ul li i {
        font-size: 20px
    }
}

.fb-comments {
    width: 100%
}

.fb-comments iframe {
    min-width: 100%
}

@media screen and (min-width: 600px) {

    .post_list_wrap:hover,
    .mini-list-post-box:hover .post-box-contents,
    .pickup-cat-list:hover,
    .single-recommend:hover,
    .widget_post_list:hover,
    .sticky-post-box:hover,
    .sc_article.list>a:hover {
        -webkit-transform: translate(3px, 0);
        -ms-transform: translate(3px, 0);
        transform: translate(3px, 0)
    }

    .grid_post-box:hover .post-box-contents,
    .post_footer_author .author-post:hover,
    .widget_post_list.grid:hover,
    .sc_article.grid>a:hover {
        -webkit-transform: translate(0, -3px);
        -ms-transform: translate(0, -3px);
        transform: translate(0, -3px)
    }
}

.fa:before {
    font-family: fontAwesome
}

.widget.widget_block h2,
.widget.widget_block h3 {
    position: relative;
    font-size: 16px;
    padding: 8px 15px;
    margin: 10px -10px
}

.widget.widget_block .wp-block-group h2:first-child,
.widget.widget_block .wp-block-group h3:first-child {
    margin: -10px;
    margin-bottom: 10px
}

.wp-block-search .wp-block-search__input {
    background: #fff;
    height: 38px;
    border: none
}

.wp-block-search .wp-block-search__button {
    background: #3c74ad;
    color: #fff;
    border-radius: 0;
    font-weight: bold;
    white-space: nowrap
}

.wp-block-search .wp-block-search__button svg {
    fill: #fff
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
    border-radius: 0;
    border: none;
    padding: 0 0 0 .25em
}

.wp-block-search:not(.wp-block-search__button-outside) .wp-block-search__inside-wrapper,
.wp-block-search.wp-block-search__button-outside .wp-block-search__input {
    border: 1px solid #ccc
}

/*******roc*目次*/
@charset "UTF-8";

/*
Plugin Name: RTOC - Rich Table of Content
Author:
Author URI:
Version: 1.4.3
*/
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes slideFade {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@-moz-keyframes slideFade {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes slideFade {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

#rtoc_shortcode {
    display: none;
    margin: 0;
    padding: 0;
}

#rtoc_return {
    display: none;
    position: relative;
    z-index: 9999;
}

#rtoc_return a {
    position: fixed;
    bottom: 70px;
    right: 16px;
    width: 58px;
    height: 58px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
    padding-top: 36px;
    box-sizing: border-box;
    background-color: #ccc;
    border-radius: 50%;
    color: #fff;
    font-size: 0.6em;
    text-align: center;
    text-decoration: none;
}

#rtoc_return a::before {
    position: absolute;
    content: "";
    top: 12px;
    left: 16px;
    width: 24px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 24px 22px;
}

#rtoc_return.back_button_left a {
    right: auto;
    left: 16px;
}

@media (min-width: 1200px) {
    #rtoc_return.back_button_left a {
        bottom: 22px;
    }
}

#rtoc_return.back_button_right a {
    right: 16px;
}

.rtoc-mokuji-content {
    width: 100%;
    max-width: 700px;
    font-size: 16px;
    font-weight: 400;
    margin: 40px auto;
    box-sizing: border-box;
}

.rtoc-mokuji-content.rtoc_text_parent {
    padding-bottom: 56px;
}

@media (min-width: 768px) {
    .rtoc-mokuji-content.rtoc_text_parent {
        padding-bottom: 32px;
    }
}

.rtoc-mokuji-content.frame2 {
    width: 100%;
    position: relative;
    padding-bottom: 0.1px;
}

.rtoc-mokuji-content.frame2::before {
    position: absolute;
    content: "";
    border: 4px solid #111;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    top: 0;
    left: 0;
    opacity: 0.15;
}

.rtoc-mokuji-content.frame3 {
    border-top: 2px solid;
    border-bottom: 2px solid;
}

@media (min-width: 1024px) {
    .rtoc-mokuji-content.frame3 {
        width: 70%;
        margin: 0 auto;
    }
}

.rtoc-mokuji-content.frame4 {
    padding-bottom: 0.1px;
    border-top: 4px solid #25343e;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.rtoc-mokuji-content.frame5 {
    border-top: 2px solid #25343e;
    border-bottom: 2px solid #25343e;
    position: relative;
}

.rtoc-mokuji-content.frame5::before,
.rtoc-mokuji-content.frame5::after {
    position: absolute;
    content: "";
    top: -10px;
    height: calc(100% + 20px);
    width: 2px;
    border-radius: 1px;
}

@media (min-width: 768px) {

    .rtoc-mokuji-content.frame5::before,
    .rtoc-mokuji-content.frame5::after {
        height: calc(100% + 32px);
    }
}

.rtoc-mokuji-content.frame5::before {
    left: 10px;
}

@media (min-width: 768px) {
    .rtoc-mokuji-content.frame5::before {
        top: -16px;
        left: 16px;
    }
}

.rtoc-mokuji-content.frame5::after {
    right: 10px;
}

@media (min-width: 768px) {
    .rtoc-mokuji-content.frame5::after {
        top: -16px;
        right: 16px;
    }
}

.rtoc-mokuji-content.helvetica {
    font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}

.rtoc-mokuji-content.helvetica .mokuji_ol>.rtoc-item::before {
    font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}

.rtoc-mokuji-content.helvetica .decimal_ol>.rtoc-item::before,
.rtoc-mokuji-content.helvetica .decimal_ol.level-2>.rtoc-item::before {
    font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}

.rtoc-mokuji-content.noto-sans {
    font-family: "Noto Sans JP", sans-serif;
}

.rtoc-mokuji-content.noto-sans .mokuji_ol>.rtoc-item::before {
    font-family: "Noto Sans JP", sans-serif;
}

.rtoc-mokuji-content.noto-sans .decimal_ol>.rtoc-item::before,
.rtoc-mokuji-content.noto-sans .decimal_ol.level-2>.rtoc-item::before {
    font-family: "Noto Sans JP", sans-serif;
}

.rtoc-mokuji-content #rtoc-mokuji-ttl {
    padding: 32px 28px 8px;
    font-size: 1.35em;
    letter-spacing: 0;
    line-height: 1.8;
}

@media (min-width: 1024px) {
    .rtoc-mokuji-content #rtoc-mokuji-ttl {
        padding: 40px 64px 16px;
        font-size: 1.65em;
    }
}

.rtoc-mokuji-content #rtoc-mokuji-ttl.is_close {
    padding: 32px;
}

@media (min-width: 1024px) {
    .rtoc-mokuji-content #rtoc-mokuji-ttl.is_close {
        padding: 40px 64px;
    }
}

.rtoc-mokuji-content #rtoc-mokuji-ttl.rtoc_left {
    display: flex;
    text-align: left;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.rtoc-mokuji-content #rtoc-mokuji-ttl.rtoc_center {
    display: flex;
    flex-direction: column-reverse;
    padding: 32px 28px 8px;
    text-align: center;
}

@media (min-width: 768px) {
    .rtoc-mokuji-content #rtoc-mokuji-ttl.rtoc_center {
        font-size: 1.65em;
        flex-direction: row-reverse;
        justify-content: center;
    }
}

@media (min-width: 1024px) {
    .rtoc-mokuji-content #rtoc-mokuji-ttl.rtoc_center {
        padding: 40px 64px 16px;
    }
}

.rtoc-mokuji-content #rtoc-mokuji-ttl.rtoc_btn_none {
    padding-bottom: 4px;
    flex-direction: row;
}

.rtoc-mokuji-content.frame5 #rtoc-mokuji-ttl {
    padding: 32px 40px 8px;
}

@media (min-width: 768px) {
    .rtoc-mokuji-content.frame5 #rtoc-mokuji-ttl {
        padding: 40px 64px 16px;
    }
}

.rtoc-mokuji-content .rtoc-mokuji {
    padding: 0;
    margin: 0;
}

.rtoc-mokuji-content .rtoc-mokuji.level-1 {
    margin: 0 28px 32px !important;
}

@media (min-width: 1024px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-1 {
        margin: 0 64px 40px !important;
    }
}

@media (min-width: 768px) {
    .rtoc-mokuji-content.frame5 .level-1 {
        margin: 0 64px;
    }
}

.rtoc-mokuji-content .rtoc-mokuji {
    padding: 0;
    margin: 0;
    list-style: none;
    transition: all 0.3s;
}

.rtoc-mokuji-content .rtoc-mokuji li {
    position: relative;
    margin: 0 !important;
    line-height: 1.55;
}

.rtoc-mokuji-content .rtoc-mokuji li>a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    transition: all 0.3s;
}

.rtoc-mokuji-content .rtoc-mokuji li>a:hover {
    text-decoration: underline;
}

.rtoc-mokuji-content .rtoc-mokuji.level-1 li {
    font-size: 0.95em;
    list-style: none;
}

.rtoc-mokuji-content .rtoc-mokuji.level-1 li span {
    font-size: 0.95em !important;
}

.rtoc-mokuji-content .rtoc-mokuji.level-2 li {
    font-size: 0.9em;
}

.rtoc-mokuji-content .rtoc-mokuji.level-3 li {
    font-size: 0.9em;
}

.rtoc-mokuji-content .rtoc-mokuji.level-1 {
    padding-left: 1.3em;
    border: none !important;
}

.rtoc-mokuji-content .rtoc-mokuji.level-1.mokuji_ol {
    padding-left: 2em;
}

@media (max-width: 767px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-1.mokuji_ol {
        padding-left: 1.3em;
    }
}

.rtoc-mokuji-content .rtoc-mokuji.level-1.decimal_ol {
    padding-left: 1.3em;
}

@media (max-width: 767px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-1 {
        padding-left: 1.5em;
    }
}

.rtoc-mokuji-content .rtoc-mokuji.level-1 li {
    padding: 16px 0 0 0;
}

.rtoc-mokuji-content .rtoc-mokuji.level-1 .decimal_ol li::before {
    top: 6px;
}

.rtoc-mokuji-content .rtoc-mokuji.level-1 .mokuji_ol.decimal_ol li::before {
    top: 7px !important;
}

.rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point {
    max-width: 210px;
}

@media (min-width: 552px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point {
        max-width: 360px;
    }
}

@media (min-width: 552px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point {
        max-width: 320px;
    }
}

@media (min-width: 1024px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point {
        max-width: 420px;
    }
}

@media (min-width: 1200px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point {
        max-width: 480px;
    }
}

.rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point::after {
    font-size: 0.7em;
    padding: 4px 6px;
    right: -69px;
    top: 1px;
}

@media (min-width: 552px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point::after {
        font-size: 0.75em;
        padding: 4px 8px;
        right: -80px;
    }
}

@media (min-width: 768px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-1 .rtoc-accent-point::after {
        padding: 5px 8px 4px;
        right: -75px;
    }
}

.rtoc-mokuji-content .rtoc-mokuji.level-2 {
    padding-left: 1.2em;
    padding-bottom: 4px !important;
    padding-top: 4px !important;
    margin-bottom: 0 !important;
}

@media (min-width: 1024px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-2 {
        padding-bottom: 0.75em !important;
    }
}

.rtoc-mokuji-content .rtoc-mokuji.level-2.mokuji_ol {
    padding-left: 1.25em;
}

.rtoc-mokuji-content .rtoc-mokuji.level-2 li {
    padding-top: 6px;
}

.rtoc-mokuji-content .rtoc-mokuji.level-2.decimal_ol {
    padding-left: 1.25em;
}

.rtoc-mokuji-content .rtoc-mokuji.level-2 #rtocAC.accent-point::after {
    font-size: 0.6em;
    padding: 4px 6px;
    right: -70px;
    padding: 4px 5px;
    right: -67px;
}

.rtoc-mokuji-content .rtoc-mokuji.level-2 .rtoc_accent-point {
    max-width: 166px;
}

@media (min-width: 552px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-2 .rtoc_accent-point {
        max-width: 360px;
    }
}

@media (min-width: 768px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-2 .rtoc_accent-point {
        max-width: 300px;
    }
}

@media (min-width: 768px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-2 .rtoc_accent-point {
        max-width: 400px;
    }
}

@media (min-width: 1200px) {
    .rtoc-mokuji-content .rtoc-mokuji.level-2 .rtoc_accent-point {
        max-width: 450px;
    }
}

.rtoc-mokuji-content .rtoc-mokuji.level-3 {
    padding-top: 2px;
    padding-bottom: 8px;
    padding-left: 1.1em;
}

.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 {
    padding-left: 0px;
}

.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .mokuji_ul,
.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .mokuji_ol {
    padding-left: 2.2em;
}

.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .mokuji_ul>.rtoc-item::before,
.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .mokuji_ol>.rtoc-item::before {
    left: -1.15em;
}

.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .decimal_ol {
    padding-left: 2.3em;
}

.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .mokuji_none.level-2 {
    padding-left: 1.1em;
}

.rtoc-mokuji-content .rtoc-mokuji.mokuji_none.level-1 .mokuji_ol.level-2 .rtoc-item::before {
    top: 4px;
}

.rtoc-mokuji-content .rtoc-mokuji.decimal_ol .level-2 {
    padding-left: 2.4em;
}

@media (min-width: 768px) {
    .rtoc-mokuji-content .rtoc-mokuji.decimal_ol .level-2 {
        padding-left: 2.55em;
    }
}

@media (min-width: 768px) {

    .rtoc-mokuji-content .rtoc-mokuji.decimal_ol .level-2.decimal_ol,
    .rtoc-mokuji-content .rtoc-mokuji.decimal_ol .level-2.mokuji_ol {
        padding-left: 2.75em;
    }
}

.rtoc-mokuji-content .mokuji_none .mokuji_none.level-2 {
    padding-left: 1em;
}

.rtoc-mokuji-content .mokuji_ol .rtoc-item::after,
.rtoc-mokuji-content .mokuji_ul .rtoc-item::after {
    content: none;
}

.rtoc-mokuji-content.frame5 .rtoc-mokuji.level-1 {
    margin: 0 40px 32px;
}

@media (min-width: 1024px) {
    .rtoc-mokuji-content.frame5 .rtoc-mokuji.level-1 {
        margin: 0 64px 40px !important;
    }
}

.rtoc-mokuji-content .mokuji_ul>.rtoc-item::before {
    width: 9px;
    height: 9px;
    position: absolute;
    content: "";
    border-radius: 50%;
    top: 23px;
    left: -1.2em;
}

@media (max-width: 767px) {
    .rtoc-mokuji-content .mokuji_ul>.rtoc-item::before {
        top: 21px;
    }
}

.rtoc-mokuji-content .mokuji_ul>.rtoc-item::after {
    content: none !important;
}

.rtoc-mokuji-content .mokuji_ul .mokuji_ul .rtoc-item::before {
    position: absolute;
    content: "";
    top: 12px;
    left: -1.2em;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .rtoc-mokuji-content .mokuji_ul .mokuji_ul .rtoc-item::before {
        width: 6px;
        height: 6px;
        top: 12px;
    }
}

.rtoc-mokuji-content .mokuji_ul .mokuji_ul .mokuji_none .rtoc-item::before {
    content: none;
}

.rtoc-mokuji-content .mokuji_ul .mokuji_ol>.rtoc-item::before {
    left: -2.2em;
    top: 5px;
}

.rtoc-mokuji-content .mokuji_ul .mokuji_ol li {
    padding-left: 4px;
}

.rtoc-mokuji-content .rtoc-mokuji .mokuji_ul .rtoc-item::before,
.rtoc-mokuji-content .rtoc-mokuji.mokuji_none .mokuji_ul .rtoc-item::before {
    width: 6px;
    height: 6px;
    top: 14px;
}

.rtoc-mokuji-content .mokuji_ol {
    padding-left: 0;
    counter-reset: rtoc-li;
    list-style: none;
    border: none;
}

.rtoc-mokuji-content .mokuji_ol>.rtoc-item {
    position: relative;
}

.rtoc-mokuji-content .mokuji_ol>.rtoc-item::before {
    display: inline-block;
    position: absolute;
    top: 15px;
    left: -2.5em;
    width: 32px;
    height: auto;
    font-size: 1.1em;
    font-weight: normal;
    counter-increment: rtoc-li;
    content: counter(rtoc-li) ". ";
    background-color: transparent !important;
    background: transparent;
    box-shadow: none;
    text-align: right;
}

@media (max-width: 767px) {
    .rtoc-mokuji-content .mokuji_ol>.rtoc-item::before {
        left: -2.1em;
    }
}

.rtoc-mokuji-content .mokuji_ol>.rtoc-item .mokuji_ul>.rtoc-item::before {
    left: -1.2em;
}

.rtoc-mokuji-content .mokuji_ol .mokuji_ol {
    counter-reset: rtoc-li2;
}

.rtoc-mokuji-content .mokuji_ol .mokuji_ol>.rtoc-item::before {
    display: inline-block;
    counter-increment: rtoc-li2;
    content: counter(rtoc-li2) ". ";
    position: absolute;
    top: 7px;
    left: -1.5em;
    width: auto;
    height: auto;
    font-size: 0.9em;
    font-weight: normal;
    background-color: transparent !important;
    background: transparent;
    box-shadow: none;
}

.rtoc-mokuji-content .decimal_ol {
    padding-left: 0;
    counter-reset: rtoc-decimal-1;
    list-style: none;
}

.rtoc-mokuji-content .decimal_ol>.rtoc-item {
    position: relative;
    counter-increment: rtoc-decimal-1;
}

.rtoc-mokuji-content .decimal_ol>.rtoc-item::after {
    content: "" !important;
    position: absolute;
    top: 18px;
    left: 12px;
    right: auto;
    bottom: auto;
    height: 17px;
    width: 1px;
    border-radius: 1px;
}

@media (min-width: 768px) {
    .rtoc-mokuji-content .decimal_ol>.rtoc-item::after {
        top: 19px;
    }
}

.rtoc-mokuji-content .decimal_ol>.rtoc-item::before {
    display: inline-block;
    content: counter(rtoc-decimal-1, decimal-leading-zero) "";
    position: absolute;
    left: -1.3em;
    top: 16px;
    width: auto;
    height: auto;
    font-size: 1.05em;
    font-weight: normal;
    background-color: transparent !important;
    background: transparent;
    box-shadow: none;
}

.rtoc-mokuji-content .decimal_ol>.rtoc-item>a {
    padding-left: 1.35em;
}

@media (min-width: 1024px) {
    .rtoc-mokuji-content .decimal_ol>.rtoc-item>a {
        padding-left: 1.65em;
    }
}

.rtoc-mokuji-content .decimal_ol .decimal_ol {
    counter-reset: none;
}

.rtoc-mokuji-content .decimal_ol.level-2>.rtoc-item {
    counter-increment: rtoc-decimal-2;
}

.rtoc-mokuji-content .decimal_ol.level-2>.rtoc-item::after {
    width: 1px;
    height: 14px;
    top: 10px;
    left: 0.75em;
}

.rtoc-mokuji-content .decimal_ol.level-2>.rtoc-item::before {
    display: inline;
    content: counter(rtoc-decimal-2, decimal-leading-zero) "";
    left: -1.2em;
    font-weight: normal;
    font-size: 0.95em;
    box-shadow: none;
    background: transparent;
}

.rtoc-mokuji-content .decimal_ol.level-2>.rtoc-item>a {
    padding-left: 1.65em;
}

.rtoc-mokuji-content .decimal_ol.level-2 .level-3 {
    padding-left: 2.3em;
}

.rtoc-mokuji-content .decimal_ol .mokuji_ul>.rtoc-item::before {
    left: -1.15em;
}

.rtoc-mokuji-content .decimal_ol .mokuji_ol>.rtoc-item::before {
    left: -2.2em;
    top: 5px;
}

.rtoc-mokuji-content .mokuji_none.level-3>.rtoc-item::before {
    display: none;
}

.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-ttl,
.rtoc-mokuji-content.rtoc_open #rtoc-mokuji-ttl {
    position: relative;
}

.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-ttl .rtoc_open_close,
.rtoc-mokuji-content.rtoc_open #rtoc-mokuji-ttl .rtoc_open_close {
    box-sizing: content-box;
    padding: 8px 12px;
    font-size: 10px;
    height: 15px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    border: none;
    background-color: #f2f2f2;
    cursor: pointer;
    letter-spacing: 1px;
}


/***追記****/

.rtoc-mokuji-content .decimal_ol a {
    color: #333;
}

.rtoc-mokuji-content .decimal_ol>.rtoc-item::after {
    top: 19px;
    background: #333;
}

.rtoc-mokuji-content .decimal_ol .mokuji_ul>.rtoc-item::before {
    left: -1.15em;

    background-color: #bfbfbf;
}

#breadcrumb {
    background-color: #fff;
}

#single-main header {
    display: block;
    position: relative;
}

#container {
    background: #F5E3D4;
}

.ttl01 {
    color: #000;
    background-color: #000;
    text-align: left;
    background: transparent;
    padding-left: 0px !important;
    padding-right: 0px;
}

.voice-left-icon {
    border-radius: 50%;
    border: 2px solid #eee;
    width: 70px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;

}

.voice-left-name {
    line-height: 1;
    font-size: .8em;
}

.icon-comment:before {
    content: "";
    padding-left: 10px;
    padding-top: 10px;
    background-image: url(../img/lightbulb-solid.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    width: 17px;
    height: 17px;
    margin: 0px 5px 5px;
    display: inline-block;
    vertical-align: middle;
}

.frame01 {

    border-color:#b197fc !important;
    border: 3px solid #ccc;
    padding: 2em 1.5em 1em 1.5em;
    position: relative;
    border-radius: 5px;
    background: #fff;
    color: #000;
    margin: 0;

}

.largeimg{
    max-width: 900px;
    width: 94vw;
    max-height: 506px;
}

.star4{
    height: 16px;
    width: 85px;
    background-image: url(../images/diverstar.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    z-index: 999;
        position: relative;
}



/***********************************************
ボタンがキラッと光る
************************************************/
/* ------------------------------------
ボタンの基本スタイル
------------------------------------*/
/* ボタン自体のスタイル */
.shine-button a {
    /* ボタンを光らせるために必要 */
    position: relative;
    /* ボタンの位置を基準にするため relative指定 */
    overflow: hidden;
    /* ボタンの外の領域は非表示 */
  }
  
  /* ------------------------------------
  ボタンの外側にボックス作成
  （疑似要素「before」を使う）
  ------------------------------------*/
  .shine-button a::before {
    content: "";
    /* 文字は表示しないので中身無しを指定 */
    position: absolute;
    /* ボタンの位置を基準に絶対値指定する */
    display: block;
    /* 形式はblock */
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
    /* 背景色は透明から白になるグラデーション */
    width: 50px;
    /* 横幅 */
    height: 50px;
    /* 縦幅 */
    top: -60px;
    /* ボタン左上を基準に上へ60pxの位置 */
    left: -60px;
    /* ボタン左上を基準に左へ60pxの位置 */
    /* アニメーションの動作指定 */
    animation-name: shine-run;
    /* アニメーション名の指定 */
    animation-delay: 0s;
    /* アニメーションの開始時間指定 */
    animation-duration: 3s;
    /* アニメーション動作時間の指定 */
    animation-timing-function: ease-in;
    /* アニメーションの動き指定（徐々に早く）*/
    animation-iteration-count: infinite;
    /* アニメーションの無限繰り返しの指定 */
  }
  
  /* ------------------------------------
  アニメーションのタイミングとボックスの
  拡大率、角度、透過率の指定
  ------------------------------------*/
  @keyframes shine-run {
    0% {
      transform: scale(0) rotate(50deg);
      /* アニメ開始時は大きさ0、50度の傾き */
      opacity: 0;
      /* アニメ開始時は全透過 */
    }
  
    40% {
      transform: scale(1) rotate(50deg);
      /* 40%まで進む間に大きさを等倍に。傾きは50度のまま*/
      opacity: 1;
      /* 透過しない（しっかり表示される）ように1を設定 */
    }
  
    100% {
      transform: scale(250) rotate(50deg);
      /* 最後は元の大きさの250倍になるようにする。傾きは50度のまま*/
      opacity: 0;
      /* 全透過になるようにして、徐々に消えるような変化を付ける */
    }
  }

  

/* ------------------------------------
ドキドキするボタン.dokidoki {
    width: 80%;
}
  ------------------------------------*/


.dokidoki {
    animation-name: dokidoki;
    animation-delay: 0s;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

    display: block;
    max-width: 500px;

    margin: 40px auto 20px;
    text-decoration: none !important;
    text-align: center;
}

@keyframes dokidoki {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.03)
    }

    100% {
        transform: scale(1)
    }
}

.frame02{

    position: relative;
    padding: 1rem 1.5rem;
    border: 3px solid #27acd9;
  }
.frame02:before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    content: '';
    border: 1px dotted #27acd9;
  }

/* add under */


  
    @media screen and (max-width:599px) {
      .grid_post-box {
        width: 50% !important;
      }
    }
  
  /*
    .appeal_box,
    #share_plz,
    .hentry,
    #single-main .post-sub,
    #breadcrumb,
    #sidebar .widget,
    .navigation,
    .wrap-post-ttl,
    .pickup-cat-wrap,
    .maintop-widget,
    .mainbottom-widget,
    .post-box-contents,
    #main-wrap .pickup_post_list,
    .sticky-post-box,
    .p-entry__tw-follow,
    .p-entry__push,
    .catpage_content_wrap,
    #cta,
    h1.page_ttl {
      -webkit-box-shadow: 0 0 5px #ddd;
      -moz-box-shadow: 0 0 5px #ddd;
      box-shadow: 0 0 5px #ddd;
      -webkit-box-shadow: 0 0 0 5px rgba(150, 150, 150, .2);
      -moz-box-shadow: 0 0 5px rgba(150, 150, 150, .2);
      box-shadow: 0 0 5px rgba(150, 150, 150, .2);
    }
  */
  
    .newlabel {
      display: inline-block;
      position: absolute;
      margin: 0;
      text-align: center;
      font-size: 13px;
      color: #fff;
      font-size: 13px;
      background: #f66;
      top: 0;
    }

    .newlabel span {
      color: #fff;
      background: #f66;
    }

    .widget_post_list .newlabel:before {
      border-left-color: #f66;
    }

    .pickup-cat-img .newlabel::before {
      content: "";
      top: 0;
      left: 0;
      border-bottom: 40px solid transparent;
      border-left: 40px solid #f66;
      position: absolute;
    }

    .pickup-cat-img .newlabel span {
      font-size: 11px;
      display: block;
      top: 6px;
      transform: rotate(-45deg);
      left: 0px;
      position: absolute;
      z-index: 101;
      background: none;
    }

    @media screen and (max-width:768px) {
      .newlabel span {
        font-size: .6em;
      }
    }
  
  
    .post-box-contents .newlable {
      top: 0px;
    }

    .post-box-contents .newlabel::before {
      content: "";
      top: 0;
      left: 0;
      border-bottom: 4em solid transparent;
      border-left: 4em solid #f66;
      position: absolute;
    }

    .post-box-contents .newlabel span {
      white-space: nowrap;
      display: block;
      top: 8px;
      transform: rotate(-45deg);
      left: 2px;
      position: absolute;
      z-index: 101;
      background: none;
    }

    @media screen and (max-width:768px) {
      .post-box-contents .newlabel::before {
        border-bottom: 3em solid transparent;
        border-left: 3em solid #f66;
      }

      .post-box-contents .newlabel span {
        top: 7px;
        left: 1px;
      }
    }
  
  
    @media screen and (min-width:560px) {

      .grid_post-box:hover .grid_post_thumbnail img,
      .post-box:hover .post_thumbnail img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
      }
    }
  
  
    #page-top a {
      background: rgba(0, 0, 0, 0.6);
      color: #fff;
    }
  
  
    .wpp-list li:nth-child(1):after,
    .diver_popular_posts li.widget_post_list:nth-child(1):after {
      background: rgb(255, 230, 88);
    }

    .wpp-list li:nth-child(2):after,
    .diver_popular_posts li.widget_post_list:nth-child(2):after {
      background: #ccc;
    }

    .wpp-list li:nth-child(3):after,
    .diver_popular_posts li.widget_post_list:nth-child(3):after {
      background: rgba(255, 121, 37, 0.8);
    }

    .wpp-list li:after {
      content: counter(wpp-ranking, decimal);
      counter-increment: wpp-ranking;
    }

    .diver_popular_posts li.widget_post_list:after {
      content: counter(dpp-ranking, decimal);
      counter-increment: dpp-ranking;
    }

    .wpp-list li:after,
    .diver_popular_posts li.widget_post_list:after {
      line-height: 1;
      position: absolute;
      padding: 3px 6px;
      left: 4px;
      top: 4px;
      background: #313131;
      color: #fff;
      font-size: 1em;
      border-radius: 50%;
      font-weight: bold;
      z-index:
    }
  
  
    .wrap-post-ttl,
    .wrap-post-ttl a {
      color: #333;
      text-decoration: none;
    }
  
  
    .wrap-post-ttl,
    .widget .wrap-post-ttl {
      background: #fff;
    }
  
  
    .widget.widget_block .wp-block-group h2:first-child,
    .widget.widget_block .wp-block-group h3:first-child,
    .widgetttl {
      color: #fff;
    }
  
  
    .widget.widget_block .wp-block-group h2:first-child,
    .widget.widget_block .wp-block-group h3:first-child,
    .widgetttl {
      background: #004363;
    }
  
  
    .content {
      font-size: 17px;
      line-height: 1.8em;
    }

    :where(.content) p:where(:not([style]):not(:empty)),
    :where(.content) div:where(:not([class]):not([style]):not(:empty)) {
      margin: 0 0 1em;
    }

    :where(.content) p:where(:not([class]):not([style]):empty),
    :where(.content) div:where(:not([class]):not([style]):empty) {
      padding-bottom: 1em;
      margin: 0;
    }

    :where(.content) ul,
    :where(.content) ol,
    :where(.content) table,
    :where(.content) dl {
      margin-bottom: 1em;
    }

    .single_thumbnail img {
      max-height: 500px;
    }

    @media screen and (max-width:768px) {
      .content {
        font-size: 16px
      }
    }
  
  
    .diver_firstview_simple.stripe.length {
      background-image: linear-gradient(-90deg, transparent 25%, #fff 25%, #fff 50%, transparent 50%, transparent 75%, #fff 75%, #fff);
      background-size: 80px 50px;
    }

    .diver_firstview_simple.stripe.slant {
      background-image: linear-gradient(-45deg, transparent 25%, #fff 25%, #fff 50%, transparent 50%, transparent 75%, #fff 75%, #fff);
      background-size: 50px 50px;
    }

    .diver_firstview_simple.stripe.vertical {
      background-image: linear-gradient(0deg, transparent 25%, #fff 25%, #fff 50%, transparent 50%, transparent 75%, #fff 75%, #fff);
      background-size: 50px 80px;
    }

    .diver_firstview_simple.dot {
      background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
      background-position: 0 0, 10px 10px;
      background-size: 20px 20px;
    }

    .diver_firstview_simple.tile.length,
    .diver_firstview_simple.tile.vertical {
      background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
      background-position: 5px 5px, 40px 40px;
      background-size: 70px 70px;
    }

    .diver_firstview_simple.tile.slant {
      background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
      background-size: 50px 50px;
      background-position: 25px;
    }

    .diver_firstview_simple.grad.length {
      background: linear-gradient(#fff, #759ab2);
    }

    .diver_firstview_simple.grad.vertical {
      background: linear-gradient(-90deg, #fff, #759ab2);
    }

    .diver_firstview_simple.grad.slant {
      background: linear-gradient(-45deg, #fff, #759ab2);
    }

    .single_thumbnail:before {
      content: '';
      background: inherit;
      -webkit-filter: grayscale(100%) blur(5px) brightness(.9);
      -moz-filter: grayscale(100%) blur(5px) brightness(.9);
      -o-filter: grayscale(100%) blur(5px) brightness(.9);
      -ms-filter: grayscale(100%) blur(5px) brightness(.9);
      filter: grayscale(100%) blur(5px) brightness(.9);
      position: absolute;
      top: -5px;
      left: -5px;
      right: -5px;
      bottom: -5px;
      z-index: -1;
    }

    .cstmreba {
      width: 98%;
      height: auto;
      margin: 36px 0;
    }

    .booklink-box,
    .kaerebalink-box,
    .tomarebalink-box {
      width: 100%;
      background-color: #fff;
      overflow: hidden;
      box-sizing: border-box;
      padding: 12px 8px;
      margin: 1em 0;
      -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
    }

    .booklink-image,
    .kaerebalink-image,
    .tomarebalink-image {
      width: 150px;
      float: left;
      margin: 0 14px 0 0;
      text-align: center;
    }

    .booklink-image a,
    .kaerebalink-image a,
    .tomarebalink-image a {
      width: 100%;
      display: block;
    }

    .booklink-image a img,
    .kaerebalink-image a img,
    .tomarebalink-image a img {
      margin: 0;
      padding: 0;
      text-align: center;
    }

    .booklink-info,
    .kaerebalink-info,
    .tomarebalink-info {
      overflow: hidden;
      line-height: 170%;
      color: #333;
    }

    .booklink-info a,
    .kaerebalink-info a,
    .tomarebalink-info a {
      text-decoration: none;
    }

    .booklink-name>a,
    .kaerebalink-name>a,
    .tomarebalink-name>a {
      border-bottom: 1px dotted;
      color: #0044cc;
      font-size: 16px;
    }

    .booklink-name>a:hover,
    .kaerebalink-name>a:hover,
    .tomarebalink-name>a:hover {
      color: #722031;
    }

    .booklink-powered-date,
    .kaerebalink-powered-date,
    .tomarebalink-powered-date {
      font-size: 10px;
      line-height: 150%;
    }

    .booklink-powered-date a,
    .kaerebalink-powered-date a,
    .tomarebalink-powered-date a {
      border-bottom: 1px dotted;
      color: #0044cc;
    }

    .booklink-detail,
    .kaerebalink-detail,
    .tomarebalink-address {
      font-size: 12px;
    }

    .kaerebalink-link1 img,
    .booklink-link2 img,
    .tomarebalink-link1 img {
      display: none;
    }

    .booklink-link2>div,
    .kaerebalink-link1>div,
    .tomarebalink-link1>div {
      float: left;
      width: 32.33333%;
      margin: 0.5% 0;
      margin-right: 1%;
    }

    .booklink-link2 a,
    .kaerebalink-link1 a,
    .tomarebalink-link1 a {
      width: 100%;
      display: inline-block;
      text-align: center;
      font-size: .9em;
      line-height: 2em;
      padding: 3% 1%;
      margin: 1px 0;
      border-radius: 2px;
      color: #fff !important;
      box-shadow: 0 2px 0 #ccc;
      background: #ccc;
      position: relative;
      transition: 0s;
      font-weight: bold;
    }

    .booklink-link2 a:hover,
    .kaerebalink-link1 a:hover,
    .tomarebalink-link1 a:hover {
      top: 2px;
      box-shadow: none;
    }

    .tomarebalink-link1 .shoplinkrakuten a {
      background: #76ae25;
    }

    .tomarebalink-link1 .shoplinkjalan a {
      background: #ff7a15;
    }

    .tomarebalink-link1 .shoplinkjtb a {
      background: #c81528;
    }

    .tomarebalink-link1 .shoplinkknt a {
      background: #0b499d;
    }

    .tomarebalink-link1 .shoplinkikyu a {
      background: #bf9500;
    }

    .tomarebalink-link1 .shoplinkrurubu a {
      background: #000066;
    }

    .tomarebalink-link1 .shoplinkyahoo a {
      background: #ff0033;
    }

    .kaerebalink-link1 .shoplinkyahoo a {
      background: #ff0033;
    }

    .kaerebalink-link1 .shoplinkbellemaison a {
      background: #84be24;
    }

    .kaerebalink-link1 .shoplinkcecile a {
      background: #8d124b;
    }

    .kaerebalink-link1 .shoplinkkakakucom a {
      background: #314995;
    }

    .booklink-link2 .shoplinkkindle a {
      background: #007dcd;
    }

    .booklink-link2 .shoplinkrakukobo a {
      background: #d50000;
    }

    .booklink-link2.shoplinkbk1 a {
      background: #0085cd;
    }

    .booklink-link2 .shoplinkehon a {
      background: #2a2c6d;
    }

    .booklink-link2 .shoplinkkino a {
      background: #003e92;
    }

    .booklink-link2 .shoplinktoshokan a {
      background: #333333;
    }

    .kaerebalink-link1 .shoplinkamazon a,
    .booklink-link2 .shoplinkamazon a {
      background: #FF9901;
    }

    .kaerebalink-link1 .shoplinkrakuten a,
    .booklink-link2 .shoplinkrakuten a {
      background: #c20004;
    }

    .kaerebalink-link1 .shoplinkseven a,
    .booklink-link2 .shoplinkseven a {
      background: #225496;
    }

    .booklink-footer {
      clear: both;
    }

    @media screen and (max-width:480px) {

      .booklink-image,
      .kaerebalink-image,
      .tomarebalink-image {
        width: 100%;
        float: none !important;
      }

      .booklink-link2>div,
      .kaerebalink-link1>div,
      .tomarebalink-link1>div {
        width: 49%;
        margin: 0.5%;
      }

      .booklink-info,
      .kaerebalink-info,
      .tomarebalink-info {
        text-align: center;
        padding-bottom: 1px;
      }
    }
  
  
    .nav_in_btn li.nav_in_btn_list_1 a {
      background: #ffffff;
      color: #333355;
    }

    .nav_in_btn li.nav_in_btn_list_2 a {
      background: #ffffff;
      color: #333355;
    }

    .nav_in_btn li.nav_in_btn_list_3 a {
      background: #ffffff;
      color: #333355;
    }

    .nav_in_btn li.nav_in_btn_list_4 a {
      background: #ffffff;
      color: #333355;
    }

    .nav_in_btn ul li {
      border-left: solid 1px #d4d4d4;
    }

    .nav_in_btn ul li:last-child {
      border-right: solid 1px #d4d4d4;
    }

    .nav_in_btn ul li i {
      font-size: 30px;
    }

    .d_sp .nav_in_btn ul li {
      width: 100%;
    }

    .sitemap h1 {
      text-align: center;
      margin-bottom: 1em;
      color: #333;
    }
    .sitemap ul {
      list-style: none;
      padding: 0;
    }
    .sitemap li {
      background: #d7f5e9;
      margin: 0.5em 0;
      padding: 0.75em 1em;
      border-radius: 8px;
      transition: 0.2s;
    }
    .sitemap li:hover {
      background: #91d1b8;
    }
    .sitemap a {
      text-decoration: none;
      color: #000000;
      font-weight: bold;
      display: block;
    }
	.wrap01 {
	width:100%;
	padding:10px 20px;
	background-color:#ffffff;
    -webkit-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 0 5px rgba(150, 150, 150, .2);
    -moz-box-shadow: 0 0 5px rgba(150, 150, 150, .2);
    box-shadow: 0 0 5px rgba(150, 150, 150, .2);}

    .disclaimer {
      font-family: "Segoe UI", sans-serif;
      color: #333;
      margin: 0 auto;
      padding: 2em;
      max-width: 1000px;
    }

    .disclaimer h1 {
      color: #2c3e50;
      text-align: center;
      margin-bottom: 1em;
    }

    .disclaimer h2 {
      color: #1a73e8;
      border-left: 5px solid #1a73e8;
      padding-left: 0.5em;
      margin-top: 2em;
    }

    .disclaimer p {
      line-height: 1.8;
      margin-bottom: 1.2em;
    }

    .disclaimer .last-updated {
      text-align: right;
      margin-top: 3em;
    }
.main_thumbnail {
	width:90%;
	display:block;
	margin:0 auto 30px auto;}


@media screen and (max-width: 767px) {
.link_box .flex .image_box {
    width: 55%;
    margin-right: 10px;
	}
}