.faw::before {
font-family: FontAwesome;
padding-right: 4px
}
.entry-card,
.related-entry-card {
position: relative;
height: 100%
}
.entry-card-thumb,
.widget-entry-card-thumb,
.related-entry-card-thumb,
.carousel-entry-card-thumb {
float: left;
margin-top: 3px;
position: relative
}
.entry-card-content,
.related-entry-card-content {
padding-bottom: 1.2em
}
.entry-card-title,
.related-entry-card-title {
font-size: 18px;
margin: 0 0 5px 0;
line-height: 1.2;
font-weight: bold
}
.entry-card-snippet,
.related-entry-card-snippet {
font-size: .8em;
max-height: 7.8em;
line-height: 1.3;
overflow: hidden
}
.entry-card-meta,
.related-entry-card-meta {
bottom: 0;
position: absolute;
right: 0;
text-align: right;
line-height: 1
}
.entry-categories-tags {
margin-bottom: 18px
}
.sns-share,
.sns-follow {
margin: 24px 0
}
.sns-share-message,
.sns-follow-message {
text-align: center;
margin-bottom: 3px
}
body,
.header,
.appeal {
background-position: top center;
background-repeat: no-repeat;
background-size: 100% auto
}
body.ba-fixed,
.ba-fixed.header,
.ba-fixed.appeal {
background-attachment: fixed
}
.entry-category,
.post-date,
.post-update,
.post-author,
.amp-back {
padding: 2px;
display: inline;
font-size: .7em
}
.search-edit,
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
textarea,
select {
padding: 11px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 18px;
width: 100%
}
.fz-12px {
font-size: 12px
}
.fz-13px {
font-size: 13px
}
.fz-14px {
font-size: 14px
}
.fz-15px {
font-size: 15px
}
.fz-16px {
font-size: 16px
}
.fz-17px {
font-size: 17px
}
.fz-18px {
font-size: 18px
}
.fz-19px {
font-size: 19px
}
.fz-20px {
font-size: 20px
}
.fz-21px {
font-size: 21px
}
.fz-22px {
font-size: 22px
}
.fz-24px {
font-size: 24px
}
.fz-28px {
font-size: 28px
}
.fz-32px {
font-size: 32px
}
.fz-36px {
font-size: 36px
}
.fz-40px {
font-size: 40px
}
.fz-44px {
font-size: 44px
}
.fz-48px {
font-size: 48px
}
.fw-100 {
font-weight: 100
}
.fw-200 {
font-weight: 200
}
.fw-300 {
font-weight: 300
}
.fw-400 {
font-weight: 400
}
.fw-500 {
font-weight: 500
}
.fw-600 {
font-weight: 600
}
.fw-700 {
font-weight: 700
}
.fw-800 {
font-weight: 800
}
.fw-900 {
font-weight: 900
}
.ff-meiryo,
.wf-loading body {
font-family: Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif
}
.ff-yu-gothic {
font-family: "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif
}
.ff-ms-pgothic {
font-family: "MS PGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif
}
.ff-noto-sans-jp,
.wf-active .ff-noto-sans-jp {
font-family: "Noto Sans JP", sans-serif
}
.ff-noto-serif-jp,
.wf-active .ff-noto-serif-jp {
font-family: "Noto Serif JP", sans-serif
}
.ff-mplus-1p,
.wf-active .ff-mplus-1p {
font-family: "M PLUS 1p", sans-serif
}
.ff-rounded-mplus-1c,
.wf-active .ff-rounded-mplus-1c {
font-family: "M PLUS Rounded 1c", sans-serif
}
.ff-kosugi,
.wf-active .ff-kosugi {
font-family: "Kosugi", sans-serif
}
.ff-kosugi-maru,
.wf-active .ff-kosugi-maru {
font-family: "Kosugi Maru", sans-serif
}
.ff-sawarabi-gothic,
.wf-active .ff-sawarabi-gothic {
font-family: "Sawarabi Gothic", sans-serif
}
.ff-sawarabi-mincho,
.wf-active .ff-sawarabi-mincho {
font-family: "Sawarabi Mincho", sans-serif
}
.sub-caption {
font-family: Tunga, "Trebuchet MS", Tahoma, Verdana, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 400;
font-size: .75em;
opacity: .5
}
span.sub-caption {
opacity: .8
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
word-wrap: break-word;
overflow-wrap: break-word
}
.container {
padding-right: constant(safe-area-inset-right);
padding-left: constant(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
padding-left: env(safe-area-inset-left)
}
body {
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size: 18px;
color: #333;
line-height: 1.8;
margin: 0;
overflow-wrap: break-word;
background-color: #f4f5f7;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
background-attachment: fixed
}
a {
color: #1967d2
}
a:hover {
color: #e53900
}
ol,
ul {
margin: 1em 0;
padding-left: 40px
}
hr {
color: #eee
}
.cf::after {
clear: both;
content: "";
display: block
}
.header-container,
.main,
.sidebar,
.footer {
background-color: #fff
}
.wrap {
width: 100%;
margin: 0 auto
}
.content-in {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.main {
width: 860px;
padding: 20px 29px;
border: 1px solid transparent;
border-radius: 4px;
position: relative
}
.no-sidebar .content .main {
margin: 0;
width: 100%
}
.no-scrollable-main .main {
height: 100%
}
.main-scroll {
position: -webkit-sticky;
position: sticky;
top: 0;
margin-top: 2em
}
@media all and (-ms-high-contrast:none) {
.main-scroll {
position: static;
top: auto
}
.logo {
height: 100%
}
}
.publisher {
display: none
}
#wpadminbar {
font-size: 13px
}
.wp-caption {
margin: 1em 0
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto
}
.alignleft {
float: left;
margin-right: 10px;
margin-bottom: 10px
}
.alignright {
float: right;
margin-left: 10px;
margin-bottom: 10px
}
.wp-caption {
padding-top: 4px;
border: 1px solid #eee;
border-radius: 3px;
background-color: #f5f6f7;
text-align: center;
max-width: 100%
}
.wp-caption-text,
.gallery-caption {
font-size: .8em;
margin: 2px
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none
}
.wp-caption-dd {
margin: 0;
padding: 0 4px 5px;
font-size: 11px;
line-height: 17px
}
img.alignright {
display: inline-block;
margin: 0 0 1em 1.5em
}
img.alignleft {
display: inline-block;
margin: 0 1.5em 1em 0
}
.comment-btn {
margin: 24px 0;
cursor: pointer
}
label {
cursor: pointer
}
.sitemap li a::before {
display: none
}
.content-top,
.content-bottom {
margin: 1em 0
}
figure {
margin: 0
}
img {
max-width: 100%;
height: auto;
border: 0
}
.circle-image img {
border-radius: 50%
}
.iwe-border img,
.iwe-border amp-img {
border: 1px solid #ccc
}
.iwe-border-bold img,
.iwe-border-bold amp-img {
border: 4px solid #eee
}
.iwe-shadow img,
.iwe-shadow amp-img {
box-shadow: 5px 5px 15px #eee
}
.iwe-shadow-paper img,
.iwe-shadow-paper amp-img {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 0 1px rgba(0, 0, 0, .08)
}
.entry-card-thumb,
.author-thumb,
.blogcard-thumbnail,
.related-entry-card-thumb,
.popular-entry-card-thumb,
.new-entry-card-thumb {
margin-right: 1.6%
}
.ect-vertical-card .entry-card-thumb,
.rect-vertical-card .related-entry-card-thumb {
margin: 0
}
.ib-right .blogcard-thumbnail,
.eb-right .blogcard-thumbnail {
margin-right: 0;
margin-left: 1.4%
}
.no-thumbnail .card-thumb,
.no-thumbnail .widget-entry-card-pv {
display: none
}
.no-thumbnail .card-content,
.no-thumbnail .widget-entry-cards .widget-entry-card-content,
.no-thumbnail .rect-mini-card .related-entry-card-content {
margin: 0
}
.no-thumbnail .widget-entry-cards div.widget-entry-card-content {
font-size: 18px;
margin-bottom: .6em
}
.no-thumbnail .widget-entry-cards.large-thumb-on .card-title {
max-height: none;
position: static
}
.no-thumbnail .entry-card-meta {
position: static;
background-color: transparent;
margin-top: .4em
}
.no-thumbnail .entry-card-snippet,
.no-thumbnail .related-entry-card-snippet {
max-height: 10.4em
}
.no-thumbnail .entry-card-day {
display: inline
}
.no-thumbnail .entry-card-meta .entry-card-categorys {
display: inline
}
.no-thumbnail .entry-card-meta .entry-card-categorys>span {
margin-left: .6em
}
img.emoji {
display: inline;
width: 1em;
height: auto;
vertical-align: text-bottom;
margin-right: .1em
}
.header {
height: 100%
}
.header-in {
display: flex;
flex-direction: column;
justify-content: center
}
.tagline {
text-align: center;
font-size: 14px;
margin: .6em 1em
}
.logo {
text-align: center
}
.logo-image span,
.logo-image a {
display: inline-block;
max-width: 100%
}
.site-name-text-link {
color: #333;
text-decoration: none;
font-weight: normal
}
.site-name-text-link:hover {
color: inherit
}
.site-name-text {
font-size: 28px
}
.logo-text {
padding: 20px 0 30px;
font-size: 1em
}
.logo-image {
padding: 10px 0;
font-size: inherit
}
.header-container-in.hlt-top-menu {
display: flex;
justify-content: space-between;
align-items: center;
align-content: center
}
.header-container-in.hlt-top-menu .wrap {
width: auto
}
.header-container-in.hlt-top-menu .header {
background-image: none
}
.header-container-in.hlt-top-menu .logo-text {
padding: 0;
display: flex;
align-items: center;
align-content: center
}
.header-container-in.hlt-top-menu .logo-image {
padding: 0;
margin: 0
}
.header-container-in.hlt-top-menu .site-name-text-link {
margin: 0 16px;
display: block
}
.header-container-in.hlt-top-menu .site-name-text {
font-size: 22px;
white-space: nowrap
}
.header-container-in.hlt-top-menu .tagline {
display: none
}
.header-container-in.hlt-top-menu .logo-header {
max-height: 60px
}
.header-container-in.hlt-top-menu .logo-header .site-name {
margin: 0
}
.header-container-in.hlt-top-menu .logo-header img {
max-height: 60px;
height: auto
}
.header-container-in.hlt-top-menu amp-img {
max-width: 160px;
max-height: 60px
}
.header-container-in.hlt-top-menu amp-img img {
height: auto
}
.header-container-in.hlt-top-menu .navi {
width: 100%
}
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text-link {
margin: 0 16px
}
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text {
font-size: 20px
}
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header {
height: 40px
}
.header-container-in.hlt-top-menu.hlt-tm-small .navi-in>ul>li,
.header-container-in.hlt-top-menu.hlt-tm-small .navi-in>ul>.menu-item-has-description>a>.caption-wrap {
line-height: 40px;
height: 40px;
display: block
}
.header-container-in.hlt-top-menu.hlt-tm-small .item-description {
display: none
}
.hlt-tm-right .navi-in>ul {
justify-content: flex-end
}
.header-container-in.hlt-center-logo-top-menu {
display: flex;
flex-direction: column-reverse
}
.cl-slim .navi-in>ul li {
height: 40px;
line-height: 40px
}
.cl-slim .navi-in>ul li .sub-menu ul {
top: -40px
}
.cl-slim .navi-in>ul li.menu-item-has-description>a>.caption-wrap {
height: 40px;
line-height: 16px;
font-size: 14px;
padding-top: 6px
}
.navi {
background-color: #fff
}
.navi-in a {
position: relative
}
.navi-in .has-icon {
position: absolute;
right: 6px;
top: 0;
display: inline-block;
opacity: .7;
font-size: 11px
}
.navi-in>ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center
}
.navi-in>ul li {
display: block;
width: 176px;
height: 60px;
line-height: 60px;
position: relative
}
.navi-in>ul li:hover>ul {
display: block
}
.navi-in>ul .menu-item-has-description>a>.caption-wrap {
line-height: 21.4285714286px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
height: 60px
}
.navi-in>ul .menu-item-has-description>a>.caption-wrap>div {
width: 100%
}
.navi-in>ul .sub-menu {
display: none;
position: absolute;
margin: 0;
min-width: 240px;
list-style: none;
padding: 0;
background-color: #fafbfc;
z-index: 99;
text-align: left
}
.navi-in>ul .sub-menu li {
width: auto
}
.navi-in>ul .sub-menu a {
padding-left: 16px;
padding-right: 16px
}
.navi-in>ul .sub-menu ul {
top: -60px;
left: 240px;
position: relative
}
.navi-in a {
color: #333;
text-decoration: none;
display: block;
font-size: 16px;
transition: all .3s ease-in-out
}
.navi-in a:hover {
background-color: #f5f8fa;
transition: all .3s ease-in-out;
color: #333
}
.navi-in a:hover>ul {
display: block
}
.navi-in>.menu-mobile {
display: none
}
.navi-in>.menu-mobile .sub-menu {
display: none
}
.navi-footer-in>.menu-footer {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
text-align: center;
margin: 0
}
.navi-footer-in>.menu-footer li {
width: 120px;
border-left: 1px solid #ddd
}
.navi-footer-in>.menu-footer li:last-child {
border-right: 1px solid #ddd
}
.navi-footer-in a {
color: #333;
text-decoration: none;
display: block;
font-size: 14px;
transition: all .3s ease-in-out
}
.navi-footer-in a:hover {
background-color: #f5f8fa;
transition: all .3s ease-in-out;
color: #333
}
.a-wrap {
text-decoration: none;
display: block;
color: #333;
padding: 1.5%;
margin-bottom: 3%;
transition: all .3s ease-in-out
}
.a-wrap:hover {
background-color: #f5f8fa;
transition: all .3s ease-in-out;
color: #333
}
.card-thumb img {
width: 100%
}
.entry-card-thumb {
width: 320px
}
.related-entry-card-thumb {
width: 160px
}
.cat-label {
position: absolute;
top: .3em;
left: .3em;
border: 1px solid #eee;
font-size: 11px;
color: #fff;
background-color: rgba(51, 51, 51, .7);
padding: 1px 5px;
max-width: 80%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.entry-card-content {
margin-left: 330px
}
.entry-card-info>* {
font-size: .7em;
padding: 2px
}
.entry-card-meta .entry-card-categorys {
display: none
}
.e-card-info .post-author {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center
}
.post-author-image {
margin-right: 3px
}
.post-author-image img {
border-radius: 50%
}
.e-card-info {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center
}
.e-card-info>span {
margin-right: 4px
}
.ect-vertical-card {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.ect-vertical-card .entry-card-wrap {
width: 49.5%;
display: inline-block;
margin-bottom: 12px
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb {
width: 100%;
float: none
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
width: 100%
}
.ect-vertical-card .entry-card-wrap .entry-card-content {
margin: 0
}
.ect-vertical-card .entry-card-wrap .post-date,
.ect-vertical-card .entry-card-wrap .post-update {
margin-right: 0
}
.ect-vertical-card.ect-tile-card .a-wrap {
margin: 0 .25% 12px
}
.ect-vertical-card.ect-tile-card .entry-card-content {
padding: 0
}
.ect-vertical-card.ect-tile-card .card-snippet {
padding: 0;
margin: 0
}
.ect-vertical-card.ect-tile-card .card-meta {
position: static
}
.ect-vertical-card.ect-tile-card .a-wrap {
margin: 0 .16666% 12px
}
.ect-2-columns>* {
width: 49.5%;
display: inline-block
}
.ect-3-columns {
justify-content: space-around
}
.ect-3-columns .entry-card-wrap {
width: 33%;
padding: 7px
}
.ect-3-columns .entry-card-snippet {
max-height: 4em;
overflow: hidden
}
.ect-3-columns>* {
width: 33%;
display: inline-block
}
.ecb-entry-border .entry-card-wrap {
border: 1px solid #ccc
}
.entry-card-day span:last-child {
margin-right: 0
}
.front-top-page .ect-big-card-first .a-wrap:first-of-type .card-thumb,
.ect-big-card .card-thumb {
float: none;
width: 100%
}
.front-top-page .ect-big-card-first .a-wrap:first-of-type .card-content,
.ect-big-card .card-content {
margin: 0
}
.date-tags {
line-height: .8;
text-align: right;
margin-bottom: 1em
}
.post-date,
.post-update,
.post-author,
.amp-back {
margin-right: 8px
}
.related-entry-post-date {
margin-right: 0
}
.breadcrumb {
margin: 1em .4em;
color: #777;
font-size: 13px
}
.breadcrumb div {
display: inline
}
.breadcrumb .sp {
margin: 0 10px
}
.breadcrumb a {
text-decoration: none;
color: #777
}
.breadcrumb.sbp-main-before,
.breadcrumb.sbp-footer-before,
.breadcrumb.pbp-main-before,
.breadcrumb.pbp-footer-before {
background-color: #fff;
margin: 12px auto 0;
padding: .6em 1em
}
.breadcrumb.sbp-main-before+.content,
.breadcrumb.pbp-main-before+.content {
margin-top: 12px
}
.breadcrumb-caption {
margin: 0 3px
}
.sns-buttons {
display: flex;
align-items: center
}
.sns-buttons a {
display: block;
background-color: #333;
text-align: center;
color: #fff;
text-decoration: none;
border-radius: 4px;
height: 45px
}
.sns-buttons a:hover {
opacity: .7;
color: #fff;
transition: all .3s ease-in-out
}
.sns-share a,
.sns-follow a {
cursor: pointer
}
.bc-brand-color.sns-share .twitter-button,
.bc-brand-color.sns-follow .twitter-button {
background-color: #1da1f2
}
.bc-brand-color.sns-share .facebook-button,
.bc-brand-color.sns-follow .facebook-button {
background-color: #3b5998
}
.bc-brand-color.sns-share .hatebu-button,
.bc-brand-color.sns-follow .hatebu-button {
background-color: #2c6ebd
}
.bc-brand-color.sns-share .google-plus-button,
.bc-brand-color.sns-follow .google-plus-button {
background-color: #dd4b39
}
.bc-brand-color.sns-share .pocket-button,
.bc-brand-color.sns-follow .pocket-button {
background-color: #ef4056
}
.bc-brand-color.sns-share .line-button,
.bc-brand-color.sns-follow .line-button {
background-color: #00c300
}
.bc-brand-color.sns-share .website-button,
.bc-brand-color.sns-follow .website-button {
background-color: #002561
}
.bc-brand-color.sns-share .instagram-button,
.bc-brand-color.sns-follow .instagram-button {
background-color: #405de6
}
.bc-brand-color.sns-share .pinterest-button,
.bc-brand-color.sns-follow .pinterest-button {
background-color: #bd081c
}
.bc-brand-color.sns-share .youtube-button,
.bc-brand-color.sns-follow .youtube-button {
background-color: #cd201f
}
.bc-brand-color.sns-share .linkedin-button,
.bc-brand-color.sns-follow .linkedin-button {
background-color: #0077b5
}
.bc-brand-color.sns-share .note-button,
.bc-brand-color.sns-follow .note-button {
background-color: #41c9b4
}
.bc-brand-color.sns-share .soundcloud-button,
.bc-brand-color.sns-follow .soundcloud-button {
background-color: #f80
}
.bc-brand-color.sns-share .flickr-button,
.bc-brand-color.sns-follow .flickr-button {
background-color: #111
}
.bc-brand-color.sns-share .amazon-button,
.bc-brand-color.sns-follow .amazon-button {
background-color: #f90
}
.bc-brand-color.sns-share .rakuten-room-button,
.bc-brand-color.sns-follow .rakuten-room-button {
background-color: #c61e79
}
.bc-brand-color.sns-share .slack-button,
.bc-brand-color.sns-follow .slack-button {
background-color: #e01563
}
.bc-brand-color.sns-share .github-button,
.bc-brand-color.sns-follow .github-button {
background-color: #4078c0
}
.bc-brand-color.sns-share .codepen-button,
.bc-brand-color.sns-follow .codepen-button {
background-color: #333
}
.bc-brand-color.sns-share .feedly-button,
.bc-brand-color.sns-follow .feedly-button {
background-color: #2bb24c
}
.bc-brand-color.sns-share .rss-button,
.bc-brand-color.sns-follow .rss-button {
background-color: #f26522
}
.bc-brand-color-white.sns-share a,
.bc-brand-color-white.sns-follow a {
background-color: #fff;
font-weight: 500;
border: 1px solid #333;
color: #333
}
.bc-brand-color-white.sns-share a:hover,
.bc-brand-color-white.sns-follow a:hover {
opacity: .5
}
.bc-brand-color-white.sns-share .twitter-button,
.bc-brand-color-white.sns-follow .twitter-button {
color: #1da1f2;
border-color: #1da1f2
}
.bc-brand-color-white.sns-share .facebook-button,
.bc-brand-color-white.sns-follow .facebook-button {
color: #3b5998;
border-color: #3b5998
}
.bc-brand-color-white.sns-share .hatebu-button,
.bc-brand-color-white.sns-follow .hatebu-button {
color: #2c6ebd;
border-color: #2c6ebd
}
.bc-brand-color-white.sns-share .google-plus-button,
.bc-brand-color-white.sns-follow .google-plus-button {
color: #dd4b39;
border-color: #dd4b39
}
.bc-brand-color-white.sns-share .pocket-button,
.bc-brand-color-white.sns-follow .pocket-button {
color: #ef4056;
border-color: #ef4056
}
.bc-brand-color-white.sns-share .line-button,
.bc-brand-color-white.sns-follow .line-button {
color: #00c300;
border-color: #00c300
}
.bc-brand-color-white.sns-share .website-button,
.bc-brand-color-white.sns-follow .website-button {
color: #002561;
border-color: #002561
}
.bc-brand-color-white.sns-share .instagram-button,
.bc-brand-color-white.sns-follow .instagram-button {
color: #405de6;
border-color: #405de6
}
.bc-brand-color-white.sns-share .pinterest-button,
.bc-brand-color-white.sns-follow .pinterest-button {
color: #bd081c;
border-color: #bd081c
}
.bc-brand-color-white.sns-share .youtube-button,
.bc-brand-color-white.sns-follow .youtube-button {
color: #cd201f;
border-color: #cd201f
}
.bc-brand-color-white.sns-share .linkedin-button,
.bc-brand-color-white.sns-follow .linkedin-button {
color: #0077b5;
border-color: #0077b5
}
.bc-brand-color-white.sns-share .note-button,
.bc-brand-color-white.sns-follow .note-button {
color: #41c9b4;
border-color: #41c9b4
}
.bc-brand-color-white.sns-share .soundcloud-button,
.bc-brand-color-white.sns-follow .soundcloud-button {
color: #f80;
border-color: #f80
}
.bc-brand-color-white.sns-share .soundcloud-button,
.bc-brand-color-white.sns-follow .soundcloud-button {
color: #f80;
border-color: #f80
}
.bc-brand-color-white.sns-share .flickr-button,
.bc-brand-color-white.sns-follow .flickr-button {
color: #111;
border-color: #111
}
.bc-brand-color-white.sns-share .amazon-button,
.bc-brand-color-white.sns-follow .amazon-button {
color: #f90;
border-color: #f90
}
.bc-brand-color-white.sns-share .rakuten-room-button,
.bc-brand-color-white.sns-follow .rakuten-room-button {
color: #c61e79;
border-color: #c61e79
}
.bc-brand-color-white.sns-share .slack-button,
.bc-brand-color-white.sns-follow .slack-button {
color: #e01563;
border-color: #e01563
}
.bc-brand-color-white.sns-share .github-button,
.bc-brand-color-white.sns-follow .github-button {
color: #4078c0;
border-color: #4078c0
}
.bc-brand-color-white.sns-share .codepen-button,
.bc-brand-color-white.sns-follow .codepen-button {
color: #333;
border-color: #333
}
.bc-brand-color-white.sns-share .feedly-button,
.bc-brand-color-white.sns-follow .feedly-button {
color: #2bb24c;
border-color: #2bb24c
}
.bc-brand-color-white.sns-share .rss-button,
.bc-brand-color-white.sns-follow .rss-button {
color: #f26522;
border-color: #f26522
}
.ss-top {
margin-top: 0;
margin-bottom: 0
}
.ss-top .sns-share-message {
display: none
}
.sns-share.ss-col-1 a {
width: 100%
}
.sns-share.ss-col-2 a {
width: 49%
}
.sns-share.ss-col-4 a {
width: 24%
}
.sns-share.ss-col-5 a {
width: 19%
}
.sns-share.ss-col-6 a {
width: 16%
}
.sns-share.ss-high-and-low-lc a,
.sns-share.ss-high-and-low-cl a {
display: flex;
align-content: center;
line-height: 16px
}
.sns-share.ss-high-and-low-lc a .social-icon,
.sns-share.ss-high-and-low-cl a .social-icon,
.sns-share.ss-high-and-low-lc a .button-caption,
.sns-share.ss-high-and-low-cl a .button-caption {
display: block;
font-size: 16px;
margin: 0
}
.sns-share.ss-high-and-low-lc a .social-icon.button-caption,
.sns-share.ss-high-and-low-cl a .social-icon.button-caption,
.sns-share.ss-high-and-low-lc a .button-caption.button-caption,
.sns-share.ss-high-and-low-cl a .button-caption.button-caption {
font-size: 12px
}
.sns-share.ss-high-and-low-lc a {
flex-direction: column
}
.sns-share.ss-high-and-low-lc a>span {
padding-top: 3px
}
.sns-share.ss-high-and-low-cl a {
flex-direction: column-reverse
}
.sns-share-buttons {
flex-wrap: wrap;
justify-content: space-around;
align-content: center
}
.sns-share-buttons a {
width: 32%;
margin-bottom: 8px;
font-size: 18px;
display: inline-flex;
align-content: center;
align-items: center;
justify-content: center;
position: relative
}
.sns-share-buttons a .button-caption {
font-size: 16px;
margin-left: 10px
}
.sns-share-buttons a .share-count {
position: absolute;
right: 3px;
bottom: 3px;
font-size: 12px;
line-height: 1
}
.share-menu-content .sns-share-buttons a {
width: 24%
}
.sbc-hide .share-count {
display: none
}
.copy-info {
display: none;
padding: 1em 2em;
color: #fff;
border-radius: 8px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #333;
opacity: .8;
box-shadow: 0 4px 8px #777;
z-index: 2
}
.content {
margin-top: 24px
}
.entry-title,
.archive-title {
font-size: 26px;
margin: 16px 0;
line-height: 1.3
}
.archive-title span {
margin-right: 10px
}
.entry-content {
margin-top: 1em;
margin-bottom: 3em
}
pre,
pre * {
line-height: 1.6;
word-wrap: normal
}
.entry-categories-tags>div {
margin-bottom: .5em
}
.ctdt-one-row>div {
display: inline-block
}
.ctdt-category-only .entry-tags {
display: none
}
.ctdt-tag-only .entry-categories {
display: none
}
.ctdt-none {
display: none
}
.cat-link {
color: #fff;
text-decoration: none;
display: inline-block;
margin-right: 5px;
padding: 2px 6px;
font-size: 12px;
background-color: #333;
border-radius: 2px;
word-break: break-all
}
.cat-link:hover {
opacity: .5;
color: #fff
}
.tag-link,
.comment-reply-link {
color: #333;
text-decoration: none;
display: inline-block;
margin-right: 5px;
padding: 1px 5px;
font-size: 12px;
border: 1px solid #999;
border-radius: 2px;
word-break: break-all
}
.tag-link:hover,
.comment-reply-link:hover {
background-color: #f5f8fa;
transition: all .3s ease-in-out;
color: #333
}
p,
.paragraph {
margin: 1.2em 0
}
table {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
border-collapse: collapse;
border-spacing: 0
}
table th {
background-color: #f5f6f7
}
table tr:nth-of-type(2n+1) {
background-color: #fafbfc
}
table th,
table td {
border: 1px solid #eee;
padding: 6px
}
.scrollable-table {
-webkit-overflow-scrolling: touch
}
.scrollable-table.stfc-sticky tr>*:first-child {
background-color: #e9eff2;
color: #333;
position: sticky;
position: -webkit-sticky;
left: 0;
z-index: 2
}
.scrollable-table table {
border-collapse: collapse;
max-width: none
}
.scrollable-table th {
background-color: #eee
}
.scrollable-table th,
.scrollable-table td {
border: solid 1px #ccc;
padding: 3px 5px;
white-space: nowrap
}
.scrollable-table {
overflow-x: auto !important;
overflow-y: hidden !important;
margin-bottom: 1em
}
figure.wp-block-table table {
width: auto
}
figure.wp-block-table.alignwide table,
figure.wp-block-table.alignfull table {
width: 100%
}
.main figure.wp-block-table {
width: auto;
max-width: 100%;
display: block
}
figure.wp-block-table table {
margin-right: auto
}
figure.wp-block-table.aligncenter table {
margin-left: auto
}
figure.wp-block-table.alignright table {
margin-left: 0
}
.scroll-hint-icon-wrap {
overflow: hidden
}
.article dl {
margin: 1em 0
}
.article dd {
margin-left: 40px
}
.article ul li,
.article ol li {
margin: .2em
}
.article ul ul,
.article ul ol,
.article ol ul,
.article ol ol {
margin: 0
}
.article .wp-block-gallery ul {
padding-left: 0
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
line-height: 1.25;
font-weight: bold
}
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
margin: 2.4em 0 1em
}
.article h4,
.article h5,
.article h6 {
font-size: 20px;
padding: 9px 10px
}
.article h2 {
font-size: 24px;
padding: 25px;
background-color: #f5f6f7;
border-radius: 2px
}
.article h3 {
border-left: 7px solid #888;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-size: 22px;
padding: 12px 20px
}
.article h4 {
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd
}
.article h5 {
border-bottom: 2px solid #ddd
}
.article h6 {
border-bottom: 1px solid #ddd
}
.article .column-wrap h1,
.article .column-wrap h2,
.article .column-wrap h3,
.article .column-wrap h4,
.article .column-wrap h5,
.article .column-wrap h6 {
margin-top: 0
}
blockquote {
background-color: #fafbfc;
border: 1px solid #ddd;
margin: 1em 0;
padding: 10px 1.2em;
position: relative
}
blockquote::before,
blockquote::after {
color: #C8C8C8;
font-family: serif;
position: absolute;
font-size: 300%
}
blockquote::before {
content: "“";
line-height: 1.1;
left: 10px;
top: 0
}
blockquote::after {
content: "”";
line-height: 0;
right: 10px;
bottom: 0
}
blockquote cite {
font-size: .7em
}
.footer-meta {
font-size: .8em;
text-align: right
}
.author-info .post-author {
font-size: 14px
}
.content-only .header-container,
.content-only .appeal,
.content-only .ad-area,
.content-only .sns-share,
.content-only .date-tags,
.content-only .sns-follow,
.content-only .article-footer,
.content-only .under-entry-content,
.content-only .breadcrumb,
.content-only .main-scroll,
.content-only .footer,
.content-only .go-to-top-button,
.content-only .notice-area,
.content-only .content-top,
.content-only .content-bottom,
.content-only .recommended {
display: none
}
.content-only .carousel {
display: none !important
}
span.external-icon,
span.internal-icon {
margin-left: 3px;
font-size: .8em
}
.login-user-only {
text-align: center;
padding: 2em;
background-color: #fafbfc;
border: 1px solid #ccc;
margin: 1em 0
}
.no-post-date .post-date,
.no-post-update .post-update,
.no-post-author .author-info {
display: none
}
.read-time {
text-align: center;
font-size: .7em;
border-top: 4px double #eee;
border-bottom: 4px double #eee;
margin: 0 3%
}
.eye-catch-wrap {
display: flex
}
.eye-catch {
position: relative;
margin-bottom: .6em;
max-width: 100%
}
.eye-catch .cat-label {
position: absolute;
right: auto;
top: .4em;
bottom: auto;
left: .4em;
font-size: 14px;
padding: 4px 8px;
opacity: .9;
border: 1px solid #eee
}
.eye-catch img {
vertical-align: bottom
}
.eye-catch-caption {
color: #fff;
position: absolute;
bottom: 0;
padding: 2em .6em .2em;
text-align: right;
width: 100%;
font-size: .9em;
background: linear-gradient(180deg, transparent, #555);
opacity: .9
}
@media all and (-ms-high-contrast:none) {
.eye-catch-wrap {
display: block
}
}
.show-pinterest-button .eye-catch:hover .cat-label {
display: none
}
.ad-area {
text-align: center;
margin-bottom: 1.8em;
overflow: hidden
}
.entry-content .ad-area {
margin: 1em 0
}
.ad-label-invisible .ad-label {
display: none
}
.ad-content-top {
margin-top: 1em
}
.ad-responsive ins {
width: 100%
}
.ad-single-rectangle .ad-responsive,
.ad-dabble-rectangle .ad-responsive {
max-width: 336px;
margin: auto
}
.ad-dabble-rectangle .ad-wrap {
display: flex
}
.ad-dabble-rectangle .ad-responsive {
width: 336px
}
@media screen and (max-width:692px) {
.ad-dabble-rectangle .ad-responsive {
width: 300px
}
}
@media screen and (max-width:626px) {
.ad-dabble-rectangle .ad-responsive {
width: 250px
}
}
@media screen and (max-width:556px) {
.ad-dabble-rectangle .ad-wrap {
display: block
}
.ad-dabble-rectangle .ad-responsive {
width: auto;
max-width: none;
margin: auto
}
.ad-dabble-rectangle .ad-additional-double {
display: none
}
}
.sidebar .ad-additional-double {
display: none
}
.sidebar .ad-additional-vertical {
display: none
}
@media screen and (max-width:834px) {
.sidebar .ad-vertical .ad-usual {
display: none
}
.sidebar .ad-vertical .ad-additional-vertical {
display: block
}
}
.blogcard-wrap {
margin: 24px auto;
padding: 0;
width: 90%;
background-color: #fff
}
.blogcard {
padding: 1.6% 2.2% 2%;
border: 1px solid #ccc;
border-radius: 4px;
line-height: 1.6;
position: relative
}
.blogcard-thumbnail {
float: left;
margin-top: 3px;
width: 160px
}
.blogcard-thumbnail img {
width: 100%
}
.blogcard-content {
margin-left: 170px;
max-height: 140px;
min-height: 100px;
overflow: hidden
}
.blogcard-title {
font-weight: bold;
margin-bottom: .4em
}
.blogcard-snippet {
font-size: .8em
}
.blogcard-footer {
clear: both;
font-size: 16px;
padding-top: .6%
}
.blogcard-site {
float: left;
display: flex;
align-content: center
}
.blogcard-date {
float: right;
display: flex;
align-content: center
}
.blogcard-favicon {
margin-right: 4px;
margin-top: 2px
}
img.blogcard-favicon-image {
border: 0;
box-shadow: none
}
.ib-right .blogcard-thumbnail,
.eb-right .blogcard-thumbnail {
float: right;
margin-left: 1.6%
}
.ib-right .blogcard-content,
.eb-right .blogcard-content {
margin-left: 0;
margin-right: 170px
}
.nwa .blogcard-wrap {
width: 100%
}
.nwa .blogcard-thumbnail {
width: 120px
}
.nwa .blogcard-title {
font-size: .9em;
margin-bottom: 0
}
.nwa .blogcard-snippet {
font-size: 12px
}
.nwa .blogcard-content {
margin-left: 130px;
margin-right: 0;
max-height: 120px;
min-height: 70px;
font-size: .9em;
line-height: 1.2
}
.nwa .blogcard-footer {
font-size: 14px
}
.nwa .ib-right .blogcard-content,
.nwa .eb-right .blogcard-content {
margin-right: 31.6%;
margin-left: 0
}
.toc {
border: 1px solid #ccc;
font-size: .9em;
padding: 1em 1.6em;
margin-bottom: 1em;
display: table
}
.toc .toc-list {
padding-left: 1em
}
.toc .toc-list ul,
.toc .toc-list ol {
padding-left: 1em;
margin: 0
}
.toc li {
margin: 0
}
.toc ul {
list-style: none
}
.toc a {
color: #333;
text-decoration: none
}
.toc a:hover {
text-decoration: underline
}
.toc-center {
margin: 1em auto
}
.toc-title {
font-size: 1.1em;
text-align: center;
display: block;
padding: 2px 16px
}
.toc-widget-box .toc-title {
display: none
}
.toc-widget-box .toc-content {
visibility: visible;
opacity: 1;
height: 100%
}
.nwa .toc {
border: 0;
padding: 0 1em
}
.tnt-none .toc-list,
.tnt-number-detail .toc-list {
padding-left: 0
}
.toc.tnt-number-detail ol {
list-style: none;
counter-reset: toc
}
.toc.tnt-number-detail ol li:before {
margin-right: 6px;
counter-increment: toc;
content: counters(toc, ".")"."
}
.sidebar {
width: 376px;
border: 1px solid transparent;
padding: 19px;
border-radius: 4px;
background-color: #fff
}
.sidebar h3 {
background-color: #f5f6f7;
padding: 12px;
margin: 16px 0;
border-radius: 2px
}
.no-scrollable-sidebar .sidebar {
height: 100%
}
.sidebar-scroll {
position: -webkit-sticky;
position: sticky;
top: 0
}
.sidebar-menu-content .sidebar {
height: auto
}
.no-sidebar .sidebar {
display: none
}
.sidebar-left .content-in {
flex-direction: row-reverse
}
.nwa .ranking-item-img-desc,
.nwa .ranking-item-link-buttons {
display: block
}
.nwa .ranking-item-img-desc a,
.nwa .ranking-item-link-buttons a {
padding: 6px 0
}
.nwa .ranking-item-image-tag {
max-width: 100%;
text-align: center;
display: flex;
justify-content: center
}
.nwa .ranking-item-name-text,
.nwa .widget_item_ranking .main-widget-label {
font-size: 20px
}
.nwa .ranking-item-description p {
font-size: .9em
}
.nwa .blogcard-wrap {
width: auto
}
label.screen-reader-text {
display: none
}
.tagcloud {
display: flex;
flex-wrap: wrap
}
.tagcloud a {
border: 1px solid #eee;
border-radius: 2px;
color: #555;
padding: 3px 8px;
text-decoration: none;
font-size: 12px;
margin: 2px;
flex: 1 1 auto;
display: flex;
justify-content: space-between;
transition: all .3s ease-in-out
}
.tagcloud a:hover {
background-color: #f5f8fa;
transition: all .3s ease-in-out;
color: #333
}
.tagcloud a .tag-caption {
word-break: break-all
}
.tagcloud a .tag-link-count {
margin-left: 8px
}
.widget_recent_entries ul,
.widget_categories ul,
.widget_archive ul,
.widget_pages ul,
.widget_meta ul,
.widget_rss ul,
.widget_nav_menu ul {
padding: 0;
margin: 0;
list-style: none
}
.widget_recent_entries ul li ul,
.widget_categories ul li ul,
.widget_archive ul li ul,
.widget_pages ul li ul,
.widget_meta ul li ul,
.widget_rss ul li ul,
.widget_nav_menu ul li ul {
padding-left: 20px;
margin: 0
}
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
color: #333;
text-decoration: none;
padding: 10px 0;
display: block;
padding-right: 4px;
padding-left: 4px
}
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover {
background-color: #f5f8fa;
transition: all .3s ease-in-out;
color: #333
}
.widget_recent_entries ul li a .post-count,
.widget_categories ul li a .post-count,
.widget_archive ul li a .post-count,
.widget_pages ul li a .post-count,
.widget_meta ul li a .post-count,
.widget_rss ul li a .post-count,
.widget_nav_menu ul li a .post-count {
display: block;
float: right
}
.widget_recent_comments li {
padding: 10px 0
}
.calendar_wrap {
margin: 20px 0
}
#wp-calendar {
border-collapse: collapse;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #eee;
border-right-color: #eee;
width: 100%;
max-width: 400px
}
#wp-calendar caption {
font-weight: bold;
text-align: center
}
#wp-calendar #today {
background-color: #ffe6b2
}
#wp-calendar #today a {
background-color: #ffe6b2
}
#wp-calendar #today a:hover {
background-color: #ffd67e
}
#wp-calendar tr:nth-of-type(2n+1) {
background-color: transparent
}
#wp-calendar th {
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #eee;
border-left-color: #eee
}
#wp-calendar td {
text-align: center;
padding: 0;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #eee;
border-left-color: #eee
}
#wp-calendar td a {
color: #333;
display: block;
background-color: #ffface
}
#wp-calendar td a:hover {
background-color: #fff69b
}
.widget-entry-cards .a-wrap {
padding: 5px;
line-height: 1.3;
margin-bottom: 4px
}
.widget-entry-cards figure {
width: 120px
}
.widget-entry-card {
font-size: 16px;
position: relative
}
.widget-entry-card-content {
margin-left: 126px
}
.widget-entry-card-snippet {
margin-top: 6px;
font-size: 12px;
opacity: .8
}
.widget-entry-card-pv {
margin-left: 5px;
font-style: italic;
font-size: .8em
}
.border-partition a {
border-bottom: 2px dotted #eee
}
.border-partition a:first-of-type {
border-top: 2px dotted #eee
}
.border-square a {
border-radius: 4px;
border: 1px solid #ddd
}
.card-title-bold .card-title {
font-weight: 700
}
.card-arrow .a-wrap {
position: relative
}
.card-arrow .a-wrap::after {
display: block;
content: '';
position: absolute;
top: 50%;
bottom: 0;
right: 20px;
width: 6px;
height: 6px;
border-top: solid 2px #697b91;
border-right: solid 2px #697b91;
transform: rotate(45deg);
margin-top: -3px
}
.card-arrow .card-content {
margin-right: 22px
}
.widget-entry-cards.card-large-image .a-wrap {
max-width: 400px
}
.widget-entry-cards.card-large-image .e-card {
font-size: 18px
}
.widget-entry-cards.card-large-image figure {
float: none;
width: 100%
}
.widget-entry-cards.card-large-image figure img {
width: 100%;
display: block
}
.widget-entry-cards.card-large-image .card-content {
margin: 0 0 .5em;
padding: .4em 0
}
.widget-entry-cards.card-large-image .widget-entry-card-pv {
opacity: .7;
position: absolute;
top: 0;
right: 0;
padding: 3px 6px;
background-color: #333;
color: #fff
}
.widget-entry-cards.large-thumb-on .a-wrap {
overflow: hidden
}
.widget-entry-cards.large-thumb-on .a-wrap:hover {
opacity: .8
}
.widget-entry-cards.large-thumb-on .a-wrap:hover .card-content {
margin-bottom: -4em;
transition: all .5s;
opacity: 0
}
.widget-entry-cards.large-thumb-on .e-card {
position: relative
}
.widget-entry-cards.large-thumb-on .card-content {
margin: 0;
position: absolute;
width: 100%;
bottom: 0;
padding: .6em;
background: linear-gradient(180deg, transparent, #555);
color: #fff;
max-height: 40%;
overflow: hidden;
transition: all .5s
}
.widget-entry-cards.large-thumb-on .card-snippet {
margin: 0
}
.widget-entry-cards.ranking-visible {
counter-reset: p-rank
}
.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {
background: #cca11f
}
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {
background: #b1b1b3
}
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
background: #b37036
}
.widget-entry-cards.ranking-visible .card-thumb {
counter-increment: p-rank
}
.widget-entry-cards.ranking-visible .card-thumb::before {
content: counter(p-rank);
position: absolute;
top: 0;
left: 0;
padding: 4px;
width: 18px;
height: 18px;
line-height: 18px;
background-color: #666;
color: #fff;
opacity: .9;
text-align: center;
font-size: 13px;
z-index: 1
}
.recent-comments {
line-height: 1.3
}
.recent-comment-avatar {
float: left;
margin-right: 10px
}
.recent-comment-author {
font-weight: bold
}
.recent-comment-info,
.recent-comment-article {
font-size: 16px
}
.recent-comment-article {
margin-top: 3px
}
.recent-comment-content {
position: relative;
background: #fff;
border: 1px solid #ddd;
padding: 6px;
margin-top: 4px;
font-size: .9em;
border-radius: 5px
}
.recent-comment-content::after,
.recent-comment-content::before {
bottom: 100%;
left: 18px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.recent-comment-content::after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 6px;
margin-left: -6px
}
.recent-comment-content::before {
border-color: rgba(221, 221, 221, 0);
border-bottom-color: #ddd;
border-width: 9px;
margin-left: -9px
}
.sidebar .sns-follow-buttons,
.footer .sns-follow-buttons {
flex-wrap: wrap;
justify-content: space-between
}
.sidebar .sns-follow-buttons a,
.footer .sns-follow-buttons a {
width: 49%;
margin-right: 0
}
.widget_mobile_text,
.widget_mobile_ad {
display: none
}
.widget h2 {
font-size: 20px
}
.entry-content .main-widget-label {
display: none
}
.badge,
.ref,
.reffer,
.sankou,
.badge-red,
.badge-pink,
.badge-purple,
.badge-blue,
.badge-green,
.badge-yellow,
.badge-brown,
.badge-grey {
color: #fff;
padding: 1px 5px 0;
border-radius: 2px;
font-size: 12px
}
.badge,
.ref,
.reffer,
.sankou {
background-color: #f39800
}
.badge-red {
background-color: #e60033
}
.badge-pink {
background-color: #e95295
}
.badge-purple {
background-color: #884898
}
.badge-blue {
background-color: #0095d9
}
.badge-green {
background-color: #3eb370
}
.badge-yellow {
background-color: #ffd900
}
.badge-brown {
background-color: #954e2a
}
.badge-grey {
background-color: #949495
}
.bold {
font-weight: bold
}
.red {
color: #e60033
}
.bold-red {
font-weight: bold;
color: #e60033
}
.blue {
color: #0095d9
}
.bold-blue {
font-weight: bold;
color: #0095d9
}
.green {
color: #3eb370
}
.bold-green {
font-weight: bold;
color: #3eb370
}
.red-under {
border-bottom: 2px solid red
}
.marker {
background-color: #ff9
}
.marker-red {
background-color: #ffd0d1
}
.marker-blue {
background-color: #a8dafb
}
.marker-under {
background: linear-gradient(transparent 60%, #ff9 60%)
}
.marker-under-red {
background: linear-gradient(transparent 60%, #ffd0d1 60%)
}
.marker-under-blue {
background: linear-gradient(transparent 60%, #a8dafb 60%)
}
.strike {
text-decoration: line-through
}
.keyboard-key {
background-color: #f9f9f9;
background-image: -moz-linear-gradient(center top, #eee, #f9f9f9, #eee);
border: 1px solid #888;
border-radius: 2px;
box-shadow: 1px 2px 2px #ddd;
font-family: inherit;
font-size: .85em;
padding: 1px 3px
}
.is-style-primary-box,
.primary-box,
.sp-primary,
.primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px
}
.is-style-success-box,
.success-box,
.sp-success,
.success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px
}
.is-style-info-box,
.info-box,
.sp-info,
.info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px
}
.is-style-warning-box,
.warning-box,
.sp-warning,
.warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px
}
.is-style-danger-box,
.danger-box,
.sp-danger,
.danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px
}
.is-style-secondary-box,
.secondary-box {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px
}
.is-style-light-box,
.light-box {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px
}
.is-style-dark-box,
.dark-box {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px
}
.is-style-information-box,
.is-style-question-box,
.is-style-alert-box,
.is-style-memo-box,
.is-style-comment-box,
.is-style-ok-box,
.is-style-ng-box,
.is-style-good-box,
.is-style-bad-box,
.is-style-profile-box,
.information-box,
.question-box,
.alert-box,
.information,
.question,
.alert,
.memo-box,
.comment-box,
.common-icon-box {
padding: 20px 20px 20px 72px;
border-radius: 4px;
position: relative;
display: block;
margin-top: 1em;
margin-bottom: 1em
}
.block-box p:first-of-type {
margin-top: 0
}
.block-box p:last-of-type {
margin-bottom: 0
}
.block-box ol,
.block-box ul {
margin: 0
}
.is-style-information-box,
.information-box,
.information {
background: #f3fafe;
border: 1px solid #bde4fc
}
.is-style-question-box,
.question-box,
.question {
background: #fff7cc;
border: 1px solid #ffe766
}
.is-style-alert-box,
.alert-box,
.alert {
background: #fdf2f2;
border: 1px solid #f6b9b9
}
.is-style-memo-box,
.memo-box {
background: #ebf8f4;
border: 1px solid #8dd7c1
}
.is-style-comment-box,
.comment-box {
background: #fefefe;
border: 1px solid #ccd
}
.is-style-ok-box,
.ok-box {
background: #f2fafb;
border: 1px solid #3cb2cc
}
.is-style-ng-box,
.ng-box {
background: #ffe7e7;
border: 1px solid #dd5454
}
.is-style-good-box,
.good-box {
background: #f7fcf7;
border: 1px solid #98e093
}
.is-style-bad-box,
.bad-box {
background: #fff1f4;
border: 1px solid #eb6980
}
.is-style-profile-box,
.profile-box {
background: #fefefe;
border: 1px solid #ccd
}
.is-style-information-box::before,
.is-style-question-box::before,
.is-style-alert-box::before,
.is-style-memo-box::before,
.is-style-comment-box::before,
.is-style-ok-box::before,
.is-style-ng-box::before,
.is-style-good-box::before,
.is-style-bad-box::before,
.is-style-profile-box::before,
.information-box::before,
.question-box::before,
.alert-box::before,
.information::before,
.question::before,
.alert::before,
.memo-box::before,
.comment-box::before,
.common-icon-box::before {
font-family: "FontAwesome";
font-size: 34px;
position: absolute;
padding-right: .15em;
line-height: 1em;
top: 50%;
margin-top: -.5em;
left: 10px;
width: 44px;
text-align: center
}
.is-style-information-box::before,
.information-box::before,
.information::before {
content: '\f05a';
color: #87cefa;
border-right: 1px solid #bde4fc
}
.is-style-question-box::before,
.question-box::before,
.question::before {
content: '\f059';
color: gold;
border-right: 1px solid #ffe766
}
.is-style-alert-box::before,
.alert-box::before,
.alert::before {
content: '\f06a';
color: #f3aca9;
border-right: 1px solid #f6b9b9
}
.is-style-memo-box::before,
.memo-box::before {
content: '\f040';
color: #7ad0b6;
border-right: 1px solid #8dd7c1
}
.is-style-comment-box::before,
.comment-box::before,
.is-style-profile-box::before,
.profile-box::before {
content: '\f0e5';
color: #999;
border-right: 1px solid #ccd
}
.is-style-profile-box::before,
.profile-box::before {
content: '\f007'
}
.is-style-ok-box::before,
.ok-box::before {
content: '\f10c';
color: #3cb2cc;
border-right: 1px solid #3cb2cc;
font-size: 36px
}
.is-style-ng-box::before,
.ng-box::before {
content: '\f00d';
color: #dd5454;
border-right: 1px solid #dd5454;
font-size: 36px
}
.is-style-good-box::before,
.good-box::before {
content: '\f164';
color: #98e093;
border-right: 1px solid #98e093;
font-size: 36px
}
.is-style-bad-box::before,
.bad-box::before {
content: '\f165';
color: #eb6980;
border-right: 1px solid #eb6980;
font-size: 36px
}
#wpadminbar .alert::before {
display: none
}
@media screen and (max-width:440px) {
.is-style-information-box,
.is-style-question-box,
.is-style-alert-box,
.is-style-memo-box,
.is-style-comment-box,
.is-style-ok-box,
.is-style-ng-box,
.is-style-good-box,
.is-style-bad-box,
.is-style-profile-box,
.information-box,
.question-box,
.alert-box,
.information,
.question,
.alert,
.memo-box,
.comment-box,
.common-icon-box {
padding: 26px 6px 6px
}
.is-style-information-box::before,
.is-style-question-box::before,
.is-style-alert-box::before,
.is-style-memo-box::before,
.is-style-comment-box::before,
.is-style-ok-box::before,
.is-style-ng-box::before,
.is-style-good-box::before,
.is-style-bad-box::before,
.is-style-profile-box::before,
.information-box::before,
.question-box::before,
.alert-box::before,
.information::before,
.question::before,
.alert::before,
.memo-box::before,
.comment-box::before,
.common-icon-box::before {
padding: 0;
top: .7em;
left: 50%;
margin-left: -.5em;
font-size: 18px;
border: 0;
width: auto
}
.container .blank-box,
.container .is-style-blank-box-red,
.container .is-style-blank-box-navy,
.container .is-style-blank-box-blue,
.container .is-style-blank-box-yellow,
.container .is-style-blank-box-green,
.container .is-style-blank-box-pink,
.container .is-style-blank-box-orange,
.container .is-style-sticky-gray,
.container .is-style-sticky-yellow,
.container .is-style-sticky-red,
.container .is-style-sticky-blue,
.container .is-style-sticky-green {
margin-left: 0;
margin-right: 0
}
}
.blank-box,
.is-style-blank-box-red,
.is-style-blank-box-navy,
.is-style-blank-box-blue,
.is-style-blank-box-yellow,
.is-style-blank-box-green,
.is-style-blank-box-pink,
.is-style-blank-box-orange,
.is-style-sticky-gray,
.is-style-sticky-yellow,
.is-style-sticky-red,
.is-style-sticky-blue,
.is-style-sticky-green {
border: 3px solid #949495;
padding: 1.2em 1em;
margin: 1em 2%;
border-radius: 4px
}
.blank-box ol,
.is-style-blank-box-red ol,
.is-style-blank-box-navy ol,
.is-style-blank-box-blue ol,
.is-style-blank-box-yellow ol,
.is-style-blank-box-green ol,
.is-style-blank-box-pink ol,
.is-style-blank-box-orange ol,
.is-style-sticky-gray ol,
.is-style-sticky-yellow ol,
.is-style-sticky-red ol,
.is-style-sticky-blue ol,
.is-style-sticky-green ol,
.blank-box ul,
.is-style-blank-box-red ul,
.is-style-blank-box-navy ul,
.is-style-blank-box-blue ul,
.is-style-blank-box-yellow ul,
.is-style-blank-box-green ul,
.is-style-blank-box-pink ul,
.is-style-blank-box-orange ul,
.is-style-sticky-gray ul,
.is-style-sticky-yellow ul,
.is-style-sticky-red ul,
.is-style-sticky-blue ul,
.is-style-sticky-green ul {
margin: 0
}
.blank-box.bb-red,
.bb-red.is-style-blank-box-red,
.bb-red.is-style-blank-box-navy,
.bb-red.is-style-blank-box-blue,
.bb-red.is-style-blank-box-yellow,
.bb-red.is-style-blank-box-green,
.bb-red.is-style-blank-box-pink,
.bb-red.is-style-blank-box-orange,
.bb-red.is-style-sticky-gray,
.bb-red.is-style-sticky-yellow,
.bb-red.is-style-sticky-red,
.bb-red.is-style-sticky-blue,
.bb-red.is-style-sticky-green {
border-color: #e60033
}
.blank-box.bb-pink,
.bb-pink.is-style-blank-box-red,
.bb-pink.is-style-blank-box-navy,
.bb-pink.is-style-blank-box-blue,
.bb-pink.is-style-blank-box-yellow,
.bb-pink.is-style-blank-box-green,
.bb-pink.is-style-blank-box-pink,
.bb-pink.is-style-blank-box-orange,
.bb-pink.is-style-sticky-gray,
.bb-pink.is-style-sticky-yellow,
.bb-pink.is-style-sticky-red,
.bb-pink.is-style-sticky-blue,
.bb-pink.is-style-sticky-green {
border-color: #e95295
}
.blank-box.bb-purple,
.bb-purple.is-style-blank-box-red,
.bb-purple.is-style-blank-box-navy,
.bb-purple.is-style-blank-box-blue,
.bb-purple.is-style-blank-box-yellow,
.bb-purple.is-style-blank-box-green,
.bb-purple.is-style-blank-box-pink,
.bb-purple.is-style-blank-box-orange,
.bb-purple.is-style-sticky-gray,
.bb-purple.is-style-sticky-yellow,
.bb-purple.is-style-sticky-red,
.bb-purple.is-style-sticky-blue,
.bb-purple.is-style-sticky-green {
border-color: #884898
}
.blank-box.bb-blue,
.bb-blue.is-style-blank-box-red,
.bb-blue.is-style-blank-box-navy,
.bb-blue.is-style-blank-box-blue,
.bb-blue.is-style-blank-box-yellow,
.bb-blue.is-style-blank-box-green,
.bb-blue.is-style-blank-box-pink,
.bb-blue.is-style-blank-box-orange,
.bb-blue.is-style-sticky-gray,
.bb-blue.is-style-sticky-yellow,
.bb-blue.is-style-sticky-red,
.bb-blue.is-style-sticky-blue,
.bb-blue.is-style-sticky-green {
border-color: #0095d9
}
.blank-box.bb-green,
.bb-green.is-style-blank-box-red,
.bb-green.is-style-blank-box-navy,
.bb-green.is-style-blank-box-blue,
.bb-green.is-style-blank-box-yellow,
.bb-green.is-style-blank-box-green,
.bb-green.is-style-blank-box-pink,
.bb-green.is-style-blank-box-orange,
.bb-green.is-style-sticky-gray,
.bb-green.is-style-sticky-yellow,
.bb-green.is-style-sticky-red,
.bb-green.is-style-sticky-blue,
.bb-green.is-style-sticky-green {
border-color: #3eb370
}
.blank-box.bb-orange,
.bb-orange.is-style-blank-box-red,
.bb-orange.is-style-blank-box-navy,
.bb-orange.is-style-blank-box-blue,
.bb-orange.is-style-blank-box-yellow,
.bb-orange.is-style-blank-box-green,
.bb-orange.is-style-blank-box-pink,
.bb-orange.is-style-blank-box-orange,
.bb-orange.is-style-sticky-gray,
.bb-orange.is-style-sticky-yellow,
.bb-orange.is-style-sticky-red,
.bb-orange.is-style-sticky-blue,
.bb-orange.is-style-sticky-green {
border-color: #f39800
}
.blank-box.bb-yellow,
.bb-yellow.is-style-blank-box-red,
.bb-yellow.is-style-blank-box-navy,
.bb-yellow.is-style-blank-box-blue,
.bb-yellow.is-style-blank-box-yellow,
.bb-yellow.is-style-blank-box-green,
.bb-yellow.is-style-blank-box-pink,
.bb-yellow.is-style-blank-box-orange,
.bb-yellow.is-style-sticky-gray,
.bb-yellow.is-style-sticky-yellow,
.bb-yellow.is-style-sticky-red,
.bb-yellow.is-style-sticky-blue,
.bb-yellow.is-style-sticky-green {
border-color: #ffd900
}
.blank-box.bb-brown,
.bb-brown.is-style-blank-box-red,
.bb-brown.is-style-blank-box-navy,
.bb-brown.is-style-blank-box-blue,
.bb-brown.is-style-blank-box-yellow,
.bb-brown.is-style-blank-box-green,
.bb-brown.is-style-blank-box-pink,
.bb-brown.is-style-blank-box-orange,
.bb-brown.is-style-sticky-gray,
.bb-brown.is-style-sticky-yellow,
.bb-brown.is-style-sticky-red,
.bb-brown.is-style-sticky-blue,
.bb-brown.is-style-sticky-green {
border-color: #954e2a
}
.blank-box.bb-grey,
.bb-grey.is-style-blank-box-red,
.bb-grey.is-style-blank-box-navy,
.bb-grey.is-style-blank-box-blue,
.bb-grey.is-style-blank-box-yellow,
.bb-grey.is-style-blank-box-green,
.bb-grey.is-style-blank-box-pink,
.bb-grey.is-style-blank-box-orange,
.bb-grey.is-style-sticky-gray,
.bb-grey.is-style-sticky-yellow,
.bb-grey.is-style-sticky-red,
.bb-grey.is-style-sticky-blue,
.bb-grey.is-style-sticky-green {
border-color: #949495
}
.blank-box.bb-black,
.bb-black.is-style-blank-box-red,
.bb-black.is-style-blank-box-navy,
.bb-black.is-style-blank-box-blue,
.bb-black.is-style-blank-box-yellow,
.bb-black.is-style-blank-box-green,
.bb-black.is-style-blank-box-pink,
.bb-black.is-style-blank-box-orange,
.bb-black.is-style-sticky-gray,
.bb-black.is-style-sticky-yellow,
.bb-black.is-style-sticky-red,
.bb-black.is-style-sticky-blue,
.bb-black.is-style-sticky-green {
border-color: #333
}
.blank-box.bb-deep,
.bb-deep.is-style-blank-box-red,
.bb-deep.is-style-blank-box-navy,
.bb-deep.is-style-blank-box-blue,
.bb-deep.is-style-blank-box-yellow,
.bb-deep.is-style-blank-box-green,
.bb-deep.is-style-blank-box-pink,
.bb-deep.is-style-blank-box-orange,
.bb-deep.is-style-sticky-gray,
.bb-deep.is-style-sticky-yellow,
.bb-deep.is-style-sticky-red,
.bb-deep.is-style-sticky-blue,
.bb-deep.is-style-sticky-green {
border-color: #55295b
}
.blank-box.bb-indigo,
.bb-indigo.is-style-blank-box-red,
.bb-indigo.is-style-blank-box-navy,
.bb-indigo.is-style-blank-box-blue,
.bb-indigo.is-style-blank-box-yellow,
.bb-indigo.is-style-blank-box-green,
.bb-indigo.is-style-blank-box-pink,
.bb-indigo.is-style-blank-box-orange,
.bb-indigo.is-style-sticky-gray,
.bb-indigo.is-style-sticky-yellow,
.bb-indigo.is-style-sticky-red,
.bb-indigo.is-style-sticky-blue,
.bb-indigo.is-style-sticky-green {
border-color: #1e50a2
}
.blank-box.bb-light-blue,
.bb-light-blue.is-style-blank-box-red,
.bb-light-blue.is-style-blank-box-navy,
.bb-light-blue.is-style-blank-box-blue,
.bb-light-blue.is-style-blank-box-yellow,
.bb-light-blue.is-style-blank-box-green,
.bb-light-blue.is-style-blank-box-pink,
.bb-light-blue.is-style-blank-box-orange,
.bb-light-blue.is-style-sticky-gray,
.bb-light-blue.is-style-sticky-yellow,
.bb-light-blue.is-style-sticky-red,
.bb-light-blue.is-style-sticky-blue,
.bb-light-blue.is-style-sticky-green {
border-color: #2ca9e1
}
.blank-box.bb-cyan,
.bb-cyan.is-style-blank-box-red,
.bb-cyan.is-style-blank-box-navy,
.bb-cyan.is-style-blank-box-blue,
.bb-cyan.is-style-blank-box-yellow,
.bb-cyan.is-style-blank-box-green,
.bb-cyan.is-style-blank-box-pink,
.bb-cyan.is-style-blank-box-orange,
.bb-cyan.is-style-sticky-gray,
.bb-cyan.is-style-sticky-yellow,
.bb-cyan.is-style-sticky-red,
.bb-cyan.is-style-sticky-blue,
.bb-cyan.is-style-sticky-green {
border-color: #00a3af
}
.blank-box.bb-teal,
.bb-teal.is-style-blank-box-red,
.bb-teal.is-style-blank-box-navy,
.bb-teal.is-style-blank-box-blue,
.bb-teal.is-style-blank-box-yellow,
.bb-teal.is-style-blank-box-green,
.bb-teal.is-style-blank-box-pink,
.bb-teal.is-style-blank-box-orange,
.bb-teal.is-style-sticky-gray,
.bb-teal.is-style-sticky-yellow,
.bb-teal.is-style-sticky-red,
.bb-teal.is-style-sticky-blue,
.bb-teal.is-style-sticky-green {
border-color: #007b43
}
.blank-box.bb-light-green,
.bb-light-green.is-style-blank-box-red,
.bb-light-green.is-style-blank-box-navy,
.bb-light-green.is-style-blank-box-blue,
.bb-light-green.is-style-blank-box-yellow,
.bb-light-green.is-style-blank-box-green,
.bb-light-green.is-style-blank-box-pink,
.bb-light-green.is-style-blank-box-orange,
.bb-light-green.is-style-sticky-gray,
.bb-light-green.is-style-sticky-yellow,
.bb-light-green.is-style-sticky-red,
.bb-light-green.is-style-sticky-blue,
.bb-light-green.is-style-sticky-green {
border-color: #8bc34a
}
.blank-box.bb-lime,
.bb-lime.is-style-blank-box-red,
.bb-lime.is-style-blank-box-navy,
.bb-lime.is-style-blank-box-blue,
.bb-lime.is-style-blank-box-yellow,
.bb-lime.is-style-blank-box-green,
.bb-lime.is-style-blank-box-pink,
.bb-lime.is-style-blank-box-orange,
.bb-lime.is-style-sticky-gray,
.bb-lime.is-style-sticky-yellow,
.bb-lime.is-style-sticky-red,
.bb-lime.is-style-sticky-blue,
.bb-lime.is-style-sticky-green {
border-color: #c3d825
}
.blank-box.bb-amber,
.bb-amber.is-style-blank-box-red,
.bb-amber.is-style-blank-box-navy,
.bb-amber.is-style-blank-box-blue,
.bb-amber.is-style-blank-box-yellow,
.bb-amber.is-style-blank-box-green,
.bb-amber.is-style-blank-box-pink,
.bb-amber.is-style-blank-box-orange,
.bb-amber.is-style-sticky-gray,
.bb-amber.is-style-sticky-yellow,
.bb-amber.is-style-sticky-red,
.bb-amber.is-style-sticky-blue,
.bb-amber.is-style-sticky-green {
border-color: #ffc107
}
.blank-box.bb-deep-orange,
.bb-deep-orange.is-style-blank-box-red,
.bb-deep-orange.is-style-blank-box-navy,
.bb-deep-orange.is-style-blank-box-blue,
.bb-deep-orange.is-style-blank-box-yellow,
.bb-deep-orange.is-style-blank-box-green,
.bb-deep-orange.is-style-blank-box-pink,
.bb-deep-orange.is-style-blank-box-orange,
.bb-deep-orange.is-style-sticky-gray,
.bb-deep-orange.is-style-sticky-yellow,
.bb-deep-orange.is-style-sticky-red,
.bb-deep-orange.is-style-sticky-blue,
.bb-deep-orange.is-style-sticky-green {
border-color: #ea5506
}
.blank-box.bb-white,
.bb-white.is-style-blank-box-red,
.bb-white.is-style-blank-box-navy,
.bb-white.is-style-blank-box-blue,
.bb-white.is-style-blank-box-yellow,
.bb-white.is-style-blank-box-green,
.bb-white.is-style-blank-box-pink,
.bb-white.is-style-blank-box-orange,
.bb-white.is-style-sticky-gray,
.bb-white.is-style-sticky-yellow,
.bb-white.is-style-sticky-red,
.bb-white.is-style-sticky-blue,
.bb-white.is-style-sticky-green {
border-color: #fff
}
.blank-box.bb-tab,
.bb-tab.is-style-blank-box-red,
.bb-tab.is-style-blank-box-navy,
.bb-tab.is-style-blank-box-blue,
.bb-tab.is-style-blank-box-yellow,
.bb-tab.is-style-blank-box-green,
.bb-tab.is-style-blank-box-pink,
.bb-tab.is-style-blank-box-orange,
.bb-tab.is-style-sticky-gray,
.bb-tab.is-style-sticky-yellow,
.bb-tab.is-style-sticky-red,
.bb-tab.is-style-sticky-blue,
.bb-tab.is-style-sticky-green {
position: relative;
margin-top: 2em;
border-top-left-radius: 0
}
.blank-box.bb-tab .bb-label,
.bb-tab.is-style-blank-box-red .bb-label,
.bb-tab.is-style-blank-box-navy .bb-label,
.bb-tab.is-style-blank-box-blue .bb-label,
.bb-tab.is-style-blank-box-yellow .bb-label,
.bb-tab.is-style-blank-box-green .bb-label,
.bb-tab.is-style-blank-box-pink .bb-label,
.bb-tab.is-style-blank-box-orange .bb-label,
.bb-tab.is-style-sticky-gray .bb-label,
.bb-tab.is-style-sticky-yellow .bb-label,
.bb-tab.is-style-sticky-red .bb-label,
.bb-tab.is-style-sticky-blue .bb-label,
.bb-tab.is-style-sticky-green .bb-label {
background-color: #949495;
font-family: Aharoni, "Arial Black", Impact, Arial, sans-serif;
position: absolute;
font-size: 13px;
top: -1.8em;
line-height: 1.8;
color: #fff;
left: -3px;
border-radius: 6px 6px 0 0;
padding: 0 1em 0 .8em
}
.blank-box.bb-tab .bb-label .fa,
.bb-tab.is-style-blank-box-red .bb-label .fa,
.bb-tab.is-style-blank-box-navy .bb-label .fa,
.bb-tab.is-style-blank-box-blue .bb-label .fa,
.bb-tab.is-style-blank-box-yellow .bb-label .fa,
.bb-tab.is-style-blank-box-green .bb-label .fa,
.bb-tab.is-style-blank-box-pink .bb-label .fa,
.bb-tab.is-style-blank-box-orange .bb-label .fa,
.bb-tab.is-style-sticky-gray .bb-label .fa,
.bb-tab.is-style-sticky-yellow .bb-label .fa,
.bb-tab.is-style-sticky-red .bb-label .fa,
.bb-tab.is-style-sticky-blue .bb-label .fa,
.bb-tab.is-style-sticky-green .bb-label .fa {
margin-right: 6px
}
.blank-box.bb-tab.bb-red .bb-label,
.bb-tab.bb-red.is-style-blank-box-red .bb-label,
.bb-tab.bb-red.is-style-blank-box-navy .bb-label,
.bb-tab.bb-red.is-style-blank-box-blue .bb-label,
.bb-tab.bb-red.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-red.is-style-blank-box-green .bb-label,
.bb-tab.bb-red.is-style-blank-box-pink .bb-label,
.bb-tab.bb-red.is-style-blank-box-orange .bb-label,
.bb-tab.bb-red.is-style-sticky-gray .bb-label,
.bb-tab.bb-red.is-style-sticky-yellow .bb-label,
.bb-tab.bb-red.is-style-sticky-red .bb-label,
.bb-tab.bb-red.is-style-sticky-blue .bb-label,
.bb-tab.bb-red.is-style-sticky-green .bb-label {
background-color: #e60033
}
.blank-box.bb-tab.bb-pink .bb-label,
.bb-tab.bb-pink.is-style-blank-box-red .bb-label,
.bb-tab.bb-pink.is-style-blank-box-navy .bb-label,
.bb-tab.bb-pink.is-style-blank-box-blue .bb-label,
.bb-tab.bb-pink.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-pink.is-style-blank-box-green .bb-label,
.bb-tab.bb-pink.is-style-blank-box-pink .bb-label,
.bb-tab.bb-pink.is-style-blank-box-orange .bb-label,
.bb-tab.bb-pink.is-style-sticky-gray .bb-label,
.bb-tab.bb-pink.is-style-sticky-yellow .bb-label,
.bb-tab.bb-pink.is-style-sticky-red .bb-label,
.bb-tab.bb-pink.is-style-sticky-blue .bb-label,
.bb-tab.bb-pink.is-style-sticky-green .bb-label {
background-color: #e95295
}
.blank-box.bb-tab.bb-purple .bb-label,
.bb-tab.bb-purple.is-style-blank-box-red .bb-label,
.bb-tab.bb-purple.is-style-blank-box-navy .bb-label,
.bb-tab.bb-purple.is-style-blank-box-blue .bb-label,
.bb-tab.bb-purple.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-purple.is-style-blank-box-green .bb-label,
.bb-tab.bb-purple.is-style-blank-box-pink .bb-label,
.bb-tab.bb-purple.is-style-blank-box-orange .bb-label,
.bb-tab.bb-purple.is-style-sticky-gray .bb-label,
.bb-tab.bb-purple.is-style-sticky-yellow .bb-label,
.bb-tab.bb-purple.is-style-sticky-red .bb-label,
.bb-tab.bb-purple.is-style-sticky-blue .bb-label,
.bb-tab.bb-purple.is-style-sticky-green .bb-label {
background-color: #884898
}
.blank-box.bb-tab.bb-blue .bb-label,
.bb-tab.bb-blue.is-style-blank-box-red .bb-label,
.bb-tab.bb-blue.is-style-blank-box-navy .bb-label,
.bb-tab.bb-blue.is-style-blank-box-blue .bb-label,
.bb-tab.bb-blue.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-blue.is-style-blank-box-green .bb-label,
.bb-tab.bb-blue.is-style-blank-box-pink .bb-label,
.bb-tab.bb-blue.is-style-blank-box-orange .bb-label,
.bb-tab.bb-blue.is-style-sticky-gray .bb-label,
.bb-tab.bb-blue.is-style-sticky-yellow .bb-label,
.bb-tab.bb-blue.is-style-sticky-red .bb-label,
.bb-tab.bb-blue.is-style-sticky-blue .bb-label,
.bb-tab.bb-blue.is-style-sticky-green .bb-label {
background-color: #0095d9
}
.blank-box.bb-tab.bb-green .bb-label,
.bb-tab.bb-green.is-style-blank-box-red .bb-label,
.bb-tab.bb-green.is-style-blank-box-navy .bb-label,
.bb-tab.bb-green.is-style-blank-box-blue .bb-label,
.bb-tab.bb-green.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-green.is-style-blank-box-green .bb-label,
.bb-tab.bb-green.is-style-blank-box-pink .bb-label,
.bb-tab.bb-green.is-style-blank-box-orange .bb-label,
.bb-tab.bb-green.is-style-sticky-gray .bb-label,
.bb-tab.bb-green.is-style-sticky-yellow .bb-label,
.bb-tab.bb-green.is-style-sticky-red .bb-label,
.bb-tab.bb-green.is-style-sticky-blue .bb-label,
.bb-tab.bb-green.is-style-sticky-green .bb-label {
background-color: #3eb370
}
.blank-box.bb-tab.bb-orange .bb-label,
.bb-tab.bb-orange.is-style-blank-box-red .bb-label,
.bb-tab.bb-orange.is-style-blank-box-navy .bb-label,
.bb-tab.bb-orange.is-style-blank-box-blue .bb-label,
.bb-tab.bb-orange.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-orange.is-style-blank-box-green .bb-label,
.bb-tab.bb-orange.is-style-blank-box-pink .bb-label,
.bb-tab.bb-orange.is-style-blank-box-orange .bb-label,
.bb-tab.bb-orange.is-style-sticky-gray .bb-label,
.bb-tab.bb-orange.is-style-sticky-yellow .bb-label,
.bb-tab.bb-orange.is-style-sticky-red .bb-label,
.bb-tab.bb-orange.is-style-sticky-blue .bb-label,
.bb-tab.bb-orange.is-style-sticky-green .bb-label {
background-color: #f39800
}
.blank-box.bb-tab.bb-yellow .bb-label,
.bb-tab.bb-yellow.is-style-blank-box-red .bb-label,
.bb-tab.bb-yellow.is-style-blank-box-navy .bb-label,
.bb-tab.bb-yellow.is-style-blank-box-blue .bb-label,
.bb-tab.bb-yellow.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-yellow.is-style-blank-box-green .bb-label,
.bb-tab.bb-yellow.is-style-blank-box-pink .bb-label,
.bb-tab.bb-yellow.is-style-blank-box-orange .bb-label,
.bb-tab.bb-yellow.is-style-sticky-gray .bb-label,
.bb-tab.bb-yellow.is-style-sticky-yellow .bb-label,
.bb-tab.bb-yellow.is-style-sticky-red .bb-label,
.bb-tab.bb-yellow.is-style-sticky-blue .bb-label,
.bb-tab.bb-yellow.is-style-sticky-green .bb-label {
background-color: #ffd900
}
.blank-box.bb-tab.bb-brown .bb-label,
.bb-tab.bb-brown.is-style-blank-box-red .bb-label,
.bb-tab.bb-brown.is-style-blank-box-navy .bb-label,
.bb-tab.bb-brown.is-style-blank-box-blue .bb-label,
.bb-tab.bb-brown.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-brown.is-style-blank-box-green .bb-label,
.bb-tab.bb-brown.is-style-blank-box-pink .bb-label,
.bb-tab.bb-brown.is-style-blank-box-orange .bb-label,
.bb-tab.bb-brown.is-style-sticky-gray .bb-label,
.bb-tab.bb-brown.is-style-sticky-yellow .bb-label,
.bb-tab.bb-brown.is-style-sticky-red .bb-label,
.bb-tab.bb-brown.is-style-sticky-blue .bb-label,
.bb-tab.bb-brown.is-style-sticky-green .bb-label {
background-color: #954e2a
}
.blank-box.bb-tab.bb-grey .bb-label,
.bb-tab.bb-grey.is-style-blank-box-red .bb-label,
.bb-tab.bb-grey.is-style-blank-box-navy .bb-label,
.bb-tab.bb-grey.is-style-blank-box-blue .bb-label,
.bb-tab.bb-grey.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-grey.is-style-blank-box-green .bb-label,
.bb-tab.bb-grey.is-style-blank-box-pink .bb-label,
.bb-tab.bb-grey.is-style-blank-box-orange .bb-label,
.bb-tab.bb-grey.is-style-sticky-gray .bb-label,
.bb-tab.bb-grey.is-style-sticky-yellow .bb-label,
.bb-tab.bb-grey.is-style-sticky-red .bb-label,
.bb-tab.bb-grey.is-style-sticky-blue .bb-label,
.bb-tab.bb-grey.is-style-sticky-green .bb-label {
background-color: #949495
}
.blank-box.bb-tab.bb-black .bb-label,
.bb-tab.bb-black.is-style-blank-box-red .bb-label,
.bb-tab.bb-black.is-style-blank-box-navy .bb-label,
.bb-tab.bb-black.is-style-blank-box-blue .bb-label,
.bb-tab.bb-black.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-black.is-style-blank-box-green .bb-label,
.bb-tab.bb-black.is-style-blank-box-pink .bb-label,
.bb-tab.bb-black.is-style-blank-box-orange .bb-label,
.bb-tab.bb-black.is-style-sticky-gray .bb-label,
.bb-tab.bb-black.is-style-sticky-yellow .bb-label,
.bb-tab.bb-black.is-style-sticky-red .bb-label,
.bb-tab.bb-black.is-style-sticky-blue .bb-label,
.bb-tab.bb-black.is-style-sticky-green .bb-label {
background-color: #333
}
.blank-box.bb-tab.bb-deep .bb-label,
.bb-tab.bb-deep.is-style-blank-box-red .bb-label,
.bb-tab.bb-deep.is-style-blank-box-navy .bb-label,
.bb-tab.bb-deep.is-style-blank-box-blue .bb-label,
.bb-tab.bb-deep.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-deep.is-style-blank-box-green .bb-label,
.bb-tab.bb-deep.is-style-blank-box-pink .bb-label,
.bb-tab.bb-deep.is-style-blank-box-orange .bb-label,
.bb-tab.bb-deep.is-style-sticky-gray .bb-label,
.bb-tab.bb-deep.is-style-sticky-yellow .bb-label,
.bb-tab.bb-deep.is-style-sticky-red .bb-label,
.bb-tab.bb-deep.is-style-sticky-blue .bb-label,
.bb-tab.bb-deep.is-style-sticky-green .bb-label {
background-color: #55295b
}
.blank-box.bb-tab.bb-indigo .bb-label,
.bb-tab.bb-indigo.is-style-blank-box-red .bb-label,
.bb-tab.bb-indigo.is-style-blank-box-navy .bb-label,
.bb-tab.bb-indigo.is-style-blank-box-blue .bb-label,
.bb-tab.bb-indigo.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-indigo.is-style-blank-box-green .bb-label,
.bb-tab.bb-indigo.is-style-blank-box-pink .bb-label,
.bb-tab.bb-indigo.is-style-blank-box-orange .bb-label,
.bb-tab.bb-indigo.is-style-sticky-gray .bb-label,
.bb-tab.bb-indigo.is-style-sticky-yellow .bb-label,
.bb-tab.bb-indigo.is-style-sticky-red .bb-label,
.bb-tab.bb-indigo.is-style-sticky-blue .bb-label,
.bb-tab.bb-indigo.is-style-sticky-green .bb-label {
background-color: #1e50a2
}
.blank-box.bb-tab.bb-light-blue .bb-label,
.bb-tab.bb-light-blue.is-style-blank-box-red .bb-label,
.bb-tab.bb-light-blue.is-style-blank-box-navy .bb-label,
.bb-tab.bb-light-blue.is-style-blank-box-blue .bb-label,
.bb-tab.bb-light-blue.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-light-blue.is-style-blank-box-green .bb-label,
.bb-tab.bb-light-blue.is-style-blank-box-pink .bb-label,
.bb-tab.bb-light-blue.is-style-blank-box-orange .bb-label,
.bb-tab.bb-light-blue.is-style-sticky-gray .bb-label,
.bb-tab.bb-light-blue.is-style-sticky-yellow .bb-label,
.bb-tab.bb-light-blue.is-style-sticky-red .bb-label,
.bb-tab.bb-light-blue.is-style-sticky-blue .bb-label,
.bb-tab.bb-light-blue.is-style-sticky-green .bb-label {
background-color: #2ca9e1
}
.blank-box.bb-tab.bb-cyan .bb-label,
.bb-tab.bb-cyan.is-style-blank-box-red .bb-label,
.bb-tab.bb-cyan.is-style-blank-box-navy .bb-label,
.bb-tab.bb-cyan.is-style-blank-box-blue .bb-label,
.bb-tab.bb-cyan.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-cyan.is-style-blank-box-green .bb-label,
.bb-tab.bb-cyan.is-style-blank-box-pink .bb-label,
.bb-tab.bb-cyan.is-style-blank-box-orange .bb-label,
.bb-tab.bb-cyan.is-style-sticky-gray .bb-label,
.bb-tab.bb-cyan.is-style-sticky-yellow .bb-label,
.bb-tab.bb-cyan.is-style-sticky-red .bb-label,
.bb-tab.bb-cyan.is-style-sticky-blue .bb-label,
.bb-tab.bb-cyan.is-style-sticky-green .bb-label {
background-color: #00a3af
}
.blank-box.bb-tab.bb-teal .bb-label,
.bb-tab.bb-teal.is-style-blank-box-red .bb-label,
.bb-tab.bb-teal.is-style-blank-box-navy .bb-label,
.bb-tab.bb-teal.is-style-blank-box-blue .bb-label,
.bb-tab.bb-teal.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-teal.is-style-blank-box-green .bb-label,
.bb-tab.bb-teal.is-style-blank-box-pink .bb-label,
.bb-tab.bb-teal.is-style-blank-box-orange .bb-label,
.bb-tab.bb-teal.is-style-sticky-gray .bb-label,
.bb-tab.bb-teal.is-style-sticky-yellow .bb-label,
.bb-tab.bb-teal.is-style-sticky-red .bb-label,
.bb-tab.bb-teal.is-style-sticky-blue .bb-label,
.bb-tab.bb-teal.is-style-sticky-green .bb-label {
background-color: #007b43
}
.blank-box.bb-tab.bb-light-green .bb-label,
.bb-tab.bb-light-green.is-style-blank-box-red .bb-label,
.bb-tab.bb-light-green.is-style-blank-box-navy .bb-label,
.bb-tab.bb-light-green.is-style-blank-box-blue .bb-label,
.bb-tab.bb-light-green.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-light-green.is-style-blank-box-green .bb-label,
.bb-tab.bb-light-green.is-style-blank-box-pink .bb-label,
.bb-tab.bb-light-green.is-style-blank-box-orange .bb-label,
.bb-tab.bb-light-green.is-style-sticky-gray .bb-label,
.bb-tab.bb-light-green.is-style-sticky-yellow .bb-label,
.bb-tab.bb-light-green.is-style-sticky-red .bb-label,
.bb-tab.bb-light-green.is-style-sticky-blue .bb-label,
.bb-tab.bb-light-green.is-style-sticky-green .bb-label {
background-color: #8bc34a
}
.blank-box.bb-tab.bb-lime .bb-label,
.bb-tab.bb-lime.is-style-blank-box-red .bb-label,
.bb-tab.bb-lime.is-style-blank-box-navy .bb-label,
.bb-tab.bb-lime.is-style-blank-box-blue .bb-label,
.bb-tab.bb-lime.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-lime.is-style-blank-box-green .bb-label,
.bb-tab.bb-lime.is-style-blank-box-pink .bb-label,
.bb-tab.bb-lime.is-style-blank-box-orange .bb-label,
.bb-tab.bb-lime.is-style-sticky-gray .bb-label,
.bb-tab.bb-lime.is-style-sticky-yellow .bb-label,
.bb-tab.bb-lime.is-style-sticky-red .bb-label,
.bb-tab.bb-lime.is-style-sticky-blue .bb-label,
.bb-tab.bb-lime.is-style-sticky-green .bb-label {
background-color: #c3d825
}
.blank-box.bb-tab.bb-amber .bb-label,
.bb-tab.bb-amber.is-style-blank-box-red .bb-label,
.bb-tab.bb-amber.is-style-blank-box-navy .bb-label,
.bb-tab.bb-amber.is-style-blank-box-blue .bb-label,
.bb-tab.bb-amber.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-amber.is-style-blank-box-green .bb-label,
.bb-tab.bb-amber.is-style-blank-box-pink .bb-label,
.bb-tab.bb-amber.is-style-blank-box-orange .bb-label,
.bb-tab.bb-amber.is-style-sticky-gray .bb-label,
.bb-tab.bb-amber.is-style-sticky-yellow .bb-label,
.bb-tab.bb-amber.is-style-sticky-red .bb-label,
.bb-tab.bb-amber.is-style-sticky-blue .bb-label,
.bb-tab.bb-amber.is-style-sticky-green .bb-label {
background-color: #ffc107
}
.blank-box.bb-tab.bb-deep-orange .bb-label,
.bb-tab.bb-deep-orange.is-style-blank-box-red .bb-label,
.bb-tab.bb-deep-orange.is-style-blank-box-navy .bb-label,
.bb-tab.bb-deep-orange.is-style-blank-box-blue .bb-label,
.bb-tab.bb-deep-orange.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-deep-orange.is-style-blank-box-green .bb-label,
.bb-tab.bb-deep-orange.is-style-blank-box-pink .bb-label,
.bb-tab.bb-deep-orange.is-style-blank-box-orange .bb-label,
.bb-tab.bb-deep-orange.is-style-sticky-gray .bb-label,
.bb-tab.bb-deep-orange.is-style-sticky-yellow .bb-label,
.bb-tab.bb-deep-orange.is-style-sticky-red .bb-label,
.bb-tab.bb-deep-orange.is-style-sticky-blue .bb-label,
.bb-tab.bb-deep-orange.is-style-sticky-green .bb-label {
background-color: #ea5506
}
.blank-box.bb-tab.bb-white .bb-label,
.bb-tab.bb-white.is-style-blank-box-red .bb-label,
.bb-tab.bb-white.is-style-blank-box-navy .bb-label,
.bb-tab.bb-white.is-style-blank-box-blue .bb-label,
.bb-tab.bb-white.is-style-blank-box-yellow .bb-label,
.bb-tab.bb-white.is-style-blank-box-green .bb-label,
.bb-tab.bb-white.is-style-blank-box-pink .bb-label,
.bb-tab.bb-white.is-style-blank-box-orange .bb-label,
.bb-tab.bb-white.is-style-sticky-gray .bb-label,
.bb-tab.bb-white.is-style-sticky-yellow .bb-label,
.bb-tab.bb-white.is-style-sticky-red .bb-label,
.bb-tab.bb-white.is-style-sticky-blue .bb-label,
.bb-tab.bb-white.is-style-sticky-green .bb-label {
background-color: #fff
}
.blank-box.sticky,
.sticky.is-style-blank-box-red,
.sticky.is-style-blank-box-navy,
.sticky.is-style-blank-box-blue,
.sticky.is-style-blank-box-yellow,
.sticky.is-style-blank-box-green,
.sticky.is-style-blank-box-pink,
.sticky.is-style-blank-box-orange,
.is-style-sticky-gray,
.is-style-sticky-yellow,
.is-style-sticky-red,
.is-style-sticky-blue,
.is-style-sticky-green {
border-width: 0 0 0 6px;
border-color: #777;
background-color: #f5f6f7
}
.blank-box.sticky.st-yellow,
.sticky.st-yellow.is-style-blank-box-red,
.sticky.st-yellow.is-style-blank-box-navy,
.sticky.st-yellow.is-style-blank-box-blue,
.sticky.st-yellow.is-style-blank-box-yellow,
.sticky.st-yellow.is-style-blank-box-green,
.sticky.st-yellow.is-style-blank-box-pink,
.sticky.st-yellow.is-style-blank-box-orange,
.st-yellow.is-style-sticky-gray,
.st-yellow.is-style-sticky-yellow,
.st-yellow.is-style-sticky-red,
.st-yellow.is-style-sticky-blue,
.st-yellow.is-style-sticky-green {
border-color: #FFA103;
background-color: #ffeac7
}
.blank-box.sticky.st-red,
.sticky.st-red.is-style-blank-box-red,
.sticky.st-red.is-style-blank-box-navy,
.sticky.st-red.is-style-blank-box-blue,
.sticky.st-red.is-style-blank-box-yellow,
.sticky.st-red.is-style-blank-box-green,
.sticky.st-red.is-style-blank-box-pink,
.sticky.st-red.is-style-blank-box-orange,
.st-red.is-style-sticky-gray,
.st-red.is-style-sticky-yellow,
.st-red.is-style-sticky-red,
.st-red.is-style-sticky-blue,
.st-red.is-style-sticky-green {
border-color: #CD3740;
background-color: #F5DADC
}
.blank-box.sticky.st-blue,
.sticky.st-blue.is-style-blank-box-red,
.sticky.st-blue.is-style-blank-box-navy,
.sticky.st-blue.is-style-blank-box-blue,
.sticky.st-blue.is-style-blank-box-yellow,
.sticky.st-blue.is-style-blank-box-green,
.sticky.st-blue.is-style-blank-box-pink,
.sticky.st-blue.is-style-blank-box-orange,
.st-blue.is-style-sticky-gray,
.st-blue.is-style-sticky-yellow,
.st-blue.is-style-sticky-red,
.st-blue.is-style-sticky-blue,
.st-blue.is-style-sticky-green {
border-color: #06c;
background-color: #E5F2FF
}
.blank-box.sticky.st-green,
.sticky.st-green.is-style-blank-box-red,
.sticky.st-green.is-style-blank-box-navy,
.sticky.st-green.is-style-blank-box-blue,
.sticky.st-green.is-style-blank-box-yellow,
.sticky.st-green.is-style-blank-box-green,
.sticky.st-green.is-style-blank-box-pink,
.sticky.st-green.is-style-blank-box-orange,
.st-green.is-style-sticky-gray,
.st-green.is-style-sticky-yellow,
.st-green.is-style-sticky-red,
.st-green.is-style-sticky-blue,
.st-green.is-style-sticky-green {
border-color: #028760;
background-color: #CBEFE4
}
.is-style-blank-box-red {
border-color: #e60033
}
.is-style-blank-box-pink {
border-color: #e95295
}
.is-style-blank-box-navy {
border-color: #1e50a2
}
.is-style-blank-box-blue {
border-color: #0095d9
}
.is-style-blank-box-yellow {
border-color: #ffd900
}
.is-style-blank-box-green {
border-color: #3eb370
}
.is-style-blank-box-orange {
border-color: #f39800
}
.is-style-sticky-yellow {
border-color: #FFA103;
background-color: #ffeac7
}
.is-style-sticky-red {
border-color: #CD3740;
background-color: #F5DADC
}
.is-style-sticky-blue {
border-color: #06c;
background-color: #E5F2FF
}
.is-style-sticky-green {
border-color: #028760;
background-color: #CBEFE4
}
.bb-check .bb-label .fa::before {
content: ""
}
.bb-check .bb-label::after {
content: "CHECK"
}
.bb-comment .bb-label .fa::before {
content: ""
}
.bb-comment .bb-label::after {
content: "COMMENT"
}
.bb-point .bb-label .fa::before {
content: ""
}
.bb-point .bb-label::after {
content: "POINT"
}
.bb-tips .bb-label .fa::before {
content: ""
}
.bb-tips .bb-label::after {
content: "TIPS"
}
.bb-hint .bb-label .fa::before {
content: ""
}
.bb-hint .bb-label::after {
content: "HINT"
}
.bb-pickup .bb-label .fa::before {
content: ""
}
.bb-pickup .bb-label::after {
content: "PICKUP"
}
.bb-bookmark .bb-label .fa::before {
content: ""
}
.bb-bookmark .bb-label::after {
content: "BOOKMARK"
}
.bb-memo .bb-label .fa::before {
content: ""
}
.bb-memo .bb-label::after {
content: "MEMO"
}
.bb-download .bb-label .fa::before {
content: ""
}
.bb-download .bb-label::after {
content: "DOWNLOAD"
}
.bb-break .bb-label .fa::before {
content: ""
}
.bb-break .bb-label::after {
content: "BREAK"
}
.bb-amazon .bb-label .fa::before {
content: ""
}
.bb-amazon .bb-label::after {
content: "AMAZON"
}
.bb-ok .bb-label .fa::before {
content: ""
}
.bb-ok .bb-label::after {
content: "OK"
}
.bb-ng .bb-label .fa::before {
content: ""
}
.bb-ng .bb-label::after {
content: "NG"
}
.bb-good .bb-label .fa::before {
content: ""
}
.bb-good .bb-label::after {
content: "GOOD"
}
.bb-bad .bb-label .fa::before {
content: ""
}
.bb-bad .bb-label::after {
content: "BAD"
}
.bb-profile .bb-label .fa::before {
content: ""
}
.bb-profile .bb-label::after {
content: "PROFILE"
}
div.search-form {
margin: 3em 0;
display: flex;
max-width: 420px
}
.search-form>div {
border: 1px solid #555;
border-radius: 2px;
padding: 5px;
margin-left: 10px
}
.search-form div.sform {
background-color: #fff;
width: 100%
}
.search-form div.sbtn {
background-color: #15E;
color: #fff;
text-align: center;
width: 140px;
position: relative
}
.search-form div.sbtn:before {
content: "\f002";
font-family: FontAwesome;
margin-right: 7px
}
.search-form div.sbtn::after {
content: "\f25a";
font-family: FontAwesome;
color: #000;
position: absolute;
bottom: -1.5em;
font-size: 25px
}
@media screen and (max-width:450px) {
.search-form div {
padding: 3px 5px;
font-size: 75%
}
.search-form div.sform {
min-width: 180px
}
.search-form div.sbtn {
padding-left: 5px;
padding-right: 10px
}
.search-form div.sbtn::after {
font-size: 20px;
margin-left: -10px
}
}
.btn-wrap {
min-height: 2em;
margin: 1.6em 0
}
.btn-wrap img[width="1"] {
position: absolute;
bottom: 0;
right: 0
}
.btn,
.ranking-item-link-buttons a,
.btn-wrap>a,
.wp-block-freeform .btn-wrap>a {
color: #fff;
background-color: #32373c;
font-weight: bold;
border-radius: 4px;
display: inline-block;
cursor: pointer;
line-height: normal;
padding: 7px 13px;
text-decoration: none;
text-align: center;
font-size: 14px;
border: 2px solid transparent;
position: relative
}
.btn amp-img,
.ranking-item-link-buttons a amp-img,
.btn-wrap>a amp-img,
.wp-block-freeform .btn-wrap>a amp-img {
position: absolute
}
.btn:before,
.ranking-item-link-buttons a:before,
.btn:after,
.ranking-item-link-buttons a:after,
.btn-wrap>a:before,
.btn-wrap>a:after {
font-family: FontAwesome;
margin-right: 12px;
transition: all .2s ease
}
.btn-m,
.btn-wrap.btn-wrap-m>a {
padding: 14px 45px;
font-size: 16px
}
.btn-l,
.ranking-item-link-buttons a,
.btn-wrap.btn-wrap-l>a {
padding: 14px 20px;
font-size: 18px;
margin: 1em;
display: flex;
justify-content: center;
align-items: center
}
.btn-l::after,
.ranking-item-link-buttons a::after,
.btn-wrap.btn-wrap-l>a::after {
content: "\f105";
position: absolute;
right: 0;
font-size: 20px
}
.btn:hover,
.ranking-item-link-buttons a:hover,
.btn-wrap>a:hover {
opacity: .7;
color: #fff;
transition: all .3s ease-in-out
}
.btn:hover::after,
.ranking-item-link-buttons a:hover::after,
.btn-wrap>a:hover::after {
right: -4px;
transition: all .3s ease-in-out
}
.btn-l.btn-circle::after,
.ranking-item-link-buttons a.btn-circle::after,
.btn-wrap.btn-wrap-l.btn-wrap-circle>a::after {
right: 8px
}
.btn-l.btn-circle:hover::after,
.ranking-item-link-buttons a.btn-circle:hover::after,
.btn-wrap.btn-wrap-l.btn-wrap-circle>a:hover::after {
right: 4px
}
.btn-shine,
.btn-wrap-shine>a {
overflow: hidden
}
.btn-shine:before,
.btn-wrap-shine>a:before {
animation: shine 3s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px
}
.btn-circle,
.btn-wrap-circle>a {
border-radius: 99px
}
.btn-white,
.btn-wrap.btn-wrap-white>a {
color: #333;
background-color: #fff
}
#container .btn-white:hover,
#container .btn-wrap.btn-wrap-white>a:hover {
color: #333
}
.btn-red,
.ranking-item-link a,
.btn-wrap.btn-wrap-red>a {
background-color: #e60033
}
.btn-pink,
.btn-wrap.btn-wrap-pink>a {
background-color: #e95295
}
.btn-purple,
.btn-wrap.btn-wrap-purple>a {
background-color: #884898
}
.btn-deep,
.btn-wrap.btn-wrap-deep>a {
background-color: #55295b
}
.btn-indigo,
.btn-wrap.btn-wrap-indigo>a {
background-color: #1e50a2
}
.btn-blue,
.ranking-item-detail a,
.btn-wrap.btn-wrap-blue>a {
background-color: #0095d9
}
.btn-light-blue,
.btn-wrap.btn-wrap-light-blue>a {
background-color: #2ca9e1
}
.btn-cyan,
.btn-wrap.btn-wrap-cyan>a {
background-color: #00a3af
}
.btn-teal,
.btn-wrap.btn-wrap-teal>a {
background-color: #007b43
}
.btn-green,
.btn-wrap.btn-wrap-green>a {
background-color: #3eb370
}
.btn-light-green,
.btn-wrap.btn-wrap-light-green>a {
background-color: #8bc34a
}
.btn-lime,
.btn-wrap.btn-wrap-lime>a {
background-color: #c3d825
}
.btn-yellow,
.btn-wrap.btn-wrap-yellow>a {
background-color: #ffd900
}
.btn-amber,
.btn-wrap.btn-wrap-amber>a {
background-color: #ffc107
}
.btn-orange,
.btn-wrap.btn-wrap-orange>a {
background-color: #f39800
}
.btn-deep-orange,
.btn-wrap.btn-wrap-deep-orange>a {
background-color: #ea5506
}
.btn-brown,
.btn-wrap.btn-wrap-brown>a {
background-color: #954e2a
}
.btn-grey,
.btn-wrap.btn-wrap-grey>a {
background-color: #949495
}
.btn-blue-grey,
.btn-wrap.btn-wrap-blue-grey>a {
background-color: #607d8b
}
.btn-black,
.btn-wrap.btn-wrap-black>a {
background-color: #333
}
.btn-arrow-right:before,
.btn-wrap.btn-wrap-arrow-right>a:before {
content: "\f061"
}
.btn-chevron-right:before,
.btn-wrap.btn-wrap-chevron-circle-right>a:before {
content: "\f054"
}
.btn-angle-right:before,
.btn-wrap.btn-wrap-angle-right>a:before {
content: "\f105"
}
.btn-caret-right:before,
.btn-wrap.btn-wrap-caret-right>a:before {
content: "\f0da"
}
.btn-long-arrow-right:before,
.btn-wrap.btn-wrap-long-arrow-right>a:before {
content: "\f178"
}
.btn-chevron-circle-right:before,
.btn-wrap.btn-wrap-chevron-circle-right>a:before {
content: "\f138"
}
.btn-angle-double-right:before,
.btn-wrap.btn-wrap-angle-double-right>a:before {
content: "\f101"
}
.btn-arrow-circle-right:before,
.btn-wrap.btn-wrap-arrow-circle-right>a:before {
content: "\f0a9"
}
.btn-hand-o-right:before,
.btn-wrap.btn-wrap-hand-o-right>a:before {
content: "\f0a4"
}
.btn-arrow-circle-o-right:before,
.btn-wrap.btn-wrap-arrow-circle-o-right>a:before {
content: "\f18e"
}
.btn-caret-square-o-right:before,
.btn-wrap.btn-wrap-caret-square-o-right>a:before {
content: "\f152"
}
.micro-copy.alignleft {
float: none;
margin-right: 0;
text-align: left
}
.micro-copy.alignright {
float: none;
margin-left: 0;
text-align: right
}
.micro-copy.aligncenter {
text-align: center
}
.micro-top {
font-size: .8em;
margin-bottom: -1.2em;
margin-top: 1em
}
.micro-bottom {
font-size: .8em;
margin-top: -1.2em;
margin-bottom: 1em
}
.micro-center {
text-align: center
}
.micro-right {
text-align: right
}
.micro-balloon {
position: relative;
background: #fff;
border: 1px solid #999;
border-radius: 4px;
padding: 3px 12px;
display: table;
font-size: .8em
}
.micro-balloon.has-background {
color: #fff
}
.micro-balloon.aligncenter {
margin-left: auto;
margin-right: auto
}
.micro-balloon.alignleft {
margin-right: auto
}
.micro-balloon.alignright {
margin-left: auto
}
.micro-balloon:after,
.micro-balloon:before {
top: calc(100% - 1px);
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.micro-balloon:after {
border-top-color: #fff;
border-width: 7px;
margin-left: -7px
}
.micro-balloon:before {
border-top-color: #999;
border-width: 8px;
margin-left: -8px
}
.micro-balloon-center {
margin-left: auto;
margin-right: auto
}
.micro-balloon-right {
margin-left: auto
}
.micro-bottom.micro-balloon {
margin-top: -.5em
}
.micro-bottom.micro-balloon:after,
.micro-bottom.micro-balloon:before {
bottom: calc(100% - 1px);
top: auto
}
.micro-bottom.micro-balloon:after {
border-bottom-color: #fff;
border-top-color: transparent
}
.micro-bottom.micro-balloon:before {
border-bottom-color: #999;
border-top-color: transparent
}
.micro-icon {
margin-right: 6px
}
.micro-copy.alignleft,
.micro-copy.alignright {
float: none
}
.micro-copy.alignright {
margin-left: auto
}
.mc-circle {
border-radius: 2em;
background-clip: padding-box
}
.mc-red {
background-color: #e60033;
color: #fff;
border: 0
}
.mc-red.micro-bottom::after {
border-bottom-color: #e60033;
border-top-color: transparent
}
.mc-red::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-red::after {
border-top-color: #e60033
}
.mc-pink {
background-color: #e95295;
color: #fff;
border: 0
}
.mc-pink.micro-bottom::after {
border-bottom-color: #e95295;
border-top-color: transparent
}
.mc-pink::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-pink::after {
border-top-color: #e95295
}
.mc-purple {
background-color: #884898;
color: #fff;
border: 0
}
.mc-purple.micro-bottom::after {
border-bottom-color: #884898;
border-top-color: transparent
}
.mc-purple::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-purple::after {
border-top-color: #884898
}
.mc-blue {
background-color: #0095d9;
color: #fff;
border: 0
}
.mc-blue.micro-bottom::after {
border-bottom-color: #0095d9;
border-top-color: transparent
}
.mc-blue::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-blue::after {
border-top-color: #0095d9
}
.mc-green {
background-color: #3eb370;
color: #fff;
border: 0
}
.mc-green.micro-bottom::after {
border-bottom-color: #3eb370;
border-top-color: transparent
}
.mc-green::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-green::after {
border-top-color: #3eb370
}
.mc-orange {
background-color: #f39800;
color: #fff;
border: 0
}
.mc-orange.micro-bottom::after {
border-bottom-color: #f39800;
border-top-color: transparent
}
.mc-orange::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-orange::after {
border-top-color: #f39800
}
.mc-yellow {
background-color: #ffd900;
color: #fff;
border: 0
}
.mc-yellow.micro-bottom::after {
border-bottom-color: #ffd900;
border-top-color: transparent
}
.mc-yellow::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-yellow::after {
border-top-color: #ffd900
}
.mc-brown {
background-color: #954e2a;
color: #fff;
border: 0
}
.mc-brown.micro-bottom::after {
border-bottom-color: #954e2a;
border-top-color: transparent
}
.mc-brown::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-brown::after {
border-top-color: #954e2a
}
.mc-grey {
background-color: #949495;
color: #fff;
border: 0
}
.mc-grey.micro-bottom::after {
border-bottom-color: #949495;
border-top-color: transparent
}
.mc-grey::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-grey::after {
border-top-color: #949495
}
.mc-black {
background-color: #333;
color: #fff;
border: 0
}
.mc-black.micro-bottom::after {
border-bottom-color: #333;
border-top-color: transparent
}
.mc-black::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-black::after {
border-top-color: #333
}
.mc-deep {
background-color: #55295b;
color: #fff;
border: 0
}
.mc-deep.micro-bottom::after {
border-bottom-color: #55295b;
border-top-color: transparent
}
.mc-deep::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-deep::after {
border-top-color: #55295b
}
.mc-indigo {
background-color: #1e50a2;
color: #fff;
border: 0
}
.mc-indigo.micro-bottom::after {
border-bottom-color: #1e50a2;
border-top-color: transparent
}
.mc-indigo::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-indigo::after {
border-top-color: #1e50a2
}
.mc-light-blue {
background-color: #2ca9e1;
color: #fff;
border: 0
}
.mc-light-blue.micro-bottom::after {
border-bottom-color: #2ca9e1;
border-top-color: transparent
}
.mc-light-blue::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-light-blue::after {
border-top-color: #2ca9e1
}
.mc-cyan {
background-color: #00a3af;
color: #fff;
border: 0
}
.mc-cyan.micro-bottom::after {
border-bottom-color: #00a3af;
border-top-color: transparent
}
.mc-cyan::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-cyan::after {
border-top-color: #00a3af
}
.mc-teal {
background-color: #007b43;
color: #fff;
border: 0
}
.mc-teal.micro-bottom::after {
border-bottom-color: #007b43;
border-top-color: transparent
}
.mc-teal::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-teal::after {
border-top-color: #007b43
}
.mc-light-green {
background-color: #8bc34a;
color: #fff;
border: 0
}
.mc-light-green.micro-bottom::after {
border-bottom-color: #8bc34a;
border-top-color: transparent
}
.mc-light-green::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-light-green::after {
border-top-color: #8bc34a
}
.mc-lime {
background-color: #c3d825;
color: #fff;
border: 0
}
.mc-lime.micro-bottom::after {
border-bottom-color: #c3d825;
border-top-color: transparent
}
.mc-lime::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-lime::after {
border-top-color: #c3d825
}
.mc-amber {
background-color: #ffc107;
color: #fff;
border: 0
}
.mc-amber.micro-bottom::after {
border-bottom-color: #ffc107;
border-top-color: transparent
}
.mc-amber::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-amber::after {
border-top-color: #ffc107
}
.mc-deep-orange {
background-color: #ea5506;
color: #fff;
border: 0
}
.mc-deep-orange.micro-bottom::after {
border-bottom-color: #ea5506;
border-top-color: transparent
}
.mc-deep-orange::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-deep-orange::after {
border-top-color: #ea5506
}
.mc-white {
background-color: #fff;
color: #fff;
border: 0
}
.mc-white.micro-bottom::after {
border-bottom-color: #fff;
border-top-color: transparent
}
.mc-white::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-white::after {
border-top-color: #fff
}
.blogcard-label {
position: absolute;
top: -18px;
left: 16px;
font-size: 13px;
padding: 3px .6em;
background-color: #333;
color: #fff;
border-radius: 3px;
letter-spacing: .7px;
display: none
}
.blogcard-label .fa::before {
margin-right: 6px
}
.blogcard-type .blogcard-label {
display: block
}
.bct-none .blogcard-label {
display: none
}
.bct-related .blogcard-label .fa::before {
content: ""
}
.bct-related .blogcard-label::after {
content: "関連記事"
}
.bct-reference .blogcard-label .fa::before {
content: ""
}
.bct-reference .blogcard-label::after {
content: "参考記事"
}
.bct-reference-link .blogcard-label .fa::before {
content: ""
}
.bct-reference-link .blogcard-label::after {
content: "参考リンク"
}
.bct-popular .blogcard-label .fa::before {
content: ""
}
.bct-popular .blogcard-label::after {
content: "人気記事"
}
.bct-pickup .blogcard-label .fa::before {
content: ""
}
.bct-pickup .blogcard-label::after {
content: "ピックアップ"
}
.bct-check .blogcard-label .fa::before {
content: ""
}
.bct-check .blogcard-label::after {
content: "チェック"
}
.bct-together .blogcard-label .fa::before {
content: ""
}
.bct-together .blogcard-label::after {
content: "あわせて読みたい"
}
.bct-detail .blogcard-label .fa::before {
content: ""
}
.bct-detail .blogcard-label::after {
content: "詳細はこちら"
}
.bct-official .blogcard-label .fa::before {
content: ""
}
.bct-official .blogcard-label::after {
content: "公式サイト"
}
.bct-dl .blogcard-label .fa::before {
content: ""
}
.bct-dl .blogcard-label::after {
content: "ダウンロード"
}
.button-block {
float: none;
margin: 1em 0
}
.button-block.alignleft {
text-align: left
}
.button-block.aligncenter {
text-align: center
}
.button-block.alignright {
text-align: right
}
.block-box-label {
display: flex
}
.block-box-label::before {
margin-right: .3em
}
.caption-box {
margin: 1.2em 0;
border: 2px solid #eee;
border-radius: 4px
}
.caption-box.has-border-color .box-label {
color: #fff
}
.caption-box-label {
padding: .2em .8em;
background-color: #eee
}
.caption-box-content {
padding: .4em .8em
}
.cb-red.caption-box {
border-color: #e60033
}
.cb-red .caption-box-label {
background-color: #e60033;
color: #fff
}
.cb-pink.caption-box {
border-color: #e95295
}
.cb-pink .caption-box-label {
background-color: #e95295;
color: #fff
}
.cb-purple.caption-box {
border-color: #884898
}
.cb-purple .caption-box-label {
background-color: #884898;
color: #fff
}
.cb-blue.caption-box {
border-color: #0095d9
}
.cb-blue .caption-box-label {
background-color: #0095d9;
color: #fff
}
.cb-green.caption-box {
border-color: #3eb370
}
.cb-green .caption-box-label {
background-color: #3eb370;
color: #fff
}
.cb-orange.caption-box {
border-color: #f39800
}
.cb-orange .caption-box-label {
background-color: #f39800;
color: #fff
}
.cb-yellow.caption-box {
border-color: #ffd900
}
.cb-yellow .caption-box-label {
background-color: #ffd900;
color: #fff
}
.cb-brown.caption-box {
border-color: #954e2a
}
.cb-brown .caption-box-label {
background-color: #954e2a;
color: #fff
}
.cb-grey.caption-box {
border-color: #949495
}
.cb-grey .caption-box-label {
background-color: #949495;
color: #fff
}
.cb-black.caption-box {
border-color: #333
}
.cb-black .caption-box-label {
background-color: #333;
color: #fff
}
.cb-deep.caption-box {
border-color: #55295b
}
.cb-deep .caption-box-label {
background-color: #55295b;
color: #fff
}
.cb-indigo.caption-box {
border-color: #1e50a2
}
.cb-indigo .caption-box-label {
background-color: #1e50a2;
color: #fff
}
.cb-light-blue.caption-box {
border-color: #2ca9e1
}
.cb-light-blue .caption-box-label {
background-color: #2ca9e1;
color: #fff
}
.cb-cyan.caption-box {
border-color: #00a3af
}
.cb-cyan .caption-box-label {
background-color: #00a3af;
color: #fff
}
.cb-teal.caption-box {
border-color: #007b43
}
.cb-teal .caption-box-label {
background-color: #007b43;
color: #fff
}
.cb-light-green.caption-box {
border-color: #8bc34a
}
.cb-light-green .caption-box-label {
background-color: #8bc34a;
color: #fff
}
.cb-lime.caption-box {
border-color: #c3d825
}
.cb-lime .caption-box-label {
background-color: #c3d825;
color: #fff
}
.cb-amber.caption-box {
border-color: #ffc107
}
.cb-amber .caption-box-label {
background-color: #ffc107;
color: #fff
}
.cb-deep-orange.caption-box {
border-color: #ea5506
}
.cb-deep-orange .caption-box-label {
background-color: #ea5506;
color: #fff
}
.cb-white.caption-box {
border-color: #fff
}
.cb-white .caption-box-label {
background-color: #fff;
color: #fff
}
.tab-caption-box {
margin: 1.2em 0
}
.tab-caption-box.block-box.has-background {
background-color: transparent
}
.tab-caption-box.has-border-color .box-label {
color: #fff
}
.tab-caption-box-label {
padding: 0 .8em;
font-size: .9em;
background-color: #eee;
display: inline-block;
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.tab-caption-box-content {
margin-top: -3px;
border: 3px solid #eee;
padding: .4em .8em;
border-radius: 8px;
border-top-left-radius: 0
}
.tcb-red .tab-caption-box-label {
background-color: #e60033;
color: #fff
}
.tcb-red .tab-caption-box-content {
border-color: #e60033
}
.tcb-pink .tab-caption-box-label {
background-color: #e95295;
color: #fff
}
.tcb-pink .tab-caption-box-content {
border-color: #e95295
}
.tcb-purple .tab-caption-box-label {
background-color: #884898;
color: #fff
}
.tcb-purple .tab-caption-box-content {
border-color: #884898
}
.tcb-blue .tab-caption-box-label {
background-color: #0095d9;
color: #fff
}
.tcb-blue .tab-caption-box-content {
border-color: #0095d9
}
.tcb-green .tab-caption-box-label {
background-color: #3eb370;
color: #fff
}
.tcb-green .tab-caption-box-content {
border-color: #3eb370
}
.tcb-orange .tab-caption-box-label {
background-color: #f39800;
color: #fff
}
.tcb-orange .tab-caption-box-content {
border-color: #f39800
}
.tcb-yellow .tab-caption-box-label {
background-color: #ffd900;
color: #fff
}
.tcb-yellow .tab-caption-box-content {
border-color: #ffd900
}
.tcb-brown .tab-caption-box-label {
background-color: #954e2a;
color: #fff
}
.tcb-brown .tab-caption-box-content {
border-color: #954e2a
}
.tcb-grey .tab-caption-box-label {
background-color: #949495;
color: #fff
}
.tcb-grey .tab-caption-box-content {
border-color: #949495
}
.tcb-black .tab-caption-box-label {
background-color: #333;
color: #fff
}
.tcb-black .tab-caption-box-content {
border-color: #333
}
.tcb-deep .tab-caption-box-label {
background-color: #55295b;
color: #fff
}
.tcb-deep .tab-caption-box-content {
border-color: #55295b
}
.tcb-indigo .tab-caption-box-label {
background-color: #1e50a2;
color: #fff
}
.tcb-indigo .tab-caption-box-content {
border-color: #1e50a2
}
.tcb-light-blue .tab-caption-box-label {
background-color: #2ca9e1;
color: #fff
}
.tcb-light-blue .tab-caption-box-content {
border-color: #2ca9e1
}
.tcb-cyan .tab-caption-box-label {
background-color: #00a3af;
color: #fff
}
.tcb-cyan .tab-caption-box-content {
border-color: #00a3af
}
.tcb-teal .tab-caption-box-label {
background-color: #007b43;
color: #fff
}
.tcb-teal .tab-caption-box-content {
border-color: #007b43
}
.tcb-light-green .tab-caption-box-label {
background-color: #8bc34a;
color: #fff
}
.tcb-light-green .tab-caption-box-content {
border-color: #8bc34a
}
.tcb-lime .tab-caption-box-label {
background-color: #c3d825;
color: #fff
}
.tcb-lime .tab-caption-box-content {
border-color: #c3d825
}
.tcb-amber .tab-caption-box-label {
background-color: #ffc107;
color: #fff
}
.tcb-amber .tab-caption-box-content {
border-color: #ffc107
}
.tcb-deep-orange .tab-caption-box-label {
background-color: #ea5506;
color: #fff
}
.tcb-deep-orange .tab-caption-box-content {
border-color: #ea5506
}
.tcb-white .tab-caption-box-label {
background-color: #fff;
color: #fff
}
.tcb-white .tab-caption-box-content {
border-color: #fff
}
.label-box {
margin: 1.2em 0
}
.label-box.block-box.has-background {
background-color: transparent
}
.label-box-label {
margin-left: 1em;
padding: 0 .8em;
font-size: .9em;
font-weight: bold;
text-shadow: #fff 3px 0 0, #fff 2px 1px 0, #fff 2px 2px 0, #fff 2px 3px 0, #fff 1px 3px 0, #fff 0 3px 0, #fff -1px 3px 0, #fff -2px 2px 0, #fff -3px 1px 0, #fff -3px 0 0, #fff -3px -1px 0, #fff -3px -2px 0, #fff -2px -2px 0, #fff -1px -3px 0, #fff 0 -3px 0, #fff 1px -3px 0, #fff 2px -2px 0, #fff 2px -2px 0, #fff 3px -1px 0
}
.label-box-content {
margin-top: -.9em;
border: 3px solid #888;
padding: 1em .8em .4em;
border-radius: 8px
}
.lb-red .label-box-content {
border-color: #e60033
}
.lb-pink .label-box-content {
border-color: #e95295
}
.lb-purple .label-box-content {
border-color: #884898
}
.lb-blue .label-box-content {
border-color: #0095d9
}
.lb-green .label-box-content {
border-color: #3eb370
}
.lb-orange .label-box-content {
border-color: #f39800
}
.lb-yellow .label-box-content {
border-color: #ffd900
}
.lb-brown .label-box-content {
border-color: #954e2a
}
.lb-grey .label-box-content {
border-color: #949495
}
.lb-black .label-box-content {
border-color: #333
}
.lb-deep .label-box-content {
border-color: #55295b
}
.lb-indigo .label-box-content {
border-color: #1e50a2
}
.lb-light-blue .label-box-content {
border-color: #2ca9e1
}
.lb-cyan .label-box-content {
border-color: #00a3af
}
.lb-teal .label-box-content {
border-color: #007b43
}
.lb-light-green .label-box-content {
border-color: #8bc34a
}
.lb-lime .label-box-content {
border-color: #c3d825
}
.lb-amber .label-box-content {
border-color: #ffc107
}
.lb-deep-orange .label-box-content {
border-color: #ea5506
}
.lb-white .label-box-content {
border-color: #fff
}
.toggle-wrap {
margin: 1.2em 0;
position: relative
}
.toggle-wrap>p {
margin: 0
}
.toggle-wrap .toggle-content {
display: block;
visibility: hidden;
opacity: 0;
padding: 0 1em;
height: 0;
transition: all .3s ease-in-out;
overflow: hidden
}
.toggle-button {
display: block;
cursor: pointer;
padding: 3px 10px;
background-color: #f5f6f7;
border: 2px solid #ccc;
text-align: center;
border-radius: 4px;
position: relative;
margin: 0
}
.toggle-button::before {
content: '\f067';
font-family: FontAwesome;
margin-right: .4em;
font-size: .8em;
color: #999
}
.toggle-button:hover {
opacity: .7
}
.toggle-checkbox {
display: none
}
.toggle-checkbox:checked~.toggle-button {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.toggle-checkbox:checked~.toggle-button::before {
content: '\f068'
}
.toggle-checkbox:checked~.toggle-content {
visibility: visible;
opacity: 1;
height: 100%;
transition: all .3s ease-in-out;
padding: 1em;
border: 2px solid #ccc;
border-top-width: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.tb-red .toggle-button {
border: 2px solid #e60033;
background: #e60033;
color: #fff
}
.tb-red .toggle-button::before {
color: #ddd
}
.tb-red .toggle-checkbox:checked~.toggle-content {
border-color: #e60033
}
.tb-pink .toggle-button {
border: 2px solid #e95295;
background: #e95295;
color: #fff
}
.tb-pink .toggle-button::before {
color: #ddd
}
.tb-pink .toggle-checkbox:checked~.toggle-content {
border-color: #e95295
}
.tb-purple .toggle-button {
border: 2px solid #884898;
background: #884898;
color: #fff
}
.tb-purple .toggle-button::before {
color: #ddd
}
.tb-purple .toggle-checkbox:checked~.toggle-content {
border-color: #884898
}
.tb-blue .toggle-button {
border: 2px solid #0095d9;
background: #0095d9;
color: #fff
}
.tb-blue .toggle-button::before {
color: #ddd
}
.tb-blue .toggle-checkbox:checked~.toggle-content {
border-color: #0095d9
}
.tb-green .toggle-button {
border: 2px solid #3eb370;
background: #3eb370;
color: #fff
}
.tb-green .toggle-button::before {
color: #ddd
}
.tb-green .toggle-checkbox:checked~.toggle-content {
border-color: #3eb370
}
.tb-orange .toggle-button {
border: 2px solid #f39800;
background: #f39800;
color: #fff
}
.tb-orange .toggle-button::before {
color: #ddd
}
.tb-orange .toggle-checkbox:checked~.toggle-content {
border-color: #f39800
}
.tb-yellow .toggle-button {
border: 2px solid #ffd900;
background: #ffd900;
color: #fff
}
.tb-yellow .toggle-button::before {
color: #ddd
}
.tb-yellow .toggle-checkbox:checked~.toggle-content {
border-color: #ffd900
}
.tb-brown .toggle-button {
border: 2px solid #954e2a;
background: #954e2a;
color: #fff
}
.tb-brown .toggle-button::before {
color: #ddd
}
.tb-brown .toggle-checkbox:checked~.toggle-content {
border-color: #954e2a
}
.tb-grey .toggle-button {
border: 2px solid #949495;
background: #949495;
color: #fff
}
.tb-grey .toggle-button::before {
color: #ddd
}
.tb-grey .toggle-checkbox:checked~.toggle-content {
border-color: #949495
}
.tb-black .toggle-button {
border: 2px solid #333;
background: #333;
color: #fff
}
.tb-black .toggle-button::before {
color: #ddd
}
.tb-black .toggle-checkbox:checked~.toggle-content {
border-color: #333
}
.tb-deep .toggle-button {
border: 2px solid #55295b;
background: #55295b;
color: #fff
}
.tb-deep .toggle-button::before {
color: #ddd
}
.tb-deep .toggle-checkbox:checked~.toggle-content {
border-color: #55295b
}
.tb-indigo .toggle-button {
border: 2px solid #1e50a2;
background: #1e50a2;
color: #fff
}
.tb-indigo .toggle-button::before {
color: #ddd
}
.tb-indigo .toggle-checkbox:checked~.toggle-content {
border-color: #1e50a2
}
.tb-light-blue .toggle-button {
border: 2px solid #2ca9e1;
background: #2ca9e1;
color: #fff
}
.tb-light-blue .toggle-button::before {
color: #ddd
}
.tb-light-blue .toggle-checkbox:checked~.toggle-content {
border-color: #2ca9e1
}
.tb-cyan .toggle-button {
border: 2px solid #00a3af;
background: #00a3af;
color: #fff
}
.tb-cyan .toggle-button::before {
color: #ddd
}
.tb-cyan .toggle-checkbox:checked~.toggle-content {
border-color: #00a3af
}
.tb-teal .toggle-button {
border: 2px solid #007b43;
background: #007b43;
color: #fff
}
.tb-teal .toggle-button::before {
color: #ddd
}
.tb-teal .toggle-checkbox:checked~.toggle-content {
border-color: #007b43
}
.tb-light-green .toggle-button {
border: 2px solid #8bc34a;
background: #8bc34a;
color: #fff
}
.tb-light-green .toggle-button::before {
color: #ddd
}
.tb-light-green .toggle-checkbox:checked~.toggle-content {
border-color: #8bc34a
}
.tb-lime .toggle-button {
border: 2px solid #c3d825;
background: #c3d825;
color: #fff
}
.tb-lime .toggle-button::before {
color: #ddd
}
.tb-lime .toggle-checkbox:checked~.toggle-content {
border-color: #c3d825
}
.tb-amber .toggle-button {
border: 2px solid #ffc107;
background: #ffc107;
color: #fff
}
.tb-amber .toggle-button::before {
color: #ddd
}
.tb-amber .toggle-checkbox:checked~.toggle-content {
border-color: #ffc107
}
.tb-deep-orange .toggle-button {
border: 2px solid #ea5506;
background: #ea5506;
color: #fff
}
.tb-deep-orange .toggle-button::before {
color: #ddd
}
.tb-deep-orange .toggle-checkbox:checked~.toggle-content {
border-color: #ea5506
}
.tb-white .toggle-button {
border: 2px solid #fff;
background: #fff;
color: #fff
}
.tb-white .toggle-button::before {
color: #ddd
}
.tb-white .toggle-checkbox:checked~.toggle-content {
border-color: #fff
}
.iic-red li::before {
color: #e60033
}
.iic-pink li::before {
color: #e95295
}
.iic-purple li::before {
color: #884898
}
.iic-blue li::before {
color: #0095d9
}
.iic-green li::before {
color: #3eb370
}
.iic-orange li::before {
color: #f39800
}
.iic-yellow li::before {
color: #ffd900
}
.iic-brown li::before {
color: #954e2a
}
.iic-grey li::before {
color: #949495
}
.iic-black li::before {
color: #333
}
.iic-deep li::before {
color: #55295b
}
.iic-indigo li::before {
color: #1e50a2
}
.iic-light-blue li::before {
color: #2ca9e1
}
.iic-cyan li::before {
color: #00a3af
}
.iic-teal li::before {
color: #007b43
}
.iic-light-green li::before {
color: #8bc34a
}
.iic-lime li::before {
color: #c3d825
}
.iic-amber li::before {
color: #ffc107
}
.iic-deep-orange li::before {
color: #ea5506
}
.iic-white li::before {
color: #fff
}
.body .wp-block-image figcaption {
margin: 0;
font-size: .7em;
opacity: .8;
padding: 0 6px
}
.column-wrap {
display: flex;
justify-content: space-between;
position: relative;
margin: 0
}
.column-wrap>div {
width: 49.5%;
margin: 0
}
.column-wrap>div>*:first-child {
margin-top: 0
}
.column-wrap.column-3>div {
width: 32.5%
}
.column-2-3-1-2 .column-left {
width: 34%
}
.column-2-3-1-2 .column-right {
width: 65%
}
.column-2-3-2-1 .column-left {
width: 65%
}
.column-2-3-2-1 .column-right {
width: 34%
}
.column-2-4-1-3 .column-left {
width: 25%
}
.column-2-4-1-3 .column-right {
width: 74%
}
.column-2-4-3-1 .column-left {
width: 74%
}
.column-2-4-3-1 .column-right {
width: 25%
}
@media (min-width:600px) {
.wp-block-columns {
flex-wrap: nowrap
}
}
.wp-block-media-text__content {
padding: 0 1em
}
.sns-follow-buttons a {
width: 100%;
margin-right: 8px;
margin-bottom: 8px;
font-size: 30px;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
position: relative
}
.sns-follow-buttons a:last-child {
margin-right: 0
}
.sns-follow-buttons a .follow-count {
position: absolute;
right: 3px;
bottom: 3px;
font-size: 12px;
line-height: 1
}
.fbc-hide .follow-count {
display: none
}
.related-entry-card .cat-label {
font-size: 9px
}
.related-entry-heading,
.comment-title {
margin: 22px 0;
font-size: 24px
}
.related-entry-card-content {
margin-left: 170px
}
.rect-mini-card .related-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.rect-mini-card .related-entry-card-wrap {
width: 49.5%;
padding: 7px
}
.rect-mini-card .related-entry-card-thumb {
width: 120px
}
.rect-mini-card .related-entry-card-content {
margin-left: 130px
}
.rect-mini-card .related-entry-card-title {
font-size: 16px
}
.rect-mini-card .related-entry-card-snippet {
display: none
}
.rect-vertical-card .related-list {
display: flex;
flex-wrap: wrap;
justify-content: space-around
}
.rect-vertical-card .related-entry-card-wrap {
padding: 5px
}
.rect-vertical-card .related-entry-card-thumb {
float: none;
width: 100%
}
.rect-vertical-card .related-entry-card-thumb img {
width: 100%
}
.rect-vertical-card .related-entry-card-content {
margin: 0
}
.rect-vertical-card .related-entry-card-title {
font-size: 16px
}
.rect-vertical-card-3 .related-entry-card-wrap {
width: 33%
}
.rect-vertical-card-4 .related-entry-card-wrap {
width: 24.5%
}
.recb-entry-border .related-entry-card-wrap {
border: 1px solid #ccc
}
.commets-list {
padding: 0;
margin: 0;
list-style: none
}
.commets-list .avatar {
float: right
}
.commets-list .reply {
text-align: right;
font-size: .8em
}
.commets-list .comment-meta {
font-size: .8em
}
.commets-list .comment-body,
.commets-list .st-comment-body {
margin-bottom: 1em
}
.commets-list .children {
list-style: none;
padding-left: 20px
}
.st-comment-id {
display: none
}
.st-comment-edit {
font-size: .8em;
margin-left: 6px
}
.st-comment-author .fn {
font-weight: bold
}
.comment-form .required {
color: red
}
.comment-form .logged-in-as {
margin: .2em;
font-size: .8em
}
.comment-area.website-hide .comment-form-url {
display: none
}
.comment-edit-link {
margin-left: .4em
}
.comment-reply-link {
font-size: 14px
}
.comment-page-link {
text-align: center
}
.comment-page-link .page-numbers {
width: auto;
height: auto;
padding: 6px 12px;
line-height: normal
}
.comment-page-link .current {
background-color: #eee
}
.pagination {
margin: 24px 0;
clear: both;
text-align: center;
display: inline-flex;
justify-content: center;
width: 100%
}
.pagination .current {
background-color: #eee
}
.pagination a:hover {
background-color: #f5f8fa;
transition: all .3s ease-in-out;
color: #333
}
.page-numbers {
color: #333;
text-decoration: none;
display: inline-block;
height: 46px;
width: 46px;
border: 1px solid #ddd;
margin: 0 4px;
line-height: 46px;
text-align: center;
border-radius: 4px
}
.page-numbers span {
line-height: inherit
}
.page-numbers.dots {
opacity: .6;
background-color: #f5f6f7
}
.pagination-next-link,
.comment-btn {
background-color: #f9f9f9;
border: 1px solid #ddd;
color: #333;
display: block;
font-size: 1.2em;
text-decoration: none;
width: 100%;
text-align: center;
padding: 10px;
display: block
}
.pagination-next-link:hover,
.comment-btn:hover {
background-color: #f5f8fa;
transition: all .3s ease-in-out;
color: #333
}
.pager-links {
margin: 24px 0;
clear: both;
text-align: center
}
.pager-links .post-page-numbers {
background-color: transparent
}
.pager-links span {
background-color: #eee
}
.pager-links a {
display: inline-block
}
.pager-links a span {
background-color: #fff
}
.pager-links a:hover span {
background-color: #f5f8fa;
transition: all .3s ease-in-out;
color: #333
}
.pager-prev-next a {
width: 30%;
margin: 0 4px
}
.pager-prev-next span {
width: 100%;
margin: 0
}
.pager-post-navi {
margin: 38px 0;
display: flex;
flex-direction: column
}
.pager-post-navi a {
padding: 10px;
margin: 0;
display: inline-flex;
align-items: center;
line-height: 1.2;
font-size: .8em
}
.pager-post-navi a .iconfont {
font-size: 1.8em;
color: #ddd;
padding: 8px
}
.pager-post-navi a figure {
min-width: 120px;
max-width: 120px
}
.pager-post-navi a.prev-post {
flex-direction: row;
padding-left: 5px
}
.pager-post-navi a.prev-post .prev-post-title {
margin-left: 10px
}
.pager-post-navi a.next-post {
flex-direction: row-reverse;
padding-right: 5px
}
.pager-post-navi a.next-post .next-post-title {
margin-right: 10px
}
.pager-post-navi a.prev-next-home {
justify-content: center;
font-size: 50px;
text-align: center;
color: #888
}
.post-navi-square a {
height: auto
}
.post-navi-default.post-navi-border a {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc
}
.post-navi-default.post-navi-border .next-post {
border-top-width: 0
}
.post-navi-default.post-navi-border .next-post:first-child {
border-top-width: 1px
}
.pager-post-navi.post-navi-square {
flex-direction: row
}
.pager-post-navi.post-navi-square a {
width: 50%
}
.post-navi-square.post-navi-border a {
border: 1px solid #ccc
}
.post-navi-square.post-navi-border a:last-child {
border-left-width: 0
}
canvas,
iframe,
video,
.fb_iframe_widget,
.fb_iframe_widget span {
max-width: 100%
}
.overflow-container {
overflow-y: scroll
}
.aspect-ratio {
height: 0;
padding-top: 56.25%;
position: relative
}
.aspect-ratio--object {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 100
}
.video-container,
.instagram-container,
.facebook-container {
max-width: 640px;
margin: 30px 0
}
.video-container .video {
position: relative;
padding-bottom: 56.25%;
margin-top: 30px;
height: 0;
overflow: hidden;
max-width: 100%
}
.instagram-container .instagram,
.facebook-container .facebook {
position: relative;
padding-bottom: 120%;
padding-top: 30px;
height: 0;
overflow: hidden
}
.video iframe,
.video object,
.video embed,
.instagram iframe,
.instagram object,
.instagram embed,
.facebook iframe,
.facebook object,
.facebook embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.twitter-video {
min-width: 200px !important
}
.instagram-media {
position: static !important;
min-width: 280px !important
}
.author-box {
border: 1px solid #ccc;
border-radius: 4px;
margin: 1em 0;
line-height: 1.4;
position: relative;
padding: 1.6% 2.2% 2%
}
.author-box p {
margin-top: .3em;
line-height: 1.3
}
.author-box .sns-follow {
margin: 0
}
.author-box .sns-follow-message {
display: none
}
.author-box .sns-follow-buttons {
flex-wrap: wrap;
justify-content: flex-start
}
.author-box .sns-follow-buttons a.follow-button {
font-size: 18px;
width: 24px;
height: 24px;
margin-bottom: 4px;
margin-right: 4px;
background-color: transparent;
color: #777;
border: 1px solid #ccc;
border-radius: 2px
}
.author-box .sns-follow-buttons a.follow-button:hover {
background-color: #fafbfc
}
.author-box .sns-follow-buttons a.follow-button .follow-count {
display: none
}
.author-box .author-name {
font-size: 1.1em;
font-weight: bold;
margin-bottom: .4em
}
.author-thumb {
float: left;
margin-top: 3px;
width: 120px
}
.author-content {
margin-left: 130px
}
.author-description {
margin-bottom: 1em
}
.nwa .author-box {
text-align: center;
padding: 20px
}
.nwa .author-box .author-thumb {
float: none;
width: 100px;
margin: 9px auto 0
}
.nwa .author-box .author-content {
margin: 0;
padding: 1em
}
.nwa .author-box .author-description {
text-align: left
}
.nwa .author-box .sns-follow-buttons {
display: block;
font-size: 1px;
font-size: 0
}
.nwa .author-box .sns-follow-buttons a {
display: inline-block;
margin: 2px
}
.cta-box {
background-color: #444;
color: #fff;
padding: 20px
}
.cta-heading {
font-size: 26px;
padding: 12px;
margin-bottom: .2em;
font-weight: bold
}
.cta-content {
display: block
}
.cta-left-and-right .cta-content,
.cta-right-and-left .cta-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between
}
.cta-left-and-right .cta-content div,
.cta-right-and-left .cta-content div {
width: 49%
}
.cta-left-and-right .cta-content .cta-message p:first-child,
.cta-right-and-left .cta-content .cta-message p:first-child {
margin-top: 0
}
.cta-right-and-left .cta-content {
flex-direction: row-reverse
}
.cta-thumb {
text-align: center
}
.cta-button {
margin-top: 1em
}
.sidebar .cta-box {
font-size: .8em
}
.sidebar .cta-heading {
font-size: 20px;
padding: 8px
}
.sidebar .cta-left-and-right .cta-content,
.sidebar .cta-right-and-left .cta-content {
display: block
}
.sidebar .cta-left-and-right .cta-content div,
.sidebar .cta-right-and-left .cta-content div {
width: 100%
}
.sidebar .cta-message {
margin-top: 1em
}
.sidebar .cta-button .btn-l,
.sidebar .cta-button .ranking-item-link-buttons a,
.ranking-item-link-buttons .sidebar .cta-button a {
padding: 1em;
font-size: 16px
}
.speech-wrap {
margin-top: 1em;
margin-bottom: 1em;
display: flex
}
.speech-person {
width: 12%;
min-width: 12%
}
.speech-icon img,
.speech-icon amp-img {
border-radius: 50%;
border: 2px solid #ccc;
width: 100%
}
.speech-name {
text-align: center;
font-size: 13px
}
div.speech-balloon {
height: 100%;
position: relative;
padding: 10px;
background-color: #fff;
border: 2px solid #ccc;
border-radius: 6px;
max-width: calc(100% - 14%)
}
div.speech-balloon p {
margin: 0
}
.speech-balloon::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -12px;
top: 10px;
border-right: 12px solid #ccc;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent
}
.speech-balloon::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -9px;
top: 10px;
border-right: 12px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent
}
.sbp-l {
margin-right: 100px
}
.sbp-l .speech-balloon {
margin-left: 20px
}
.sbp-r {
flex-direction: row-reverse;
margin-left: 100px
}
.sbp-r .speech-balloon {
margin-right: 20px
}
.sbp-r .speech-balloon::before {
right: -12px;
left: auto;
border-left: 12px solid #ccc;
border-right: none
}
.sbp-r .speech-balloon::after {
right: -9px;
left: auto;
border-left: 12px solid #fff;
border-right: none
}
.sbis-sn .speech-icon-image {
border-radius: 0;
border-style: none;
box-shadow: none
}
.sbis-sb .speech-icon-image {
border-radius: 0
}
.sbis-cn .speech-icon-image {
border-style: none;
box-shadow: none
}
.sbs-flat .speech-balloon {
background-color: #f1f1f1;
border-color: #f1f1f1
}
.sbs-flat .speech-balloon::before,
.sbs-flat .speech-balloon::after {
border-right-color: #f1f1f1;
border-left-color: #f1f1f1
}
.sbs-line .speech-balloon {
border-width: 1px
}
.sbs-line .speech-balloon::after {
left: -10px
}
.sbs-line.sbp-r .speech-balloon {
background-color: #85e249;
border-color: #85e249
}
.sbs-line.sbp-r .speech-balloon::after {
left: auto;
right: -10px
}
.sbs-line.sbp-r .speech-balloon::before,
.sbs-line.sbp-r .speech-balloon::after {
border-right-color: #85e249;
border-left-color: #85e249
}
div.sbs-think.sbp-l {
margin-right: 126px
}
div.sbs-think.sbp-l .speech-balloon {
margin-left: 46px
}
div.sbs-think .speech-balloon::before {
border: 2px solid #ccc;
border-radius: 50%;
left: -29px;
top: 11px;
width: 20px;
height: 20px
}
div.sbs-think .speech-balloon::after {
border: 2px solid #ccc;
border-radius: 50%;
left: -44px;
top: 25px;
width: 10px;
height: 10px
}
.sbs-think.sbp-r {
margin-left: 126px
}
.sbs-think.sbp-r .speech-balloon {
margin-right: 46px
}
.sbs-think.sbp-r .speech-balloon::before {
left: auto;
right: -29px
}
.sbs-think.sbp-r .speech-balloon::after {
left: auto;
right: -44px
}
.booklink-box,
.kaerebalink-box,
.tomarebalink-box,
.product-item-box {
padding: 22px 25px;
width: 96%;
margin: 1.6em auto;
border: 3px solid #dfdfdf;
box-sizing: border-box;
position: relative
}
.product-item-box {
position: relative
}
.product-item-box::after {
content: '\ea87';
font-family: icomoon;
position: absolute;
bottom: 0;
right: 6px;
font-size: 24px;
color: #ddd
}
.product-item-box .image-thumb img {
border: 0;
box-shadow: none
}
.rakuten-item-box::after {
content: '\e903';
font-family: icomoon
}
.product-item-error.cf {
display: block;
line-height: 1.2
}
.booklink-image,
.kaerebalink-image,
.tomarebalink-image,
.product-item-thumb {
width: 160px;
min-width: 160px;
margin: 0 auto 1em !important;
float: none !important;
text-align: center
}
.booklink-image *,
.kaerebalink-image *,
.tomarebalink-image *,
.product-item-thumb * {
display: block
}
.booklink-image>a>img,
.kaerebalink-image>a>img,
.tomarebalink-image>a>img,
.product-item-thumb>a>img {
margin: 0 auto
}
.image-content {
visibility: hidden;
position: absolute;
z-index: 99;
right: 0;
top: 0;
border: 1px solid #eee;
background-color: #f5f6f7;
border-radius: 2px;
transition: all .3s ease;
opacity: 0;
max-width: calc(100% - 160px)
}
.image-content img {
display: block
}
.image-content amp-img {
min-width: 500px
}
.image-thumb:hover>.image-content {
visibility: visible;
opacity: 1
}
.image-thumb:hover>.image-content:hover {
display: none
}
.swatchimages {
display: flex;
flex-wrap: wrap;
margin-top: 3px
}
.swatchimages>* {
border: 1px solid #ddd;
margin: 1px;
display: flex;
align-items: center;
justify-content: center
}
.swatchimages>*:hover {
box-shadow: 0 0 4px #f79901
}
.swatchimages>*>img {
display: block
}
.swatchimages:hover .si-thumb {
display: flex;
align-items: center;
justify-content: center
}
.pis-l .si-thumb {
width: 30px
}
.pis-m .si-thumb {
width: 18%
}
.pis-s .si-thumb {
width: 30%
}
@media screen and (max-width:480px) {
.pis-m .si-thumb {
width: 30%
}
}
.booklink-info,
.kaerebalink-info,
.tomarebalink-info,
.product-item-content {
line-height: 125%;
width: 100%
}
.product-item-snippet {
font-size: .8em;
margin-top: 6px
}
.booklink-powered-date,
.kaerebalink-powered-date,
.tomarebalink-powered-date {
font-size: 12px
}
.booklink-detail,
.kaerebalink-detail,
.tomarebalink-address {
color: #333;
font-size: 12px;
margin: 0 0 10px
}
.kaerebalink-link1>*,
.booklink-link2>*,
.tomarebalink-link1>*,
.product-item-buttons>* {
background: none !important;
padding: 0 !important;
display: block !important
}
.kaerebalink-link1 a,
.booklink-link2 a,
.tomarebalink-link1 a,
.product-item-buttons a {
width: 90%;
display: block;
margin: 0 auto 8px;
padding: 6px 12px;
text-decoration: none;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #fff
}
.kaerebalink-link1 a:hover,
.booklink-link2 a:hover,
.tomarebalink-link1 a:hover,
.product-item-buttons a:hover {
opacity: .6
}
.product-item-buttons {
margin-top: 1em
}
.product-item-image-only img {
border: 0;
box-shadow: none
}
@media screen and (min-width:769px) {
.booklink-box,
.kaerebalink-box,
.tomarebalink-box,
.product-item-box {
text-align: left;
display: flex;
font-size: inherit !important
}
.booklink-image,
.kaerebalink-image,
.tomarebalink-image,
.product-item-thumb {
vertical-align: top;
box-sizing: border-box;
min-width: auto !important
}
.booklink-info,
.kaerebalink-info,
.tomarebalink-info,
.product-item-content {
line-height: 125%;
vertical-align: top;
box-sizing: border-box;
padding-left: 25px;
width: 100%
}
.booklink-powered-date,
.kaerebalink-powered-date,
.tomarebalink-powered-date {
margin: 6px 0 0
}
.booklink-detail,
.kaerebalink-detail {
margin: 0 0 14px
}
.booklink-link2,
.kaerebalink-link1,
.tomarebalink-link1,
.product-item-buttons {
display: flex;
flex-wrap: wrap
}
.booklink-link2 a,
.kaerebalink-link1 a,
.tomarebalink-link1 a,
.product-item-buttons a {
width: auto;
text-align: center;
border-radius: 3px
}
.booklink-link2 a img,
.kaerebalink-link1 a img,
.tomarebalink-link1 a img,
.product-item-buttons a img {
position: absolute;
bottom: 0;
right: 0
}
.booklink-link2>*,
.kaerebalink-link1>*,
.tomarebalink-link1>*,
.product-item-buttons>* {
margin: .5%;
box-sizing: border-box
}
}
.shoplinkbtn {
position: relative
}
.shoplinkbtn img {
position: absolute
}
.shoplinkbtn1 a {
background: #192f60
}
.shoplinkbtn2 a {
background: #007b43
}
.shoplinkbtn3 a {
background: #522f60
}
.shoplinkamazon a {
background: #f79901
}
.shoplinkrakuten a {
background: #bf0000
}
.shoplinkyahoo a {
background: #e60033;
position: relative
}
.shoplinkdmm a {
background: #00bcd4
}
.shoplinkseven a {
background: #008837
}
.shoplinkbellemaison a {
background: #80bd22
}
.shoplinkcecile a {
background: #8d124b
}
.shoplinkkakakucom a {
background: #051d93
}
.shoplinkkindle a {
background: #0074c1
}
.shoplinkrakukobo a {
background: #bf0000
}
.shoplinkbk1 a {
background: #0085cd
}
.shoplinkehon a {
background: #006
}
.shoplinkkino a {
background: #004097
}
.shoplinktoshokan a {
background: #15b0e7
}
.shoplinkjalan a {
background: #ff5600
}
.shoplinkjtb a {
background: #C71628
}
.shoplinkikyu a {
background: #1C4678
}
.shoplinkrurubu a {
background: #006
}
.shoplinkwowma a {
background: #FF6100
}
.product-item-admin {
position: absolute;
bottom: 3px;
left: 6px
}
.product-item-admin>* {
font-size: 10px;
color: #777;
margin: 6px
}
.pis-s {
padding: 1em
}
.pis-s::after {
font-size: 18px
}
.pis-s .product-item-thumb {
width: 90px;
min-width: 90px
}
.pis-l.product-item-box {
display: block
}
.pis-l figure.product-item-thumb {
width: 100%;
min-width: auto
}
.item-price {
color: #c9171e
}
.acquired-date {
font-size: .9em
}
.nwa .booklink-box,
.nwa .kaerebalink-box,
.nwa .tomarebalink-box,
.nwa .product-item-box {
padding: 10px 10px 24px;
display: block
}
.nwa .booklink-image,
.nwa .kaerebalink-image,
.nwa .tomarebalink-image,
.nwa .product-item-thumb {
width: 120px;
min-width: 120px;
margin-right: 3% !important;
float: left !important;
height: 100% !important
}
.nwa .booklink-link2,
.nwa .kaerebalink-link1,
.nwa .tomarebalink-link1,
.nwa .product-item-buttons {
display: flex;
flex-wrap: wrap
}
.nwa .booklink-link2>*,
.nwa .kaerebalink-link1>*,
.nwa .tomarebalink-link1>*,
.nwa .product-item-buttons>* {
width: auto;
margin: 0 .5% !important
}
.nwa .booklink-link2>*>a,
.nwa .kaerebalink-link1>*>a,
.nwa .tomarebalink-link1>*>a,
.nwa .product-item-buttons>*>a {
width: auto;
font-size: 11px
}
.nwa .product-item-box::after {
font-size: 18px
}
.nwa .booklink-image,
.nwa .kaerebalink-image,
.nwa .tomarebalink-image,
.nwa .product-item-thumb {
width: 80px;
min-width: 80px
}
.nwa .booklink-info,
.nwa .kaerebalink-info,
.nwa .tomarebalink-info,
.nwa .product-item-content {
width: auto !important;
overflow: visible !important;
text-align: center !important;
padding: 0 !important
}
.nwa .booklink-link2>*,
.nwa .kaerebalink-link1>*,
.nwa .tomarebalink-link1>*,
.nwa .product-item-buttons>* {
width: 100%;
margin: 0 .5% !important
}
@media screen and (max-width:834px) {
.booklink-box,
.kaerebalink-box,
.tomarebalink-box,
.product-item-box {
padding: 10px 10px 24px;
display: block
}
.booklink-image,
.kaerebalink-image,
.tomarebalink-image,
.product-item-thumb {
width: 120px;
min-width: 120px;
margin-right: 3% !important;
float: left !important;
height: 100% !important
}
.booklink-link2,
.kaerebalink-link1,
.tomarebalink-link1,
.product-item-buttons {
display: flex;
flex-wrap: wrap
}
.booklink-link2>*,
.kaerebalink-link1>*,
.tomarebalink-link1>*,
.product-item-buttons>* {
width: auto;
margin: 0 .5% !important
}
.booklink-link2>*>a,
.kaerebalink-link1>*>a,
.tomarebalink-link1>*>a,
.product-item-buttons>*>a {
width: auto;
font-size: 11px
}
.product-item-box::after {
font-size: 18px
}
}
@media screen and (max-width:480px) {
.booklink-image,
.kaerebalink-image,
.tomarebalink-image,
.product-item-thumb {
width: 80px;
min-width: 80px
}
.booklink-info,
.kaerebalink-info,
.tomarebalink-info,
.product-item-content {
width: auto !important;
overflow: visible !important;
text-align: center !important;
padding: 0 !important
}
.booklink-link2>*,
.kaerebalink-link1>*,
.tomarebalink-link1>*,
.product-item-buttons>* {
width: 100%;
margin: 0 .5% !important
}
}
.fb-like-box {
background-color: #444;
color: #fff;
display: flex;
flex-wrap: nowrap
}
.fb-like-box .fb-like-thumb,
.fb-like-box .fb-like-content {
width: 100%
}
.fb-like-box img {
display: block;
width: 100%;
height: 100%
}
.fb-like-box .fb_reset {
display: none
}
.fb-like-content {
display: flex;
flex-direction: column;
text-align: center
}
.fb-like-content>div {
padding-top: 8px
}
.fb-like-message {
color: #eee;
font-size: .9em
}
.fb-like-sub-message {
color: #ccc;
font-size: .7em;
margin-bottom: 8px
}
.fb-like-buttons {
padding: 0;
text-align: center
}
.fb-like-buttons>div {
margin: 8px;
display: flex;
justify-content: center
}
.fb-like-buttons>div>* {
height: 100%
}
.fb-like-facebook {
margin-bottom: -7px
}
.sidebar .fb-like-box {
max-width: 640px;
flex-direction: column
}
div.fb-like-mobile {
display: none
}
.fb-like-balloon {
height: 100px;
margin-top: 30px;
margin-bottom: 30px;
clear: both
}
.fb-like-balloon-thumb {
float: left;
width: 100px
}
.fb-like-balloon-thumb img {
display: block
}
.fb-like-balloon-body {
margin-right: 140px;
float: none;
padding: 10px;
font-size: 18px;
line-height: 1.3em;
height: 100px;
overflow: hidden;
color: #000;
box-sizing: border-box
}
.fb-like-balloon-body::after {
content: '\f054';
position: absolute;
right: 110px;
top: 27px;
color: #ccc;
font-size: 50px;
font-family: FontAwesome;
line-height: 100%
}
.fb-like-balloon-button {
background-color: #f3f3f3;
width: 100px;
height: 100px;
text-align: center;
float: right;
padding-top: 27px;
box-sizing: border-box
}
.fb-like-balloon-button iframe {
background-color: #fff
}
.fb-like-balloon-arrow-box {
float: left;
position: relative;
border: 1px solid #bbb;
margin-left: 12px;
width: calc(100% - 114px);
border-radius: 5px;
background-color: #fff
}
.fb-like-balloon-arrow-box-in {
border-radius: 5px;
overflow: hidden
}
.fb-like-balloon-arrow-box:after,
.fb-like-balloon-arrow-box:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.fb-like-balloon-arrow-box:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 10px;
margin-top: -10px
}
.fb-like-balloon-arrow-box:before {
border-color: rgba(221, 221, 221, 0);
border-right-color: #bbb;
border-width: 11px;
margin-top: -11px
}
.sidebar .fb-like-balloon-body::after {
display: none
}
.sidebar .fb-like-balloon-body {
font-size: .8em;
padding: 5px;
line-height: 1.1em;
margin-right: 0;
height: 70px
}
.sidebar .fb-like-balloon-button {
float: none;
width: 100%;
height: 30px;
display: block;
line-height: 24px;
padding-top: 0
}
.sidebar div.fb-like-mobile {
display: block
}
.sidebar div.fb-like-pc {
display: none
}
@media screen and (max-width:639px) {
.fb-like-balloon-body {
margin-right: 100px;
font-size: 1em;
line-height: 1.2em
}
.fb-like-balloon-body::after {
display: none
}
}
@media screen and (max-width:440px) {
.fb-like-balloon-body {
font-size: .8em;
padding: 5px;
line-height: 1.1em;
margin-right: 0;
height: 70px
}
.fb-like-balloon-button {
float: none;
width: 100%;
height: 30px;
display: block;
padding-top: 0;
line-height: 24px
}
div.fb-like-mobile {
display: block
}
div.fb-like-pc {
display: none
}
}
.mobile-menu-buttons {
background: #fff;
box-shadow: 0 0 5px darkgrey;
font-size: 19px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
padding: 0;
margin: 0;
list-style: none;
display: none;
align-items: center;
line-height: 1.4;
min-height: 50px;
transition: .3s
}
.mobile-menu-buttons .menu-icon {
text-align: center;
width: 100%;
display: block
}
.mobile-menu-buttons .menu-caption {
font-size: 9px;
text-align: center;
opacity: .8;
display: block
}
.mobile-menu-buttons .menu-button {
position: relative;
width: 100%;
cursor: pointer
}
.mobile-menu-buttons .menu-button>a {
display: block;
color: #333;
text-decoration: none
}
.mobile-menu-buttons .menu-button:hover .menu-button-in {
opacity: .8
}
.mobile-menu-buttons .ad-area {
display: none
}
.mobile-menu-buttons .menu-content {
cursor: default
}
.mobile-footer-menu-buttons {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom)
}
.logo-menu-button {
text-align: center;
font-weight: 900;
line-height: 50px;
min-width: 200px;
overflow: hidden
}
.logo-menu-button img {
max-height: 44px;
display: block;
margin: 0 auto
}
.fa.menu-icon {
font: inherit
}
#navi-menu-close,
#sidebar-menu-close,
#search-menu-close,
#share-menu-close,
#follow-menu-close {
display: none;
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
transition: .3s ease-in-out
}
.menu-content {
overflow: auto;
position: fixed;
top: 0;
z-index: 9999;
width: 100%;
max-width: 400px;
height: 100%;
background: #fff;
transition: .3s ease-in-out;
opacity: 1;
overflow: scroll;
-webkit-overflow-scrolling: touch
}
.menu-content .menu-drawer {
padding: 0 1em 30px
}
.menu-content .sidebar {
width: 100%;
display: block;
margin: 0
}
.navi-menu-content {
left: 0;
-webkit-transform: translateX(-105%);
transform: translateX(-105%)
}
.sidebar-menu-content {
right: 0;
-webkit-transform: translateX(105%);
transform: translateX(105%)
}
#slide-in-sidebar {
display: block;
margin: 0
}
.search-menu-content,
.share-menu-content,
.follow-menu-content {
transition: .3s ease-in-out;
position: fixed;
top: 40%;
z-index: 99;
width: 90%;
left: 5%;
right: 5%;
-webkit-transform: translateY(900%);
transform: translateY(900%);
opacity: 0
}
.search-menu-content .search-edit,
.share-menu-content .search-edit,
.follow-menu-content .search-edit {
width: 100%
}
#navi-menu-input:checked~#navi-menu-close,
#sidebar-menu-input:checked~#sidebar-menu-close,
#search-menu-input:checked~#search-menu-close,
#share-menu-input:checked~#share-menu-close,
#follow-menu-input:checked~#follow-menu-close {
display: block;
opacity: .5
}
#navi-menu-input:checked~#navi-menu-content,
#sidebar-menu-input:checked~#sidebar-menu-content,
#search-menu-input:checked~#search-menu-content,
#share-menu-input:checked~#share-menu-content,
#follow-menu-input:checked~#follow-menu-content {
transition: .3s ease-in-out;
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1
}
.menu-drawer ul {
list-style: none
}
.menu-drawer li {
display: block
}
.menu-drawer a {
color: #333;
text-decoration: none;
padding: 6px;
display: block
}
.menu-drawer a:hover {
background-color: #f5f8fa;
transition: all .3s ease-in-out;
color: #333
}
.menu-drawer .sub-menu {
padding-left: 20px
}
.menu-close-button {
display: block;
cursor: pointer;
text-align: center;
font-size: 2em
}
.share-menu-content .sns-buttons {
justify-content: space-around
}
.share-menu-content .sns-buttons .share-count {
color: #fff
}
.share-menu-content .button-caption {
display: none
}
.follow-menu-content .sns-buttons {
justify-content: space-around
}
.follow-menu-content .sns-buttons a {
width: 24%
}
.follow-menu-content .sns-follow-message {
display: none
}
.ranking-items {
line-height: 1.4
}
.ranking-items p {
font-size: 18px;
margin-top: 0
}
.ranking-item,
.timeline-box {
padding: 3%;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 4px
}
.ranking-item img[width="1"],
.timeline-box img[width="1"] {
position: absolute;
bottom: 0;
right: 0
}
.ranking-item-name-text {
font-size: 24px;
font-weight: bold
}
.star::before,
.star-half-o::before,
.star-o::before {
font-family: FontAwesome
}
.star::before {
content: '\f005'
}
.star-half-o::before {
content: '\f123'
}
.star-o::before {
content: '\f006'
}
.ranking-item-name {
padding: 3px 2px 6px
}
.rating-star {
color: #f5bc55;
font-size: 1.2em
}
.rating-number {
color: #333;
font-size: .9em;
margin-left: .4em
}
.ranking-item-img-desc,
.ranking-item-link-buttons {
display: flex
}
.ranking-item-img-desc>div,
.ranking-item-link-buttons>div {
width: 100%;
padding: 2px 0
}
.ranking-item-img-desc {
margin-top: 6px
}
.ranking-item-name {
display: flex
}
.ranking-item-name-crown {
margin-right: 10px
}
.ranking-item-name-text {
width: 100%
}
.ranking-item-image-tag {
max-width: 302px;
margin-right: 1em;
position: relative;
align-items: flex-start
}
.ranking-item-description {
width: 100px;
position: relative
}
.ranking-item-link-buttons {
margin-top: 6px
}
.ranking-item-link-buttons>div {
padding: 0 3px;
position: relative
}
.ranking-item-link-buttons a {
margin: 0 0 8px
}
.g-crown,
.s-crown,
.c-crown {
width: 0;
height: 0;
border-bottom-style: solid;
border-bottom-width: 35px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
position: relative
}
.g-crown:after,
.s-crown:after,
.c-crown:after {
width: 0;
height: 0;
border-top: 15px solid transparent;
content: "";
position: absolute;
top: 0;
left: -20px
}
.g-crown-circle,
.s-crown-circle,
.c-crown-circle {
border-radius: 50%;
width: 5px;
height: 5px;
position: absolute;
top: -5px;
left: -21px
}
.g-crown-circle:before,
.s-crown-circle:before,
.c-crown-circle:before {
border-radius: 50%;
width: 5px;
height: 5px;
content: "";
position: absolute;
top: 0;
left: 19px
}
.g-crown-circle:after,
.s-crown-circle:after,
.c-crown-circle:after {
border-radius: 50%;
width: 5px;
height: 5px;
content: "";
position: absolute;
top: 0;
left: 38px
}
.g-crown {
border-bottom: 35px solid #bfa930
}
.g-crown:after {
border-bottom: 20px solid #ffe973;
border-left: 20px solid #ffe973;
border-right: 20px solid #ffd700
}
.g-crown-circle {
background-color: #a68c00
}
.g-crown-circle:before {
background-color: #a68c00
}
.g-crown-circle:after {
background-color: #a68c00
}
.s-crown {
border-bottom: 35px solid #909090
}
.s-crown:after {
border-bottom: 20px solid #e0e0e0;
border-left: 20px solid #e0e0e0;
border-right: 20px solid silver
}
.s-crown-circle {
background-color: #909090
}
.s-crown-circle:before {
background-color: #909090
}
.s-crown-circle:after {
background-color: #909090
}
.c-crown {
border-bottom: 35px solid #69433f
}
.c-crown:after {
border-bottom: 20px solid #8c4841;
border-left: 20px solid #8c4841;
border-right: 20px solid #5b1c15
}
.c-crown-circle {
background-color: #69433f
}
.c-crown-circle:before {
background-color: #69433f
}
.c-crown-circle:after {
background-color: #69433f
}
.widget_item_ranking .main-widget-label {
font-size: 23px;
padding: 6px;
margin: 28px 0 12px;
font-weight: bold
}
.footer {
margin-top: 20px;
padding-top: 10px
}
.copyright {
margin-top: 8px
}
.footer-widgets,
.footer-widgets-mobile {
margin: 10px auto;
display: flex
}
.footer-left,
.footer-center,
.footer-right,
.footer-mobile {
padding: 10px 16px
}
.footer-left,
.footer-center,
.footer-right {
width: 33.33%
}
.footer-widgets-mobile {
display: none
}
.footer-bottom {
margin-top: 24px;
padding: 8px;
position: relative;
font-size: 14px
}
.footer-bottom.fdt-left-and-right .footer-bottom-logo {
display: none
}
.footer-bottom.fdt-left-and-right .footer-bottom-content {
float: none;
display: flex;
justify-content: space-between;
align-items: baseline
}
.footer-bottom.fdt-up-and-down .footer-bottom-logo {
display: none
}
.footer-bottom.fdt-up-and-down .footer-bottom-content {
float: none;
display: block;
text-align: center
}
.footer-bottom.fdt-up-and-down .footer-bottom-content .navi-footer-in>ul {
justify-content: center
}
.footer-bottom.fnm-text-width .menu-footer li {
width: auto
}
.footer-bottom.fnm-text-width .menu-footer li a {
padding: 0 10px
}
.footer-bottom-logo {
float: left;
bottom: 0;
position: absolute
}
.footer-bottom-logo .logo-text {
padding: 0
}
.footer-bottom-logo .site-name-text {
font-size: 18px;
padding-bottom: 8px
}
.footer-bottom-logo .logo-image {
padding: 0;
max-width: 120px
}
.footer-bottom-logo img {
height: 50px;
width: auto
}
.footer-bottom-content {
float: right;
text-align: right
}
.go-to-top {
position: fixed;
display: none;
right: 10px;
bottom: 10px;
z-index: 99999
}
.go-to-top-button {
background-color: #eee;
color: #333;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
cursor: pointer;
text-align: center;
line-height: 1;
border-radius: 5px;
font-size: 22px
}
.go-to-top-button:hover {
color: #333
}
.go-to-top-button-image {
background-color: transparent;
padding: 0;
max-width: 120px
}
#wpforo-wrap .anchor-icon,
.gallery .anchor-icon,
.amazonjs_item .anchor-icon,
.kaerebalink-box .anchor-icon,
.booklink-box .anchor-icon,
.tomarebalink-box .anchor-icon,
.wpf-sbtn-wrap .anchor-icon,
.btn .anchor-icon,
.ranking-item-link-buttons a .anchor-icon,
.btn-wrap a .anchor-icon,
.no-icon .anchor-icon {
display: none !important
}
.gallery {
margin: auto
}
.gallery .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
height: auto
}
.gallery-columns-1 .gallery-item {
width: 100%
}
.gallery-columns-2 .gallery-item {
width: 50%
}
.gallery-columns-3 .gallery-item {
width: 33%
}
.gallery-columns-4 .gallery-item {
width: 25%
}
.gallery-columns-5 .gallery-item {
width: 20%
}
.gallery-columns-6 .gallery-item {
width: 16%
}
.gallery-columns-7 .gallery-item {
width: 14%
}
.gallery-columns-8 .gallery-item {
width: 12%
}
.gallery-columns-9 .gallery-item {
width: 11%
}
.gallery amp-img {
border: 2px solid #cfcfcf
}
.gallery br {
clear: both
}
.gallery .gallery-item dd {
margin: 0
}
.search-box {
margin: 1em 0 2em;
position: relative
}
.search-edit {
font-family: inherit
}
#search-menu-content .search-edit {
font-size: 16px
}
.search-submit {
position: absolute;
right: 3px;
top: calc(50% - 12px);
font-size: 20px;
cursor: pointer;
border: 0;
color: #ddd;
padding: 0 8px;
background-color: rgba(255, 255, 255, 0)
}
.timeline-box {
padding: 16px 5px
}
.timeline-box .timeline {
list-style: none;
padding: 0;
margin: 0
}
.timeline-title {
font-weight: bold;
font-size: 1.1em;
text-align: center
}
.timeline>li {
margin-bottom: 60px
}
ul.timeline ul {
list-style-type: disc
}
ul.timeline ul ul {
list-style-type: circle
}
ul.timeline ul ul ul {
list-style-type: square
}
.timeline>li.timeline-item {
overflow: hidden;
margin: 0;
position: relative
}
.timeline-item-label {
width: 110px;
float: left;
padding-top: 18px;
text-align: right;
padding-right: 1em;
font-size: 14px
}
.timeline-item-title {
font-weight: bold
}
.timeline-item-content {
width: calc(100% - 110px);
float: left;
padding: .8em 1.4em;
border-left: 3px #e5e5d1 solid
}
.timeline-item:before {
content: '';
width: 12px;
height: 12px;
background: #6fc173;
position: absolute;
left: 105px;
top: 24px;
border-radius: 100%
}
@media screen and (max-width:480px) {
.timeline-box .timeline {
padding-left: 10px
}
.timeline>li.timeline-item {
overflow: visible;
border-left: 3px #e5e5d1 solid
}
.timeline-item-label {
width: auto;
float: none;
text-align: left;
padding-left: 16px
}
.timeline-item-content {
width: auto;
padding: 8px;
float: none;
border: 0
}
.timeline-item::before {
left: -12px;
top: 19px;
width: 21px;
height: 21px
}
}
.ribbon {
width: 80px;
height: 80px;
overflow: hidden;
position: absolute;
z-index: 1
}
.ribbon:before,
.ribbon:after {
position: absolute;
z-index: 0;
content: '';
display: block;
border: 4px solid #224963
}
.ribbon span {
position: absolute;
display: block;
width: 185px;
padding: 5px 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
color: #fff;
font: 700 11px/1'Lato', sans-serif;
text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-transform: uppercase;
text-align: center
}
.ribbon-color-1 span {
background-color: #ea7e7e
}
.ribbon-color-2 span {
background-color: #7e95ea
}
.ribbon-color-3 span {
background-color: #f7c114
}
.ribbon-color-4 span {
background-color: #dc669b
}
.ribbon-color-5 span {
background-color: #e9546b
}
.ribbon-top-left {
top: -3px;
left: -9px
}
.ribbon-top-left::before,
.ribbon-top-left::after {
border-top-color: transparent;
border-left-color: transparent
}
.ribbon-top-left:before {
top: -1px;
right: 4px
}
.ribbon-top-left::after {
bottom: 4px;
left: 1px
}
.ribbon-top-left span {
right: -45px;
top: 18px;
transform: rotate(-45deg)
}
.border-square .ribbon-top-left {
top: -13px;
left: -13px
}
.card-large-image .ribbon-top-left {
top: -7px;
left: -9px
}
[class*=fab-]::before {
font-family: FontAwesome
}
.fab-info-circle::before {
content: '\f05a'
}
.fab-question-circle::before {
content: '\f059'
}
.fab-exclamation-circle::before {
content: '\f06a'
}
.fab-pencil::before {
content: '\f040'
}
.fab-edit::before {
content: '\f044'
}
.fab-comment::before {
content: '\f075'
}
.fab-ok::before {
content: '\f10c'
}
.fab-bad::before {
content: '\f00d'
}
.fab-lightbulb::before {
content: '\f0eb'
}
.fab-graduation-cap::before {
content: '\f19d'
}
.fab-book::before {
content: '\f02d'
}
.fab-amazon::before {
content: '\f270'
}
.fab-envelope::before {
content: '\f0e0'
}
.fab-flag::before {
content: '\f024'
}
.fab-ban::before {
content: '\f05e'
}
.fab-bolt::before {
content: '\f0e7'
}
.fab-calendar::before {
content: '\f073'
}
.fab-clock::before {
content: '\f017'
}
.fab-cutlery::before {
content: '\f0f5'
}
.fab-heart::before,
.list-heart li::before {
content: '\f004'
}
.fab-camera::before {
content: '\f030'
}
.fab-search::before {
content: '\f002'
}
.fab-folder::before {
content: '\f07b'
}
.fab-tag::before {
content: '\f02b'
}
.fab-trophy::before {
content: '\f091'
}
.fab-car::before {
content: '\f1b9'
}
.fab-truck::before {
content: '\f0d1'
}
.fab-bicycle::before {
content: '\f206'
}
.fab-motorcycle::before {
content: '\f21c'
}
.fab-bus::before {
content: '\f207'
}
.fab-plane::before {
content: '\f072'
}
.fab-train::before {
content: '\f238'
}
.fab-subway::before {
content: '\f239'
}
.fab-taxi::before {
content: '\f1ba'
}
.fab-file-text::before {
content: '\f15c'
}
.fab-jpy::before {
content: '\f157'
}
.fab-usd::before {
content: '\f155'
}
.fab-eur::before {
content: '\f153'
}
.fab-btc::before {
content: '\f15a'
}
.fab-apple::before {
content: '\f179'
}
.fab-android::before {
content: '\f17b'
}
.fab-ship::before {
content: '\f21a'
}
.fab-wordpress::before {
content: '\f19a'
}
.fab-thumbs-up::before {
content: '\f164'
}
.fab-thumbs-down::before {
content: '\f165'
}
.fab-check::before,
.list-check li::before {
content: '\f00c'
}
.fab-bell::before {
content: '\f0f3'
}
.fab-star::before,
.list-star li::before {
content: '\f005'
}
.fab-bookmark::before {
content: '\f02e'
}
.fab-download::before {
content: '\f019'
}
.fab-coffee::before {
content: '\f0f4'
}
.fab-user::before {
content: '\f007'
}
.iconlist-box {
border-color: transparent
}
.iconlist-box ul {
list-style: none
}
.iconlist-box ol li::before {
display: none
}
.iconlist-box.list-none ul {
list-style: disc
}
.iconlist-box.list-none ol {
list-style: decimal
}
.iconlist-box li::before {
font-family: FontAwesome;
margin-right: .4em;
margin-left: -1em
}
.iconlist-title {
font-weight: 700;
text-align: center
}
.fab-check-circle::before,
.list-check-circle li::before {
content: '\f058'
}
.fab-check-circle-o::before,
.list-check-circle-o li::before {
content: '\f05d'
}
.fab-check-square::before,
.list-check-square li::before {
content: '\f14a'
}
.fab-check-square-o::before,
.list-check-square-o li::before {
content: '\f046'
}
.fab-caret-right::before,
.list-caret-right li::before {
content: '\f0da'
}
.fab-caret-square-o-right::before,
.list-caret-square-o-right li::before {
content: '\f152'
}
.fab-arrow-right::before,
.list-arrow-right li::before {
content: '\f061'
}
.fab-angle-right::before,
.list-angle-right li::before {
content: '\f105'
}
.fab-angle-double-right::before,
.list-angle-double-right li::before {
content: '\f101'
}
.fab-arrow-circle-right::before,
.list-arrow-circle-right li::before {
content: '\f0a9'
}
.fab-arrow-circle-o-right::before,
.list-arrow-circle-o-right li::before {
content: '\f18e'
}
.fab-play-circle::before,
.list-play-circle li::before {
content: '\f144'
}
.fab-play-circle-o::before,
.list-play-circle-o li::before {
content: '\f01d'
}
.fab-chevron-right::before,
.list-chevron-right li::before {
content: '\f054'
}
.fab-chevron-circle-right::before,
.list-chevron-circle-right li::before {
content: '\f138'
}
.fab-hand-o-right::before,
.list-hand-o-right li::before {
content: '\f0a4'
}
.fab-star-o::before,
.list-star-o li::before {
content: '\f006'
}
.fab-heart-o::before,
.list-heart-o li::before {
content: '\f08a'
}
.fab-square::before,
.list-square li::before {
content: '\f0c8'
}
.fab-square-o::before,
.list-square-o li::before {
content: '\f096'
}
.fab-circle::before,
.list-circle li::before {
content: '\f111'
}
.fab-circle-o::before,
.list-circle-o li::before {
content: '\f10c'
}
.fab-dot-circle-o::before,
.list-dot-circle-o li::before {
content: '\f192'
}
.fab-plus::before,
.list-plus li::before {
content: '\f067'
}
.fab-plus-circle::before,
.list-plus-circle li::before {
content: '\f055'
}
.fab-plus-square::before,
.list-plus-square li::before {
content: '\f0fe'
}
.fab-plus-square-o::before,
.list-plus-square-o li::before {
content: '\f196'
}
.fab-minus::before,
.list-minus li::before {
content: '\f068'
}
.fab-minus-circle::before,
.list-minus-circle li::before {
content: '\f056'
}
.fab-minus-square::before,
.list-minus-square li::before {
content: '\f146'
}
.fab-minus-square-o::before,
.list-minus-square-o li::before {
content: '\f147'
}
.fab-times::before,
.list-times li::before {
content: '\f00d'
}
.fab-times-circle::before,
.list-times-circle li::before {
content: '\f057'
}
.fab-times-circle-o::before,
.list-times-circle-o li::before {
content: '\f05c'
}
.fab-window-close::before,
.list-window-close li::before {
content: '\f2d3'
}
.fab-window-close-o::before,
.list-window-close-o li::before {
content: '\f2d4'
}
.recommended {
margin: 1em 0
}
.recommended .navi-entry-cards {
display: flex;
justify-content: center
}
.recommended .navi-entry-cards a {
padding: 0;
margin: 0;
border-radius: 0
}
.recommended figure {
margin: 0
}
.recommended img {
vertical-align: bottom
}
.recommended .card-content {
font-size: .8em;
text-align: center
}
.recommended .card-snippet {
display: none
}
.recommended.rcs-image-only .card-content {
display: none
}
.recommended.rcs-center-title .card-content {
left: 0;
top: 0;
right: 0;
bottom: 0;
text-align: center;
opacity: 1;
font-size: 1em;
max-height: none;
display: flex;
justify-content: center;
align-items: center;
height: 100%
}
.recommended.rcs-center-title .a-wrap:hover .card-content {
opacity: 1
}
.recommended.rcs-center-white-title .card-content {
background: 0 0;
background-color: rgba(51, 51, 51, .3);
transition: all .7s
}
.recommended.rcs-center-white-title .a-wrap:hover .card-content {
transition: all .7s;
opacity: 0
}
.recommended.rcs-center-label-title .card-content {
padding: 0;
background: transparent
}
.recommended.rcs-center-label-title .card-content .card-title {
color: #333;
padding: 6px 1.2em;
background-color: rgba(255, 255, 255, .8);
transition: all .3s;
border-radius: 99px;
font-size: .9em
}
.recommended.rcs-center-label-title .card-content:hover .card-title {
transition: all .5s;
opacity: 0
}
.recommended.rcs-card-margin a {
margin: 1% .5%
}
.recommended.rcs-card-margin a:first-child {
margin-left: 1%
}
.recommended.rcs-card-margin a:last-child {
margin-right: 1%
}
.recommended .ribbon {
display: none
}
.nwa .recommended .navi-entry-cards {
flex-wrap: wrap
}
.nwa .recommended .navi-entry-cards a {
width: 50%
}
.nwa .recommended.rcs-card-margin a {
margin: 1%;
width: 48%
}
.nwa .recommended.rcs-card-margin a:last-child {
margin-right: 1%
}
.box-menus {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 18px 0
}
.box-menus * {
line-height: 1.6;
margin: 0
}
.box-menu {
display: block;
padding: .5em 1em;
text-decoration: none;
width: 100%;
text-align: center;
min-height: 100px;
cursor: pointer;
background: #fff;
width: calc(100%/4);
color: #777;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;
transition: none
}
.box-menu:last-child {
margin-right: auto
}
.box-menu:hover {
color: #777;
z-index: 2
}
.box-menu-icon {
font-size: 40px;
display: flex;
justify-content: center;
align-items: center
}
.box-menu-icon * {
margin: 10px 0;
max-width: 60px;
max-height: 60px;
height: auto;
display: inline-block
}
.box-menu-icon img {
font-size: 16px;
border: 0;
box-shadow: none
}
.box-menu-label {
font-size: 14px;
font-weight: 600
}
.box-menu-description {
font-size: 10px;
opacity: .8
}
.nwa .box-menu {
width: calc(100%/2)
}
.wwa .box-menu {
width: 16.66%
}
.no-border {
border: 0
}
.no-after::after {
display: none
}
.display-block {
display: block
}
.display-none {
display: none
}
.notice-area-link {
display: block;
text-decoration: none
}
.notice-area-link:hover {
opacity: .8
}
.notice-area {
color: #fff;
text-align: center;
background-color: #4cae4c;
padding: .6em;
font-size: .8em
}
.nt-warning {
background-color: #f7ab00
}
.nt-danger {
background-color: #f66
}
.no-appeal-area .appeal {
display: none
}
.appeal-in {
display: flex;
min-height: 300px;
padding: 3% 5%
}
.appeal-content {
max-width: 740px;
background-color: rgba(255, 255, 255, .85);
margin: auto;
padding: 2em;
text-align: center;
border-radius: 4px;
display: block
}
.appeal-title {
font-size: 1.1em;
font-weight: bold
}
.appeal-message {
margin-bottom: 1em
}
.appeal-button {
color: #fff;
text-decoration: none;
background-color: #c9171e;
font-weight: bold;
text-align: center;
display: inline-block;
padding: 9px 42px;
border-radius: 4px
}
.appeal-button:hover {
color: #fff;
opacity: .7
}
input[type=search] {
width: auto;
flex-grow: 1
}
.wp-block-search__button {
width: 60px;
border-radius: 4px;
border: 1px solid #ccc;
cursor: pointer
}
textarea {
min-height: 260px
}
option {
padding: 12px
}
input[type=submit],
#bbp_reply_submit,
.bp-login-widget-register-link a {
padding: 11px;
width: 100%;
margin: 0;
cursor: pointer
}
input[type=submit] {
-webkit-appearance: none;
border: 1px solid #ddd;
background-color: #f5f8fa
}
.bp-login-widget-register-link {
display: block;
margin-top: 10px
}
.bp-login-widget-register-link a {
color: #333;
text-decoration: none;
display: block;
text-align: center;
border: 1px solid #777;
padding: 6px;
border-radius: 2px
}
.bp-login-widget-register-link a:hover {
background-color: #f5f8fa;
transition: all .3s ease-in-out;
color: #333
}
.widget.buddypress #bp-login-widget-form input#bp-login-widget-submit {
margin: 0
}
#wp-comment-cookies-consent {
margin-right: 5px
}
.carousel {
margin-top: 10px;
line-height: 1.1
}
.carousel .slick-arrow:before {
color: #ddd
}
.carousel-in {
background-color: #fff;
padding: 2px 0
}
.carousel-content {
margin: 0 30px;
padding-bottom: 4px
}
.carousel-content a {
float: left;
width: 10%
}
.carousel-content .slick-track {
display: flex
}
.carousel-content .slick-slide {
height: auto
}
.carousel-content .a-wrap {
margin: 0 3px 3px
}
.carousel-entry-card-thumb {
float: none;
display: inline-block
}
.carousel-entry-card-title {
font-size: 16px;
margin-top: 4px;
max-height: 3.2em;
overflow: hidden
}
.no-carousel .carousel {
display: none
}
.carousel {
display: none;
animation: carousel-show .6s cubic-bezier(0, 0, .2, 1)
}
.carousel .a-wrap {
padding: .2em .3em
}
.ccb-carousel-border .a-wrap {
border: 1px solid #ccc
}
.index-tab-buttons {
margin: 1em 0 1.4em;
display: flex
}
.index-tab-buttons .index-tab-button {
padding: 12px 16px;
font-size: 14px;
margin: 2px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #eee;
min-width: calc(100% / 4);
width: 100%;
text-align: center
}
#index-tab-1:checked~.index-tab-buttons .index-tab-button[for=index-tab-1],
#index-tab-2:checked~.index-tab-buttons .index-tab-button[for=index-tab-2],
#index-tab-3:checked~.index-tab-buttons .index-tab-button[for=index-tab-3],
#index-tab-4:checked~.index-tab-buttons .index-tab-button[for=index-tab-4] {
background: none #404453;
border: 1px solid #404453;
color: #fff;
font-weight: 700
}
.tab-cont,
input[name=tab_item] {
display: none
}
@keyframes tab-index-show {
0% {
opacity: 0;
padding-top: 100px
}
20% {
padding-top: 20px
}
80% {
opacity: .5
}
100% {
opacity: 1;
padding-top: 0
}
}
#index-tab-1:checked~.tab-cont.tb1,
#index-tab-2:checked~.tab-cont.tb2,
#index-tab-3:checked~.tab-cont.tb3,
#index-tab-4:checked~.tab-cont.tb4 {
display: block;
animation: tab-index-show .3s ease-in
}
.btn-wrap-circle>a {
background: #999
}
@media screen and (max-width:834px) {
.index-tab-buttons {
flex-wrap: wrap
}
.index-tab-buttons .index-tab-button {
width: calc(98% / 2);
margin: .5%
}
.list-columns {
flex-direction: column
}
.list-columns .list-column {
width: 100%
}
}
.list-title {
text-align: center;
font-size: 18px;
margin-top: 2em;
margin-bottom: 1em
}
.list-title-in {
position: relative;
display: inline-block;
padding: 0 75px
}
.list-title-in:before,
.list-title-in:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 55px;
height: 1px;
background-color: black
}
.list-title-in:before {
left: 0;
margin-right: 10px
}
.list-title-in:after {
right: 0;
margin-left: 10px
}
.list-more-button-wrap {
text-align: center
}
.list-more-button {
display: inline-block;
padding: .3em 2em;
text-decoration: none;
color: #333;
border: solid 2px #ccc;
border-radius: 3px;
transition: .4s;
margin: 1em 0 2em;
font-size: 16px;
border-radius: 99px
}
.list-more-button:hover {
background-color: #f5f8fa;
transition: all .3s ease-in-out;
color: #333
}
.admin-panel {
background-color: #333;
color: #fff;
opacity: .8;
padding: 10px;
font-size: 16px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
transition: .3s;
z-index: 9999
}
.admin-panel a {
color: #fff
}
.admin-pv,
.admin-edit,
.admin-amp,
.admin-checks,
.admin-cresponsive {
border-radius: 3px;
padding: 0 10px;
border: 1px solid #ccc;
margin: 6px 4px
}
.admin-pv>span,
.admin-edit>span,
.admin-amp>span,
.admin-checks>span,
.admin-cresponsive>span {
padding: 0 4px
}
.admin-amp a,
.admin-checks a,
.admin-cresponsive a {
margin: 0 4px;
font-size: .8em
}
.admin-pv {
position: relative
}
.admin-pv .admin-pv-by {
position: absolute;
bottom: -1em;
right: .4em;
font-size: .6em;
background-color: #333;
padding: 0 5px
}
.apdt-pc-only {
display: flex
}
.apdt-mobile-only {
display: none
}
@media screen and (max-width:1023px) {
.admin-bar .mobile-header-menu-buttons {
margin-top: 32px
}
.admin-bar.mblt-header-mobile-buttons,
.admin-bar.mblt-header-and-footer-mobile-buttons {
margin-top: 32px
}
}
@media screen and (max-width:1023px) and (max-width:782px) {
.admin-bar .mobile-header-menu-buttons {
margin-top: 0
}
.admin-bar.mblt-header-mobile-buttons,
.admin-bar.mblt-header-and-footer-mobile-buttons {
margin-top: 0
}
}
.entry-card .admin-pv {
margin: .4em 0 1.4em;
padding: 0;
border-width: 0;
font-size: .9em
}
.entry-card .admin-pv>span {
padding: 0 7px 0 0
}
.entry-card .admin-pv>span:nth-of-type(2) {
padding: 0
}
.entry-card .admin-pv .admin-pv-by {
background-color: transparent;
bottom: 0;
display: none
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before,
.slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.carousel .slick-dotted.slick-slider {
margin-bottom: 0
}
.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: .438em .625em .438em .625em;
line-height: 1.125em;
cursor: pointer
}
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left
}
.slicknav_menu .slicknav_icon {
float: left;
margin: .188em 0 0 .438em
}
.slicknav_menu .slicknav_no-text {
margin: 0
}
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: .125em;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
box-shadow: 0 1px 0 rgba(0, 0, 0, .25)
}
.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
margin-top: .188em
}
.slicknav_nav {
clear: both
}
.slicknav_nav ul,
.slicknav_nav li {
display: block
}
.slicknav_nav .slicknav_arrow {
font-size: .8em;
margin: 0 0 0 .4em
}
.slicknav_nav .slicknav_item {
cursor: pointer
}
.slicknav_nav .slicknav_row {
display: block
}
.slicknav_nav a {
display: block
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
display: inline
}
.slicknav_brand {
float: left
}
.slicknav_menu:before,
.slicknav_menu:after {
content: " ";
display: table
}
.slicknav_menu:after {
clear: both
}
.slicknav_menu {
*zoom: 1
}
.slicknav_menu {
font-size: 16px;
box-sizing: border-box
}
.slicknav_btn {
margin: 5px 5px 6px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
border-radius: 4px;
background-color: #222
}
.slicknav_menu .slicknav_menutxt {
color: #FFF;
font-weight: bold;
text-shadow: 0 1px 3px #000
}
.slicknav_menu .slicknav_icon-bar {
background-color: #f5f5f5
}
.slicknav_menu {
background: #4c4c4c;
padding: 5px
}
.slicknav_nav {
color: #fff;
margin: 0;
padding: 0;
font-size: .875em
}
.slicknav_nav,
.slicknav_nav ul {
list-style: none;
overflow: hidden
}
.slicknav_nav ul {
padding: 0;
margin: 0 0 0 20px
}
.slicknav_nav .slicknav_row {
padding: 5px 10px;
margin: 2px 5px
}
.slicknav_nav a {
padding: 5px 10px;
margin: 2px 5px;
text-decoration: none;
color: #fff
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding: 0;
margin: 0
}
.slicknav_nav .slicknav_row:hover {
border-radius: 6px;
background: #ccc;
color: #fff
}
.slicknav_nav a:hover {
border-radius: 6px;
background: #ccc;
color: #222
}
.slicknav_nav .slicknav_txtnode {
margin-left: 15px
}
.slicknav_brand {
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 7px 12px;
height: 44px
}
.slicknav_nav .caption-wrap,
.slicknav_nav .item-label,
.slicknav_nav .item-description {
display: inline
}
.slicknav_nav .item-description {
margin-left: 1em
}
.slicknav_menu {
display: none
}
.bbp-breadcrumb-home,
.bbp-breadcrumb-home+.bbp-breadcrumb-sep,
.topic .post-date,
.topic .post-update,
.topic .footer-post-meta,
.post-0 .post-date,
.post-0 .post-update,
.post-0 .footer-post-meta,
.forum .post-date,
.forum .post-update,
.forum .footer-post-meta {
display: none
}
#bbp_search {
font-size: 17px;
height: 28px
}
.post-0 .post-meta {
height: 27px
}
.bbp-reply-content {
font-size: 16px;
line-height: 170%
}
.bbp-forum-title {
font-size: 16px
}
.bbp-topic-permalink {
font-size: 14px
}
div#bbpress-forums {
font-size: 16px
}
div#bbpress-forums .bbp-topic-permalink {
font-size: 16px
}
div#bbpress-forums #bbp-user-wrapper {
margin-top: 1.6em
}
div#bbpress-forums .entry-title {
background-color: transparent;
color: #333;
padding-left: 0
}
div#bbpress-forums #bbp_topic_submit {
padding: 12px 24px
}
div#bbpress-forums input[type=text] {
width: 100%
}
div#bbpress-forums div.odd,
div#bbpress-forums ul.odd {
background-color: #fefefe
}
div#bbpress-forums span.bbp-admin-links a,
div#bbpress-forums .status-closed,
div#bbpress-forums .status-closed a {
color: #555
}
div#bbpress-forums a.bbp-topic-permalink {
text-decoration: none
}
div#bbpress-forums a.bbp-topic-permalink:before {
content: " \f096";
font-family: FontAwesome;
margin-right: 3px
}
div#bbpress-forums .status-closed a.bbp-topic-permalink:before {
content: " \f046";
font-family: FontAwesome
}
div#bbpress-forums .status-closed .bbp-reply-content:before {
content: " \f046\00A0 Closed";
font-family: FontAwesome, "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
}
#bbp_search_submit {
padding: 4px;
width: auto
}
@media screen and (max-width:480px) {
div#bbpress-forums div.bbp-reply-author img.avatar {
position: static
}
div#bbpress-forums .bbp-body div.bbp-reply-author {
padding-left: 0;
width: 80px;
text-align: center
}
div#bbpress-forums .bbp-body div.bbp-reply-content {
clear: none;
margin: 0
}
div#bbpress-forums .bbp-body div.bbp-reply-content p {
margin-top: 0
}
}
#buddypress h2 {
background-color: transparent;
color: #333;
padding: 0
}
#buddypress #members-friends {
margin-left: 6px
}
#buddypress #members-friends select,
#buddypress #members-friends option {
padding: 3px;
font-size: 16px
}
#buddypress div.item-list-tabs ul li.last select {
min-width: 210px
}
div#wpforo-wrap {
padding: 10px
}
div#wpforo-wrap .wpfl-1 .wpforo-forum-description,
div#wpforo-wrap .wpfl-1 .wpforo-last-post-title,
div#wpforo-wrap .wpforo-post-head {
font-size: 16px
}
div#wpforo-wrap .wpfl-1 .head-title,
div#wpforo-wrap .wpforo-topic-title a {
font-size: 20px
}
div#wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content,
div#wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content td.wpf-spost-title .wpf-spost-title-link,
div#wpforo-wrap .wpf-htr td {
font-size: 18px
}
div#wpforo-wrap .wpfl-1 .wpforo-post,
div#wpforo-wrap #wpforo-stat-body {
background-color: transparent
}
div#wpforo-wrap pre,
div#wpforo-wrap .wpforo-post .wpf-right code {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
font-size: 17px
}
div#wpforo-wrap .wpforo-post .wpf-right ol,
div#wpforo-wrap .wpforo-post .wpf-right ul {
margin: 2em 1em
}
.wpforo-list-item p {
margin: 0
}
div#wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p {
line-height: 1.8
}
.bleft {
font-weight: bold
}
#wpf-form-wrapper .mce-edit-area iframe {
min-height: 400px
}
.mce-wpf-emoji-extra-wrap {
min-width: 300px !important;
min-height: 300px !important
}
.wpf-emoji-wrap .wpf-emoji {
font-size: 24px
}
.wpforo-attached-file {
word-break: break-all
}
#wpforo-wrap h3 {
background-color: transparent
}
#wpforo-wrap h3::after {
display: none
}
#wpforo-wrap h3.wpforo-forum-title::before,
#wpforo-wrap h3.wpforo-forum-title::after {
display: none
}
div#wpforo-wrap .wpforo-post .wpforo-attached-file {
display: block
}
div#wpforo-wrap .widget-title,
div.wpforo-widget-wrap .widget-title {
padding: 12px;
border-bottom: none
}
.wpforo-recent-content.wpfr-posts table {
width: 100%;
table-layout: fixed;
word-break: break-word;
word-wrap: break-word
}
.wpforo-recent-content.wpfr-posts table td {
word-break: break-word !important
}
div#bbpress-forums fieldset.bbp-form input[type=text],
div#bbpress-forums fieldset.bbp-form select {
height: 46px;
line-height: 46px
}
.live-writer .main {
max-width: 860px;
width: 860px;
min-width: 860px
}
.live-writer .article {
width: 800px
}
.live-writer blockquote,
.live-writer .information-box,
.live-writer .question-box,
.live-writer .alert-box {
padding: 10px
}
.live-writer blockquote::before,
.live-writer blockquote::after,
.live-writer .information-box::before,
.live-writer .information-box::after,
.live-writer .question-box::before,
.live-writer .question-box::after,
.live-writer .alert-box::before,
.live-writer .alert-box::after {
display: none
}
.gsc-search-box table {
margin-bottom: 0
}
.gsc-search-box table th,
.gsc-search-box table td {
border: 0
}
#cse-search-box input[name=q] {
line-height: 34px;
width: calc(100% - 60px);
float: left
}
#cse-search-box input[name=sa] {
width: 60px;
padding: 0;
line-height: 34px
}
twitter-widget {
overflow: hidden
}
.video-click {
cursor: pointer
}
.video-click:hover .video-play {
background: url(https://mail-woman.site/wp-content/themes/cocoon-master/images/youtube-play.png) no-repeat scroll -101px -13px rgba(0, 0, 0, 0)
}
.video-play {
background: url(https://mail-woman.site/wp-content/themes/cocoon-master/images/youtube-play.png) no-repeat scroll 2px -13px rgba(0, 0, 0, 0);
height: 62px;
left: 50%;
margin-left: -45px;
margin-top: -33px;
position: absolute;
top: 50%;
width: 100px;
opacity: .8
}
.video-title-grad {
position: absolute;
top: 0;
left: 0;
right: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAQAAAA7fHH2AAAAQUlEQVQYV22KQQoAIAzDyv7/Et/oVlGZVCfkkIYamsENXESyi8vc0u/PKZ6o8+7fZ0h8ShRYnD+BFKToRJkHFpkM2hZSxuyWpEYAAAAASUVORK5CYII=);
background-position: center top
}
.video-title-text {
color: #eee;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-size: 17px;
overflow: hidden;
padding: 12px 16px 4px;
text-overflow: ellipsis;
white-space: nowrap
}
#main .wp-block-embed__wrapper::before {
display: none
}
.entry-content .wp-block-gallery .blocks-gallery-item {
display: list-item
}
.search-form div.sbtn {
transition: .3s
}
.search-form div.sbtn:hover {
color: #333;
background: #fff;
border-color: #333;
cursor: pointer
}
.main {
z-index: 0
}
.ad-index-bottom {
position: relative;
z-index: -1
}
.gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-page {
font-size: 15px;
border-width: 1px;
border-style: solid;
padding: 2px 10px;
display: inline-block;
margin-bottom: 8px
}
.gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
background-color: #1A73E8;
color: #fff
}
.gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-page {
border-color: #ccc
}
.lozad {
min-height: 1px;
min-width: 1px
}
.is-header-fixed .header-container {
z-index: 3
}
.is-header-fixed .header-container .logo {
transition: .3s
}
.fixed-header {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25)
}
.fixed-header .header .header-in {
min-height: auto
}
.fixed-header .has-sub,
.fixed-header .navi-in .sub-menu {
display: none
}
.fixed-header .site-logo-image {
height: auto;
width: auto
}
.click-prevention {
pointer-events: none
}
_:-ms-lang(x),
.mc-circle {
background-clip: border-box
}
.blogcard,
.ecb-entry-border .entry-card-wrap,
.page-numbers,
.pagination-next-link,
.comment-btn,
.index-tab-buttons .index-tab-button,
.border-square a,
.author-box {
border-color: #e3e3e3 #cecece #b4b4b4 #d6d6d6
}
@media screen and (max-width:1023px) {
.navi-footer {
float: none;
margin: 0;
width: 100%
}
.copyright {
width: 100%
}
.navi-footer-in>ul {
justify-content: center;
padding: 1em
}
.footer-widgets {
display: block
}
.footer-widgets>div {
width: 100%
}
.content-in {
display: block
}
main.main,
div.sidebar {
display: block;
margin: 10px;
width: auto
}
.footer-bottom-logo,
.footer-bottom-content {
float: none
}
.footer-bottom-logo {
line-height: 1
}
.footer-bottom-content {
text-align: center
}
.fb-like-message {
font-size: .8em;
line-height: 1.4
}
.sidebar-scroll {
position: static
}
.ba-fixed.header,
.ba-fixed.appeal {
background-attachment: scroll
}
.header,
.appeal {
background-size: cover
}
.footer-bottom-logo {
position: relative;
bottom: auto
}
.logo-footer {
margin: 8px auto
}
.mobile-menu-buttons {
display: flex;
align-items: stretch
}
.mobile-menu-buttons>li {
padding-top: 3px
}
.mobile-header-menu-buttons {
top: 0;
bottom: auto;
justify-content: space-around;
min-width: 46px;
z-index: 3;
box-shadow: 0 0 5px darkgrey
}
.has-logo-button .menu-button {
width: 70px
}
.has-logo-button .logo-menu-button {
flex-grow: 99
}
.no-mobile-sidebar .sidebar,
.mobile-button-fmb .go-to-top-button,
.no-mobile-header-logo #header .logo-header {
display: none
}
.mblt-header-mobile-buttons {
margin-top: 46px
}
.mblt-footer-mobile-buttons {
margin-bottom: 50px
}
.mblt-header-and-footer-mobile-buttons {
margin-top: 46px;
margin-bottom: 50px
}
.scrollable-mobile-buttons {
margin-bottom: 0
}
.navi-footer-in>.menu-footer {
justify-content: center
}
.footer-bottom.fdt-left-and-right .footer-bottom-content {
flex-direction: column
}
.mblt-footer-mobile-buttons .go-to-top-button,
.mblt-header-and-footer-mobile-buttons .go-to-top-button {
display: none
}
}
@media screen and (max-width:834px) {
.navi-in>.menu-header {
display: none
}
#navi .navi-in>.menu-mobile {
display: flex
}
#navi .navi-in>.menu-mobile>.menu-item-has-description>a>.caption-wrap {
height: 40px;
line-height: 16px
}
#navi .navi-in>.menu-mobile li {
width: 50%;
height: 40px;
line-height: 40px
}
#navi .navi-in>.menu-mobile li a {
font-size: 14px
}
#navi .navi-in>.menu-mobile li a:after {
display: none
}
main.main,
div.sidebar {
padding: 16px;
margin: 10px 0;
border-width: 0
}
.article ul,
.article ol {
padding-left: 26px
}
.entry-card-title,
.related-entry-card-title {
font-size: 17px
}
.entry-card-snippet,
.related-entry-card-snippet {
font-size: 14px
}
table th,
table td {
padding: 3px;
font-size: .8em
}
.blogcard-wrap {
width: 100%
}
.blogcard-thumbnail {
width: 120px
}
.blogcard-title {
font-size: .9em;
margin-bottom: 0
}
.blogcard-snippet {
font-size: 12px
}
.blogcard-content {
margin-left: 130px;
margin-right: 0;
max-height: 120px;
min-height: 70px;
font-size: .9em;
line-height: 1.2
}
.blogcard-footer {
font-size: 14px
}
.ib-right .blogcard-content,
.eb-right .blogcard-content {
margin-right: 31.6%;
margin-left: 0
}
.ss-top .sns-share-buttons a,
.ss-bottom .sns-share-buttons a {
font-size: 14px
}
.ss-top .sns-share-buttons a .button-caption,
.ss-bottom .sns-share-buttons a .button-caption {
font-size: 14px;
margin-left: 4px
}
.sns-share.ss-top.ss-col-6 a,
.sns-share.ss-bottom.ss-col-6 a {
width: 32%
}
.sns-follow-buttons {
flex-wrap: wrap;
justify-content: space-around
}
.sns-follow-buttons a {
margin-right: 0;
width: 48%
}
.rect-vertical-card .related-entry-card-wrap {
width: 49%
}
.rect-mini-card .related-entry-card-wrap {
margin-bottom: 10px
}
.rect-mini-card .cat-label {
font-size: 8px
}
.rect-mini-card .related-entry-card-thumb {
width: 30%
}
.rect-mini-card .related-entry-card-content {
margin-left: 32%
}
.header-container-in.hlt-top-menu {
flex-direction: column
}
.ect-vertical-card .entry-card-wrap {
width: 49%
}
.header div.header-in,
.appeal div.appeal-in {
min-height: auto
}
.footer-widgets {
display: none
}
.footer-widgets-mobile {
display: block
}
.widget_pc_text,
.widget_pc_ad,
.widget_pc_double_ads {
display: none
}
.widget_mobile_text,
.widget_mobile_ad {
display: block
}
.slicknav_menu {
display: block
}
.fb-like-box {
max-width: none;
flex-direction: column
}
.cta-box {
font-size: .8em
}
.cta-heading {
font-size: 20px;
padding: 8px
}
.cta-left-and-right .cta-content,
.cta-right-and-left .cta-content {
display: block
}
.cta-left-and-right .cta-content div,
.cta-right-and-left .cta-content div {
width: 100%
}
.cta-message {
margin-top: 1em
}
.cta-button .btn-l,
.cta-button .ranking-item-link-buttons a,
.ranking-item-link-buttons .cta-button a {
padding: 1em;
font-size: 16px
}
.sbp-l {
margin-right: auto
}
.sbp-r {
margin-left: auto
}
.speech-wrap.sbs-think.sbp-l {
margin-right: 0
}
.speech-wrap.sbs-think.sbp-r {
margin-left: 0
}
.admin-panel {
padding: 5px;
font-size: 14px;
line-height: 1.4
}
.admin-panel>div {
margin: 3px
}
.apdt-pc-only {
display: none
}
.apdt-mobile-only {
display: flex
}
.ranking-item-image-tag {
max-width: 30%
}
#header .site-name-text {
font-size: 22px
}
.header-container-in.hlt-top-menu {
display: block
}
.header-container-in.hlt-top-menu .header .header-in,
.header-container-in.hlt-top-menu .header .logo-text {
display: block;
height: 100%
}
.header-container-in.hlt-top-menu .site-name-text {
white-space: normal
}
.header-container-in.hlt-top-menu .logo-header {
max-height: none
}
.eye-catch .cat-label {
font-size: 10px;
padding: 2px 4px
}
textarea {
min-height: 160px
}
.navi-footer-in>.menu-footer li.menu-item {
width: 32%;
border: 0;
margin: 2px;
display: flex;
flex: 1 1 auto;
text-align: center
}
.navi-footer-in>.menu-footer li.menu-item a {
padding: 0;
width: 100%
}
.footer-bottom.fdt-left-and-right .footer-bottom-content {
flex-direction: column
}
#wpf-form-wrapper .mce-edit-area iframe {
min-height: 200px
}
.content {
margin-top: 10px
}
.product-item-thumb-l,
.swatchimages {
display: none
}
.image-content amp-img {
min-width: 360px;
max-width: 360px
}
.btn-l,
.ranking-item-link-buttons a,
.btn-wrap.btn-wrap-l>a {
font-size: 14px
}
.slick-dots {
display: none !important
}
.carousel-entry-card-title {
font-size: .7em
}
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header {
height: auto
}
.recommended .navi-entry-cards {
flex-wrap: wrap
}
.recommended .navi-entry-cards a {
width: 50%
}
.recommended.rcs-card-margin a {
margin: 1%;
width: 48%
}
.recommended.rcs-card-margin a:last-child {
margin-right: 1%
}
}
@media screen and (max-width:599px) {
.container .column-wrap {
flex-direction: column
}
.container .column-wrap>div {
width: 100%;
padding: 1em 0
}
.box-menus .box-menu {
width: calc(100%/2)
}
.wwa .box-menus {
margin-left: 10px;
margin-right: 10px
}
}
@media screen and (max-width:480px) {
h2,
h3 {
font-size: 20px
}
.related-entry-heading,
.comment-title {
margin: 1.2em 0 1em
}
.entry-card,
.related-entry-card,
.e-card-title {
line-height: 1.1
}
.e-card-title {
font-size: 16px
}
.e-card-snippet {
font-size: 13px
}
.cat-label {
font-size: 10px;
padding: 1px 3px
}
.page-numbers {
width: 34px;
height: 34px;
line-height: 34px
}
.pagination-next-link,
.comment-btn {
font-size: 1em
}
.related-entry-card-thumb {
width: 38%
}
.related-entry-card-content {
margin-left: 40%;
font-size: .9em
}
.entry-title,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
padding: .6em;
margin: 1.2em 0 .8em
}
.entry-title,
.article h2 {
font-size: 20px;
padding: .6em .8em
}
.article h3 {
font-size: 18px
}
.article h4,
.article h5,
.article h6 {
font-size: 16px
}
.entry-title {
margin: 0;
margin-bottom: 6px
}
body {
font-size: 16px
}
.pager-post-navi a figure {
min-width: 30%;
max-width: 30%
}
.pager-post-navi a.prev-post .prev-post-title {
margin-left: 1.6%
}
.pager-post-navi a.next-post .next-post-title {
margin-right: 1.6%
}
.pager-post-navi a::before {
font-size: 16px
}
.rect-mini-card .related-entry-card-wrap {
width: 100%
}
.pager-post-navi.post-navi-square {
flex-direction: column
}
.pager-post-navi.post-navi-square a {
width: 100%;
padding: 7px
}
.pager-post-navi.post-navi-square a:last-child {
border-top-width: 0;
border-left-width: 1px
}
.author-box {
font-size: .9em;
line-height: 1.3
}
.author-box .author-thumb {
width: 24%
}
.author-box .author-content {
margin-left: 26%
}
.speech-person {
width: 16%;
min-width: 16%
}
.speech-name {
font-size: 10px
}
.speech-wrap .speech-balloon {
padding: 7px;
max-width: calc(100% - 16%)
}
.speech-wrap .speech-balloon::before,
.speech-wrap .speech-balloon::after {
border-bottom-width: 7px;
border-right-width: 7px;
border-top-width: 7px
}
.speech-wrap .speech-balloon::before {
left: -7px
}
.speech-wrap .speech-balloon::after {
left: -5px
}
.speech-wrap.sbp-l .speech-balloon {
margin-left: 10px
}
.speech-wrap.sbp-r .speech-balloon {
margin-right: 10px
}
.speech-wrap.sbp-r .speech-balloon::before {
right: -7px;
left: auto;
border-left-width: 7px
}
.speech-wrap.sbp-r .speech-balloon::after {
border-left-width: 7px;
right: -5px;
left: auto
}
.speech-wrap.sbs-think.sbp-l .speech-balloon {
margin-left: 28px
}
.speech-wrap.sbs-think .speech-balloon::before {
top: 4px;
left: -19px;
width: 12px;
height: 12px
}
.speech-wrap.sbs-think .speech-balloon::after {
top: 16px;
width: 6px;
height: 6px;
left: -27px
}
.speech-wrap.sbs-think.sbp-r .speech-balloon {
margin-right: 28px
}
.speech-wrap.sbs-think.sbp-r .speech-balloon::before {
border: 2px solid #ccc;
left: auto;
right: -19px
}
.speech-wrap.sbs-think.sbp-r .speech-balloon::after {
border: 2px solid #ccc;
left: auto;
right: -27px
}
.admin-panel>div {
margin-bottom: .6em;
padding: 2px
}
.menu-content {
max-width: 84%
}
.ranking-item-img-desc,
.ranking-item-link-buttons {
display: block
}
.ranking-item-image-tag {
max-width: 100%;
text-align: center;
display: flex;
justify-content: center
}
.ranking-item-name-text,
.widget_item_ranking .main-widget-label {
font-size: 20px
}
a.facebook-follow-button {
top: 3px
}
#header .site-name-text {
font-size: 18px
}
.tagline {
font-size: 12px
}
.navi-footer-in>.menu-footer li.menu-item {
width: 46%
}
.blogcard-content {
font-size: .84em
}
.blogcard-snippet {
font-size: .74em
}
.ect-vertical-card .entry-card-wrap {
margin-bottom: 8px
}
.ect-vertical-card.sp-entry-card-1-column .entry-card-wrap {
display: block
}
.ect-vertical-card.sp-entry-card-1-column>* {
width: 100%
}
#bbpress-forums .form-allowed-tags code {
width: 100% !important
}
.no-sp-snippet .entry-card-snippet {
display: none
}
.no-sp-snippet-related .related-entry-card-snippet {
display: none
}
.e-card-meta {
margin-top: 2px
}
.ect-entry-card .card-thumb,
.rect-entry-card .card-thumb,
.ect-big-card-first .card-thumb {
margin-bottom: 6px
}
.ect-entry-card .card-content,
.rect-entry-card .card-content,
.ect-big-card-first .card-content {
margin: 0
}
.ect-entry-card .card-snippet,
.rect-entry-card .card-snippet,
.ect-big-card-first .card-snippet {
margin-bottom: 0;
clear: both
}
.ect-entry-card .card-meta,
.rect-entry-card .card-meta,
.ect-big-card-first .card-meta {
clear: both
}
.list .ect-vertical-card>* {
width: 48%;
padding: .5% !important;
margin: .5% .5% 1.5% !important
}
.sp-display-none {
display: none !important
}
.image-content amp-img {
min-width: 200px;
max-width: 200px
}
.blogcard {
padding-top: 3%
}
}
@media screen and (max-width:356px) {
.ect-vertical-card .entry-card-wrap,
.rect-vertical-card .related-entry-card-wrap,
.ect-2-columns>*,
.ect-3-columns>* {
width: 100% !important
}
}
@media print {
#container {
font-size: 11pt
}
#container .header-container,
#container .ad-area,
#container .pager-links,
#container .under-entry-content,
#container .breadcrumb-category,
#container .entry-footer,
#container .sidebar,
#container .footer,
#container #admin-panel,
#container #go-to-top,
#container .go-to-top-button,
#container #fb-root,
#container .mobile-menu-buttons,
#container .toc,
#container .sns-share,
#container .widget,
#container #notice-area-wrap,
#container #notice-area,
#container #appeal,
#container #recommended,
#container #carousel,
#container #go-to-top {
display: none !important
}
#container .content-in {
display: block
}
#container .main,
#container .content,
#container .wrap {
width: auto;
margin: 0;
float: none;
padding: 0;
border: 0;
overflow-wrap: normal
}
#container .main {
width: 100% !important
}
#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6 {
background-color: transparent;
border-width: 0;
padding: 0;
margin: 10px 0;
color: #333
}
#container h1 {
font-size: 21.5pt
}
#container h2 {
font-size: 18.5pt
}
#container h3 {
font-size: 16pt
}
#container h4,
#container h5,
#container .article h6 {
font-size: 14pt
}
#wpadminbar,
#go-to-top,
#admin-panel {
display: none !important
}
body {
background-image: none !important;
background-break: transparent
}
}
pre {
background-color: #f5f6f7;
border: 1px solid #ddd;
overflow: auto;
padding: 10px;
margin: 1em 0
}
.is-code-row-number-enable pre,
.is-code-row-number-enable pre#highlight-demo {
border: 0;
position: relative;
padding: .4em 1em .4em 3em
}
.is-code-row-number-enable pre::before {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
display: block;
padding: .5em 0 .5em 0;
width: 3em;
box-sizing: border-box;
color: #777;
text-align: center
}
@keyframes shine {
0% {
transform: scale(0) rotate(45deg);
opacity: 0
}
80% {
transform: scale(0) rotate(45deg);
opacity: .5
}
81% {
transform: scale(4) rotate(45deg);
opacity: 1
}
100% {
transform: scale(50) rotate(45deg);
opacity: 0
}
}
.hljs {
display: block;
overflow-x: auto;
padding: .5em;
background: #272822;
color: #ddd
}
.hljs-tag,
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-strong,
.hljs-name {
color: #f92672
}
.hljs-code {
color: #66d9ef
}
.hljs-class .hljs-title {
color: white
}
.hljs-attribute,
.hljs-symbol,
.hljs-regexp,
.hljs-link {
color: #bf79db
}
.hljs-string,
.hljs-bullet,
.hljs-subst,
.hljs-title,
.hljs-section,
.hljs-emphasis,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
color: #a6e22e
}
.hljs-comment,
.hljs-quote,
.hljs-deletion,
.hljs-meta {
color: #75715e
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-doctag,
.hljs-title,
.hljs-section,
.hljs-type,
.hljs-selector-id {
font-weight: bold
}
#baguetteBox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000;
background-color: #222;
background-color: rgba(0, 0, 0, .8);
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease
}
#baguetteBox-overlay.visible {
opacity: 1
}
#baguetteBox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center
}
#baguetteBox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%
}
#baguetteBox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}
#baguetteBox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
white-space: normal;
color: #ccc;
background-color: #000;
background-color: rgba(0, 0, 0, .6);
font-family: sans-serif
}
#baguetteBox-overlay .full-image:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px
}
#baguetteBox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
-webkit-transition: left .4s ease, -webkit-transform .4s ease;
transition: left .4s ease, -webkit-transform .4s ease;
transition: left .4s ease, transform .4s ease;
transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}
#baguetteBox-slider.bounce-from-right {
-webkit-animation: bounceFromRight .4s ease-out;
animation: bounceFromRight .4s ease-out
}
#baguetteBox-slider.bounce-from-left {
-webkit-animation: bounceFromLeft .4s ease-out;
animation: bounceFromLeft .4s ease-out
}
@-webkit-keyframes bounceFromRight {
0%,
100% {
margin-left: 0
}
50% {
margin-left: -30px
}
}
@keyframes bounceFromRight {
0%,
100% {
margin-left: 0
}
50% {
margin-left: -30px
}
}
@-webkit-keyframes bounceFromLeft {
0%,
100% {
margin-left: 0
}
50% {
margin-left: 30px
}
}
@keyframes bounceFromLeft {
0%,
100% {
margin-left: 0
}
50% {
margin-left: 30px
}
}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px
}
.baguetteBox-button {
position: absolute;
cursor: pointer;
outline: 0;
padding: 0;
margin: 0;
border: 0;
-moz-border-radius: 15%;
border-radius: 15%;
background-color: #323232;
background-color: rgba(50, 50, 50, .5);
color: #ddd;
font: 1.6em sans-serif;
-webkit-transition: background-color .4s ease;
transition: background-color .4s ease
}
.baguetteBox-button:focus,
.baguetteBox-button:hover {
background-color: rgba(50, 50, 50, .9)
}
.baguetteBox-button#next-button {
right: 2%
}
.baguetteBox-button#previous-button {
left: 2%
}
.baguetteBox-button#close-button {
top: 20px;
right: 2%;
right: calc(2% + 6px);
width: 30px;
height: 30px
}
.baguetteBox-button svg {
position: absolute;
left: 0;
top: 0
}
.baguetteBox-spinner {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px
}
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
width: 100%;
height: 100%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
opacity: .6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce 2s infinite ease-in-out;
animation: bounce 2s infinite ease-in-out
}
.baguetteBox-double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s
}
@-webkit-keyframes bounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes bounce {
0%,
100% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1)
}
}
@keyframes scroll-hint-appear {
0% {
transform: translateX(40px);
opacity: 0
}
10% {
opacity: 1
}
50%,
100% {
transform: translateX(-40px);
opacity: 0
}
}
.scroll-hint.is-right-scrollable {
background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0))
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0))
}
.scroll-hint.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0))
}
.scroll-hint-icon {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 60px);
box-sizing: border-box;
width: 120px;
height: 80px;
border-radius: 5px;
transition: opacity .3s;
opacity: 0;
background: rgba(0, 0, 0, .7);
text-align: center;
padding: 20px 10px 10px 10px
}
.scroll-hint-icon-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
pointer-events: none
}
.scroll-hint-text {
font-size: 10px;
color: #FFF;
margin-top: 5px
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
opacity: .8
}
.scroll-hint-icon:before {
display: inline-block;
width: 40px;
height: 40px;
color: #FFF;
vertical-align: middle;
text-align: center;
content: "";
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=)
}
.scroll-hint-icon:after {
content: "";
width: 34px;
height: 14px;
display: block;
position: absolute;
top: 10px;
left: 50%;
margin-left: -20px;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
opacity: 0;
transition-delay: 2.4s
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
opacity: 1
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
animation: scroll-hint-appear 1.2s linear;
animation-iteration-count: 2
}
.scroll-hint-icon-white {
background-color: #FFF;
box-shadow: 0 4px 5px rgba(0, 0, 0, .4)
}
.scroll-hint-icon-white:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=)
}
.scroll-hint-icon-white:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==)
}
.scroll-hint-icon-white .scroll-hint-text {
color: #000
}
@media screen and (max-width:480px) {
.page-body,
.menu-content {
font-size: 15px
}
}
.main {
width: 760px
}
.sidebar {
width: 340px
}
@media screen and (max-width:1124px) {
.wrap {
width: 100%;
}
.main,
.sidebar,
.sidebar-left .main,
.sidebar-left .sidebar {
margin: 0 .5%
}
.main {
width: 67%
}
.sidebar {
padding: 10px;
width: 30%
}
.entry-card-thumb {
width: 38%
}
.entry-card-content {
margin-left: 40%
}
}
body::after {
content: url(https://mail-woman.site/wp-content/themes/cocoon-master/lib/analytics/access.php?post_id=3057&post_type=post);
visibility: hidden;
position: absolute;
bottom: 0;
right: 0;
width: 1px;
height: 1px;
overflow: hidden
}
.toc-checkbox {
display: none
}
.toc-content {
visibility: hidden;
height: 0;
opacity: .2;
transition: all .5s ease-out
}
.toc-checkbox:checked~.toc-content {
visibility: visible;
padding-top: .6em;
height: 100%;
opacity: 1
}
.toc-title::after {
content: '[開く]';
margin-left: .5em;
cursor: pointer;
font-size: .8em
}
.toc-title:hover::after {
text-decoration: underline
}
.toc-checkbox:checked+.toc-title::after {
content: '[閉じる]'
}
#respond {
display: none
}
.entry-content>*,
.demo .entry-content p {
line-height: 1.6
}
.entry-content>*,
.demo .entry-content p {
margin-top: 2.5em;
margin-bottom: 2.5em
}
.article .micro-top {
margin-bottom: -2.75em
}
.article .micro-balloon {
margin-bottom: -2em
}
.article .micro-bottom {
margin-top: -2.75em
}
.article .micro-bottom.micro-balloon {
margin-top: -2em;
margin-bottom: 2.5em
}
.blank-box.bb-key-color {
border-color: #19448e
}
.iic-key-color li::before {
color: #19448e
}
.blank-box.bb-tab.bb-key-color::before {
background-color: #19448e
}
.tb-key-color .toggle-button {
border: 1px solid #19448e;
background: #19448e;
color: #fff
}
.tb-key-color .toggle-button::before {
color: #ccc
}
.tb-key-color .toggle-checkbox:checked~.toggle-content {
border-color: #19448e
}
.cb-key-color.caption-box {
border-color: #19448e
}
.cb-key-color .caption-box-label {
background-color: #19448e;
color: #fff
}
.tcb-key-color .tab-caption-box-label {
background-color: #19448e;
color: #fff
}
.tcb-key-color .tab-caption-box-content {
border-color: #19448e
}
.lb-key-color .label-box-content {
border-color: #19448e
}
.mc-key-color {
background-color: #19448e;
color: #fff;
border: 0
}
.mc-key-color.micro-bottom::after {
border-bottom-color: #19448e;
border-top-color: transparent
}
.mc-key-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.mc-key-color::after {
border-top-color: #19448e
}
.btn-key-color,
.btn-wrap.btn-wrap-key-color>a {
background-color: #19448e
}
.has-text-color.has-key-color-color {
color: #19448e
}
.has-background.has-key-color-background-color {
background-color: #19448e
}
.article.page-body,
body#tinymce.wp-editor {
background-color: #fff
}
.article.page-body,
.editor-post-title__block .editor-post-title__input,
body#tinymce.wp-editor {
color: #333
}
.body .has-key-color-background-color {
background-color: #19448e
}
.body .has-key-color-color {
color: #19448e
}
.body .has-key-color-border-color {
border-color: #19448e
}
.btn-wrap.has-key-color-background-color>a {
background-color: #19448e
}
.btn-wrap.has-key-color-color>a {
color: #19448e
}
.btn-wrap.has-key-color-border-color>a {
border-color: #19448e
}
.bb-tab.has-key-color-border-color .bb-label {
background-color: #19448e
}
.toggle-wrap.has-key-color-border-color .toggle-button {
background-color: #19448e
}
.toggle-wrap.has-key-color-border-color .toggle-button,
.toggle-wrap.has-key-color-border-color .toggle-content {
border-color: #19448e
}
.iconlist-box.has-key-color-icon-color li::before {
color: #19448e
}
.micro-balloon.has-key-color-background-color {
background-color: #19448e;
border-color: transparent
}
.micro-balloon.has-key-color-background-color.micro-bottom::after {
border-bottom-color: #19448e;
border-top-color: transparent
}
.micro-balloon.has-key-color-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-key-color-background-color::after {
border-top-color: #19448e
}
.micro-balloon.has-border-color.has-key-color-border-color {
border-color: #19448e
}
.micro-balloon.micro-top.has-key-color-border-color::before {
border-top-color: #19448e
}
.micro-balloon.micro-bottom.has-key-color-border-color::before {
border-bottom-color: #19448e
}
.caption-box.has-key-color-border-color .box-label {
background-color: #19448e
}
.tab-caption-box.has-key-color-border-color .box-label {
background-color: #19448e
}
.tab-caption-box.has-key-color-border-color .box-content {
border-color: #19448e
}
.tab-caption-box.has-key-color-background-color .box-content {
background-color: #19448e
}
.label-box.has-key-color-border-color .box-content {
border-color: #19448e
}
.label-box.has-key-color-background-color .box-content {
background-color: #19448e
}
.sbp-l .speech-balloon.has-key-color-border-color::before {
border-right-color: #19448e
}
.sbp-r .speech-balloon.has-key-color-border-color::before {
border-left-color: #19448e
}
.sbp-l .speech-balloon.has-key-color-background-color::after {
border-right-color: #19448e
}
.sbp-r .speech-balloon.has-key-color-background-color::after {
border-left-color: #19448e
}
.sbs-line.sbp-r .speech-balloon.has-key-color-background-color {
background-color: #19448e
}
.sbs-line.sbp-r .speech-balloon.has-key-color-border-color {
border-color: #19448e
}
.speech-wrap.sbs-think .speech-balloon.has-key-color-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-key-color-border-color::after {
border-color: #19448e
}
.sbs-think .speech-balloon.has-key-color-background-color::before,
.sbs-think .speech-balloon.has-key-color-background-color::after {
background-color: #19448e
}
.timeline-box.has-key-color-point-color .timeline-item::before {
background-color: #19448e
}
.body .has-red-background-color {
background-color: #e60033
}
.body .has-red-color {
color: #e60033
}
.body .has-red-border-color {
border-color: #e60033
}
.btn-wrap.has-red-background-color>a {
background-color: #e60033
}
.btn-wrap.has-red-color>a {
color: #e60033
}
.btn-wrap.has-red-border-color>a {
border-color: #e60033
}
.bb-tab.has-red-border-color .bb-label {
background-color: #e60033
}
.toggle-wrap.has-red-border-color .toggle-button {
background-color: #e60033
}
.toggle-wrap.has-red-border-color .toggle-button,
.toggle-wrap.has-red-border-color .toggle-content {
border-color: #e60033
}
.iconlist-box.has-red-icon-color li::before {
color: #e60033
}
.micro-balloon.has-red-background-color {
background-color: #e60033;
border-color: transparent
}
.micro-balloon.has-red-background-color.micro-bottom::after {
border-bottom-color: #e60033;
border-top-color: transparent
}
.micro-balloon.has-red-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-red-background-color::after {
border-top-color: #e60033
}
.micro-balloon.has-border-color.has-red-border-color {
border-color: #e60033
}
.micro-balloon.micro-top.has-red-border-color::before {
border-top-color: #e60033
}
.micro-balloon.micro-bottom.has-red-border-color::before {
border-bottom-color: #e60033
}
.caption-box.has-red-border-color .box-label {
background-color: #e60033
}
.tab-caption-box.has-red-border-color .box-label {
background-color: #e60033
}
.tab-caption-box.has-red-border-color .box-content {
border-color: #e60033
}
.tab-caption-box.has-red-background-color .box-content {
background-color: #e60033
}
.label-box.has-red-border-color .box-content {
border-color: #e60033
}
.label-box.has-red-background-color .box-content {
background-color: #e60033
}
.sbp-l .speech-balloon.has-red-border-color::before {
border-right-color: #e60033
}
.sbp-r .speech-balloon.has-red-border-color::before {
border-left-color: #e60033
}
.sbp-l .speech-balloon.has-red-background-color::after {
border-right-color: #e60033
}
.sbp-r .speech-balloon.has-red-background-color::after {
border-left-color: #e60033
}
.sbs-line.sbp-r .speech-balloon.has-red-background-color {
background-color: #e60033
}
.sbs-line.sbp-r .speech-balloon.has-red-border-color {
border-color: #e60033
}
.speech-wrap.sbs-think .speech-balloon.has-red-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-red-border-color::after {
border-color: #e60033
}
.sbs-think .speech-balloon.has-red-background-color::before,
.sbs-think .speech-balloon.has-red-background-color::after {
background-color: #e60033
}
.timeline-box.has-red-point-color .timeline-item::before {
background-color: #e60033
}
.body .has-pink-background-color {
background-color: #e95295
}
.body .has-pink-color {
color: #e95295
}
.body .has-pink-border-color {
border-color: #e95295
}
.btn-wrap.has-pink-background-color>a {
background-color: #e95295
}
.btn-wrap.has-pink-color>a {
color: #e95295
}
.btn-wrap.has-pink-border-color>a {
border-color: #e95295
}
.bb-tab.has-pink-border-color .bb-label {
background-color: #e95295
}
.toggle-wrap.has-pink-border-color .toggle-button {
background-color: #e95295
}
.toggle-wrap.has-pink-border-color .toggle-button,
.toggle-wrap.has-pink-border-color .toggle-content {
border-color: #e95295
}
.iconlist-box.has-pink-icon-color li::before {
color: #e95295
}
.micro-balloon.has-pink-background-color {
background-color: #e95295;
border-color: transparent
}
.micro-balloon.has-pink-background-color.micro-bottom::after {
border-bottom-color: #e95295;
border-top-color: transparent
}
.micro-balloon.has-pink-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-pink-background-color::after {
border-top-color: #e95295
}
.micro-balloon.has-border-color.has-pink-border-color {
border-color: #e95295
}
.micro-balloon.micro-top.has-pink-border-color::before {
border-top-color: #e95295
}
.micro-balloon.micro-bottom.has-pink-border-color::before {
border-bottom-color: #e95295
}
.caption-box.has-pink-border-color .box-label {
background-color: #e95295
}
.tab-caption-box.has-pink-border-color .box-label {
background-color: #e95295
}
.tab-caption-box.has-pink-border-color .box-content {
border-color: #e95295
}
.tab-caption-box.has-pink-background-color .box-content {
background-color: #e95295
}
.label-box.has-pink-border-color .box-content {
border-color: #e95295
}
.label-box.has-pink-background-color .box-content {
background-color: #e95295
}
.sbp-l .speech-balloon.has-pink-border-color::before {
border-right-color: #e95295
}
.sbp-r .speech-balloon.has-pink-border-color::before {
border-left-color: #e95295
}
.sbp-l .speech-balloon.has-pink-background-color::after {
border-right-color: #e95295
}
.sbp-r .speech-balloon.has-pink-background-color::after {
border-left-color: #e95295
}
.sbs-line.sbp-r .speech-balloon.has-pink-background-color {
background-color: #e95295
}
.sbs-line.sbp-r .speech-balloon.has-pink-border-color {
border-color: #e95295
}
.speech-wrap.sbs-think .speech-balloon.has-pink-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-pink-border-color::after {
border-color: #e95295
}
.sbs-think .speech-balloon.has-pink-background-color::before,
.sbs-think .speech-balloon.has-pink-background-color::after {
background-color: #e95295
}
.timeline-box.has-pink-point-color .timeline-item::before {
background-color: #e95295
}
.body .has-purple-background-color {
background-color: #884898
}
.body .has-purple-color {
color: #884898
}
.body .has-purple-border-color {
border-color: #884898
}
.btn-wrap.has-purple-background-color>a {
background-color: #884898
}
.btn-wrap.has-purple-color>a {
color: #884898
}
.btn-wrap.has-purple-border-color>a {
border-color: #884898
}
.bb-tab.has-purple-border-color .bb-label {
background-color: #884898
}
.toggle-wrap.has-purple-border-color .toggle-button {
background-color: #884898
}
.toggle-wrap.has-purple-border-color .toggle-button,
.toggle-wrap.has-purple-border-color .toggle-content {
border-color: #884898
}
.iconlist-box.has-purple-icon-color li::before {
color: #884898
}
.micro-balloon.has-purple-background-color {
background-color: #884898;
border-color: transparent
}
.micro-balloon.has-purple-background-color.micro-bottom::after {
border-bottom-color: #884898;
border-top-color: transparent
}
.micro-balloon.has-purple-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-purple-background-color::after {
border-top-color: #884898
}
.micro-balloon.has-border-color.has-purple-border-color {
border-color: #884898
}
.micro-balloon.micro-top.has-purple-border-color::before {
border-top-color: #884898
}
.micro-balloon.micro-bottom.has-purple-border-color::before {
border-bottom-color: #884898
}
.caption-box.has-purple-border-color .box-label {
background-color: #884898
}
.tab-caption-box.has-purple-border-color .box-label {
background-color: #884898
}
.tab-caption-box.has-purple-border-color .box-content {
border-color: #884898
}
.tab-caption-box.has-purple-background-color .box-content {
background-color: #884898
}
.label-box.has-purple-border-color .box-content {
border-color: #884898
}
.label-box.has-purple-background-color .box-content {
background-color: #884898
}
.sbp-l .speech-balloon.has-purple-border-color::before {
border-right-color: #884898
}
.sbp-r .speech-balloon.has-purple-border-color::before {
border-left-color: #884898
}
.sbp-l .speech-balloon.has-purple-background-color::after {
border-right-color: #884898
}
.sbp-r .speech-balloon.has-purple-background-color::after {
border-left-color: #884898
}
.sbs-line.sbp-r .speech-balloon.has-purple-background-color {
background-color: #884898
}
.sbs-line.sbp-r .speech-balloon.has-purple-border-color {
border-color: #884898
}
.speech-wrap.sbs-think .speech-balloon.has-purple-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-purple-border-color::after {
border-color: #884898
}
.sbs-think .speech-balloon.has-purple-background-color::before,
.sbs-think .speech-balloon.has-purple-background-color::after {
background-color: #884898
}
.timeline-box.has-purple-point-color .timeline-item::before {
background-color: #884898
}
.body .has-deep-background-color {
background-color: #55295b
}
.body .has-deep-color {
color: #55295b
}
.body .has-deep-border-color {
border-color: #55295b
}
.btn-wrap.has-deep-background-color>a {
background-color: #55295b
}
.btn-wrap.has-deep-color>a {
color: #55295b
}
.btn-wrap.has-deep-border-color>a {
border-color: #55295b
}
.bb-tab.has-deep-border-color .bb-label {
background-color: #55295b
}
.toggle-wrap.has-deep-border-color .toggle-button {
background-color: #55295b
}
.toggle-wrap.has-deep-border-color .toggle-button,
.toggle-wrap.has-deep-border-color .toggle-content {
border-color: #55295b
}
.iconlist-box.has-deep-icon-color li::before {
color: #55295b
}
.micro-balloon.has-deep-background-color {
background-color: #55295b;
border-color: transparent
}
.micro-balloon.has-deep-background-color.micro-bottom::after {
border-bottom-color: #55295b;
border-top-color: transparent
}
.micro-balloon.has-deep-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-deep-background-color::after {
border-top-color: #55295b
}
.micro-balloon.has-border-color.has-deep-border-color {
border-color: #55295b
}
.micro-balloon.micro-top.has-deep-border-color::before {
border-top-color: #55295b
}
.micro-balloon.micro-bottom.has-deep-border-color::before {
border-bottom-color: #55295b
}
.caption-box.has-deep-border-color .box-label {
background-color: #55295b
}
.tab-caption-box.has-deep-border-color .box-label {
background-color: #55295b
}
.tab-caption-box.has-deep-border-color .box-content {
border-color: #55295b
}
.tab-caption-box.has-deep-background-color .box-content {
background-color: #55295b
}
.label-box.has-deep-border-color .box-content {
border-color: #55295b
}
.label-box.has-deep-background-color .box-content {
background-color: #55295b
}
.sbp-l .speech-balloon.has-deep-border-color::before {
border-right-color: #55295b
}
.sbp-r .speech-balloon.has-deep-border-color::before {
border-left-color: #55295b
}
.sbp-l .speech-balloon.has-deep-background-color::after {
border-right-color: #55295b
}
.sbp-r .speech-balloon.has-deep-background-color::after {
border-left-color: #55295b
}
.sbs-line.sbp-r .speech-balloon.has-deep-background-color {
background-color: #55295b
}
.sbs-line.sbp-r .speech-balloon.has-deep-border-color {
border-color: #55295b
}
.speech-wrap.sbs-think .speech-balloon.has-deep-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-deep-border-color::after {
border-color: #55295b
}
.sbs-think .speech-balloon.has-deep-background-color::before,
.sbs-think .speech-balloon.has-deep-background-color::after {
background-color: #55295b
}
.timeline-box.has-deep-point-color .timeline-item::before {
background-color: #55295b
}
.body .has-indigo-background-color {
background-color: #1e50a2
}
.body .has-indigo-color {
color: #1e50a2
}
.body .has-indigo-border-color {
border-color: #1e50a2
}
.btn-wrap.has-indigo-background-color>a {
background-color: #1e50a2
}
.btn-wrap.has-indigo-color>a {
color: #1e50a2
}
.btn-wrap.has-indigo-border-color>a {
border-color: #1e50a2
}
.bb-tab.has-indigo-border-color .bb-label {
background-color: #1e50a2
}
.toggle-wrap.has-indigo-border-color .toggle-button {
background-color: #1e50a2
}
.toggle-wrap.has-indigo-border-color .toggle-button,
.toggle-wrap.has-indigo-border-color .toggle-content {
border-color: #1e50a2
}
.iconlist-box.has-indigo-icon-color li::before {
color: #1e50a2
}
.micro-balloon.has-indigo-background-color {
background-color: #1e50a2;
border-color: transparent
}
.micro-balloon.has-indigo-background-color.micro-bottom::after {
border-bottom-color: #1e50a2;
border-top-color: transparent
}
.micro-balloon.has-indigo-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-indigo-background-color::after {
border-top-color: #1e50a2
}
.micro-balloon.has-border-color.has-indigo-border-color {
border-color: #1e50a2
}
.micro-balloon.micro-top.has-indigo-border-color::before {
border-top-color: #1e50a2
}
.micro-balloon.micro-bottom.has-indigo-border-color::before {
border-bottom-color: #1e50a2
}
.caption-box.has-indigo-border-color .box-label {
background-color: #1e50a2
}
.tab-caption-box.has-indigo-border-color .box-label {
background-color: #1e50a2
}
.tab-caption-box.has-indigo-border-color .box-content {
border-color: #1e50a2
}
.tab-caption-box.has-indigo-background-color .box-content {
background-color: #1e50a2
}
.label-box.has-indigo-border-color .box-content {
border-color: #1e50a2
}
.label-box.has-indigo-background-color .box-content {
background-color: #1e50a2
}
.sbp-l .speech-balloon.has-indigo-border-color::before {
border-right-color: #1e50a2
}
.sbp-r .speech-balloon.has-indigo-border-color::before {
border-left-color: #1e50a2
}
.sbp-l .speech-balloon.has-indigo-background-color::after {
border-right-color: #1e50a2
}
.sbp-r .speech-balloon.has-indigo-background-color::after {
border-left-color: #1e50a2
}
.sbs-line.sbp-r .speech-balloon.has-indigo-background-color {
background-color: #1e50a2
}
.sbs-line.sbp-r .speech-balloon.has-indigo-border-color {
border-color: #1e50a2
}
.speech-wrap.sbs-think .speech-balloon.has-indigo-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-indigo-border-color::after {
border-color: #1e50a2
}
.sbs-think .speech-balloon.has-indigo-background-color::before,
.sbs-think .speech-balloon.has-indigo-background-color::after {
background-color: #1e50a2
}
.timeline-box.has-indigo-point-color .timeline-item::before {
background-color: #1e50a2
}
.body .has-blue-background-color {
background-color: #0095d9
}
.body .has-blue-color {
color: #0095d9
}
.body .has-blue-border-color {
border-color: #0095d9
}
.btn-wrap.has-blue-background-color>a {
background-color: #0095d9
}
.btn-wrap.has-blue-color>a {
color: #0095d9
}
.btn-wrap.has-blue-border-color>a {
border-color: #0095d9
}
.bb-tab.has-blue-border-color .bb-label {
background-color: #0095d9
}
.toggle-wrap.has-blue-border-color .toggle-button {
background-color: #0095d9
}
.toggle-wrap.has-blue-border-color .toggle-button,
.toggle-wrap.has-blue-border-color .toggle-content {
border-color: #0095d9
}
.iconlist-box.has-blue-icon-color li::before {
color: #0095d9
}
.micro-balloon.has-blue-background-color {
background-color: #0095d9;
border-color: transparent
}
.micro-balloon.has-blue-background-color.micro-bottom::after {
border-bottom-color: #0095d9;
border-top-color: transparent
}
.micro-balloon.has-blue-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-blue-background-color::after {
border-top-color: #0095d9
}
.micro-balloon.has-border-color.has-blue-border-color {
border-color: #0095d9
}
.micro-balloon.micro-top.has-blue-border-color::before {
border-top-color: #0095d9
}
.micro-balloon.micro-bottom.has-blue-border-color::before {
border-bottom-color: #0095d9
}
.caption-box.has-blue-border-color .box-label {
background-color: #0095d9
}
.tab-caption-box.has-blue-border-color .box-label {
background-color: #0095d9
}
.tab-caption-box.has-blue-border-color .box-content {
border-color: #0095d9
}
.tab-caption-box.has-blue-background-color .box-content {
background-color: #0095d9
}
.label-box.has-blue-border-color .box-content {
border-color: #0095d9
}
.label-box.has-blue-background-color .box-content {
background-color: #0095d9
}
.sbp-l .speech-balloon.has-blue-border-color::before {
border-right-color: #0095d9
}
.sbp-r .speech-balloon.has-blue-border-color::before {
border-left-color: #0095d9
}
.sbp-l .speech-balloon.has-blue-background-color::after {
border-right-color: #0095d9
}
.sbp-r .speech-balloon.has-blue-background-color::after {
border-left-color: #0095d9
}
.sbs-line.sbp-r .speech-balloon.has-blue-background-color {
background-color: #0095d9
}
.sbs-line.sbp-r .speech-balloon.has-blue-border-color {
border-color: #0095d9
}
.speech-wrap.sbs-think .speech-balloon.has-blue-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-blue-border-color::after {
border-color: #0095d9
}
.sbs-think .speech-balloon.has-blue-background-color::before,
.sbs-think .speech-balloon.has-blue-background-color::after {
background-color: #0095d9
}
.timeline-box.has-blue-point-color .timeline-item::before {
background-color: #0095d9
}
.body .has-light-blue-background-color {
background-color: #2ca9e1
}
.body .has-light-blue-color {
color: #2ca9e1
}
.body .has-light-blue-border-color {
border-color: #2ca9e1
}
.btn-wrap.has-light-blue-background-color>a {
background-color: #2ca9e1
}
.btn-wrap.has-light-blue-color>a {
color: #2ca9e1
}
.btn-wrap.has-light-blue-border-color>a {
border-color: #2ca9e1
}
.bb-tab.has-light-blue-border-color .bb-label {
background-color: #2ca9e1
}
.toggle-wrap.has-light-blue-border-color .toggle-button {
background-color: #2ca9e1
}
.toggle-wrap.has-light-blue-border-color .toggle-button,
.toggle-wrap.has-light-blue-border-color .toggle-content {
border-color: #2ca9e1
}
.iconlist-box.has-light-blue-icon-color li::before {
color: #2ca9e1
}
.micro-balloon.has-light-blue-background-color {
background-color: #2ca9e1;
border-color: transparent
}
.micro-balloon.has-light-blue-background-color.micro-bottom::after {
border-bottom-color: #2ca9e1;
border-top-color: transparent
}
.micro-balloon.has-light-blue-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-light-blue-background-color::after {
border-top-color: #2ca9e1
}
.micro-balloon.has-border-color.has-light-blue-border-color {
border-color: #2ca9e1
}
.micro-balloon.micro-top.has-light-blue-border-color::before {
border-top-color: #2ca9e1
}
.micro-balloon.micro-bottom.has-light-blue-border-color::before {
border-bottom-color: #2ca9e1
}
.caption-box.has-light-blue-border-color .box-label {
background-color: #2ca9e1
}
.tab-caption-box.has-light-blue-border-color .box-label {
background-color: #2ca9e1
}
.tab-caption-box.has-light-blue-border-color .box-content {
border-color: #2ca9e1
}
.tab-caption-box.has-light-blue-background-color .box-content {
background-color: #2ca9e1
}
.label-box.has-light-blue-border-color .box-content {
border-color: #2ca9e1
}
.label-box.has-light-blue-background-color .box-content {
background-color: #2ca9e1
}
.sbp-l .speech-balloon.has-light-blue-border-color::before {
border-right-color: #2ca9e1
}
.sbp-r .speech-balloon.has-light-blue-border-color::before {
border-left-color: #2ca9e1
}
.sbp-l .speech-balloon.has-light-blue-background-color::after {
border-right-color: #2ca9e1
}
.sbp-r .speech-balloon.has-light-blue-background-color::after {
border-left-color: #2ca9e1
}
.sbs-line.sbp-r .speech-balloon.has-light-blue-background-color {
background-color: #2ca9e1
}
.sbs-line.sbp-r .speech-balloon.has-light-blue-border-color {
border-color: #2ca9e1
}
.speech-wrap.sbs-think .speech-balloon.has-light-blue-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-light-blue-border-color::after {
border-color: #2ca9e1
}
.sbs-think .speech-balloon.has-light-blue-background-color::before,
.sbs-think .speech-balloon.has-light-blue-background-color::after {
background-color: #2ca9e1
}
.timeline-box.has-light-blue-point-color .timeline-item::before {
background-color: #2ca9e1
}
.body .has-cyan-background-color {
background-color: #00a3af
}
.body .has-cyan-color {
color: #00a3af
}
.body .has-cyan-border-color {
border-color: #00a3af
}
.btn-wrap.has-cyan-background-color>a {
background-color: #00a3af
}
.btn-wrap.has-cyan-color>a {
color: #00a3af
}
.btn-wrap.has-cyan-border-color>a {
border-color: #00a3af
}
.bb-tab.has-cyan-border-color .bb-label {
background-color: #00a3af
}
.toggle-wrap.has-cyan-border-color .toggle-button {
background-color: #00a3af
}
.toggle-wrap.has-cyan-border-color .toggle-button,
.toggle-wrap.has-cyan-border-color .toggle-content {
border-color: #00a3af
}
.iconlist-box.has-cyan-icon-color li::before {
color: #00a3af
}
.micro-balloon.has-cyan-background-color {
background-color: #00a3af;
border-color: transparent
}
.micro-balloon.has-cyan-background-color.micro-bottom::after {
border-bottom-color: #00a3af;
border-top-color: transparent
}
.micro-balloon.has-cyan-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-cyan-background-color::after {
border-top-color: #00a3af
}
.micro-balloon.has-border-color.has-cyan-border-color {
border-color: #00a3af
}
.micro-balloon.micro-top.has-cyan-border-color::before {
border-top-color: #00a3af
}
.micro-balloon.micro-bottom.has-cyan-border-color::before {
border-bottom-color: #00a3af
}
.caption-box.has-cyan-border-color .box-label {
background-color: #00a3af
}
.tab-caption-box.has-cyan-border-color .box-label {
background-color: #00a3af
}
.tab-caption-box.has-cyan-border-color .box-content {
border-color: #00a3af
}
.tab-caption-box.has-cyan-background-color .box-content {
background-color: #00a3af
}
.label-box.has-cyan-border-color .box-content {
border-color: #00a3af
}
.label-box.has-cyan-background-color .box-content {
background-color: #00a3af
}
.sbp-l .speech-balloon.has-cyan-border-color::before {
border-right-color: #00a3af
}
.sbp-r .speech-balloon.has-cyan-border-color::before {
border-left-color: #00a3af
}
.sbp-l .speech-balloon.has-cyan-background-color::after {
border-right-color: #00a3af
}
.sbp-r .speech-balloon.has-cyan-background-color::after {
border-left-color: #00a3af
}
.sbs-line.sbp-r .speech-balloon.has-cyan-background-color {
background-color: #00a3af
}
.sbs-line.sbp-r .speech-balloon.has-cyan-border-color {
border-color: #00a3af
}
.speech-wrap.sbs-think .speech-balloon.has-cyan-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-cyan-border-color::after {
border-color: #00a3af
}
.sbs-think .speech-balloon.has-cyan-background-color::before,
.sbs-think .speech-balloon.has-cyan-background-color::after {
background-color: #00a3af
}
.timeline-box.has-cyan-point-color .timeline-item::before {
background-color: #00a3af
}
.body .has-teal-background-color {
background-color: #007b43
}
.body .has-teal-color {
color: #007b43
}
.body .has-teal-border-color {
border-color: #007b43
}
.btn-wrap.has-teal-background-color>a {
background-color: #007b43
}
.btn-wrap.has-teal-color>a {
color: #007b43
}
.btn-wrap.has-teal-border-color>a {
border-color: #007b43
}
.bb-tab.has-teal-border-color .bb-label {
background-color: #007b43
}
.toggle-wrap.has-teal-border-color .toggle-button {
background-color: #007b43
}
.toggle-wrap.has-teal-border-color .toggle-button,
.toggle-wrap.has-teal-border-color .toggle-content {
border-color: #007b43
}
.iconlist-box.has-teal-icon-color li::before {
color: #007b43
}
.micro-balloon.has-teal-background-color {
background-color: #007b43;
border-color: transparent
}
.micro-balloon.has-teal-background-color.micro-bottom::after {
border-bottom-color: #007b43;
border-top-color: transparent
}
.micro-balloon.has-teal-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-teal-background-color::after {
border-top-color: #007b43
}
.micro-balloon.has-border-color.has-teal-border-color {
border-color: #007b43
}
.micro-balloon.micro-top.has-teal-border-color::before {
border-top-color: #007b43
}
.micro-balloon.micro-bottom.has-teal-border-color::before {
border-bottom-color: #007b43
}
.caption-box.has-teal-border-color .box-label {
background-color: #007b43
}
.tab-caption-box.has-teal-border-color .box-label {
background-color: #007b43
}
.tab-caption-box.has-teal-border-color .box-content {
border-color: #007b43
}
.tab-caption-box.has-teal-background-color .box-content {
background-color: #007b43
}
.label-box.has-teal-border-color .box-content {
border-color: #007b43
}
.label-box.has-teal-background-color .box-content {
background-color: #007b43
}
.sbp-l .speech-balloon.has-teal-border-color::before {
border-right-color: #007b43
}
.sbp-r .speech-balloon.has-teal-border-color::before {
border-left-color: #007b43
}
.sbp-l .speech-balloon.has-teal-background-color::after {
border-right-color: #007b43
}
.sbp-r .speech-balloon.has-teal-background-color::after {
border-left-color: #007b43
}
.sbs-line.sbp-r .speech-balloon.has-teal-background-color {
background-color: #007b43
}
.sbs-line.sbp-r .speech-balloon.has-teal-border-color {
border-color: #007b43
}
.speech-wrap.sbs-think .speech-balloon.has-teal-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-teal-border-color::after {
border-color: #007b43
}
.sbs-think .speech-balloon.has-teal-background-color::before,
.sbs-think .speech-balloon.has-teal-background-color::after {
background-color: #007b43
}
.timeline-box.has-teal-point-color .timeline-item::before {
background-color: #007b43
}
.body .has-green-background-color {
background-color: #3eb370
}
.body .has-green-color {
color: #3eb370
}
.body .has-green-border-color {
border-color: #3eb370
}
.btn-wrap.has-green-background-color>a {
background-color: #3eb370
}
.btn-wrap.has-green-color>a {
color: #3eb370
}
.btn-wrap.has-green-border-color>a {
border-color: #3eb370
}
.bb-tab.has-green-border-color .bb-label {
background-color: #3eb370
}
.toggle-wrap.has-green-border-color .toggle-button {
background-color: #3eb370
}
.toggle-wrap.has-green-border-color .toggle-button,
.toggle-wrap.has-green-border-color .toggle-content {
border-color: #3eb370
}
.iconlist-box.has-green-icon-color li::before {
color: #3eb370
}
.micro-balloon.has-green-background-color {
background-color: #3eb370;
border-color: transparent
}
.micro-balloon.has-green-background-color.micro-bottom::after {
border-bottom-color: #3eb370;
border-top-color: transparent
}
.micro-balloon.has-green-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-green-background-color::after {
border-top-color: #3eb370
}
.micro-balloon.has-border-color.has-green-border-color {
border-color: #3eb370
}
.micro-balloon.micro-top.has-green-border-color::before {
border-top-color: #3eb370
}
.micro-balloon.micro-bottom.has-green-border-color::before {
border-bottom-color: #3eb370
}
.caption-box.has-green-border-color .box-label {
background-color: #3eb370
}
.tab-caption-box.has-green-border-color .box-label {
background-color: #3eb370
}
.tab-caption-box.has-green-border-color .box-content {
border-color: #3eb370
}
.tab-caption-box.has-green-background-color .box-content {
background-color: #3eb370
}
.label-box.has-green-border-color .box-content {
border-color: #3eb370
}
.label-box.has-green-background-color .box-content {
background-color: #3eb370
}
.sbp-l .speech-balloon.has-green-border-color::before {
border-right-color: #3eb370
}
.sbp-r .speech-balloon.has-green-border-color::before {
border-left-color: #3eb370
}
.sbp-l .speech-balloon.has-green-background-color::after {
border-right-color: #3eb370
}
.sbp-r .speech-balloon.has-green-background-color::after {
border-left-color: #3eb370
}
.sbs-line.sbp-r .speech-balloon.has-green-background-color {
background-color: #3eb370
}
.sbs-line.sbp-r .speech-balloon.has-green-border-color {
border-color: #3eb370
}
.speech-wrap.sbs-think .speech-balloon.has-green-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-green-border-color::after {
border-color: #3eb370
}
.sbs-think .speech-balloon.has-green-background-color::before,
.sbs-think .speech-balloon.has-green-background-color::after {
background-color: #3eb370
}
.timeline-box.has-green-point-color .timeline-item::before {
background-color: #3eb370
}
.body .has-light-green-background-color {
background-color: #8bc34a
}
.body .has-light-green-color {
color: #8bc34a
}
.body .has-light-green-border-color {
border-color: #8bc34a
}
.btn-wrap.has-light-green-background-color>a {
background-color: #8bc34a
}
.btn-wrap.has-light-green-color>a {
color: #8bc34a
}
.btn-wrap.has-light-green-border-color>a {
border-color: #8bc34a
}
.bb-tab.has-light-green-border-color .bb-label {
background-color: #8bc34a
}
.toggle-wrap.has-light-green-border-color .toggle-button {
background-color: #8bc34a
}
.toggle-wrap.has-light-green-border-color .toggle-button,
.toggle-wrap.has-light-green-border-color .toggle-content {
border-color: #8bc34a
}
.iconlist-box.has-light-green-icon-color li::before {
color: #8bc34a
}
.micro-balloon.has-light-green-background-color {
background-color: #8bc34a;
border-color: transparent
}
.micro-balloon.has-light-green-background-color.micro-bottom::after {
border-bottom-color: #8bc34a;
border-top-color: transparent
}
.micro-balloon.has-light-green-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-light-green-background-color::after {
border-top-color: #8bc34a
}
.micro-balloon.has-border-color.has-light-green-border-color {
border-color: #8bc34a
}
.micro-balloon.micro-top.has-light-green-border-color::before {
border-top-color: #8bc34a
}
.micro-balloon.micro-bottom.has-light-green-border-color::before {
border-bottom-color: #8bc34a
}
.caption-box.has-light-green-border-color .box-label {
background-color: #8bc34a
}
.tab-caption-box.has-light-green-border-color .box-label {
background-color: #8bc34a
}
.tab-caption-box.has-light-green-border-color .box-content {
border-color: #8bc34a
}
.tab-caption-box.has-light-green-background-color .box-content {
background-color: #8bc34a
}
.label-box.has-light-green-border-color .box-content {
border-color: #8bc34a
}
.label-box.has-light-green-background-color .box-content {
background-color: #8bc34a
}
.sbp-l .speech-balloon.has-light-green-border-color::before {
border-right-color: #8bc34a
}
.sbp-r .speech-balloon.has-light-green-border-color::before {
border-left-color: #8bc34a
}
.sbp-l .speech-balloon.has-light-green-background-color::after {
border-right-color: #8bc34a
}
.sbp-r .speech-balloon.has-light-green-background-color::after {
border-left-color: #8bc34a
}
.sbs-line.sbp-r .speech-balloon.has-light-green-background-color {
background-color: #8bc34a
}
.sbs-line.sbp-r .speech-balloon.has-light-green-border-color {
border-color: #8bc34a
}
.speech-wrap.sbs-think .speech-balloon.has-light-green-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-light-green-border-color::after {
border-color: #8bc34a
}
.sbs-think .speech-balloon.has-light-green-background-color::before,
.sbs-think .speech-balloon.has-light-green-background-color::after {
background-color: #8bc34a
}
.timeline-box.has-light-green-point-color .timeline-item::before {
background-color: #8bc34a
}
.body .has-lime-background-color {
background-color: #c3d825
}
.body .has-lime-color {
color: #c3d825
}
.body .has-lime-border-color {
border-color: #c3d825
}
.btn-wrap.has-lime-background-color>a {
background-color: #c3d825
}
.btn-wrap.has-lime-color>a {
color: #c3d825
}
.btn-wrap.has-lime-border-color>a {
border-color: #c3d825
}
.bb-tab.has-lime-border-color .bb-label {
background-color: #c3d825
}
.toggle-wrap.has-lime-border-color .toggle-button {
background-color: #c3d825
}
.toggle-wrap.has-lime-border-color .toggle-button,
.toggle-wrap.has-lime-border-color .toggle-content {
border-color: #c3d825
}
.iconlist-box.has-lime-icon-color li::before {
color: #c3d825
}
.micro-balloon.has-lime-background-color {
background-color: #c3d825;
border-color: transparent
}
.micro-balloon.has-lime-background-color.micro-bottom::after {
border-bottom-color: #c3d825;
border-top-color: transparent
}
.micro-balloon.has-lime-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-lime-background-color::after {
border-top-color: #c3d825
}
.micro-balloon.has-border-color.has-lime-border-color {
border-color: #c3d825
}
.micro-balloon.micro-top.has-lime-border-color::before {
border-top-color: #c3d825
}
.micro-balloon.micro-bottom.has-lime-border-color::before {
border-bottom-color: #c3d825
}
.caption-box.has-lime-border-color .box-label {
background-color: #c3d825
}
.tab-caption-box.has-lime-border-color .box-label {
background-color: #c3d825
}
.tab-caption-box.has-lime-border-color .box-content {
border-color: #c3d825
}
.tab-caption-box.has-lime-background-color .box-content {
background-color: #c3d825
}
.label-box.has-lime-border-color .box-content {
border-color: #c3d825
}
.label-box.has-lime-background-color .box-content {
background-color: #c3d825
}
.sbp-l .speech-balloon.has-lime-border-color::before {
border-right-color: #c3d825
}
.sbp-r .speech-balloon.has-lime-border-color::before {
border-left-color: #c3d825
}
.sbp-l .speech-balloon.has-lime-background-color::after {
border-right-color: #c3d825
}
.sbp-r .speech-balloon.has-lime-background-color::after {
border-left-color: #c3d825
}
.sbs-line.sbp-r .speech-balloon.has-lime-background-color {
background-color: #c3d825
}
.sbs-line.sbp-r .speech-balloon.has-lime-border-color {
border-color: #c3d825
}
.speech-wrap.sbs-think .speech-balloon.has-lime-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-lime-border-color::after {
border-color: #c3d825
}
.sbs-think .speech-balloon.has-lime-background-color::before,
.sbs-think .speech-balloon.has-lime-background-color::after {
background-color: #c3d825
}
.timeline-box.has-lime-point-color .timeline-item::before {
background-color: #c3d825
}
.body .has-yellow-background-color {
background-color: #ffd900
}
.body .has-yellow-color {
color: #ffd900
}
.body .has-yellow-border-color {
border-color: #ffd900
}
.btn-wrap.has-yellow-background-color>a {
background-color: #ffd900
}
.btn-wrap.has-yellow-color>a {
color: #ffd900
}
.btn-wrap.has-yellow-border-color>a {
border-color: #ffd900
}
.bb-tab.has-yellow-border-color .bb-label {
background-color: #ffd900
}
.toggle-wrap.has-yellow-border-color .toggle-button {
background-color: #ffd900
}
.toggle-wrap.has-yellow-border-color .toggle-button,
.toggle-wrap.has-yellow-border-color .toggle-content {
border-color: #ffd900
}
.iconlist-box.has-yellow-icon-color li::before {
color: #ffd900
}
.micro-balloon.has-yellow-background-color {
background-color: #ffd900;
border-color: transparent
}
.micro-balloon.has-yellow-background-color.micro-bottom::after {
border-bottom-color: #ffd900;
border-top-color: transparent
}
.micro-balloon.has-yellow-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-yellow-background-color::after {
border-top-color: #ffd900
}
.micro-balloon.has-border-color.has-yellow-border-color {
border-color: #ffd900
}
.micro-balloon.micro-top.has-yellow-border-color::before {
border-top-color: #ffd900
}
.micro-balloon.micro-bottom.has-yellow-border-color::before {
border-bottom-color: #ffd900
}
.caption-box.has-yellow-border-color .box-label {
background-color: #ffd900
}
.tab-caption-box.has-yellow-border-color .box-label {
background-color: #ffd900
}
.tab-caption-box.has-yellow-border-color .box-content {
border-color: #ffd900
}
.tab-caption-box.has-yellow-background-color .box-content {
background-color: #ffd900
}
.label-box.has-yellow-border-color .box-content {
border-color: #ffd900
}
.label-box.has-yellow-background-color .box-content {
background-color: #ffd900
}
.sbp-l .speech-balloon.has-yellow-border-color::before {
border-right-color: #ffd900
}
.sbp-r .speech-balloon.has-yellow-border-color::before {
border-left-color: #ffd900
}
.sbp-l .speech-balloon.has-yellow-background-color::after {
border-right-color: #ffd900
}
.sbp-r .speech-balloon.has-yellow-background-color::after {
border-left-color: #ffd900
}
.sbs-line.sbp-r .speech-balloon.has-yellow-background-color {
background-color: #ffd900
}
.sbs-line.sbp-r .speech-balloon.has-yellow-border-color {
border-color: #ffd900
}
.speech-wrap.sbs-think .speech-balloon.has-yellow-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-yellow-border-color::after {
border-color: #ffd900
}
.sbs-think .speech-balloon.has-yellow-background-color::before,
.sbs-think .speech-balloon.has-yellow-background-color::after {
background-color: #ffd900
}
.timeline-box.has-yellow-point-color .timeline-item::before {
background-color: #ffd900
}
.body .has-amber-background-color {
background-color: #ffc107
}
.body .has-amber-color {
color: #ffc107
}
.body .has-amber-border-color {
border-color: #ffc107
}
.btn-wrap.has-amber-background-color>a {
background-color: #ffc107
}
.btn-wrap.has-amber-color>a {
color: #ffc107
}
.btn-wrap.has-amber-border-color>a {
border-color: #ffc107
}
.bb-tab.has-amber-border-color .bb-label {
background-color: #ffc107
}
.toggle-wrap.has-amber-border-color .toggle-button {
background-color: #ffc107
}
.toggle-wrap.has-amber-border-color .toggle-button,
.toggle-wrap.has-amber-border-color .toggle-content {
border-color: #ffc107
}
.iconlist-box.has-amber-icon-color li::before {
color: #ffc107
}
.micro-balloon.has-amber-background-color {
background-color: #ffc107;
border-color: transparent
}
.micro-balloon.has-amber-background-color.micro-bottom::after {
border-bottom-color: #ffc107;
border-top-color: transparent
}
.micro-balloon.has-amber-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-amber-background-color::after {
border-top-color: #ffc107
}
.micro-balloon.has-border-color.has-amber-border-color {
border-color: #ffc107
}
.micro-balloon.micro-top.has-amber-border-color::before {
border-top-color: #ffc107
}
.micro-balloon.micro-bottom.has-amber-border-color::before {
border-bottom-color: #ffc107
}
.caption-box.has-amber-border-color .box-label {
background-color: #ffc107
}
.tab-caption-box.has-amber-border-color .box-label {
background-color: #ffc107
}
.tab-caption-box.has-amber-border-color .box-content {
border-color: #ffc107
}
.tab-caption-box.has-amber-background-color .box-content {
background-color: #ffc107
}
.label-box.has-amber-border-color .box-content {
border-color: #ffc107
}
.label-box.has-amber-background-color .box-content {
background-color: #ffc107
}
.sbp-l .speech-balloon.has-amber-border-color::before {
border-right-color: #ffc107
}
.sbp-r .speech-balloon.has-amber-border-color::before {
border-left-color: #ffc107
}
.sbp-l .speech-balloon.has-amber-background-color::after {
border-right-color: #ffc107
}
.sbp-r .speech-balloon.has-amber-background-color::after {
border-left-color: #ffc107
}
.sbs-line.sbp-r .speech-balloon.has-amber-background-color {
background-color: #ffc107
}
.sbs-line.sbp-r .speech-balloon.has-amber-border-color {
border-color: #ffc107
}
.speech-wrap.sbs-think .speech-balloon.has-amber-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-amber-border-color::after {
border-color: #ffc107
}
.sbs-think .speech-balloon.has-amber-background-color::before,
.sbs-think .speech-balloon.has-amber-background-color::after {
background-color: #ffc107
}
.timeline-box.has-amber-point-color .timeline-item::before {
background-color: #ffc107
}
.body .has-orange-background-color {
background-color: #f39800
}
.body .has-orange-color {
color: #f39800
}
.body .has-orange-border-color {
border-color: #f39800
}
.btn-wrap.has-orange-background-color>a {
background-color: #f39800
}
.btn-wrap.has-orange-color>a {
color: #f39800
}
.btn-wrap.has-orange-border-color>a {
border-color: #f39800
}
.bb-tab.has-orange-border-color .bb-label {
background-color: #f39800
}
.toggle-wrap.has-orange-border-color .toggle-button {
background-color: #f39800
}
.toggle-wrap.has-orange-border-color .toggle-button,
.toggle-wrap.has-orange-border-color .toggle-content {
border-color: #f39800
}
.iconlist-box.has-orange-icon-color li::before {
color: #f39800
}
.micro-balloon.has-orange-background-color {
background-color: #f39800;
border-color: transparent
}
.micro-balloon.has-orange-background-color.micro-bottom::after {
border-bottom-color: #f39800;
border-top-color: transparent
}
.micro-balloon.has-orange-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-orange-background-color::after {
border-top-color: #f39800
}
.micro-balloon.has-border-color.has-orange-border-color {
border-color: #f39800
}
.micro-balloon.micro-top.has-orange-border-color::before {
border-top-color: #f39800
}
.micro-balloon.micro-bottom.has-orange-border-color::before {
border-bottom-color: #f39800
}
.caption-box.has-orange-border-color .box-label {
background-color: #f39800
}
.tab-caption-box.has-orange-border-color .box-label {
background-color: #f39800
}
.tab-caption-box.has-orange-border-color .box-content {
border-color: #f39800
}
.tab-caption-box.has-orange-background-color .box-content {
background-color: #f39800
}
.label-box.has-orange-border-color .box-content {
border-color: #f39800
}
.label-box.has-orange-background-color .box-content {
background-color: #f39800
}
.sbp-l .speech-balloon.has-orange-border-color::before {
border-right-color: #f39800
}
.sbp-r .speech-balloon.has-orange-border-color::before {
border-left-color: #f39800
}
.sbp-l .speech-balloon.has-orange-background-color::after {
border-right-color: #f39800
}
.sbp-r .speech-balloon.has-orange-background-color::after {
border-left-color: #f39800
}
.sbs-line.sbp-r .speech-balloon.has-orange-background-color {
background-color: #f39800
}
.sbs-line.sbp-r .speech-balloon.has-orange-border-color {
border-color: #f39800
}
.speech-wrap.sbs-think .speech-balloon.has-orange-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-orange-border-color::after {
border-color: #f39800
}
.sbs-think .speech-balloon.has-orange-background-color::before,
.sbs-think .speech-balloon.has-orange-background-color::after {
background-color: #f39800
}
.timeline-box.has-orange-point-color .timeline-item::before {
background-color: #f39800
}
.body .has-deep-orange-background-color {
background-color: #ea5506
}
.body .has-deep-orange-color {
color: #ea5506
}
.body .has-deep-orange-border-color {
border-color: #ea5506
}
.btn-wrap.has-deep-orange-background-color>a {
background-color: #ea5506
}
.btn-wrap.has-deep-orange-color>a {
color: #ea5506
}
.btn-wrap.has-deep-orange-border-color>a {
border-color: #ea5506
}
.bb-tab.has-deep-orange-border-color .bb-label {
background-color: #ea5506
}
.toggle-wrap.has-deep-orange-border-color .toggle-button {
background-color: #ea5506
}
.toggle-wrap.has-deep-orange-border-color .toggle-button,
.toggle-wrap.has-deep-orange-border-color .toggle-content {
border-color: #ea5506
}
.iconlist-box.has-deep-orange-icon-color li::before {
color: #ea5506
}
.micro-balloon.has-deep-orange-background-color {
background-color: #ea5506;
border-color: transparent
}
.micro-balloon.has-deep-orange-background-color.micro-bottom::after {
border-bottom-color: #ea5506;
border-top-color: transparent
}
.micro-balloon.has-deep-orange-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-deep-orange-background-color::after {
border-top-color: #ea5506
}
.micro-balloon.has-border-color.has-deep-orange-border-color {
border-color: #ea5506
}
.micro-balloon.micro-top.has-deep-orange-border-color::before {
border-top-color: #ea5506
}
.micro-balloon.micro-bottom.has-deep-orange-border-color::before {
border-bottom-color: #ea5506
}
.caption-box.has-deep-orange-border-color .box-label {
background-color: #ea5506
}
.tab-caption-box.has-deep-orange-border-color .box-label {
background-color: #ea5506
}
.tab-caption-box.has-deep-orange-border-color .box-content {
border-color: #ea5506
}
.tab-caption-box.has-deep-orange-background-color .box-content {
background-color: #ea5506
}
.label-box.has-deep-orange-border-color .box-content {
border-color: #ea5506
}
.label-box.has-deep-orange-background-color .box-content {
background-color: #ea5506
}
.sbp-l .speech-balloon.has-deep-orange-border-color::before {
border-right-color: #ea5506
}
.sbp-r .speech-balloon.has-deep-orange-border-color::before {
border-left-color: #ea5506
}
.sbp-l .speech-balloon.has-deep-orange-background-color::after {
border-right-color: #ea5506
}
.sbp-r .speech-balloon.has-deep-orange-background-color::after {
border-left-color: #ea5506
}
.sbs-line.sbp-r .speech-balloon.has-deep-orange-background-color {
background-color: #ea5506
}
.sbs-line.sbp-r .speech-balloon.has-deep-orange-border-color {
border-color: #ea5506
}
.speech-wrap.sbs-think .speech-balloon.has-deep-orange-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-deep-orange-border-color::after {
border-color: #ea5506
}
.sbs-think .speech-balloon.has-deep-orange-background-color::before,
.sbs-think .speech-balloon.has-deep-orange-background-color::after {
background-color: #ea5506
}
.timeline-box.has-deep-orange-point-color .timeline-item::before {
background-color: #ea5506
}
.body .has-brown-background-color {
background-color: #954e2a
}
.body .has-brown-color {
color: #954e2a
}
.body .has-brown-border-color {
border-color: #954e2a
}
.btn-wrap.has-brown-background-color>a {
background-color: #954e2a
}
.btn-wrap.has-brown-color>a {
color: #954e2a
}
.btn-wrap.has-brown-border-color>a {
border-color: #954e2a
}
.bb-tab.has-brown-border-color .bb-label {
background-color: #954e2a
}
.toggle-wrap.has-brown-border-color .toggle-button {
background-color: #954e2a
}
.toggle-wrap.has-brown-border-color .toggle-button,
.toggle-wrap.has-brown-border-color .toggle-content {
border-color: #954e2a
}
.iconlist-box.has-brown-icon-color li::before {
color: #954e2a
}
.micro-balloon.has-brown-background-color {
background-color: #954e2a;
border-color: transparent
}
.micro-balloon.has-brown-background-color.micro-bottom::after {
border-bottom-color: #954e2a;
border-top-color: transparent
}
.micro-balloon.has-brown-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-brown-background-color::after {
border-top-color: #954e2a
}
.micro-balloon.has-border-color.has-brown-border-color {
border-color: #954e2a
}
.micro-balloon.micro-top.has-brown-border-color::before {
border-top-color: #954e2a
}
.micro-balloon.micro-bottom.has-brown-border-color::before {
border-bottom-color: #954e2a
}
.caption-box.has-brown-border-color .box-label {
background-color: #954e2a
}
.tab-caption-box.has-brown-border-color .box-label {
background-color: #954e2a
}
.tab-caption-box.has-brown-border-color .box-content {
border-color: #954e2a
}
.tab-caption-box.has-brown-background-color .box-content {
background-color: #954e2a
}
.label-box.has-brown-border-color .box-content {
border-color: #954e2a
}
.label-box.has-brown-background-color .box-content {
background-color: #954e2a
}
.sbp-l .speech-balloon.has-brown-border-color::before {
border-right-color: #954e2a
}
.sbp-r .speech-balloon.has-brown-border-color::before {
border-left-color: #954e2a
}
.sbp-l .speech-balloon.has-brown-background-color::after {
border-right-color: #954e2a
}
.sbp-r .speech-balloon.has-brown-background-color::after {
border-left-color: #954e2a
}
.sbs-line.sbp-r .speech-balloon.has-brown-background-color {
background-color: #954e2a
}
.sbs-line.sbp-r .speech-balloon.has-brown-border-color {
border-color: #954e2a
}
.speech-wrap.sbs-think .speech-balloon.has-brown-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-brown-border-color::after {
border-color: #954e2a
}
.sbs-think .speech-balloon.has-brown-background-color::before,
.sbs-think .speech-balloon.has-brown-background-color::after {
background-color: #954e2a
}
.timeline-box.has-brown-point-color .timeline-item::before {
background-color: #954e2a
}
.body .has-grey-background-color {
background-color: #949495
}
.body .has-grey-color {
color: #949495
}
.body .has-grey-border-color {
border-color: #949495
}
.btn-wrap.has-grey-background-color>a {
background-color: #949495
}
.btn-wrap.has-grey-color>a {
color: #949495
}
.btn-wrap.has-grey-border-color>a {
border-color: #949495
}
.bb-tab.has-grey-border-color .bb-label {
background-color: #949495
}
.toggle-wrap.has-grey-border-color .toggle-button {
background-color: #949495
}
.toggle-wrap.has-grey-border-color .toggle-button,
.toggle-wrap.has-grey-border-color .toggle-content {
border-color: #949495
}
.iconlist-box.has-grey-icon-color li::before {
color: #949495
}
.micro-balloon.has-grey-background-color {
background-color: #949495;
border-color: transparent
}
.micro-balloon.has-grey-background-color.micro-bottom::after {
border-bottom-color: #949495;
border-top-color: transparent
}
.micro-balloon.has-grey-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-grey-background-color::after {
border-top-color: #949495
}
.micro-balloon.has-border-color.has-grey-border-color {
border-color: #949495
}
.micro-balloon.micro-top.has-grey-border-color::before {
border-top-color: #949495
}
.micro-balloon.micro-bottom.has-grey-border-color::before {
border-bottom-color: #949495
}
.caption-box.has-grey-border-color .box-label {
background-color: #949495
}
.tab-caption-box.has-grey-border-color .box-label {
background-color: #949495
}
.tab-caption-box.has-grey-border-color .box-content {
border-color: #949495
}
.tab-caption-box.has-grey-background-color .box-content {
background-color: #949495
}
.label-box.has-grey-border-color .box-content {
border-color: #949495
}
.label-box.has-grey-background-color .box-content {
background-color: #949495
}
.sbp-l .speech-balloon.has-grey-border-color::before {
border-right-color: #949495
}
.sbp-r .speech-balloon.has-grey-border-color::before {
border-left-color: #949495
}
.sbp-l .speech-balloon.has-grey-background-color::after {
border-right-color: #949495
}
.sbp-r .speech-balloon.has-grey-background-color::after {
border-left-color: #949495
}
.sbs-line.sbp-r .speech-balloon.has-grey-background-color {
background-color: #949495
}
.sbs-line.sbp-r .speech-balloon.has-grey-border-color {
border-color: #949495
}
.speech-wrap.sbs-think .speech-balloon.has-grey-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-grey-border-color::after {
border-color: #949495
}
.sbs-think .speech-balloon.has-grey-background-color::before,
.sbs-think .speech-balloon.has-grey-background-color::after {
background-color: #949495
}
.timeline-box.has-grey-point-color .timeline-item::before {
background-color: #949495
}
.body .has-black-background-color {
background-color: #333
}
.body .has-black-color {
color: #333
}
.body .has-black-border-color {
border-color: #333
}
.btn-wrap.has-black-background-color>a {
background-color: #333
}
.btn-wrap.has-black-color>a {
color: #333
}
.btn-wrap.has-black-border-color>a {
border-color: #333
}
.bb-tab.has-black-border-color .bb-label {
background-color: #333
}
.toggle-wrap.has-black-border-color .toggle-button {
background-color: #333
}
.toggle-wrap.has-black-border-color .toggle-button,
.toggle-wrap.has-black-border-color .toggle-content {
border-color: #333
}
.iconlist-box.has-black-icon-color li::before {
color: #333
}
.micro-balloon.has-black-background-color {
background-color: #333;
border-color: transparent
}
.micro-balloon.has-black-background-color.micro-bottom::after {
border-bottom-color: #333;
border-top-color: transparent
}
.micro-balloon.has-black-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-black-background-color::after {
border-top-color: #333
}
.micro-balloon.has-border-color.has-black-border-color {
border-color: #333
}
.micro-balloon.micro-top.has-black-border-color::before {
border-top-color: #333
}
.micro-balloon.micro-bottom.has-black-border-color::before {
border-bottom-color: #333
}
.caption-box.has-black-border-color .box-label {
background-color: #333
}
.tab-caption-box.has-black-border-color .box-label {
background-color: #333
}
.tab-caption-box.has-black-border-color .box-content {
border-color: #333
}
.tab-caption-box.has-black-background-color .box-content {
background-color: #333
}
.label-box.has-black-border-color .box-content {
border-color: #333
}
.label-box.has-black-background-color .box-content {
background-color: #333
}
.sbp-l .speech-balloon.has-black-border-color::before {
border-right-color: #333
}
.sbp-r .speech-balloon.has-black-border-color::before {
border-left-color: #333
}
.sbp-l .speech-balloon.has-black-background-color::after {
border-right-color: #333
}
.sbp-r .speech-balloon.has-black-background-color::after {
border-left-color: #333
}
.sbs-line.sbp-r .speech-balloon.has-black-background-color {
background-color: #333
}
.sbs-line.sbp-r .speech-balloon.has-black-border-color {
border-color: #333
}
.speech-wrap.sbs-think .speech-balloon.has-black-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-black-border-color::after {
border-color: #333
}
.sbs-think .speech-balloon.has-black-background-color::before,
.sbs-think .speech-balloon.has-black-background-color::after {
background-color: #333
}
.timeline-box.has-black-point-color .timeline-item::before {
background-color: #333
}
.body .has-white-background-color {
background-color: #fff
}
.body .has-white-color {
color: #fff
}
.body .has-white-border-color {
border-color: #fff
}
.btn-wrap.has-white-background-color>a {
background-color: #fff
}
.btn-wrap.has-white-color>a {
color: #fff
}
.btn-wrap.has-white-border-color>a {
border-color: #fff
}
.bb-tab.has-white-border-color .bb-label {
background-color: #fff
}
.toggle-wrap.has-white-border-color .toggle-button {
background-color: #fff
}
.toggle-wrap.has-white-border-color .toggle-button,
.toggle-wrap.has-white-border-color .toggle-content {
border-color: #fff
}
.iconlist-box.has-white-icon-color li::before {
color: #fff
}
.micro-balloon.has-white-background-color {
background-color: #fff;
border-color: transparent
}
.micro-balloon.has-white-background-color.micro-bottom::after {
border-bottom-color: #fff;
border-top-color: transparent
}
.micro-balloon.has-white-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-white-background-color::after {
border-top-color: #fff
}
.micro-balloon.has-border-color.has-white-border-color {
border-color: #fff
}
.micro-balloon.micro-top.has-white-border-color::before {
border-top-color: #fff
}
.micro-balloon.micro-bottom.has-white-border-color::before {
border-bottom-color: #fff
}
.caption-box.has-white-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-white-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-white-border-color .box-content {
border-color: #fff
}
.tab-caption-box.has-white-background-color .box-content {
background-color: #fff
}
.label-box.has-white-border-color .box-content {
border-color: #fff
}
.label-box.has-white-background-color .box-content {
background-color: #fff
}
.sbp-l .speech-balloon.has-white-border-color::before {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-white-border-color::before {
border-left-color: #fff
}
.sbp-l .speech-balloon.has-white-background-color::after {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-white-background-color::after {
border-left-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-white-background-color {
background-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-white-border-color {
border-color: #fff
}
.speech-wrap.sbs-think .speech-balloon.has-white-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-white-border-color::after {
border-color: #fff
}
.sbs-think .speech-balloon.has-white-background-color::before,
.sbs-think .speech-balloon.has-white-background-color::after {
background-color: #fff
}
.timeline-box.has-white-point-color .timeline-item::before {
background-color: #fff
}
.body .has-watery-blue-background-color {
background-color: #f3fafe
}
.body .has-watery-blue-color {
color: #f3fafe
}
.body .has-watery-blue-border-color {
border-color: #f3fafe
}
.btn-wrap.has-watery-blue-background-color>a {
background-color: #f3fafe
}
.btn-wrap.has-watery-blue-color>a {
color: #f3fafe
}
.btn-wrap.has-watery-blue-border-color>a {
border-color: #f3fafe
}
.bb-tab.has-watery-blue-border-color .bb-label {
background-color: #f3fafe
}
.toggle-wrap.has-watery-blue-border-color .toggle-button {
background-color: #f3fafe
}
.toggle-wrap.has-watery-blue-border-color .toggle-button,
.toggle-wrap.has-watery-blue-border-color .toggle-content {
border-color: #f3fafe
}
.iconlist-box.has-watery-blue-icon-color li::before {
color: #f3fafe
}
.micro-balloon.has-watery-blue-background-color {
background-color: #f3fafe;
border-color: transparent
}
.micro-balloon.has-watery-blue-background-color.micro-bottom::after {
border-bottom-color: #f3fafe;
border-top-color: transparent
}
.micro-balloon.has-watery-blue-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-watery-blue-background-color::after {
border-top-color: #f3fafe
}
.micro-balloon.has-border-color.has-watery-blue-border-color {
border-color: #f3fafe
}
.micro-balloon.micro-top.has-watery-blue-border-color::before {
border-top-color: #f3fafe
}
.micro-balloon.micro-bottom.has-watery-blue-border-color::before {
border-bottom-color: #f3fafe
}
.caption-box.has-watery-blue-border-color .box-label {
background-color: #f3fafe
}
.tab-caption-box.has-watery-blue-border-color .box-label {
background-color: #f3fafe
}
.tab-caption-box.has-watery-blue-border-color .box-content {
border-color: #f3fafe
}
.tab-caption-box.has-watery-blue-background-color .box-content {
background-color: #f3fafe
}
.label-box.has-watery-blue-border-color .box-content {
border-color: #f3fafe
}
.label-box.has-watery-blue-background-color .box-content {
background-color: #f3fafe
}
.sbp-l .speech-balloon.has-watery-blue-border-color::before {
border-right-color: #f3fafe
}
.sbp-r .speech-balloon.has-watery-blue-border-color::before {
border-left-color: #f3fafe
}
.sbp-l .speech-balloon.has-watery-blue-background-color::after {
border-right-color: #f3fafe
}
.sbp-r .speech-balloon.has-watery-blue-background-color::after {
border-left-color: #f3fafe
}
.sbs-line.sbp-r .speech-balloon.has-watery-blue-background-color {
background-color: #f3fafe
}
.sbs-line.sbp-r .speech-balloon.has-watery-blue-border-color {
border-color: #f3fafe
}
.speech-wrap.sbs-think .speech-balloon.has-watery-blue-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-watery-blue-border-color::after {
border-color: #f3fafe
}
.sbs-think .speech-balloon.has-watery-blue-background-color::before,
.sbs-think .speech-balloon.has-watery-blue-background-color::after {
background-color: #f3fafe
}
.timeline-box.has-watery-blue-point-color .timeline-item::before {
background-color: #f3fafe
}
.body .has-watery-yellow-background-color {
background-color: #fff7cc
}
.body .has-watery-yellow-color {
color: #fff7cc
}
.body .has-watery-yellow-border-color {
border-color: #fff7cc
}
.btn-wrap.has-watery-yellow-background-color>a {
background-color: #fff7cc
}
.btn-wrap.has-watery-yellow-color>a {
color: #fff7cc
}
.btn-wrap.has-watery-yellow-border-color>a {
border-color: #fff7cc
}
.bb-tab.has-watery-yellow-border-color .bb-label {
background-color: #fff7cc
}
.toggle-wrap.has-watery-yellow-border-color .toggle-button {
background-color: #fff7cc
}
.toggle-wrap.has-watery-yellow-border-color .toggle-button,
.toggle-wrap.has-watery-yellow-border-color .toggle-content {
border-color: #fff7cc
}
.iconlist-box.has-watery-yellow-icon-color li::before {
color: #fff7cc
}
.micro-balloon.has-watery-yellow-background-color {
background-color: #fff7cc;
border-color: transparent
}
.micro-balloon.has-watery-yellow-background-color.micro-bottom::after {
border-bottom-color: #fff7cc;
border-top-color: transparent
}
.micro-balloon.has-watery-yellow-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-watery-yellow-background-color::after {
border-top-color: #fff7cc
}
.micro-balloon.has-border-color.has-watery-yellow-border-color {
border-color: #fff7cc
}
.micro-balloon.micro-top.has-watery-yellow-border-color::before {
border-top-color: #fff7cc
}
.micro-balloon.micro-bottom.has-watery-yellow-border-color::before {
border-bottom-color: #fff7cc
}
.caption-box.has-watery-yellow-border-color .box-label {
background-color: #fff7cc
}
.tab-caption-box.has-watery-yellow-border-color .box-label {
background-color: #fff7cc
}
.tab-caption-box.has-watery-yellow-border-color .box-content {
border-color: #fff7cc
}
.tab-caption-box.has-watery-yellow-background-color .box-content {
background-color: #fff7cc
}
.label-box.has-watery-yellow-border-color .box-content {
border-color: #fff7cc
}
.label-box.has-watery-yellow-background-color .box-content {
background-color: #fff7cc
}
.sbp-l .speech-balloon.has-watery-yellow-border-color::before {
border-right-color: #fff7cc
}
.sbp-r .speech-balloon.has-watery-yellow-border-color::before {
border-left-color: #fff7cc
}
.sbp-l .speech-balloon.has-watery-yellow-background-color::after {
border-right-color: #fff7cc
}
.sbp-r .speech-balloon.has-watery-yellow-background-color::after {
border-left-color: #fff7cc
}
.sbs-line.sbp-r .speech-balloon.has-watery-yellow-background-color {
background-color: #fff7cc
}
.sbs-line.sbp-r .speech-balloon.has-watery-yellow-border-color {
border-color: #fff7cc
}
.speech-wrap.sbs-think .speech-balloon.has-watery-yellow-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-watery-yellow-border-color::after {
border-color: #fff7cc
}
.sbs-think .speech-balloon.has-watery-yellow-background-color::before,
.sbs-think .speech-balloon.has-watery-yellow-background-color::after {
background-color: #fff7cc
}
.timeline-box.has-watery-yellow-point-color .timeline-item::before {
background-color: #fff7cc
}
.body .has-watery-red-background-color {
background-color: #fdf2f2
}
.body .has-watery-red-color {
color: #fdf2f2
}
.body .has-watery-red-border-color {
border-color: #fdf2f2
}
.btn-wrap.has-watery-red-background-color>a {
background-color: #fdf2f2
}
.btn-wrap.has-watery-red-color>a {
color: #fdf2f2
}
.btn-wrap.has-watery-red-border-color>a {
border-color: #fdf2f2
}
.bb-tab.has-watery-red-border-color .bb-label {
background-color: #fdf2f2
}
.toggle-wrap.has-watery-red-border-color .toggle-button {
background-color: #fdf2f2
}
.toggle-wrap.has-watery-red-border-color .toggle-button,
.toggle-wrap.has-watery-red-border-color .toggle-content {
border-color: #fdf2f2
}
.iconlist-box.has-watery-red-icon-color li::before {
color: #fdf2f2
}
.micro-balloon.has-watery-red-background-color {
background-color: #fdf2f2;
border-color: transparent
}
.micro-balloon.has-watery-red-background-color.micro-bottom::after {
border-bottom-color: #fdf2f2;
border-top-color: transparent
}
.micro-balloon.has-watery-red-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-watery-red-background-color::after {
border-top-color: #fdf2f2
}
.micro-balloon.has-border-color.has-watery-red-border-color {
border-color: #fdf2f2
}
.micro-balloon.micro-top.has-watery-red-border-color::before {
border-top-color: #fdf2f2
}
.micro-balloon.micro-bottom.has-watery-red-border-color::before {
border-bottom-color: #fdf2f2
}
.caption-box.has-watery-red-border-color .box-label {
background-color: #fdf2f2
}
.tab-caption-box.has-watery-red-border-color .box-label {
background-color: #fdf2f2
}
.tab-caption-box.has-watery-red-border-color .box-content {
border-color: #fdf2f2
}
.tab-caption-box.has-watery-red-background-color .box-content {
background-color: #fdf2f2
}
.label-box.has-watery-red-border-color .box-content {
border-color: #fdf2f2
}
.label-box.has-watery-red-background-color .box-content {
background-color: #fdf2f2
}
.sbp-l .speech-balloon.has-watery-red-border-color::before {
border-right-color: #fdf2f2
}
.sbp-r .speech-balloon.has-watery-red-border-color::before {
border-left-color: #fdf2f2
}
.sbp-l .speech-balloon.has-watery-red-background-color::after {
border-right-color: #fdf2f2
}
.sbp-r .speech-balloon.has-watery-red-background-color::after {
border-left-color: #fdf2f2
}
.sbs-line.sbp-r .speech-balloon.has-watery-red-background-color {
background-color: #fdf2f2
}
.sbs-line.sbp-r .speech-balloon.has-watery-red-border-color {
border-color: #fdf2f2
}
.speech-wrap.sbs-think .speech-balloon.has-watery-red-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-watery-red-border-color::after {
border-color: #fdf2f2
}
.sbs-think .speech-balloon.has-watery-red-background-color::before,
.sbs-think .speech-balloon.has-watery-red-background-color::after {
background-color: #fdf2f2
}
.timeline-box.has-watery-red-point-color .timeline-item::before {
background-color: #fdf2f2
}
.body .has-watery-green-background-color {
background-color: #ebf8f4
}
.body .has-watery-green-color {
color: #ebf8f4
}
.body .has-watery-green-border-color {
border-color: #ebf8f4
}
.btn-wrap.has-watery-green-background-color>a {
background-color: #ebf8f4
}
.btn-wrap.has-watery-green-color>a {
color: #ebf8f4
}
.btn-wrap.has-watery-green-border-color>a {
border-color: #ebf8f4
}
.bb-tab.has-watery-green-border-color .bb-label {
background-color: #ebf8f4
}
.toggle-wrap.has-watery-green-border-color .toggle-button {
background-color: #ebf8f4
}
.toggle-wrap.has-watery-green-border-color .toggle-button,
.toggle-wrap.has-watery-green-border-color .toggle-content {
border-color: #ebf8f4
}
.iconlist-box.has-watery-green-icon-color li::before {
color: #ebf8f4
}
.micro-balloon.has-watery-green-background-color {
background-color: #ebf8f4;
border-color: transparent
}
.micro-balloon.has-watery-green-background-color.micro-bottom::after {
border-bottom-color: #ebf8f4;
border-top-color: transparent
}
.micro-balloon.has-watery-green-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-watery-green-background-color::after {
border-top-color: #ebf8f4
}
.micro-balloon.has-border-color.has-watery-green-border-color {
border-color: #ebf8f4
}
.micro-balloon.micro-top.has-watery-green-border-color::before {
border-top-color: #ebf8f4
}
.micro-balloon.micro-bottom.has-watery-green-border-color::before {
border-bottom-color: #ebf8f4
}
.caption-box.has-watery-green-border-color .box-label {
background-color: #ebf8f4
}
.tab-caption-box.has-watery-green-border-color .box-label {
background-color: #ebf8f4
}
.tab-caption-box.has-watery-green-border-color .box-content {
border-color: #ebf8f4
}
.tab-caption-box.has-watery-green-background-color .box-content {
background-color: #ebf8f4
}
.label-box.has-watery-green-border-color .box-content {
border-color: #ebf8f4
}
.label-box.has-watery-green-background-color .box-content {
background-color: #ebf8f4
}
.sbp-l .speech-balloon.has-watery-green-border-color::before {
border-right-color: #ebf8f4
}
.sbp-r .speech-balloon.has-watery-green-border-color::before {
border-left-color: #ebf8f4
}
.sbp-l .speech-balloon.has-watery-green-background-color::after {
border-right-color: #ebf8f4
}
.sbp-r .speech-balloon.has-watery-green-background-color::after {
border-left-color: #ebf8f4
}
.sbs-line.sbp-r .speech-balloon.has-watery-green-background-color {
background-color: #ebf8f4
}
.sbs-line.sbp-r .speech-balloon.has-watery-green-border-color {
border-color: #ebf8f4
}
.speech-wrap.sbs-think .speech-balloon.has-watery-green-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-watery-green-border-color::after {
border-color: #ebf8f4
}
.sbs-think .speech-balloon.has-watery-green-background-color::before,
.sbs-think .speech-balloon.has-watery-green-background-color::after {
background-color: #ebf8f4
}
.timeline-box.has-watery-green-point-color .timeline-item::before {
background-color: #ebf8f4
}
.body .has-ex-a-background-color {
background-color: #fff
}
.body .has-ex-a-color {
color: #fff
}
.body .has-ex-a-border-color {
border-color: #fff
}
.btn-wrap.has-ex-a-background-color>a {
background-color: #fff
}
.btn-wrap.has-ex-a-color>a {
color: #fff
}
.btn-wrap.has-ex-a-border-color>a {
border-color: #fff
}
.bb-tab.has-ex-a-border-color .bb-label {
background-color: #fff
}
.toggle-wrap.has-ex-a-border-color .toggle-button {
background-color: #fff
}
.toggle-wrap.has-ex-a-border-color .toggle-button,
.toggle-wrap.has-ex-a-border-color .toggle-content {
border-color: #fff
}
.iconlist-box.has-ex-a-icon-color li::before {
color: #fff
}
.micro-balloon.has-ex-a-background-color {
background-color: #fff;
border-color: transparent
}
.micro-balloon.has-ex-a-background-color.micro-bottom::after {
border-bottom-color: #fff;
border-top-color: transparent
}
.micro-balloon.has-ex-a-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-ex-a-background-color::after {
border-top-color: #fff
}
.micro-balloon.has-border-color.has-ex-a-border-color {
border-color: #fff
}
.micro-balloon.micro-top.has-ex-a-border-color::before {
border-top-color: #fff
}
.micro-balloon.micro-bottom.has-ex-a-border-color::before {
border-bottom-color: #fff
}
.caption-box.has-ex-a-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-ex-a-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-ex-a-border-color .box-content {
border-color: #fff
}
.tab-caption-box.has-ex-a-background-color .box-content {
background-color: #fff
}
.label-box.has-ex-a-border-color .box-content {
border-color: #fff
}
.label-box.has-ex-a-background-color .box-content {
background-color: #fff
}
.sbp-l .speech-balloon.has-ex-a-border-color::before {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-ex-a-border-color::before {
border-left-color: #fff
}
.sbp-l .speech-balloon.has-ex-a-background-color::after {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-ex-a-background-color::after {
border-left-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-ex-a-background-color {
background-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-ex-a-border-color {
border-color: #fff
}
.speech-wrap.sbs-think .speech-balloon.has-ex-a-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-ex-a-border-color::after {
border-color: #fff
}
.sbs-think .speech-balloon.has-ex-a-background-color::before,
.sbs-think .speech-balloon.has-ex-a-background-color::after {
background-color: #fff
}
.timeline-box.has-ex-a-point-color .timeline-item::before {
background-color: #fff
}
.body .has-ex-b-background-color {
background-color: #fff
}
.body .has-ex-b-color {
color: #fff
}
.body .has-ex-b-border-color {
border-color: #fff
}
.btn-wrap.has-ex-b-background-color>a {
background-color: #fff
}
.btn-wrap.has-ex-b-color>a {
color: #fff
}
.btn-wrap.has-ex-b-border-color>a {
border-color: #fff
}
.bb-tab.has-ex-b-border-color .bb-label {
background-color: #fff
}
.toggle-wrap.has-ex-b-border-color .toggle-button {
background-color: #fff
}
.toggle-wrap.has-ex-b-border-color .toggle-button,
.toggle-wrap.has-ex-b-border-color .toggle-content {
border-color: #fff
}
.iconlist-box.has-ex-b-icon-color li::before {
color: #fff
}
.micro-balloon.has-ex-b-background-color {
background-color: #fff;
border-color: transparent
}
.micro-balloon.has-ex-b-background-color.micro-bottom::after {
border-bottom-color: #fff;
border-top-color: transparent
}
.micro-balloon.has-ex-b-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-ex-b-background-color::after {
border-top-color: #fff
}
.micro-balloon.has-border-color.has-ex-b-border-color {
border-color: #fff
}
.micro-balloon.micro-top.has-ex-b-border-color::before {
border-top-color: #fff
}
.micro-balloon.micro-bottom.has-ex-b-border-color::before {
border-bottom-color: #fff
}
.caption-box.has-ex-b-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-ex-b-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-ex-b-border-color .box-content {
border-color: #fff
}
.tab-caption-box.has-ex-b-background-color .box-content {
background-color: #fff
}
.label-box.has-ex-b-border-color .box-content {
border-color: #fff
}
.label-box.has-ex-b-background-color .box-content {
background-color: #fff
}
.sbp-l .speech-balloon.has-ex-b-border-color::before {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-ex-b-border-color::before {
border-left-color: #fff
}
.sbp-l .speech-balloon.has-ex-b-background-color::after {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-ex-b-background-color::after {
border-left-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-ex-b-background-color {
background-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-ex-b-border-color {
border-color: #fff
}
.speech-wrap.sbs-think .speech-balloon.has-ex-b-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-ex-b-border-color::after {
border-color: #fff
}
.sbs-think .speech-balloon.has-ex-b-background-color::before,
.sbs-think .speech-balloon.has-ex-b-background-color::after {
background-color: #fff
}
.timeline-box.has-ex-b-point-color .timeline-item::before {
background-color: #fff
}
.body .has-ex-c-background-color {
background-color: #fff
}
.body .has-ex-c-color {
color: #fff
}
.body .has-ex-c-border-color {
border-color: #fff
}
.btn-wrap.has-ex-c-background-color>a {
background-color: #fff
}
.btn-wrap.has-ex-c-color>a {
color: #fff
}
.btn-wrap.has-ex-c-border-color>a {
border-color: #fff
}
.bb-tab.has-ex-c-border-color .bb-label {
background-color: #fff
}
.toggle-wrap.has-ex-c-border-color .toggle-button {
background-color: #fff
}
.toggle-wrap.has-ex-c-border-color .toggle-button,
.toggle-wrap.has-ex-c-border-color .toggle-content {
border-color: #fff
}
.iconlist-box.has-ex-c-icon-color li::before {
color: #fff
}
.micro-balloon.has-ex-c-background-color {
background-color: #fff;
border-color: transparent
}
.micro-balloon.has-ex-c-background-color.micro-bottom::after {
border-bottom-color: #fff;
border-top-color: transparent
}
.micro-balloon.has-ex-c-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-ex-c-background-color::after {
border-top-color: #fff
}
.micro-balloon.has-border-color.has-ex-c-border-color {
border-color: #fff
}
.micro-balloon.micro-top.has-ex-c-border-color::before {
border-top-color: #fff
}
.micro-balloon.micro-bottom.has-ex-c-border-color::before {
border-bottom-color: #fff
}
.caption-box.has-ex-c-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-ex-c-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-ex-c-border-color .box-content {
border-color: #fff
}
.tab-caption-box.has-ex-c-background-color .box-content {
background-color: #fff
}
.label-box.has-ex-c-border-color .box-content {
border-color: #fff
}
.label-box.has-ex-c-background-color .box-content {
background-color: #fff
}
.sbp-l .speech-balloon.has-ex-c-border-color::before {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-ex-c-border-color::before {
border-left-color: #fff
}
.sbp-l .speech-balloon.has-ex-c-background-color::after {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-ex-c-background-color::after {
border-left-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-ex-c-background-color {
background-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-ex-c-border-color {
border-color: #fff
}
.speech-wrap.sbs-think .speech-balloon.has-ex-c-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-ex-c-border-color::after {
border-color: #fff
}
.sbs-think .speech-balloon.has-ex-c-background-color::before,
.sbs-think .speech-balloon.has-ex-c-background-color::after {
background-color: #fff
}
.timeline-box.has-ex-c-point-color .timeline-item::before {
background-color: #fff
}
.body .has-ex-d-background-color {
background-color: #fff
}
.body .has-ex-d-color {
color: #fff
}
.body .has-ex-d-border-color {
border-color: #fff
}
.btn-wrap.has-ex-d-background-color>a {
background-color: #fff
}
.btn-wrap.has-ex-d-color>a {
color: #fff
}
.btn-wrap.has-ex-d-border-color>a {
border-color: #fff
}
.bb-tab.has-ex-d-border-color .bb-label {
background-color: #fff
}
.toggle-wrap.has-ex-d-border-color .toggle-button {
background-color: #fff
}
.toggle-wrap.has-ex-d-border-color .toggle-button,
.toggle-wrap.has-ex-d-border-color .toggle-content {
border-color: #fff
}
.iconlist-box.has-ex-d-icon-color li::before {
color: #fff
}
.micro-balloon.has-ex-d-background-color {
background-color: #fff;
border-color: transparent
}
.micro-balloon.has-ex-d-background-color.micro-bottom::after {
border-bottom-color: #fff;
border-top-color: transparent
}
.micro-balloon.has-ex-d-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-ex-d-background-color::after {
border-top-color: #fff
}
.micro-balloon.has-border-color.has-ex-d-border-color {
border-color: #fff
}
.micro-balloon.micro-top.has-ex-d-border-color::before {
border-top-color: #fff
}
.micro-balloon.micro-bottom.has-ex-d-border-color::before {
border-bottom-color: #fff
}
.caption-box.has-ex-d-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-ex-d-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-ex-d-border-color .box-content {
border-color: #fff
}
.tab-caption-box.has-ex-d-background-color .box-content {
background-color: #fff
}
.label-box.has-ex-d-border-color .box-content {
border-color: #fff
}
.label-box.has-ex-d-background-color .box-content {
background-color: #fff
}
.sbp-l .speech-balloon.has-ex-d-border-color::before {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-ex-d-border-color::before {
border-left-color: #fff
}
.sbp-l .speech-balloon.has-ex-d-background-color::after {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-ex-d-background-color::after {
border-left-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-ex-d-background-color {
background-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-ex-d-border-color {
border-color: #fff
}
.speech-wrap.sbs-think .speech-balloon.has-ex-d-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-ex-d-border-color::after {
border-color: #fff
}
.sbs-think .speech-balloon.has-ex-d-background-color::before,
.sbs-think .speech-balloon.has-ex-d-background-color::after {
background-color: #fff
}
.timeline-box.has-ex-d-point-color .timeline-item::before {
background-color: #fff
}
.body .has-ex-e-background-color {
background-color: #fff
}
.body .has-ex-e-color {
color: #fff
}
.body .has-ex-e-border-color {
border-color: #fff
}
.btn-wrap.has-ex-e-background-color>a {
background-color: #fff
}
.btn-wrap.has-ex-e-color>a {
color: #fff
}
.btn-wrap.has-ex-e-border-color>a {
border-color: #fff
}
.bb-tab.has-ex-e-border-color .bb-label {
background-color: #fff
}
.toggle-wrap.has-ex-e-border-color .toggle-button {
background-color: #fff
}
.toggle-wrap.has-ex-e-border-color .toggle-button,
.toggle-wrap.has-ex-e-border-color .toggle-content {
border-color: #fff
}
.iconlist-box.has-ex-e-icon-color li::before {
color: #fff
}
.micro-balloon.has-ex-e-background-color {
background-color: #fff;
border-color: transparent
}
.micro-balloon.has-ex-e-background-color.micro-bottom::after {
border-bottom-color: #fff;
border-top-color: transparent
}
.micro-balloon.has-ex-e-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-ex-e-background-color::after {
border-top-color: #fff
}
.micro-balloon.has-border-color.has-ex-e-border-color {
border-color: #fff
}
.micro-balloon.micro-top.has-ex-e-border-color::before {
border-top-color: #fff
}
.micro-balloon.micro-bottom.has-ex-e-border-color::before {
border-bottom-color: #fff
}
.caption-box.has-ex-e-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-ex-e-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-ex-e-border-color .box-content {
border-color: #fff
}
.tab-caption-box.has-ex-e-background-color .box-content {
background-color: #fff
}
.label-box.has-ex-e-border-color .box-content {
border-color: #fff
}
.label-box.has-ex-e-background-color .box-content {
background-color: #fff
}
.sbp-l .speech-balloon.has-ex-e-border-color::before {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-ex-e-border-color::before {
border-left-color: #fff
}
.sbp-l .speech-balloon.has-ex-e-background-color::after {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-ex-e-background-color::after {
border-left-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-ex-e-background-color {
background-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-ex-e-border-color {
border-color: #fff
}
.speech-wrap.sbs-think .speech-balloon.has-ex-e-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-ex-e-border-color::after {
border-color: #fff
}
.sbs-think .speech-balloon.has-ex-e-background-color::before,
.sbs-think .speech-balloon.has-ex-e-background-color::after {
background-color: #fff
}
.timeline-box.has-ex-e-point-color .timeline-item::before {
background-color: #fff
}
.body .has-ex-f-background-color {
background-color: #fff
}
.body .has-ex-f-color {
color: #fff
}
.body .has-ex-f-border-color {
border-color: #fff
}
.btn-wrap.has-ex-f-background-color>a {
background-color: #fff
}
.btn-wrap.has-ex-f-color>a {
color: #fff
}
.btn-wrap.has-ex-f-border-color>a {
border-color: #fff
}
.bb-tab.has-ex-f-border-color .bb-label {
background-color: #fff
}
.toggle-wrap.has-ex-f-border-color .toggle-button {
background-color: #fff
}
.toggle-wrap.has-ex-f-border-color .toggle-button,
.toggle-wrap.has-ex-f-border-color .toggle-content {
border-color: #fff
}
.iconlist-box.has-ex-f-icon-color li::before {
color: #fff
}
.micro-balloon.has-ex-f-background-color {
background-color: #fff;
border-color: transparent
}
.micro-balloon.has-ex-f-background-color.micro-bottom::after {
border-bottom-color: #fff;
border-top-color: transparent
}
.micro-balloon.has-ex-f-background-color::before {
border-top-color: transparent;
border-bottom-color: transparent
}
.micro-balloon.has-ex-f-background-color::after {
border-top-color: #fff
}
.micro-balloon.has-border-color.has-ex-f-border-color {
border-color: #fff
}
.micro-balloon.micro-top.has-ex-f-border-color::before {
border-top-color: #fff
}
.micro-balloon.micro-bottom.has-ex-f-border-color::before {
border-bottom-color: #fff
}
.caption-box.has-ex-f-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-ex-f-border-color .box-label {
background-color: #fff
}
.tab-caption-box.has-ex-f-border-color .box-content {
border-color: #fff
}
.tab-caption-box.has-ex-f-background-color .box-content {
background-color: #fff
}
.label-box.has-ex-f-border-color .box-content {
border-color: #fff
}
.label-box.has-ex-f-background-color .box-content {
background-color: #fff
}
.sbp-l .speech-balloon.has-ex-f-border-color::before {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-ex-f-border-color::before {
border-left-color: #fff
}
.sbp-l .speech-balloon.has-ex-f-background-color::after {
border-right-color: #fff
}
.sbp-r .speech-balloon.has-ex-f-background-color::after {
border-left-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-ex-f-background-color {
background-color: #fff
}
.sbs-line.sbp-r .speech-balloon.has-ex-f-border-color {
border-color: #fff
}
.speech-wrap.sbs-think .speech-balloon.has-ex-f-border-color::before,
.speech-wrap.sbs-think .speech-balloon.has-ex-f-border-color::after {
border-color: #fff
}
.sbs-think .speech-balloon.has-ex-f-background-color::before,
.sbs-think .speech-balloon.has-ex-f-background-color::after {
background-color: #fff
}
.timeline-box.has-ex-f-point-color .timeline-item::before {
background-color: #fff
}
.body .btn-wrap {
background-color: transparent;
color: #333;
border-color: transparent;
font-size: 16px
}
.toggle-wrap.has-border-color .toggle-button {
color: #fff
}
.btn-wrap.has-small-font-size>a {
font-size: 13px
}
.btn-wrap.has-medium-font-size>a {
font-size: 20px
}
.btn-wrap.has-large-font-size>a {
font-size: 36px
}
.btn-wrap.has-huge-font-size>a,
.btn-wrap.has-larger-font-size>a {
font-size: 42px
}
.box-menu:hover {
box-shadow: inset 2px 2px 0 0 #f6a068, 2px 2px 0 0 #f6a068, 2px 0 0 0 #f6a068, 0 2px 0 0 #f6a068
}
.box-menu-icon {
color: #f6a068
}
body#ver4 {
color: #333
}
#ver4 #header-container {
margin-bottom: 10px
}
#ver4 .main {
margin: 0 auto;
padding: 0 !important;
background: #fff
}
#ver4 .content,
#ver4 .entry-content {
margin-top: 0
}
#ver4 .entry-content {
margin-bottom: 0
}
#ver4 p {
line-height: 1.5em
}
#ver4 main>article,
.search main>article {
background: #fff;
padding: 0 20px 20px
}
#ver4 .entry-content,
.search .entry-content {
padding: 1em !important;
margin: 0 auto
}
a {
color: #1967d2
}
#ver4 .article ul,
#ver4 .article ol {
position: relative;
margin: 0;
box-shadow: none;
border: 0;
border-radius: 0;
width: 100%
}
#ver4 .article ul li,
#ver4 .article ol li {
line-height: 1.5em;
padding: 0;
text-shadow: none
}
#ver4 .article ul ul,
#ver4 .article ul ol,
#ver4 .article ol ul,
#ver4 .article ol ol {
margin: 0;
padding-left: 15px
}
.single-sample .footer-bottom-content-in {
display: none
}
#ver4 .footer-bottom-content a {
display: block
}
select {
background-color: #fff
}
.article-header h1 {
left: 20px
}
a.header-image-pc,
a.header-image-sp {
margin: 0 auto;
text-align: center;
font-size: 0
}
a.header-image-pc {
display: block
}
a.header-image-sp {
display: none
}
@media screen and (max-width:600px) {
a.header-image-pc {
display: none
}
a.header-image-sp {
display: block
}
}
#ver4 .article h2 {
color: #fff;
border: 0
}
#ver4 .article h2::after {
border: 0
}
#ver4 .article h2::before {
display: none
}
#ver4 .article h3,
#ver4 .article h4,
#ver4 .article h5,
#ver4 .article h6 {
color: #444
}
#ver4 .article h2,
#ver4 .article h3,
#ver4 .article h4,
#ver4 .article h5,
#ver4 .article h6 {
text-align: left;
margin: 2.4em 0 1em;
font-weight: bold;
box-shadow: none
}
#ver4 .article h2::before,
#ver4 .article h3::before,
#ver4 .article h4::before,
#ver4 .article h5::before,
#ver4 .article h6::before,
#ver4 .article h2::after,
#ver4 .article h3::after,
#ver4 .article h4::after,
#ver4 .article h5::after,
#ver4 .article h6::after {
display: none
}
#ver4 .article h4,
#ver4 .article h5,
#ver4 .article h6 {
border-left: none;
border-right: none
}
#ver4 .article h2+h3,
#ver4 .article h3+h4 {
margin-top: 0 !important
}
#ver4 .article h2 {
font-size: 1.6em;
padding: 25px 12px 25px 12px;
background-color: #f3f4f5;
border-radius: 2px;
border: 0
}
#ver4 .article h3 {
font-size: 1.4em;
border-left: 6px solid #777;
border-right: none;
border-top: none;
border-bottom: 2px solid #ccc !important;
padding: 12px 10px 10px;
background-color: #f5f8fa
}
#ver4 .article h4 {
font-size: 1.2em;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
border-left: none;
padding: 8px 12px
}
#ver4 .article h5 {
font-size: 1.2em;
border-bottom: 2px solid #ccc;
padding: 5px 12px
}
#ver4 .article h6 {
font-size: 1.2em;
border-bottom: 1px solid #ccc;
padding: 5px 12px 5px 12px
}
#ver4 .article h2::before,
#ver4 .article h3::before {
width: 0
}
#ver4 .c-black .article h2 {
background-color: #454C50;
color: #fff
}
#ver4 .c-black .article h3,
#ver4 .c-black .article h4,
#ver4 .c-black .article h5,
#ver4 .c-black .article h6 {
border-color: #454c50
}
#ver4 .c-black p.見出し::before,
#ver4 .c-black p.is-style-midashi::before {
border-color: #454c50
}
#ver4 .c-blue .article h2 {
background: #4eb7d9;
color: #fff
}
#ver4 .c-blue .article h3 {
border-left: 6px solid #4eb7d9
}
#ver4 .c-blue .article h3,
#ver4 .c-blue .article h4,
#ver4 .c-blue .article h5,
#ver4 .c-blue .article h6 {
border-color: #4eb7d9
}
#ver4 .c-blue .article h4 {
background: #edfbff
}
#ver4 .c-blue p.見出し::before,
#ver4 .c-blue p.is-style-midashi::before {
border-color: #4eb7d9
}
#ver4 .c-pink .article h2 {
background: #F99292;
color: #fff
}
#ver4 .c-pink .article h3 {
border-left: 6px solid #F99292
}
#ver4 .c-pink .article h3,
#ver4 .c-pink .article h4,
#ver4 .c-pink .article h5,
#ver4 .c-pink .article h6 {
border-color: #F99292
}
#ver4 .c-pink .article h4 {
background: #fff6f6
}
#ver4 .c-pink p.見出し::before,
#ver4 .c-pink p.is-style-midashi::before {
border-color: #F99292
}
#ver4 .c-green .article h2 {
background: #3abc98;
color: #fff
}
#ver4 .c-green .article h3 {
border-left: 6px solid #3abc98
}
#ver4 .c-green .article h3,
#ver4 .c-green .article h4,
#ver4 .c-green .article h5,
#ver4 .c-green .article h6 {
border-color: #3abc98
}
#ver4 .c-green .article h4 {
background: #f0fffb
}
#ver4 .c-green p.見出し::before,
#ver4 .c-green p.is-style-midashi::before {
border-color: #3abc98
}
#ver4 .c-yellow .article h2 {
background: #ffc027;
color: #fff
}
#ver4 .c-yellow .article h3 {
border-left: 6px solid #ffc027
}
#ver4 .c-yellow .article h3,
#ver4 .c-yellow .article h4,
#ver4 .c-yellow .article h5,
#ver4 .c-yellow .article h6 {
border-color: #ffc027
}
#ver4 .c-yellow .article h4 {
background: #fffaee
}
#ver4 .c-yellow p.見出し::before,
#ver4 .c-yellow p.is-style-midashi::before {
border-color: #ffc027
}
#ver4 .c-sick .article h2 {
background: #235180;
color: #fff
}
#ver4 .c-sick .article h3 {
border-left: 6px solid #235180
}
#ver4 .c-sick .article h3,
#ver4 .c-sick .article h4,
#ver4 .c-sick .article h5,
#ver4 .c-sick .article h6 {
border-color: #235180
}
#ver4 .c-sick .article h4 {
background: #f7f9fb
}
#ver4 .c-sick p.見出し::before,
#ver4 .c-sick p.is-style-midashi::before {
border-color: #235180
}
.editor-styles-wrapper .article h2,
.editor-styles-wrapper .article h2::after,
#tinymce.article h2,
#tinymce.article h2::after {
border: 0 !important
}
.editor-styles-wrapper .article h2::before,
#tinymce.article h2::before {
display: none !important
}
.editor-styles-wrapper .article h2,
.editor-styles-wrapper .article h3,
.editor-styles-wrapper .article h4,
.editor-styles-wrapper .article h5,
.editor-styles-wrapper .article h6,
#tinymce.article h2,
#tinymce.article h3,
#tinymce.article h4,
#tinymce.article h5,
#tinymce.article h6 {
background-color: #f5f8fa !important;
color: #444 !important;
text-align: left !important;
margin: 2.4em 0 1em !important;
font-weight: bold !important;
box-shadow: none !important
}
.editor-styles-wrapper .article h2::before,
.editor-styles-wrapper .article h3::before,
.editor-styles-wrapper .article h4::before,
.editor-styles-wrapper .article h5::before,
.editor-styles-wrapper .article h6::before,
.editor-styles-wrapper .article h2::after,
.editor-styles-wrapper .article h3::after,
.editor-styles-wrapper .article h4::after,
.editor-styles-wrapper .article h5::after,
.editor-styles-wrapper .article h6::after,
#tinymce.article h2::before,
#tinymce.article h3::before,
#tinymce.article h4::before,
#tinymce.article h5::before,
#tinymce.article h6::before,
#tinymce.article h2::after,
#tinymce.article h3::after,
#tinymce.article h4::after,
#tinymce.article h5::after,
#tinymce.article h6::after {
display: none !important
}
.editor-styles-wrapper .article h4,
.editor-styles-wrapper .article h5,
.editor-styles-wrapper .article h6,
#tinymce.article h4,
#tinymce.article h5,
#tinymce.article h6 {
border-left: none !important;
border-right: none !important
}
.editor-styles-wrapper .article h2+h3,
.editor-styles-wrapper .article h3+h4,
#tinymce.article h2+h3,
#tinymce.article h3+h4 {
margin-top: 0 !important
}
.editor-styles-wrapper .article h2,
#tinymce.article h2 {
font-size: 1.5em !important;
padding: 25px 12px 25px 12px !important;
border-radius: 2px !important;
border: 0 !important
}
.editor-styles-wrapper .article h3,
#tinymce.article h3 {
font-size: 1.2em !important;
border-left: 6px solid #777 !important;
border-right: none !important;
border-top: none !important;
border-bottom: 2px solid #ccc !important;
padding: 12px 10px 10px !important
}
.editor-styles-wrapper .article h4,
#tinymce.article h4 {
font-size: 1.1em !important;
border-top: 2px solid #ccc !important;
border-bottom: 2px solid #ccc !important;
border-left: none !important;
padding: 8px 12px !important
}
.editor-styles-wrapper .article h5,
#tinymce.article h5 {
font-size: 1.1em !important;
border-bottom: 2px solid #ccc !important;
padding: 5px 12px !important
}
.editor-styles-wrapper .article h6,
#tinymce.article h6 {
font-size: 1em !important;
border-bottom: 1px solid #ccc !important;
padding: 5px 12px 5px 12px !important
}
.editor-styles-wrapper .article h2::before,
.editor-styles-wrapper .article h3::before,
#tinymce.article h2::before,
#tinymce.article h3::before {
width: 0 !important
}
.page-title {
font-weight: bold;
position: relative
}
.inner-text2 p {
margin: 0
}
.lp-underline-center {
text-align: center;
font-weight: bold;
position: relative;
padding-bottom: 5px
}
.lp-underline-center .inner-text2 {
font-size: 2em
}
.lp-underline-center::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -5px;
border-bottom: 5px solid;
width: 50px;
margin: 0 auto;
border-radius: 5px
}
.inner.c-black {
color: #555
}
.inner.c-blue {
color: #3498db
}
.inner.c-redd {
color: #f2183c
}
.inner.c-pink {
color: #ff6a91
}
.inner.c-green {
color: #64bf38
}
.inner.c-yellow {
color: #a7a348
}
.lp-stripe {
padding: 10px
}
.lp-stripe.c-black {
color: #333;
border-top: solid 2px #333;
border-bottom: solid 2px #333;
background: -webkit-repeating-linear-gradient(-45deg, #f3f4f5, #f3f4f5 3px, #f5f8fa 3px, #f5f8fa 7px);
background: repeating-linear-gradient(-45deg, #f3f4f5, #f3f4f5 3px, #f5f8fa 3px, #f5f8fa 7px)
}
.lp-stripe.c-blue {
color: #3498db;
border-top: solid 2px #6cb4e4;
border-bottom: solid 2px #6cb4e4;
background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px)
}
.lp-stripe.c-redd {
color: #f2183c;
border-top: solid 2px #f2183c;
border-bottom: solid 2px #f2183c;
background: -webkit-repeating-linear-gradient(-45deg, #fff1f3, #fff1f3 3px, #fff8f9 3px, #fff8f9 7px);
background: repeating-linear-gradient(-45deg, #fff1f3, #fff1f3 3px, #fff8f9 3px, #fff8f9 7px)
}
.lp-stripe.c-pink {
color: #ff6a91;
border-top: solid 2px #ff6a91;
border-bottom: solid 2px #ff6a91;
background: -webkit-repeating-linear-gradient(-45deg, #fff1f3, #fff1f3 3px, #fff8f9 3px, #fff8f9 7px);
background: repeating-linear-gradient(-45deg, #fff1f3, #fff1f3 3px, #fff8f9 3px, #fff8f9 7px)
}
.lp-stripe.c-green {
color: #64bf38;
border-top: solid 2px #64bf38;
border-bottom: solid 2px #64bf38;
background: -webkit-repeating-linear-gradient(-45deg, #eeffe6, #eeffe6 3px, #f6fff2 3px, #f6fff2 7px);
background: repeating-linear-gradient(-45deg, #eeffe6, #eeffe6 3px, #f6fff2 3px, #f6fff2 7px)
}
.lp-stripe.c-yellow {
color: #a7a348;
border-top: solid 2px #a7a348;
border-bottom: solid 2px #a7a348;
background: -webkit-repeating-linear-gradient(-45deg, #fff1f3, #fff1f3 3px, #fff8f9 3px, #fff8f9 7px);
background: repeating-linear-gradient(-45deg, #fffdc9, #fffdc9 3px, #fffff7 3px, #fffff7 7px)
}
.lp-bothline {
color: #444;
display: flex;
align-items: center
}
.lp-bothline::before,
.lp-bothline::after {
content: "";
flex-grow: 1;
height: 2px;
background: #444;
display: block
}
.lp-bothline::before {
margin-right: .4em
}
.lp-bothline::after {
margin-left: .4em
}
.lp-bothline .inner-text1 {
display: none
}
.lp-hukidashi {
position: relative;
display: block;
text-align: center;
padding: 15px;
max-width: 100%;
font-weight: bold;
background: #FFF;
border: solid 3px #333;
box-sizing: border-box;
border-radius: 3px
}
.lp-hukidashi::before {
content: "";
position: absolute;
bottom: -24px;
left: 50%;
margin-left: -15px;
border: 12px solid transparent;
border-top: 12px solid #FFF;
z-index: 2
}
.lp-hukidashi::after {
content: "";
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -17px;
border: 14px solid transparent;
border-top: 14px solid #555;
z-index: 1
}
.lp-underline .inner-text2 {
padding-bottom: 10px
}
.lp-underline::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px
}
.campaign-box {
padding: 6px
}
.inner {
background-color: #fff;
padding: 15px 10px 15px 10px;
font-weight: bold;
text-align: center
}
.inner-text2 {
font-size: 1.4em
}
.inner.c-black {
color: #555
}
.inner.c-blue {
color: #3498db
}
.inner.c-redd {
color: #f2183c
}
.inner.c-pink {
color: #ff6a91
}
.inner.c-green {
color: #64bf38
}
.inner.c-yellow {
color: #a7a348
}
.page-title.lp-ranking {
display: flex;
align-items: center
}
.rank_icon {
margin-right: 10px;
width: 60px
}
.lp-ranking .title_wrapper {
flex: 1
}
@media screen and (max-width:768px) {
.inner-text1 {
font-size: .9em !important
}
.inner-text2 {
font-size: 1.2em !important;
line-height: 1.4em
}
.page-title.lp-ranking {
display: block
}
.rank_icon {
width: 40px;
margin-right: 5px
}
}
.campaign-box.c-black,
.lp-underline.c-black::after {
background: -webkit-repeating-linear-gradient(45deg, #666, #666 5px, #fff 5px, #fff 10px);
background: repeating-linear-gradient(45deg, #555, #555 5px, #fff 5px, #fff 10px)
}
.campaign-box.c-blue,
.lp-underline.c-blue::after {
background: -webkit-repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
background: repeating-linear-gradient(45deg, #3498db, #3498db 5px, #c5e3f7 5px, #c5e3f7 10px)
}
.campaign-box.c-redd,
.lp-underline.c-redd::after {
background: -webkit-repeating-linear-gradient(45deg, #f2183c, #f2183c 5px, #fff 5px, #fff 10px);
background: repeating-linear-gradient(45deg, #f2183c, #f2183c 5px, #ffe5e9 5px, #ffe5e9 10px)
}
.campaign-box.c-pink,
.lp-underline.c-pink::after {
background: -webkit-repeating-linear-gradient(45deg, #ff6a91, #ff6a91 5px, #ffe6ec 5px, #ffe6ec 10px);
background: repeating-linear-gradient(45deg, #ff6a91, #ff6a91 5px, #ffe6ec 5px, #ffe6ec 10px)
}
.campaign-box.c-green,
.lp-underline.c-green::after {
background: -webkit-repeating-linear-gradient(45deg, #54af28, #54af28 5px, #dfffcf 5px, #dfffcf 10px);
background: repeating-linear-gradient(45deg, #54af28, #54af28 5px, #dfffcf 5px, #dfffcf 10px)
}
.campaign-box.c-yellow,
.lp-underline.c-yellow::after {
background: -webkit-repeating-linear-gradient(45deg, #98954d, #98954d 5px, #f5f3c0 5px, #f5f3c0 10px);
background: repeating-linear-gradient(45deg, #98954d, #98954d 5px, #f5f3c0 5px, #f5f3c0 10px)
}
.item-name {
font-weight: bold !important;
font-size: 1.2em !important;
margin: 0 !important;
color: #444 !important;
line-height: 1.4em !important
}
.star {
color: #fddb53;
font-size: 1.2em
}
.star10::before,
.editor-styles-wrapper .star10::before {
font-family: fontawesome;
content: "\f005\f006\f006\f006\f006" !important
}
.star15::before,
.editor-styles-wrapper .star15::before {
font-family: fontawesome;
content: "\f005\f123\f006\f006\f006" !important
}
.star20::before,
.editor-styles-wrapper .star20::before {
font-family: fontawesome;
content: "\f005\f005\f006\f006\f006" !important
}
.star25::before,
.editor-styles-wrapper .star25::before {
font-family: fontawesome;
content: "\f005\f005\f123\f006\f006" !important
}
.star30::before,
.editor-styles-wrapper .star30::before {
font-family: fontawesome;
content: "\f005\f005\f005\f006\f006" !important
}
.star35::before,
.editor-styles-wrapper .star35::before {
font-family: fontawesome;
content: "\f005\f005\f005\f123\f006" !important
}
.star40::before,
.editor-styles-wrapper .star40::before {
font-family: fontawesome;
content: "\f005\f005\f005\f005\f006" !important
}
.star45::before,
.editor-styles-wrapper .star45::before {
font-family: fontawesome;
content: "\f005\f005\f005\f005\f123" !important
}
.star50::before,
.editor-styles-wrapper .star50::before {
font-family: fontawesome;
content: "\f005\f005\f005\f005\f005" !important
}
span.star-qty {
color: #999;
font-size: 12px;
font-weight: bold
}
.rating-star .fa-star-half-o:before {
content: "\f5c0" !important
}
.tab-caption-box.none.campaign {
padding: 0 0 20px 0
}
.c-list {
font-size: .9em;
padding: 0 6px !important;
margin: 5px 4px 1px 0 !important;
display: inline-block;
border-radius: 2px;
color: #179dd8;
line-height: 1.8
}
.c-list.ari {
background-color: aliceblue;
border: 1px solid #00b9eb
}
.c-list.nashi {
background-color: #f3f4f5;
border: 1px solid #eee;
color: #ccc
}
.c-info-box {
display: table;
margin-bottom: 15px
}
p.c-list {
font-size: .9em !important
}
.campaign p {
margin: 0 5px 5px 0;
font-size: .95em
}
span.c-name {
font-size: 12px;
padding: 1px 9px;
background-color: #f90;
border-radius: 2px;
color: #fff;
vertical-align: text-top;
display: inline-block
}
.none span.tab-caption-box-label-text {
margin: 0 10px 0 0
}
ul.price-info {
list-style-type: none !important;
padding-left: 0 !important
}
ul.price-info .price::before {
content: "￥"
}
span.price.before {
text-decoration: line-through;
font-size: .8em
}
span.price.after {
font-size: 1.3em;
color: #bd081c;
font-weight: bold;
margin-right: 5px
}
span.unit {
font-size: .6em;
color: #555;
font-weight: normal;
padding-left: 5px
}
ul.price-info li {
margin: -5px 0
}
ul.price-info {
margin: 10px 0 !important
}
li.price-difference {
font-size: .9em
}
li.price-ba .label {
font-size: .8em
}
#ver4 .iconlist-box ul {
padding-left: 15px;
padding-bottom: 15px;
padding-top: 0
}
.左寄せ .iconlist-title {
text-align: left !important
}
.point .iconlist-title::before {
font-family: Fontawesome;
content: "\f0a4";
margin: 0 .2em
}
ul.osusumepoint {
list-style: none;
margin: 0
}
li.osusume::before {
font-family: fontawesome;
content: "\f00c";
margin-right: 4px;
color: #e63d53;
margin-left: calc(-1em + -4px)
}
p.kokogapoint {
margin: 0;
font-weight: bold;
font-size: 1em
}
p.kokogapoint::before {
font-family: "fontawesome";
content: "\f0a4";
margin-right: 3px;
font-weight: bold;
font-size: 15px
}
#ver4 .iconlist-box.point {
margin: 15px 0 20px
}
.editor-styles-wrapper .iconlist-box.point ul {
padding-left: 18px !important
}
.campaign-infobox {
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center -50px;
margin-top: 0;
margin-bottom: 0
}
.bg-mask {
height: 100%;
background: rgba(255, 255, 255, .3);
padding: 70px 20px 30px 20px
}
p.campaign.title {
font-size: 1.8em;
margin: 0 !important
}
p.campaign.subtitle {
font-size: 1em;
margin: 0 !important
}
.campaign.textBox {
padding-top: 30px;
padding-bottom: 20px
}
.campaign.textBox p {
margin: 0 0 10px
}
.campaign-infobox a.afflink-button.btn {
max-width: 500px
}
p.campaign.title,
p.campaign.subtitle {
color: #fff !important;
font-weight: bold;
letter-spacing: .1em;
letter-spacing: .15em
}
.campaign-infobox.bg-normal {
background-image: url(https://mail-woman.site/wp-content/themes/uraomote/img/campaign-bg-1184622.jpg)
}
.campaign-infobox.bg-normal p.campaign.title {
text-shadow: rgb(73, 183, 245) 3px 0 0, rgb(73, 183, 245) 2.83487px .981584px 0, rgb(73, 183, 245) 2.35766px 1.85511px 0, rgb(73, 183, 245) 1.62091px 2.52441px 0, rgb(73, 183, 245) .705713px 2.91581px 0, rgb(73, 183, 245)-.287171px 2.98622px 0, rgb(73, 183, 245)-1.24844px 2.72789px 0, rgb(73, 183, 245)-2.07227px 2.16926px 0, rgb(73, 183, 245)-2.66798px 1.37182px 0, rgb(73, 183, 245)-2.96998px .42336px 0, rgb(73, 183, 245)-2.94502px -.571704px 0, rgb(73, 183, 245)-2.59586px -1.50383px 0, rgb(73, 183, 245)-1.96093px -2.27041px 0, rgb(73, 183, 245)-1.11013px -2.78704px 0, rgb(73, 183, 245)-.137119px -2.99686px 0, rgb(73, 183, 245) .850987px -2.87677px 0, rgb(73, 183, 245) 1.74541px -2.43999px 0, rgb(73, 183, 245) 2.44769px -1.73459px 0, rgb(73, 183, 245) 2.88051px -.838247px 0
}
.campaign-infobox.bg-normal p.campaign.subtitle {
text-shadow: rgb(73, 183, 245) 2px 0 0, rgb(73, 183, 245) 1.75517px .958851px 0, rgb(73, 183, 245) 1.0806px 1.68294px 0, rgb(73, 183, 245) .141474px 1.99499px 0, rgb(73, 183, 245)-.832294px 1.81859px 0, rgb(73, 183, 245)-1.60229px 1.19694px 0, rgb(73, 183, 245)-1.97998px .28224px 0, rgb(73, 183, 245)-1.87291px -.701566px 0, rgb(73, 183, 245)-1.30729px -1.5136px 0, rgb(73, 183, 245)-.421592px -1.95506px 0, rgb(73, 183, 245) .567324px -1.91785px 0, rgb(73, 183, 245) 1.41734px -1.41108px 0, rgb(73, 183, 245) 1.92034px -.558831px 0
}
.campaign-infobox.bg-blue {
background-image: url(https://mail-woman.site/wp-content/themes/uraomote/img/campaign-bg-blue.jpg)
}
.campaign-infobox.bg-blue p.campaign.title {
text-shadow: rgb(73, 183, 245) 3px 0 0, rgb(73, 183, 245) 2.83487px .981584px 0, rgb(73, 183, 245) 2.35766px 1.85511px 0, rgb(73, 183, 245) 1.62091px 2.52441px 0, rgb(73, 183, 245) .705713px 2.91581px 0, rgb(73, 183, 245)-.287171px 2.98622px 0, rgb(73, 183, 245)-1.24844px 2.72789px 0, rgb(73, 183, 245)-2.07227px 2.16926px 0, rgb(73, 183, 245)-2.66798px 1.37182px 0, rgb(73, 183, 245)-2.96998px .42336px 0, rgb(73, 183, 245)-2.94502px -.571704px 0, rgb(73, 183, 245)-2.59586px -1.50383px 0, rgb(73, 183, 245)-1.96093px -2.27041px 0, rgb(73, 183, 245)-1.11013px -2.78704px 0, rgb(73, 183, 245)-.137119px -2.99686px 0, rgb(73, 183, 245) .850987px -2.87677px 0, rgb(73, 183, 245) 1.74541px -2.43999px 0, rgb(73, 183, 245) 2.44769px -1.73459px 0, rgb(73, 183, 245) 2.88051px -.838247px 0
}
.campaign-infobox.bg-blue p.campaign.subtitle {
text-shadow: rgb(73, 183, 245) 2px 0 0, rgb(73, 183, 245) 1.75517px .958851px 0, rgb(73, 183, 245) 1.0806px 1.68294px 0, rgb(73, 183, 245) .141474px 1.99499px 0, rgb(73, 183, 245)-.832294px 1.81859px 0, rgb(73, 183, 245)-1.60229px 1.19694px 0, rgb(73, 183, 245)-1.97998px .28224px 0, rgb(73, 183, 245)-1.87291px -.701566px 0, rgb(73, 183, 245)-1.30729px -1.5136px 0, rgb(73, 183, 245)-.421592px -1.95506px 0, rgb(73, 183, 245) .567324px -1.91785px 0, rgb(73, 183, 245) 1.41734px -1.41108px 0, rgb(73, 183, 245) 1.92034px -.558831px 0
}
.campaign-infobox.bg-orange {
background-image: url(https://mail-woman.site/wp-content/themes/uraomote/img/campaign-bg-yellow.jpg)
}
.campaign-infobox.bg-orange p.campaign.title {
text-shadow: rgb(247, 146, 27) 2px 0 0, rgb(247, 146, 27) 1.75517px .958851px 0, rgb(247, 146, 27) 1.0806px 1.68294px 0, rgb(247, 146, 27) .141474px 1.99499px 0, rgb(247, 146, 27)-.832294px 1.81859px 0, rgb(247, 146, 27)-1.60229px 1.19694px 0, rgb(247, 146, 27)-1.97998px .28224px 0, rgb(247, 146, 27)-1.87291px -.701566px 0, rgb(247, 146, 27)-1.30729px -1.5136px 0, rgb(247, 146, 27)-.421592px -1.95506px 0, rgb(247, 146, 27) .567324px -1.91785px 0, rgb(247, 146, 27) 1.41734px -1.41108px 0, rgb(247, 146, 27) 1.92034px -.558831px 0
}
.campaign-infobox.bg-orange p.campaign.subtitle {
text-shadow: rgb(247, 146, 27) 2px 0 0, rgb(247, 146, 27) 1.75517px .958851px 0, rgb(247, 146, 27) 1.0806px 1.68294px 0, rgb(247, 146, 27) .141474px 1.99499px 0, rgb(247, 146, 27)-.832294px 1.81859px 0, rgb(247, 146, 27)-1.60229px 1.19694px 0, rgb(247, 146, 27)-1.97998px .28224px 0, rgb(247, 146, 27)-1.87291px -.701566px 0, rgb(247, 146, 27)-1.30729px -1.5136px 0, rgb(247, 146, 27)-.421592px -1.95506px 0, rgb(247, 146, 27) .567324px -1.91785px 0, rgb(247, 146, 27) 1.41734px -1.41108px 0, rgb(247, 146, 27) 1.92034px -.558831px 0
}
.campaign-infobox.bg-pink {
background-image: url(https://mail-woman.site/wp-content/themes/uraomote/img/campaign-bg-pink.jpg)
}
.campaign-infobox.bg-pink p.campaign.title {
text-shadow: rgb(247, 109, 217) 3px 0 0, rgb(247, 109, 217) 2.83487px .981584px 0, rgb(247, 109, 217) 2.35766px 1.85511px 0, rgb(247, 109, 217) 1.62091px 2.52441px 0, rgb(247, 109, 217) .705713px 2.91581px 0, rgb(247, 109, 217)-.287171px 2.98622px 0, rgb(247, 109, 217)-1.24844px 2.72789px 0, rgb(247, 109, 217)-2.07227px 2.16926px 0, rgb(247, 109, 217)-2.66798px 1.37182px 0, rgb(247, 109, 217)-2.96998px .42336px 0, rgb(247, 109, 217)-2.94502px -.571704px 0, rgb(247, 109, 217)-2.59586px -1.50383px 0, rgb(247, 109, 217)-1.96093px -2.27041px 0, rgb(247, 109, 217)-1.11013px -2.78704px 0, rgb(247, 109, 217)-.137119px -2.99686px 0, rgb(247, 109, 217) .850987px -2.87677px 0, rgb(247, 109, 217) 1.74541px -2.43999px 0, rgb(247, 109, 217) 2.44769px -1.73459px 0, rgb(247, 109, 217) 2.88051px -.838247px 0
}
.campaign-infobox.bg-pink p.campaign.subtitle {
text-shadow: rgb(247, 109, 217) 2px 0 0, rgb(247, 109, 217) 1.75517px .958851px 0, rgb(247, 109, 217) 1.0806px 1.68294px 0, rgb(247, 109, 217) .141474px 1.99499px 0, rgb(247, 109, 217)-.832294px 1.81859px 0, rgb(247, 109, 217)-1.60229px 1.19694px 0, rgb(247, 109, 217)-1.97998px .28224px 0, rgb(247, 109, 217)-1.87291px -.701566px 0, rgb(247, 109, 217)-1.30729px -1.5136px 0, rgb(247, 109, 217)-.421592px -1.95506px 0, rgb(247, 109, 217) .567324px -1.91785px 0, rgb(247, 109, 217) 1.41734px -1.41108px 0, rgb(247, 109, 217) 1.92034px -.558831px 0
}
@media screen and (max-width:768px) {
.bg-mask {
padding: 70px 10px 30px 10px
}
.campaign-infobox {
background-position: center 0
}
p.campaign.title {
font-size: 1.1em;
margin: 0
}
p.campaign.subtitle {
font-size: .9em;
margin: 0 !important
}
.campaign.textBox p {
font-size: .9em
}
.campaign-infobox.bg-normal p.campaign.title,
.campaign-infobox.bg-blue p.campaign.title,
.campaign-infobox.bg-normal p.campaign.subtitle,
.campaign-infobox.bg-blue p.campaign.subtitle {
text-shadow: none;
color: #49b7f5 !important
}
.campaign-infobox.bg-orange p.campaign.title,
.campaign-infobox.bg-orange p.campaign.subtitle {
text-shadow: none;
color: #f7921b !important
}
.campaign-infobox.bg-pink p.campaign.title,
.campaign-infobox.bg-pink p.campaign.subtitle {
text-shadow: none;
color: #f76dd9 !important
}
}
.tab-caption-box.w90 {
width: 90%;
margin: 1.2em auto
}
@media screen and (max-width:600px) {
.tab-caption-box.w90 {
width: 100%
}
}
.none .tab-caption-box-label {
padding: 0;
font-size: 1em;
font-weight: bold;
background-color: #ffff !important;
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.none .tab-caption-box-content {
margin-top: -3px;
border: 3px solid #ffff !important;
padding: .4em 0;
border-radius: 8px;
border-top-left-radius: 0
}
.c-blue .caption-box {
border: 2px solid #4eb7d9
}
.c-blue .caption-box-label {
background-color: #4eb7d9;
color: #fff
}
.c-sick .caption-box {
border: 2px solid #235180
}
.c-sick .caption-box-label {
background-color: #235180;
color: #fff
}
.c-black .caption-box {
border: 2px solid #454c50
}
.c-black .caption-box-label {
background-color: #454c50;
color: #fff
}
.c-pink .caption-box {
border: 2px solid #f99292
}
.c-pink .caption-box-label {
background-color: #f99292;
color: #fff
}
.c-green .caption-box {
border: 2px solid #3abc98
}
.c-green .caption-box-label {
background-color: #3abc98;
color: #fff
}
.c-yellow .caption-box {
border: 2px solid #ffcb4f
}
.c-yellow .caption-box-label {
background-color: #ffcb4f;
color: #fff
}
.cb-red.caption-box {
border-color: #e60033 !important
}
.cb-red .caption-box-label {
background-color: #e60033 !important;
color: #fff
}
.cb-pink.caption-box {
border-color: #e95295 !important
}
.cb-pink .caption-box-label {
background-color: #e95295 !important;
color: #fff
}
.cb-purple.caption-box {
border-color: #884898 !important
}
.cb-purple .caption-box-label {
background-color: #884898 !important;
color: #fff
}
.cb-blue.caption-box {
border-color: #0095d9 !important
}
.cb-blue .caption-box-label {
background-color: #0095d9 !important;
color: #fff
}
.cb-green.caption-box {
border-color: #3eb370 !important
}
.cb-green .caption-box-label {
background-color: #3eb370 !important;
color: #fff
}
.cb-orange.caption-box {
border-color: #f39800 !important
}
.cb-orange .caption-box-label {
background-color: #f39800 !important;
color: #fff
}
.cb-yellow.caption-box {
border-color: #ffd900 !important
}
.cb-yellow .caption-box-label {
background-color: #ffd900 !important;
color: #fff
}
.cb-brown.caption-box {
border-color: #954e2a !important
}
.cb-brown .caption-box-label {
background-color: #954e2a !important;
color: #fff
}
.cb-grey.caption-box {
border-color: #949495 !important
}
.cb-grey .caption-box-label {
background-color: #949495 !important;
color: #fff
}
.cb-black.caption-box {
border-color: #333 !important
}
.cb-black .caption-box-label {
background-color: #333 !important;
color: #fff
}
.cb-deep.caption-box {
border-color: #55295b !important
}
.cb-deep .caption-box-label {
background-color: #55295b !important;
color: #fff
}
.cb-indigo.caption-box {
border-color: #1e50a2 !important
}
.cb-indigo .caption-box-label {
background-color: #1e50a2 !important;
color: #fff
}
.cb-light-blue.caption-box {
border-color: #2ca9e1 !important
}
.cb-light-blue .caption-box-label {
background-color: #2ca9e1 !important;
color: #fff
}
.cb-cyan.caption-box {
border-color: #00a3af !important
}
.cb-cyan .caption-box-label {
background-color: #00a3af !important;
color: #fff
}
.cb-teal.caption-box {
border-color: #007b43 !important
}
.cb-teal .caption-box-label {
background-color: #007b43 !important;
color: #fff
}
.cb-light-green.caption-box {
border-color: #8bc34a !important
}
.cb-light-green .caption-box-label {
background-color: #8bc34a !important;
color: #fff
}
.cb-lime.caption-box {
border-color: #c3d825 !important
}
.cb-lime .caption-box-label {
background-color: #c3d825 !important;
color: #fff
}
.cb-amber.caption-box {
border-color: #ffc107 !important
}
.cb-amber .caption-box-label {
background-color: #ffc107 !important;
color: #fff
}
.cb-deep-orange.caption-box {
border-color: #ea5506 !important
}
.cb-deep-orange .caption-box-label {
background-color: #ea5506 !important;
color: #fff
}
.cb-white.caption-box {
border-color: #fff !important
}
.cb-white .caption-box-label {
background-color: #fff !important;
color: #fff
}
.labs .block-box-label {
display: inline-block;
position: absolute;
top: -1.9em;
left: -2px;
border-radius: 4px 4px 0 0;
padding: .2em .8em 0 !important;
font-size: .95em
}
.caption-box.block-box.labs {
position: relative;
margin-top: calc(2.5em + 1.7em);
border-radius: 0 4px 4px 4px
}
.block-box.labs p {
margin: .6em 0 !important
}
.caption-box.block-box.labs.blackBox {
border: 2px solid #444
}
.blackBox .caption-box-label {
background-color: #444 !important;
color: #fff
}
.caption-box.block-box.labs.grayBox {
border: 2px solid #ccc
}
.grayBox .caption-box-label {
background-color: #ccc !important;
color: #fff
}
.caption-box.block-box.labs.blueBox {
border: 2px solid #4eb7d9
}
.blueBox .caption-box-label {
background-color: #4eb7d9 !important;
color: #fff
}
.caption-box.block-box.labs.navyBox {
border: 2px solid #235180
}
.navyBox .caption-box-label {
background-color: #235180 !important;
color: #fff
}
.caption-box.block-box.labs.greenBox {
border: 2px solid #3abc98
}
.greenBox .caption-box-label {
background-color: #3abc98 !important;
color: #fff
}
.caption-box.block-box.labs.yellowBox {
border: 2px solid #ffcb4f
}
.yellowBox .caption-box-label {
background-color: #ffcb4f !important;
color: #fff
}
.caption-box.block-box.labs.orangeBox {
border: 2px solid #f7921b
}
.orangeBox .caption-box-label {
background-color: #f7921b !important;
color: #fff
}
.caption-box.block-box.labs.redBox {
border: 2px solid #f2183c
}
.redBox .caption-box-label {
background-color: #f2183c !important;
color: #fff
}
.caption-box.block-box.labs.pinkBox {
border: 2px solid #f99292
}
.pinkBox .caption-box-label {
background-color: #f99292 !important;
color: #fff
}
.block-box ol,
.block-box ul {
margin: 0;
padding-top: .5em;
padding-bottom: .5em;
padding-left: 30px
}
.box-like-sango {
padding: 25px 15px 15px;
background: #f3f4f5;
border-radius: 2px
}
.box-like-sango .caption-text {
font-size: 22px;
font-weight: bold;
display: flex;
align-items: center
}
.box-like-sango .caption-text p {
display: inline-block;
margin: 0;
font-weight: bold
}
@media screen and (max-width:600px) {
.box-like-sango .caption-text p {
font-size: 18px
}
}
.box-like-sango p.tabtxt {
font-size: 22px;
font-weight: bold
}
.box-like-sango .boxtxt p {
margin: 1.5em 0 1em;
font-size: 1em
}
.box-like-sango .caption-text::before {
margin-right: 10px;
font-size: 45px;
width: 40px;
line-height: 40px
}
.box-like-sango [class*=bg-circle]::before {
color: #fff;
width: 40px;
text-align: center;
border-radius: 50%;
font-size: 22px !important
}
.box-like-sango.blackBox {
background-color: #fefefe !important
}
.box-like-sango.blackBox {
border: 2px solid #555
}
.box-like-sango.blackBox .caption-text {
color: #555 !important
}
.box-like-sango.grayBox {
background-color: #f3f4f5 !important
}
.box-like-sango.grayBox .caption-text {
color: #555 !important
}
.box-like-sango.grayBox [class*=bg-circle]::before {
background-color: #555 !important
}
.box-like-sango.blueBox {
background-color: #f3fafe !important
}
.box-like-sango.blueBox .caption-text {
color: #49b7f5 !important
}
.box-like-sango.blueBox [class*=bg-circle]::before {
background-color: #49b7f5 !important
}
.box-like-sango.navyBox {
background-color: #deeeff !important
}
.box-like-sango.navyBox .caption-text {
color: #1e50a2 !important
}
.box-like-sango.navyBox [class*=bg-circle]::before {
background-color: #1e50a2 !important
}
.box-like-sango.greenBox {
background-color: #e0ffed !important
}
.box-like-sango.greenBox .caption-text {
color: #38bc70 !important
}
.box-like-sango.greenBox [class*=bg-circle]::before {
background-color: #38bc70 !important
}
.box-like-sango.yellowBox {
background-color: #fffaec !important
}
.box-like-sango.yellowBox .caption-text {
color: #ffc107 !important
}
.box-like-sango.yellowBox [class*=bg-circle]::before {
background-color: #ffc107 !important
}
.box-like-sango.orangeBox {
background-color: #ffecb6 !important
}
.box-like-sango.orangeBox .caption-text {
color: #f7921b !important
}
.box-like-sango.orangeBox [class*=bg-circle]::before {
background-color: #f7921b !important
}
.box-like-sango.redBox {
background-color: #ffebeb !important
}
.box-like-sango.redBox .caption-text {
color: #ff7465 !important
}
.box-like-sango.redBox [class*=bg-circle]::before {
background-color: #ff7465 !important
}
.box-like-sango.pinkBox {
background-color: #ffebeb !important
}
.box-like-sango.pinkBox .caption-text {
color: #ff8dc1 !important
}
.box-like-sango.pinkBox [class*=bg-circle]::before {
background-color: #ff8dc1 !important
}
.c-blue .box-like-sango {
background-color: #f3fafe
}
.c-blue .box-like-sango .caption-text {
color: #49b7f5
}
.c-blue .box-like-sango [class*=bg-circle]::before {
background-color: #49b7f5
}
.c-sick .box-like-sango {
background-color: #deeeff
}
.c-sick .box-like-sango .caption-text {
color: #1e50a2
}
.c-sick .box-like-sango [class*=bg-circle]::before {
background-color: #1e50a2
}
.c-black .box-like-sango {
background-color: #f3f4f5
}
.c-black .box-like-sango .caption-text {
color: #555
}
.c-black .box-like-sango [class*=bg-circle]::before {
background-color: #555
}
.c-pink .box-like-sango {
background-color: #ffebeb
}
.c-pink .box-like-sango .caption-text {
color: #ff7465
}
.c-pink .box-like-sango [class*=bg-circle]::before {
background-color: #ff7465
}
.c-green .box-like-sango {
background-color: #e0ffed
}
.c-green .box-like-sango .caption-text {
color: #38bc70
}
.c-green .box-like-sango [class*=bg-circle]::before {
background-color: #38bc70
}
.c-yellow .box-like-sango {
background-color: #fffaec
}
.c-yellow .box-like-sango .caption-text {
color: #ffc107
}
.c-yellow .box-like-sango [class*=bg-circle]::before {
background-color: #ffc107
}
.bg-gray {
padding: 20px;
background-color: #f9f9f9;
color: #999
}
.afBtn {
position: relative;
display: block
}
.afBtn img {
display: none
}
.afBtn a {
height: 50px;
display: block;
z-index: 1;
position: relative;
opacity: 0
}
.afBtn .text {
text-align: center;
color: #fff;
padding: 11px;
background-color: #000;
margin-top: -50px;
z-index: 1;
display: block;
border-radius: 5px
}
.afBtn .blogcard-wrap {
margin: 0
}
#ver4 .entry-content>.micro-top {
margin-bottom: -2.75em;
margin-top: 0;
padding-top: 1em
}
.btn {
transition: all .8s ease;
opacity: 1
}
.column-wrap .btn {
width: 100%
}
#ver4 a.btn {
color: #fff
}
a.afflink-button.btn {
padding: 10px 20px;
width: 75%;
opacity: 1
}
@media screen and (max-width:600px) {
a.afflink-button.btn {
width: 95%
}
}
.btn-red {
background-color: #e60033;
border-bottom: 3px solid #b94d4d !important
}
.btn-light-green {
border-bottom: 3px solid #7f8f88 !important
}
.btn-amber {
border-bottom: 3px solid rgb(222, 201, 99) !important
}
.btn-orange {
border-bottom: 3px solid rgb(222, 143, 50) !important
}
.btn-deep-orange {
border-bottom: 3px solid #b94d4d !important
}
.btn-pink {
border-bottom: 3px solid rgb(178, 90, 159) !important
}
.btn-blue {
border-bottom: 3px solid rgb(68, 132, 168) !important
}
.btn-cyan {
border-bottom: 3px solid rgb(90, 168, 212) !important
}
.btn-gray {
background-color: #eee;
color: #555 !important;
border-bottom: 3px solid #ddd !important
}
.btn-red,
.ranking-item-link a,
.btn-wrap.btn-wrap-red>a {
background: #e60033 !important
}
.btn-pink,
.btn-wrap.btn-wrap-pink>a {
background: #e95295 !important
}
.btn-purple,
.btn-wrap.btn-wrap-purple>a {
background: #884898 !important
}
.btn-deep,
.btn-wrap.btn-wrap-deep>a {
background: #55295b !important
}
.btn-indigo,
.btn-wrap.btn-wrap-indigo>a {
background: #1e50a2 !important
}
.btn-blue,
.ranking-item-detail a,
.btn-wrap.btn-wrap-blue>a {
background: #0095d9 !important
}
.btn-light-blue,
.btn-wrap.btn-wrap-light-blue>a {
background: #2ca9e1 !important
}
.btn-cyan,
.btn-wrap.btn-wrap-cyan>a {
background: #00a3af !important
}
.btn-teal,
.btn-wrap.btn-wrap-teal>a {
background: #007b43 !important
}
.btn-green,
.btn-wrap.btn-wrap-green>a {
background: #3eb370 !important
}
.btn-light-green,
.btn-wrap.btn-wrap-light-green>a {
background: #8bc34a !important
}
.btn-lime,
.btn-wrap.btn-wrap-lime>a {
background: #c3d825 !important
}
.btn-yellow,
.btn-wrap.btn-wrap-yellow>a {
background: #ffd900 !important
}
.btn-amber,
.btn-wrap.btn-wrap-amber>a {
background: #ffc107 !important
}
.btn-orange,
.btn-wrap.btn-wrap-orange>a {
background: #f39800 !important
}
.btn-deep-orange,
.btn-wrap.btn-wrap-deep-orange>a {
background: #ea5506 !important
}
.btn-brown,
.btn-wrap.btn-wrap-brown>a {
background: #954e2a !important
}
.btn-grey,
.btn-wrap.btn-wrap-grey>a {
background-color: #eee;
color: #555 !important;
border-bottom: 3px solid #ddd !important
}
.btn-blue-grey,
.btn-wrap.btn-wrap-blue-grey>a {
background: #607d8b !important
}
.btn-black,
.btn-wrap.btn-wrap-black>a {
background: #333 !important
}
.affilink-button-footer {
width: 100%;
position: fixed;
bottom: 0;
z-index: 999;
margin: 0 auto;
background-color: rgba(255, 255, 255, .95);
display: none
}
.affilink-button-footer a.afflink-button.btn {
width: 100%;
border-bottom: 0 solid !important;
border-radius: 0;
padding: 20px 10px;
font-size: 18px
}
.affilink-button-footer .button-block {
margin: 0
}
.affilink-button-footer.content p {
margin: 0;
line-height: 1.2em !important
}
.affilink-button-footer .micro-top {
margin: 0;
padding-top: 5px;
color: #000
}
.spFooterBtn {
display: none
}
@media screen and (max-width:768px) {
.affilink-button-footer a.afflink-button.btn {
padding: 15px 10px
}
.spFooterBtn {
display: block
}
}
.affilink-button2 {
padding: 40px 10px;
text-align: center
}
.affilink-button2 span {
margin: 0 10px 0 0
}
.affilink-button2 a {
padding: 10px 20px;
border-radius: 30px;
text-decoration: none
}
.affilink-button2 a:hover {
opacity: .9;
transition: .8s
}
.affilink-button2 a::before {
content: "\f138";
padding-right: 5px;
font-family: "fontawesome"
}
@media screen and (max-width:768px) {
.affilink-button2 span {
display: block;
margin: 0 0 20px 0
}
}
.logoTxt {
text-align: center;
font-size: 40px;
margin: 0 -36px 0;
font-family: Righteous;
font-weight: bold;
background-color: white
}
@media screen and (max-width:1023px) {
.logoTxt {
margin: 0 -10px 0
}
}
@media screen and (max-width:600px) {
.like_logo {
margin-left: 0 !important;
margin-right: 0 !important
}
}
.editor-styles-wrapper .logoTxt {
margin: 0 -36px
}
.smile {
font-size: 2em;
vertical-align: middle;
margin-right: 10px;
font-weight: normal
}
.kuchikomi-title {
display: flex;
align-items: center;
font-size: 1.1em;
font-weight: bold;
line-height: 1em;
margin: 5px 0 20px 0
}
.kuchikomi {
border: 3px solid;
padding: 20px;
margin: 15px 0
}
.kuchikomi p {
margin: 0;
font-size: 15px
}
.kuchikomi.good {
border-color: #ffe4ec;
background-color: #fffafc
}
.kuchikomi-title.good {
color: #f6779e
}
.kuchikomi.bad {
border-color: #c3e3ff;
background-color: #f9fcff
}
.kuchikomi-title.bad {
color: #72bdff
}
.fal::before {
font-family: "Font Awesome 5 Free"
}
@media screen and (max-width:600px) {
.smile {
font-size: 35px;
vertical-align: middle;
margin-right: 10px;
font-weight: normal
}
}
.質問,
.回答 {
position: relative;
margin-left: 55px
}
.質問::before,
.回答::before {
font-size: 1.5em;
border-radius: 50%;
vertical-align: baseline;
padding: 5px;
margin-right: 10px;
font-weight: bold;
font-family: arial;
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
line-height: 1.4em;
box-sizing: content-box;
position: absolute;
left: -55px;
top: -11px
}
.質問::before {
content: "Q";
background-color: #8cbeef;
color: #fff
}
.回答::before {
content: "A";
background-color: #f17a7a;
color: #fff
}
p.質問+p.回答 {
margin-top: -1em
}
.rankingWrapper {
margin: 4em 0
}
.ranking-box>div::before {
content: "";
background-image: url(https://mail-woman.site/wp-content/themes/uraomote/img/rank4.jpg);
width: 50px;
display: inline-block;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
position: absolute
}
.ranking-box>div:nth-of-type(1)::before {
background-image: url(https://mail-woman.site/wp-content/themes/uraomote/img/rank1.jpg)
}
.ranking-box>div:nth-of-type(2)::before {
background-image: url(https://mail-woman.site/wp-content/themes/uraomote/img/rank2.jpg)
}
.ranking-box>div:nth-of-type(3)::before {
background-image: url(https://mail-woman.site/wp-content/themes/uraomote/img/rank3.jpg)
}
.r_title {
margin-left: 65px;
margin-bottom: 1em;
font-size: 1.4em;
padding-top: 10px;
font-weight: bold;
color: #444;
width: calc(100% - 65px) !important;
line-height: 1.2em
}
.ranking .cmpTermsHeader {
margin-right: 0
}
.ranking .sortingGroups .terms {
margin-right: 0
}
.ranking .cmpTermsHeader button {
padding: 10px 5px
}
.r_contents {
margin: 1em 0 2.5em
}
.ranking-box .ranking-item-rating.rating-star {
width: 100%;
background: 0 0;
max-width: 100%;
text-align: inherit;
padding: 0;
font-size: 1em
}
.ranking-box .ranking-item-rating.rating-star::before {
content: ""
}
.ranking-box ul {
padding-left: 20px
}
.ranking .sortingGroups {
position: relative
}
.ranking .sortingGroups::after {
border-bottom: 2px solid #4eb7d9;
content: "";
width: 100%;
position: absolute;
top: 42px
}
.ranking .sortingGroups::after {
border-bottom: 2px solid #555
}
.c-black .ranking .sortingGroups::after {
border-bottom: 2px solid #454c50
}
.c-blue .ranking .sortingGroups::after {
border-bottom: 2px solid #4eb7d9
}
.c-pink .ranking .sortingGroups::after {
border-bottom: 2px solid #ffc679
}
.c-green .ranking .sortingGroups::after {
border-bottom: 2px solid #FFF44B
}
.c-yellow .ranking .sortingGroups::after {
border-bottom: 2px solid #2D9FDB
}
.c-sick .ranking .sortingGroups::after {
border-bottom: 2px solid #f7dd1b
}
@media screen and (max-width:768px) {
.ranking-box>div::before {
width: 40px
}
.r_title {
margin-left: 45px;
font-size: 1.2em;
width: calc(100% - 45px) !important
}
.ranking .sortingGroups {
width: 100%
}
.cmpTermsHeader .terms {
padding: 0;
margin: 2px 0
}
.ranking .sortingGroups::after {
border-bottom: none !important
}
.ranking-box .column-wrap>div {
padding: 0
}
}
.v4_flex_blocks {
padding: 0 10px;
position: relative
}
.v4_flex_blocks.frame {
border: 1px solid #e8e8e8;
position: relative
}
.v4_flex_blocks.label.frame {
overflow: hidden
}
.v4_flex_blocks h3.title {
margin: 0 !important
}
.v4_flex_blocks.frame .labels {
font-size: 20px;
font-weight: bold;
height: 35px;
left: -40px;
line-height: 35px;
position: absolute;
text-align: center;
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 155px;
z-index: 1;
border: 1px solid #e8e8e8
}
.flex_wrapper.column2 {
display: flex;
justify-content: center
}
.flex_wrapper.column2 .btn_wrapper {
width: 100%
}
.btn_wrapper a.afflink-button.btn {
width: 95%
}
.v4_flex_blocks .title_wrapper,
.page-title.lp-ranking {
margin: 1em 0 0;
padding: 5px
}
.sticky-title .page-title.lp-ranking {
position: sticky;
top: 0;
z-index: 999;
background: #fffffff2;
transition: .3s
}
.v4_flex_blocks .page-title.lp-ranking .inner-text2 {
flex: 1
}
.stickem-container {
position: relative
}
.stickem {
transition: .3s
}
.stickit {
position: fixed;
top: 0;
left: 0;
right: 0;
margin-top: 0 !important;
padding: 5px 15px !important;
z-index: 1;
background: #fffffff2;
border-bottom: 1px solid #eee;
box-shadow: 0 5px 3px -3px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 5px 3px -3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 5px 3px -3px rgba(0, 0, 0, .1);
transition: .3s
}
.sticky-title .stickem-container .page-title.stickit {
margin-left: -10px !important;
margin-right: -10px !important
}
.stickit-end {
bottom: 0;
position: absolute
}
@media screen and (max-width:600px) {
.flex_wrapper.column2 {
flex-direction: column
}
.flex_wrapper.column2 .left,
.flex_wrapper.column2 .right {
width: 100% !important
}
.flex_wrapper.column2 .btn_wrapper .button-block {
margin: 5px 0
}
}
.ranking_title {
margin-left: 85px;
font-size: 1.5em;
padding-top: 16px;
font-weight: bold;
color: #444
}
.ranking_title::before {
content: "";
width: 50px;
display: inline-block;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 20px;
top: 12px
}
.ranking_title.first::before {
background-image: url(https://mail-woman.site/wp-content/themes/uraomote/img/rank1.jpg)
}
.ranking_title.second::before {
background-image: url(https://mail-woman.site/wp-content/themes/uraomote/img/rank2.jpg)
}
.ranking_title.third::before {
background-image: url(https://mail-woman.site/wp-content/themes/uraomote/img/rank3.jpg)
}
.ranking_title.none::before {
background-image: url(https://mail-woman.site/wp-content/themes/uraomote/img/rank4.jpg)
}
table.mce-item-table {
margin: 20px 0;
background: #fff;
font-size: 15px
}
table.mce-item-table p {
margin: .5em 0
}
table.mce-item-table tr td {
background: #fff
}
@media screen and (max-width:834px) {
table th,
table td {
padding: 5px;
font-size: 1em
}
}
.hikaku_table table {
width: calc(100% - 1px);
display: table
}
.hikaku_table table tr {
background-color: rgba(255, 255, 255, 0) !important
}
.hikaku_table p {
margin: .5em 0
}
.first_line_fixed table tr>td:first-child,
.first_line_fixed table thead tr>th:first-child {
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 1
}
.first_line_fixed.first_row_image table thead tr>th:first-of-type::before {
border-right-width: 0;
border-left-width: 0
}
.first_line_fixed table tr>td:first-of-type {
background: #fff
}
.first_line_fixed table thead tr>th:first-of-type {
background: #eee
}
.first_row_image table thead th {
border: 0 !important;
background-color: #fff !important
}
.hikaku_table .scrollable-table th,
.hikaku_table .scrollable-table td {
padding: 10px;
white-space: normal
}
.verticalText table tr>td:first-of-type,
.verticalText table thead tr>th:first-of-type {
white-space: normal
}
.label-link span {
padding: 2px 8px;
font-size: 14px;
color: #fff;
margin-right: 5px;
border-radius: 4px
}
.n_pankuz,
.n_date {
font-size: .9em;
padding-top: .8em;
padding-bottom: .8em;
margin: 0
}
.n_date {
text-align: right
}
.n_date::before {
content: "\f021";
font-family: fontawesome;
margin-right: 6px;
color: #eeac00
}
.n_service {
border: 1px solid #ee4257 !important;
background: #fdf2f2
}
.n_service p {
font-size: .9em !important;
margin: 1em !important
}
.timeline-item-content {
padding: 1.2em 1.4em .8em
}
.timeline-item-snippet {
padding: 15px 0
}
.タイムライン {
margin: 0 !important
}
.タイムライン .wp-block-kadence-column.inner-column-1 {
border-right: 3px solid #ccc;
position: relative
}
.タイムライン .wp-block-kadence-column.inner-column-1::after {
width: 12px;
height: 12px;
content: "";
background: #0095d9;
position: absolute;
top: 24px;
right: -7px;
border-radius: 50%
}
.insert-page .タイムライン h2,
.insert-page .タイムライン h3,
.entry-content .タイムライン h2,
.entry-content .タイムライン h3 {
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0 !important
}
table.bp_table1 caption {
text-align: left;
font-weight: bold;
font-size: 1.1em
}
.blogcard-snippet p {
margin: 5px 0;
font-size: 15px
}
.blogcard::before {
padding: .5em .7em
}
@media screen and (max-width:768px) {
.タイムライン .wp-block-kadence-column.inner-column-1::after {
display: none
}
.タイムライン .wp-block-kadence-column.inner-column-1 {
border-right: 0 solid #ccc
}
}
#ver4 .wp-block-cocoon-blocks-iconlist-box ul {
padding-bottom: 0
}
.filter-box.single-s {
display: block
}
.cmp-table {
display: flex;
margin-top: 1.4em;
margin-bottom: 1.4em
}
@media screen and (max-width:600px) {
.cmp-table {
font-size: .9em
}
}
.filter-box.related {
display: block
}
.related .mix,
.related .gap {
width: 100%;
display: block
}
.related-item {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0
}
.related-item .column-wrap {
margin: 15px 0
}
.related-item .column-left {
text-align: center
}
@media screen and (max-width:768px) {
.related-item>div {
width: 100%
}
.box-right {
padding-left: 0 !important
}
}
.related .item-name {
font-size: 1.5em
}
.box-left {
flex-basis: 20%;
text-align: center
}
.box-right {
padding-left: 15px
}
.box-under {
padding-top: 10px
}
.box-title {
flex-basis: 100%
}
.item-discription {
margin: 10px 0 20px 0;
width: 100%
}
.item-discription .inner {
border-top: 2px solid #454c50;
margin-top: 0;
padding: 10px;
background-color: #f9fbfc;
font-weight: normal;
text-align: inherit
}
.item-discription .inner p {
margin: .3em 0
}
.item-discription .label {
background-color: #454c50;
color: #fff;
padding: 5px 10px 3px;
border-radius: 5px 5px 0 0;
font-size: .9em;
border-bottom: 1px solid #454c50
}
.item-discription p>br {
display: none
}
.item-link {
text-align: center;
display: flex;
justify-content: flex-start
}
a.related {
margin: 0 5px;
font-size: 14px;
padding: 6px 5px
}
.related .btn {
width: 80%;
margin: 0 auto;
padding: 10px;
font-size: 1em;
display: block
}
.linkBtn a {
margin: 0 10px !important
}
.linkBtn {
display: flex;
justify-content: center;
padding-bottom: 20px
}
@media screen and (max-width:600px) {
.linkBtn a {
margin: 2px auto !important
}
.linkBtn {
display: block;
padding-bottom: 20px
}
.related .btn {
width: 100%
}
}
table.item-table {
margin: 0;
text-align: center;
font-size: 13px
}
table.item-table th,
table.item-table td {
border: 1px solid #eee;
padding: 3px
}
table.item-table th {
color: #555
}
.addContents {
padding: 30px 0 20px
}
.cmp-box {
display: -webkit-box;
display: -moz-box;
overflow-x: auto;
width: 100%;
padding-bottom: 10px;
-webkit-overflow-scrolling: touch
}
.cmp-box .mix,
.cmp-box .gap {
display: block;
vertical-align: top
}
.cmpTermsHeader {
border: 0
}
.cmpTermsHeader .terms {
display: flex;
flex-wrap: wrap;
padding: 5px 5px 12px
}
.cmpTermsHeader .terms label {
width: 100%
}
.controls.cmp {
float: none;
margin: 0 0 30px 0;
display: flex;
font-size: .9em;
position: relative
}
.cmpTermsHeader {
border: 0;
display: flex;
flex: 1;
flex-wrap: wrap
}
.cmpTermsHeader .terms {
flex-wrap: nowrap;
padding: 0
}
.sortingGroups .terms,
.narowwingGroups .terms {
padding: 0;
margin-right: 10px;
flex: 5
}
.sortingGroups .terms {
display: flex;
flex-wrap: nowrap
}
.narowwingGroups .terms {
display: inline-block;
padding-top: 2px
}
.cmpTermsHeader .label {
padding: 5px 10px 5px 5px;
border-radius: 0;
font-weight: bold;
flex: 1;
margin-right: 5px;
background-color: #ddd
}
.cmpTermsHeader .terms label {
width: 100%;
vertical-align: sub;
margin: 3px
}
.narowwingGroups,
.sortingGroups {
display: flex;
align-items: stretch;
font-size: .9em;
margin-bottom: 2px;
width: 100%
}
.cmpTermsHeader button.reset {
margin-top: 0
}
button.sort::before {
border: 2px solid #6c7781;
background: #fff;
color: #555;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
height: 12px;
margin: -3px 4px 0 0;
outline: 0;
padding: 0 !important;
text-align: center;
vertical-align: middle;
width: 12px;
min-width: 12px;
-webkit-appearance: none;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
transition: .05s border-color ease-in-out
}
.sort.mixitup-control-active::before {
background-color: #f2183c;
border: 2px solid #f2183c
}
.cmpTermsHeader .narowwingGroups .label::before {
content: "\f0b0";
font-family: "fontawesome";
margin: 0 5px
}
.cmpTermsHeader .sortingGroups .label::before {
content: "\f0dc";
font-family: "fontawesome";
margin: 0 5px
}
.cmpTermsHeader button {
border: 2px solid white;
padding: 5px 8px;
margin: 0 auto;
display: block;
width: 100%;
font-size: 1em;
border-radius: 2px
}
.cmpTermsHeader button.reset {
margin-top: 5px;
font-size: .9em
}
.controls.cmp button.reset {
margin-top: 0
}
.cmpTermsHeader.related {
margin-top: -18px;
margin-bottom: 10px
}
.cmpTermsHeader.related.yoko {
margin-top: -7px;
margin-bottom: 10px
}
.cmpTermsHeader.related.yoko select {
padding: 5px 5px 7px 5px
}
.cmpTermsHeader.related .label {
flex: 1;
font-weight: normal;
border-radius: 4px
}
.cmpTermsHeader.related .terms {
flex: 4
}
@media screen and (max-width:768px) {
.controls.cmp {
display: block;
width: 100%;
margin: 0 auto
}
.cmpTermsHeader {
display: block
}
.narowwingGroups {
width: 50%;
float: left
}
.narowwingGroups,
.sortingGroups {
display: inline-block;
width: 50%
}
.cmpTermsHeader .terms {
padding: 0;
flex-flow: column;
font-size: 1em;
text-align: center;
margin: 2px 0 2px 0
}
.cmpTermsHeader .terms label,
.cmpTermsHeader .terms button {
margin: 0
}
input[type=checkbox]+span {
padding: 3px 8px;
width: 100%;
display: block;
border: 2px solid #fff;
background: #f0f0f1
}
input[type=checkbox]:checked+span {
font-weight: bold
}
.cmpTermsHeader button {
padding: 3px 8px
}
.cmpTermsHeader input[type=checkbox],
.cmpTermsHeader input[type=radio] {
display: none !important
}
.cmpTermsHeader .label {
margin-right: 0
}
.controls.cmp button.reset {
margin-top: 2px;
width: 90%;
padding: 2px;
margin: 0 auto;
display: block
}
.narowwingGroups .terms {
display: flex
}
}
.cmp-item>div:not(.point):not(.item-link) {
white-space: normal;
overflow: hidden
}
.cmp-item>div:not(.image) {
border-top: 1px solid #ddd
}
.cmp-item>div:last-of-type {
border-bottom: 1px solid #ddd
}
.cmp-item.descripiton>div:not(.image):not(.link) {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd
}
.cmp-item.mix>div:not(.image) {
border-right: 1px solid #ddd
}
.cmp-item:not(.this)>div:nth-of-type(2n):not(.image):not(.link) {
background: #f6f6f6
}
.cmp-item.this>div:nth-of-type(2n):not(.image) {
background: #ffffde
}
.cmp-item.this>div:nth-of-type(2n+1):not(.image) {
background: #ffe
}
.cmp-item.descripiton {
font-size: 1em;
font-weight: bold
}
@media screen and (max-width:600px) {
.cmp-item.descripiton.gap.verticalText .terms {
white-space: normal;
overflow: auto
}
}
.cmp-item.descripiton .image {
height: 150px
}
.cmp-item:not(.descripiton) .terms {
display: flex;
align-items: center;
justify-content: center
}
.cmp-item.descripiton .terms {
display: flex;
align-items: center;
line-height: 1em
}
.cmp-item.mix .terms {
display: flex;
align-items: center;
justify-content: center;
position: relative;
flex-direction: column
}
.cmp-item img {
max-height: 150px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
top: 0;
padding: 5px
}
.cmp-item .image {
text-align: center;
height: 150px;
position: relative
}
.cmp-item .mark {
display: inherit
}
.cmp-item .mark img {
position: relative
}
.cmp-item .name {
height: 3.6em;
font-weight: bold;
white-space: normal !important;
display: flex;
align-items: center
}
.cmp-item .name:not(.terms) {
justify-content: center
}
.cmp-item .star {
font-size: 1em;
padding: 0
}
.cmp-box .before {
text-decoration: line-through
}
.cmp-box .after {
font-weight: bold;
color: #d10e24
}
.cmp-item .point {
height: 150px;
overflow: hidden
}
.cmp-item .point:hover {
overflow-y: scroll
}
.cmp-item.descripiton .point:hover {
overflow-y: hidden
}
.cmp-item ul.osusumepoint {
font-size: .9em;
line-height: 1.5em
}
.cmp-box p.kokogapoint {
display: none
}
.cmp-item.descripiton>div {
padding: 3px 10px !important;
text-align: left !important
}
.cmp-item>div:not(.image) {
padding: 3px 5px;
font-size: .9em;
height: 30px
}
.cmp-item>div:not(.point) {
text-align: center
}
.cmp-box .item-link {
display: block
}
.cmp-item .btn {
width: 90%;
margin: 5px auto;
display: block;
padding: 5px
}
.cmp-box .item-link a {
width: 100%;
margin: 0 0 3px 0;
padding: 2px 5px;
font-size: 13px
}
.cmp-item.descripiton .item-link::after {
content: "";
height: 64px
}
@media screen and (max-width:480px) {
.cmp-item.descripiton .item-link::after {
height: 66px
}
}
.cmp-box .mix,
.cmp-box .gap {
width: 220px
}
@media screen and (min-width:541px) {
.cmp-box .mix,
.cmp-box .gap {
width: 220px
}
}
@media screen and (min-width:961px) {
.cmp-box .mix,
.cmp-box .gap {
width: 220px
}
}
@media screen and (min-width:1281px) {
.cmp-box .mix,
.cmp-box .gap {
width: 220px
}
}
.cmp-item.mix .terms>p {
margin: 0
}
.related span.value>p {
margin: 0
}
span.mark {
display: block
}
span.mark img {
height: 40px;
margin: 5px 0 0
}
span.丸::before {
font-size: 50px;
color: #49b7f5;
text-stroke: 4px #49b7f5;
-webkit-text-stroke: 4px #49b7f5;
content: "○";
display: contents;
line-height: 60px
}
span.二重丸::before {
color: #49b7f5;
text-stroke: 1px #49b7f5;
-webkit-text-stroke: 1px #49b7f5;
font-weight: bold;
font-size: 70px;
content: "◎";
display: contents;
line-height: 60px
}
@media screen and (max-width:480px) {
span.二重丸::before {
text-stroke: 2px #49b7f5;
-webkit-text-stroke: 2px #49b7f5;
font-size: 55px;
line-height: 60px
}
}
span.三角::before {
font-size: 50px;
text-stroke: 4px #ffc107;
-webkit-text-stroke: 4px #ffc107;
content: "△";
display: contents;
line-height: 60px
}
span.バツ::before {
font-size: 47px;
text-stroke: 4px #e60033;
-webkit-text-stroke: 4px #ff99b0;
content: "✕";
display: contents;
line-height: 60px
}
form.controls.myfilter {
margin-top: 0;
margin-bottom: 0
}
.mask {
height: 100%;
display: block;
padding-top: 50px;
background-color: rgba(255, 255, 255, .3);
padding-bottom: 50px;
margin: 0 -10px
}
fieldset.narrowing-terms {
border: 0
}
.narrowing-terms .row {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between
}
.narrowing-terms .row>div {
margin: 0 5px 5px 0
}
.narrowing-terms .label {
flex: 1;
padding: 5px 10px;
border-radius: 5px;
font-weight: bold;
margin-left: 10px !important
}
.narrowing-terms .label span {
font-size: .7em
}
.narrowing-terms .terms {
flex: 2;
display: flex;
justify-content: space-between
}
.narrowing-terms .value {
flex: 1;
text-align: center;
border-radius: 5px
}
.narrowing-terms .terms.checkbox2 {
display: flex;
flex-wrap: wrap
}
.narrowing-terms .terms.checkbox2 .value {
flex-basis: 40%;
text-align: left;
margin: 2px 5px 2px 0;
align-items: center;
padding: 5px 10px
}
.narrowing-terms .terms:not(.checkbox2) span {
display: block;
border-radius: 5px;
padding: 5px 10px;
margin-right: 5px
}
.narrowing-terms .terms.checkbox2 span {
padding-left: 0
}
.narrowing-terms .terms:not(.checkbox2) input {
display: none
}
.narrowing-terms .terms select {
margin-right: 5px
}
.narrowing-terms .label.s_blue,
.c-blue .cmpTermsHeader .label {
background-color: #4eb7d9;
color: #fff
}
.narrowing-terms .terms:not(.checkbox2) span.s_blue,
.narrowing-terms .terms.checkbox2 .value.s_blue,
.c-blue .cmpTermsHeader .sort {
background-color: rgba(195, 238, 252, .8)
}
.terms:not(.checkbox2) input:checked+span.s_blue {
background-color: #ffcb4f;
color: #fff;
border: 2px solid #ffcb4f;
padding: 3px 8px;
font-weight: bold
}
.c-blue .cmpTermsHeader .sort.mixitup-control-active {
background-color: #4eb7d9;
color: #fff;
font-weight: bold
}
@media screen and (max-width:768px) {
.c-blue .cmpTermsHeader input[type=checkbox]+span {
background: #cff1fc
}
.c-blue .cmpTermsHeader input[type=checkbox]:checked+span {
font-weight: bold;
color: #fff;
background: #4eb7d9
}
}
.narrowing-terms .label.s_green,
.c-green .cmpTermsHeader .label {
background-color: #3abc98;
color: #fff
}
.narrowing-terms .terms:not(.checkbox2) span.s_green,
.narrowing-terms .terms.checkbox2 .value.s_green,
.c-green .cmpTermsHeader .sort {
background-color: rgba(188, 245, 230, .9)
}
.terms:not(.checkbox2) input:checked+span.s_green {
background-color: #FFF44B;
color: #3abc98;
border: 2px solid #FFF44B;
padding: 3px 8px;
font-weight: bold
}
.c-green .cmpTermsHeader .sort.mixitup-control-active {
background-color: #FFF44B;
color: #3abc98;
font-weight: bold
}
@media screen and (max-width:768px) {
.c-green .cmpTermsHeader input[type=checkbox]+span {
background: rgba(188, 245, 230, .9)
}
.c-green .cmpTermsHeader input[type=checkbox]:checked+span {
font-weight: bold;
color: #3abc98;
background: #FFF44B
}
}
.narrowing-terms .label.s_pink,
.c-pink .cmpTermsHeader .label {
background-color: #F99292;
color: #fff
}
.narrowing-terms .terms:not(.checkbox2) span.s_pink,
.narrowing-terms .terms.checkbox2 .value.s_pink,
.c-pink .cmpTermsHeader .sort {
background-color: rgba(255, 230, 196, .9)
}
.terms:not(.checkbox2) input:checked+span.s_pink {
background-color: #ffc679;
color: #fff;
border: 2px solid #ffc679;
padding: 3px 8px;
font-weight: bold
}
.c-pink .cmpTermsHeader .sort.mixitup-control-active {
background-color: #ffc679;
color: #fff;
font-weight: bold
}
@media screen and (max-width:768px) {
.c-pink .cmpTermsHeader input[type=checkbox]+span {
background: rgba(255, 230, 196, .9)
}
.c-pink .cmpTermsHeader input[type=checkbox]:checked+span {
font-weight: bold;
color: #fff;
background: #ffc679
}
}
.narrowing-terms .label.s_yellow,
.c-yellow .cmpTermsHeader .label {
background-color: #ffcb4f;
color: #fff
}
.narrowing-terms .terms:not(.checkbox2) span.s_yellow,
.narrowing-terms .terms.checkbox2 .value.s_yellow,
.c-yellow .cmpTermsHeader .sort {
background-color: rgba(255, 238, 198, .9)
}
.terms:not(.checkbox2) input:checked+span.s_yellow {
background-color: #2D9FDB;
color: #fff;
border: 2px solid #2D9FDB;
padding: 3px 8px;
font-weight: bold
}
.c-yellow .cmpTermsHeader .sort.mixitup-control-active {
background-color: #2D9FDB;
color: #fff;
font-weight: bold
}
@media screen and (max-width:768px) {
.c-yellow .cmpTermsHeader input[type=checkbox]+span {
background: rgba(255, 238, 198, .9)
}
.c-yellow .cmpTermsHeader input[type=checkbox]:checked+span {
font-weight: bold;
color: #fff;
background: #2D9FDB
}
}
.narrowing-terms .label.s_black,
.c-black .cmpTermsHeader .label {
background-color: #454C50;
color: #fff
}
.narrowing-terms .terms:not(.checkbox2) span.s_black,
.narrowing-terms .terms.checkbox2 .value.s_black,
.c-black .cmpTermsHeader .sort {
background-color: rgba(239, 239, 239, .9);
color: #454C50
}
.terms:not(.checkbox2) input:checked+span.s_black {
background-color: #454C50;
color: #fff;
border: 2px solid #454C50;
padding: 3px 8px;
font-weight: bold
}
.c-black .cmpTermsHeader .sort.mixitup-control-active {
background-color: #454C50;
color: #fff;
font-weight: bold
}
@media screen and (max-width:768px) {
.c-black .cmpTermsHeader input[type=checkbox]+span {
background: rgba(239, 239, 239, .9)
}
.c-black .cmpTermsHeader input[type=checkbox]:checked+span {
font-weight: bold;
color: #fff;
background: #454C50
}
}
.narrowing-terms .label.s_sick,
.c-sick .cmpTermsHeader .label {
background-color: #235180;
color: #fff
}
.narrowing-terms .terms:not(.checkbox2) span.s_sick,
.narrowing-terms .terms.checkbox2 .value.s_sick,
.c-sick .cmpTermsHeader .sort {
background-color: rgba(56, 56, 56, .8);
color: #fff
}
.terms:not(.checkbox2) input:checked+span.s_sick {
background-color: #f7dd1b;
color: #235180;
border: 2px solid #f7dd1b;
padding: 3px 8px;
font-weight: bold
}
.c-sick .cmpTermsHeader .sort.mixitup-control-active {
background-color: #f7dd1b;
color: #235180;
font-weight: bold
}
@media screen and (max-width:768px) {
.c-sick .cmpTermsHeader input[type=checkbox]+span {
background: rgba(56, 56, 56, .8);
color: #fff
}
.c-sick .cmpTermsHeader input[type=checkbox]:checked+span {
font-weight: bold;
color: #235180;
background: #f7dd1b
}
}
.narrowing-terms .label.s_custom {
background-color: #fff;
color: #333
}
.narrowing-terms .terms:not(.checkbox2) span.s_custom,
.narrowing-terms .terms.checkbox2 .value.s_custom {
background-color: rgba(255, 255, 255, .3)
}
.terms:not(.checkbox2) input:checked+span.s_custom {
background-color: #fff;
color: #333;
border: 2px solid #fff;
padding: 3px 8px;
font-weight: bold
}
.seachBtn {
width: 50%;
display: grid;
margin: 0 auto 5px
}
button.reset {
margin-top: 15px
}
.sort-box {
display: flex;
justify-content: space-around;
text-align: center;
border-radius: 4px;
flex-wrap: wrap;
align-items: flex-end;
background-color: #eee
}
.related .sort-box.table.other {
margin-top: -12px;
border-radius: 0 0 4px 4px
}
.sort-box:not(.table) .sortLabel {
flex: 1 calc(100% / 10);
padding-top: 5px;
padding-bottom: 5px;
font-size: .9em
}
.sortLabel button {
border: 0;
background: 0 0;
font-size: 1.5em;
margin: 0 5px;
color: inherit
}
.sortBtn {
margin: -10px 0 -3px 0
}
.controls.cmp input#expds {
display: none
}
.expd_wrapper {
width: 100%;
display: flex
}
@media screen and (max-width:768px) {
.expd_wrapper {
display: block
}
}
table.flexBox {
font-size: .9em
}
.flexBox tbody {
display: flex;
flex-wrap: wrap;
border: 1px solid;
border-radius: 2px
}
.flexBox tr {
display: flex;
flex-direction: column;
flex: 1 calc(100% / 4);
text-align: center;
border: 1px solid
}
@media screen and (max-width:600px) {
.flexBox tr {
flex: 1 calc(100% / 2)
}
}
.flexBox th,
.flexBox td {
border: 0;
padding: 5px
}
.flexBox th {
font-weight: normal
}
.flexBox td {
background: #fff;
height: 100%;
white-space: normal
}
.flexBox p {
margin: 0
}
.in {
display: flex;
height: 100%;
justify-content: center;
vertical-align: middle;
align-items: center
}
.in span.value {
margin: 0;
color: inherit;
padding: 0;
height: auto;
line-height: inherit
}
.related-item>.caption-box+.scrollable-table,
.flexBox+.flexBox.other {
margin-top: -22px
}
table.flexBox span.mark img {
height: 32px
}
.c-blue .flexBox th {
background-color: #4eb7d9;
color: #fff
}
.c-blue .flexBox tbody,
.c-blue .flexBox tr {
border-color: #4eb7d9
}
.c-sick .flexBox th {
background-color: #235180;
color: #fff
}
.c-sick .flexBox tbody,
.c-sick .flexBox tr {
border-color: #235180
}
.c-black .flexBox th {
background-color: #454c50;
color: #fff
}
.c-black .flexBox tbody,
.c-black .flexBox tr {
border-color: #454c50
}
.c-pink .flexBox th {
background-color: #f99292;
color: #fff
}
.c-pink .flexBox tbody,
.c-pink .flexBox tr {
border-color: #f99292
}
.c-green .flexBox th {
background-color: #3abc98;
color: #fff
}
.c-green .flexBox tbody,
.c-green .flexBox tr {
border-color: #3abc98
}
.c-yellow .flexBox th {
background-color: #ffcb4f;
color: #fff
}
.c-yellow .flexBox tbody,
.c-yellow .flexBox tr {
border-color: #ffcb4f
}
.flexBox.t_align_left .in {
justify-content: flex-start;
text-align: left
}
.flexBox.v_align_top .in {
align-items: flex-start
}
.flexBox.row2 {
display: flex
}
.flexBox.row2 tbody {
border-top: 1px solid;
border-left: none;
border-right: none;
border-bottom: none
}
.flexBox.row2 tr {
flex: none;
flex-direction: row;
width: 50%;
margin-top: -1px
}
.flexBox.row2 th {
width: 35%;
white-space: normal;
text-align: left
}
.flexBox.row2 td {
width: 65%;
white-space: normal
}
@media screen and (max-width:600px) {
.flexBox.row2 tr {
width: 100%
}
}
.flexBox.row1 tr {
flex: 1
}
@media screen and (max-width:600px) {
.flexBox.row1 tr {
flex: none;
flex-direction: row;
width: 100%
}
.flexBox.row1 th {
width: 35%;
text-align: left;
white-space: normal
}
.flexBox.row1 td {
width: 65%;
white-space: normal
}
}
.cmpTermsHeader.related.yoko .narowwingGroups {
font-size: .9em
}
.sort-box.table .sortLabel {
flex: 1 calc(100% / 4);
padding-top: 0
}
.table .sort-box.table .sortLabel {
flex: 1 calc(100% / 10);
padding-top: 0
}
.table .sort-box.table .sortLabel.name {
flex: 10;
text-align: left
}
.sort-box.table {
flex-wrap: wrap;
padding-left: 2px;
width: 100%
}
.table .sort-box.table {
align-items: center
}
.table.gap .sort-box.table {
align-items: flex-end;
padding-bottom: 5px;
padding-top: 5px
}
.table.mix .sort-box.table {
background-color: inherit;
border-bottom: 2px solid #454c50;
border-radius: 0
}
.table .sort-box.table {
margin-bottom: 10px;
padding-bottom: 10px
}
.related .sortBtn {
margin: 0
}
.related-item.table.gap .sortBtn {
font-size: .8em;
margin: -5px 0
}
.sortBtn.hidden {
opacity: 0
}
.sort-box.table .sortLabel>span {
font-size: .9em;
line-height: 1.8
}
.sort-box.table .sortLabel>span.label {
display: none
}
.related span.value {
background-color: #fff;
color: #454c50;
display: block;
margin: 2px 2px 2px 0;
padding: 5px 3px;
height: 32px;
overflow-y: hidden;
line-height: 1.6
}
.related .sort-box {
margin-bottom: 10px
}
.caption-box.block-box+.sort-box.table {
margin-top: -1.4em;
border-radius: 0 0 4px 4px
}
@media screen and (max-width:768px) {
.sort-box.table .sortLabel {
flex: 1 calc(100% / 2);
padding-top: 0
}
.sort-box .sortLabel {
flex: 1 calc(100% / 5)
}
.related .narowwingGroups {
width: 100%;
margin-top: 4px
}
.related .narowwingGroups .terms {
padding-top: 5px
}
}
button.asc::before {
content: "\f0d8"
}
button.desc::before {
content: "\f0d7"
}
button.asc::before,
button.desc::before {
font-family: "fontawesome";
font-size: 1.3em;
margin: 0 3px
}
.sortBtn .mixitup-control-active {
font-weight: inherit;
border: inherit
}
.sort-box.s_blue,
.c-blue .sort-box {
background-color: #4eb7d9;
color: #fff
}
.sort-box.s_blue .sortBtn .mixitup-control-active,
.c-blue .sort-box .sortBtn .mixitup-control-active {
color: #fff200
}
.sort-box.s_green,
.c-green .sort-box {
background-color: #3abc98;
color: #fff
}
.sort-box.s_green .sortBtn .mixitup-control-active,
.c-green .sort-box .sortBtn .mixitup-control-active {
color: #FFF44B
}
.sort-box.s_pink,
.c-pink .sort-box {
background-color: #F99292;
color: #fff
}
.sort-box.s_pink .sortBtn .mixitup-control-active,
.c-pink .sort-box .sortBtn .mixitup-control-active {
color: #ffc679
}
.sort-box.s_yellow,
.c-yellow .sort-box {
background-color: #ffcb4f;
color: #fff
}
.sort-box.s_yellow .sortBtn .mixitup-control-active,
.c-yellow .sort-box .sortBtn .mixitup-control-active {
color: #2D9FDB
}
.sort-box.s_black,
.c-black .sort-box {
background-color: #454C50;
color: #fff
}
.sort-box.s_black .sortBtn .mixitup-control-active,
.c-black .sort-box .sortBtn .mixitup-control-active {
color: #f2183c
}
.sort-box.s_sick,
.c-sick .sort-box {
background-color: #235180;
color: #fff
}
.sort-box.s_sick .sortBtn .mixitup-control-active,
.c-sick .sort-box .sortBtn .mixitup-control-active {
color: #f7dd1b
}
.sort-box.s_custom {
background-color: #fff;
color: #333
}
.sort-box.s_custom .sortBtn .mixitup-control-active {
color: #f7dd1b
}
.filter-box.myfilter {
display: block
}
.myfilter .mix,
.myfilter .gap {
width: 100%
}
@media screen and (min-width:541px) {
.myfilter .mix,
.myfilter .gap {
width: 100%
}
}
@media screen and (min-width:961px) {
.myfilter .mix,
.myfilter .gap {
width: 100%
}
}
@media screen and (min-width:1281px) {
.myfilter .mix,
.myfilter .gap {
width: 100%
}
}
.filter-box3 {
position: relative;
min-height: 150px
}
.failedMsg {
display: none;
opacity: 0;
text-align: center;
background-color: #f8fcff;
padding: 70px 10px;
position: absolute;
width: 100%;
left: 0;
right: 0;
margin: 0 auto
}
.mixitup-container-failed .failedMsg {
display: block;
opacity: 1;
transition: 200ms
}
.mixitup-container-failed .cmp-item.descripiton {
opacity: 0;
transition: 500ms
}
.entry-content .search-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.entry-content .feas-searchform-title {
flex-basis: 200px;
font-size: .95em;
background-color: #5bc0de;
border: 0;
padding: 5px 8px;
color: #fff;
border-radius: 5px;
font-weight: normal
}
@media screen and (max-width:768px) {
.entry-content .feas-searchform-title {
flex-basis: 100%;
margin: 5px 0 5px
}
}
.entry-content .feas-terms {
display: flex;
flex: 1;
flex-wrap: wrap;
padding: 0 3px
}
.entry-content .search-item label {
display: flex;
flex: 1 calc(100% / 3);
padding: 0;
margin: 3px
}
.entry-content .search-item span {
width: 100%;
text-align: center;
font-size: .9em;
line-height: 1.2em;
padding: 5px
}
.entry-content .search-item select,
.entry-content .search-item input {
flex: 1;
font-size: .9em;
margin: 1px 5px
}
.entry-content .feas-submit-button {
font-size: 1em;
padding: 5px 10px
}
.search-form-title {
border-bottom: 2px solid #67c2ef
}
.search-form-title span {
background: #67c2ef;
color: #fff;
padding: 5px 10px 3px 10px;
font-size: .9em
}
.search-box_label {
font-weight: bold
}
.search-item {
opacity: 1;
height: auto;
transition: .2s
}
.search-item.is-hide,
.search-item.is-hide>div,
.search-item.is-hide>label {
opacity: 0;
height: 0;
padding: 0;
display: block
}
.search-form {
padding-bottom: 0;
display: flex;
border-bottom: 2px solid #67c2ef;
margin: 0
}
input.select+span {
font-size: 12px;
text-align: center;
background-color: aliceblue;
margin: 0 3px 0 0;
border-bottom: 2px solid #fff
}
input.select:checked+span {
background-color: #67c2ef;
color: #fff;
border-bottom: 2px solid #67c2ef
}
span.selectname {
padding: 4px 7px 2px 7px
}
.search-item {
display: table;
padding: 2px 5px;
width: 100%
}
.feas-searchform-title {
font-size: .9em;
padding: 2px 0;
border-bottom: 1px solid #ccc;
font-weight: bold;
color: #555
}
.feas-searchform-title.no-border {
border-bottom: none
}
.search-item label {
padding: 5px 0 5px 5px;
display: inline-block
}
.main .feas-submit-button {
margin-top: 5px !important;
background-color: #eee !important;
border: 0 !important;
color: #777;
font-weight: bold;
border-bottom: 2px solid #ccc !important;
width: 75% !important;
display: block;
margin: 0 auto 10px !important;
border-radius: 4px;
font-size: 1em !important;
padding: 10px !important
}
.textwidget .feas-submit-button {
margin-top: 10px !important
}
.search-item span {
background-color: #f5f8fa;
padding: 3px 7px;
border-radius: 4px;
font-size: .9em;
border: 1px solid #eee
}
.search-item input:checked+span {
background-color: #67c2ef;
color: #fff;
border: 1px solid #67c2ef
}
.main .search-item input[type=radio],
.main .search-item input[type=checkbox] {
display: none !important
}
.search-item option {
padding: 1px 0 1px 4px
}
.search-item input {
font-size: .9em;
padding: 8px
}
input.feas-reset {
display: block;
border: 0;
margin: 5px auto 0;
background: 0 0;
color: #949495;
font-size: .8em;
font-weight: bold
}
.widget-sidebar .search-item input[type=radio],
.widget-sidebar .search-item input[type=checkbox] {
display: inline-block
}
.widget-sidebar .search-item span {
background-color: rgba(0, 0, 0, 0);
border: 0 solid #fff;
display: initial
}
.widget-sidebar .search-item input:checked+span {
background-color: rgba(0, 0, 0, 0);
color: #000;
border: 0 solid #fff
}
.search .entry-card,
.search .related-entry-card {
display: block;
padding: 0
}
.search h2 {
font-size: 1.3em;
color: #555
}
.itemDescription {
font-size: .85em;
line-height: 1.4em;
color: #949495;
margin: 8px 0 5px
}
.itemDescription p {
margin: 0
}
.search .a-wrap:hover {
transform: none
}
.entry-card-top {
display: flex;
margin-bottom: 10px
}
.entry-card-left {
flex: 1
}
.entry-card-right {
flex: 2
}
.search .addContents {
padding: 0
}
.search h1#archive-title,
.archive h1#archive-title {
margin: 0 0 .5em;
font-size: 1.3em
}
.search .a-wrap {
margin-bottom: .8em;
box-shadow: none;
border: 0;
padding: 10px
}
.search .main .widget,
.search .main .list {
margin: 0;
padding: 0
}
.search .main {
margin-top: 0;
background-color: #fff
}
.search-no-results form.controls.cmp {
display: none
}
@media screen and (max-width:600px) {
.entry-card-top {
display: block;
margin-bottom: 10px
}
.entry-card-left {
width: 100%;
text-align: center
}
.search .a-wrap {
padding: 35px 0
}
.entry-content .search-item label {
display: flex;
flex: 1 calc(100% / 1);
padding: 0;
margin: 0
}
.feas-submit-button {
width: 95% !important
}
.search-item input:checked+span {
margin: 1px 0
}
}
@media screen and (max-width:768px) {
.kt-mobile-layout-row.kt-v-gutter-default>.wp-block-kadence-column {
margin-bottom: 15px !important
}
.kt-mobile-layout-row:not(.kt-v-gutter-none)>.wp-block-kadence-column:last-child {
margin-bottom: 15px !important
}
}
.kt-tabs-layout-vtabs>.kt-tabs-title-list {
width: 25% !important
}
.スマホで見た時 {
width: 365px;
height: 600px;
overflow-y: scroll;
border: 15px solid #333;
border-radius: 15px
}
.title-simple {
position: absolute;
top: -1.8em !important;
left: -2px !important;
font-size: .9em !important;
font-weight: bold;
display: inline-block;
padding: .2em 1em 0;
border-radius: 5px 5px 0 0 !important;
color: #fff;
background: #666
}
.box-simple {
position: relative;
border-radius: 0 5px 5px;
padding: 1.5em 1em .5em;
margin: 2.5em 0 2em;
border: 2px solid #666;
border-radius: 0 2px 2px 2px !important
}
@media screen and (min-width:481px) {
.box-simple {
margin: 3em 1em 2em
}
}
.box-title {
position: absolute;
top: -1em;
left: 1em;
font-size: 1em;
font-weight: bold;
display: inline-block;
padding: .2em .8em 0;
border-radius: 5px
}
.title-box {
position: relative;
border-radius: 5px;
padding: 1em;
margin: 2.5em 0 2em
}
@media screen and (min-width:481px) {
.title-box {
margin: 2.5em 0
}
}
.title-gray {
color: #666;
background: #fff
}
.box-gray {
border: #dfe3e5 2px solid
}
.title-pink {
color: #f278a4;
background: #fff
}
.box-pink {
border: #ffcbde 2px solid
}
.title-blue {
color: #0095d9;
background: #fff
}
.box-blue {
border: #98d0e9 2px solid
}
.title-yellow {
color: #f39800;
background: #fff
}
.box-yellow {
border: #ffc107 2px solid
}
.title-green {
color: #4CAF50;
background: #fff
}
.box-green {
border: #9dd9a0 1px solid
}
.title-box p {
margin: .3em 0
}
#ver4 form {
margin: 5px 0
}
#ver4 .search-edit,
#ver4 input[type=text],
#ver4 input[type=password],
#ver4 input[type=date],
#ver4 input[type=datetime],
#ver4 input[type=email],
#ver4 input[type=number]:not(.components-range-control__number),
#ver4 input[type=search],
#ver4 input[type=tel],
#ver4 input[type=time],
#ver4 input[type=url],
#ver4 textarea,
#ver4 select {
padding: 5px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: .9em;
width: 100%;
color: #333
}
#ver4 input[type=submit],
#bbp_reply_submit,
#ver4 .bp-login-widget-register-link a {
padding: 4px;
width: 100%;
margin: 0;
cursor: pointer
}
#ver4 input[type=checkbox],
#ver4 input[type=radio] {
border: 2px solid #6c7781;
background: #fff;
color: #555;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
height: 16px;
margin: -3px 4px 0 0;
outline: 0;
padding: 0 !important;
text-align: center;
vertical-align: middle;
width: 16px;
min-width: 16px;
-webkit-appearance: none;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
transition: .05s border-color ease-in-out;
margin-right: 0
}
#ver4 input[type=checkbox]:checked,
#ver4 input[type=radio]:checked {
background: #f2183c;
border: 2px solid #f2183c
}
.toc input[type=checkbox]:checked {
display: none
}
.select-box {
overflow: hidden;
width: 100%;
margin: 0 auto 5px;
text-align: center
}
.select-box select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: .01px;
text-overflow: ellipsis;
border: 0;
outline: 0;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.select-box select::-ms-expand {
display: none
}
.select-box {
position: relative;
border: 1px solid #bbb;
border-radius: 2px;
background: #fff;
flex: 1;
margin: 1px 5px
}
.select-box::before {
position: absolute;
top: 1em;
right: .9em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666;
pointer-events: none
}
.select-box select {
padding: .5em;
color: #666
}
.widget-sidebar .select-box {
margin: 0
}
#sp_sidebar #sidebar {
display: block !important
}
#sp_sidebar.menu_bar {
width: 100%;
position: fixed;
top: 1vh;
z-index: 999
}
#sp_sidebar.menu_bar a {
display: block;
padding: 0 20px;
text-decoration: none;
color: #000
}
#sp_sidebar label[for=menu_bar01] {
display: block;
margin: 0;
line-height: 1;
color: #333;
background: transparent;
cursor: pointer;
position: relative;
height: 40px
}
#sp_sidebar label[for=menu_bar01]::before {
content: "\f0c9";
font-family: "Font Awesome 5 Free", "fontawesome";
position: absolute;
font-size: 2em;
right: 3vw;
top: 0
}
#sp_sidebar label[for=menu_bar01]::after {
content: "MENU";
position: absolute;
right: calc(3vw + -1px);
top: 30px;
font-size: 9px;
font-weight: bold
}
#sp_sidebar input.accordion {
display: none
}
#sp_sidebar.menu_bar ul {
margin: 0;
padding: 0;
list-style: none
}
#sp_sidebar.menu_bar li.acd {
height: 0;
overflow: hidden;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
#menu_bar01:checked+#links01 li:not(.menu-item) {
height: 600px;
opacity: 1;
background: rgba(255, 255, 255, .95);
overflow-y: scroll
}
#sp_sidebar .widget_toc {
display: none
}
.toc-content {
padding: 10px 10px 5px 10px
}
.toc ul li>a {
font-weight: bold
}
.toc ul li ul a {
font-weight: normal
}
.toc,
.blogcard-wrap {
width: 100%
}
.toc-checkbox {
display: none !important
}
.toc ul {
list-style: none;
padding: 5px !important
}
#sidebar>.widget {
margin-bottom: 5px
}
#sidebar .toc-list.open {
padding: 0
}
.toc-widget-box .toc-content {
overflow-y: auto;
max-height: 80vh !important
}
.toc ul li ul {
margin: 0
}
#sidebar .toc-content {
padding: 0
}
#sidebar ul.toc-list.open {
margin: 0
}
h3.widget-sidebar-scroll-title::before {
content: "\f0ca";
font-family: fontawesome;
margin: 0 5px
}
.table {
overflow-x: scroll;
text-align: center
}
.table img {
height: 150px;
width: auto
}
.table th {
background-color: #fff !important
}
td.fixed {
position: relative;
padding: 0 !important
}
td.fixed div {
position: sticky;
left: 0;
right: 0;
top: 0;
width: 100%;
display: block;
padding: 10px;
background: aliceblue;
text-align: center
}
@media (max-width:600px) {
td.fixed div {
width: 100vw
}
.hikaku_table table {
table-layout: fixed
}
}
.table a.btn {
width: 100%
}
.scrollable-table {
overflow-y: hidden !important
}
.scrollable-table table {
margin-bottom: 0
}
table tr:nth-of-type(2n) {
background-color: #fff
}
pre,
pre code {
font-family: meiryo !important
}
.fa,
.far,
.fas {
font-family: "Font Awesome 5 Free", "fontawesome"
}
.column-wrap>div {
padding: 0 1em
}
aside {
background: #fff;
padding: 1em
}
span.post__edit {
font-size: .9em;
text-align: center;
display: block;
margin: 10px 0
}
span.post__edit a {
display: block;
line-height: 1.6em
}
.非表示,
.display-none {
display: none !important
}
img.emoji {
vertical-align: baseline;
margin-left: 3px;
width: .9em;
height: .9em
}
.余白なし {
margin: 0 !important;
padding: 0 !important
}
.枠線なし {
border: 0 !important
}
.全幅 {
margin-left: -36px;
margin-right: -36px
}
@media screen and (max-width:1023px) {
.全幅 {
margin-left: -1em;
margin-right: -1em
}
}
.video-container,
.instagram-container,
.facebook-container {
max-width: 100%;
margin: 30px 0
}
.toggle-checkbox {
display: none !important
}
.search-form.block-box {
border-bottom: 0 !important;
display: block !important
}
.search-form div.sform {
padding: 6px !important;
margin-left: 0
}
div[data-type="cocoon-blocks/search-box"] .search-form {
border-bottom: 0 !important
}
.article .micro-top:not(.micro-text) {
margin-bottom: -1.2em !important
}
.entry-content>.micro-balloon {
margin-bottom: -2em;
padding-top: 4px !important
}
hr.wp-block-separator {
border: 2px solid;
color: #f3f4f5
}
hr.wp-block-separator.is-style-wide {
border: 1px solid;
color: #f3f4f5
}
.badge,
.ref,
.reffer,
.sankou {
background-color: #f39800;
margin-right: 6px
}
.tab-caption-box-label {
padding: .2em .8em .3em;
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.tab-caption-box-content {
margin-top: -2px;
border: 2px solid #eee;
border-radius: 4px
}
.tcb-light-blue .tab-caption-box-label {
background-color: #4eb7d9;
color: #fff
}
.tcb-light-blue .tab-caption-box-content {
border-color: #4eb7d9
}
.block-box p:first-child {
margin-top: 1.2em
}
.block-box p:last-child {
margin-bottom: 1.2em
}
mark {
background-color: #ffff0075;
font-weight: bold;
color: inherit
}
.footer-bottom-content-in {
display: flex;
justify-content: center;
font-size: .9em
}
.footer-bottom {
padding-bottom: 42px
}
a.footer_a {
margin: 0 5px;
text-decoration: none;
color: #333
}
@media screen and (max-width:1023px) {
.footer-bottom-content-in {
flex-direction: column
}
}
.見出し,
.is-style-midashi {
position: relative;
padding-bottom: 5px;
text-align: center;
font-size: 1.8em;
font-weight: bold !important;
margin: 2.4em auto 1em auto !important;
line-height: 1.2em !important
}
.見出し:before,
.is-style-midashi:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -5px;
border-bottom: 5px solid;
width: 50px;
margin: 0 auto;
border-radius: 5px
}
.editor-block-list__block .見出し,
.editor-block-list__block .is-style-midashi {
font-size: 2em;
margin-bottom: 2em !important
}
@media screen and (max-width:768px) {
.見出し,
.is-style-midashi {
position: relative;
padding-bottom: 0;
text-align: left;
font-size: 1.5em;
font-weight: bold !important;
margin: 2.4em auto 1em auto !important;
padding-left: 20px
}
.見出し:before,
.is-style-midashi:before {
top: 0;
border-left: 8px solid;
border-radius: 0;
border-bottom: 0;
width: 0;
margin: 0
}
}
.小見出し,
.is-style-komidashi {
margin-bottom: -1em !important;
font-weight: bold !important
}
.画像枠,
.is-style-waku img {
border: 1px solid #ccc !important
}
.wp-block-image a {
line-height: 0;
display: block
}
table.is-style-hd tr:nth-of-type(1) {
background-color: #ededed !important;
font-weight: bold !important
}
@media screen and (max-width:1240px) {
#wpadminbar .ab-top-secondary {
display: none !important
}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:600px) {
.スマホで改行しない br,
.sns-share {
display: none
}
.cmp-item .terms>br,
.campaign.textBox p>br {
display: block
}
main>article {
padding: 0 !important
}
}
@media screen and (max-width:480px) {
.timeline>li.timeline-item {
overflow: visible;
border-left: 0 solid
}
}
.bound {
-webkit-animation: 'bound' 4s ease-in 0s infinite
}
@-webkit-keyframes'bound' {
0% {
-webkit-transform: scale(1, 1)
}
48% {
-webkit-transform: scale(1, 1)
}
50% {
-webkit-transform: scale(1.1, .9)
}
53% {
-webkit-transform: scale(.9, 1.1) translate(0, -3px)
}
57.5% {
-webkit-transform: scale(1, 1) translate(0, -1px)
}
59% {
-webkit-transform: scale(1, 1) translate(0, 0)
}
100% {
-webkit-transform: scale(1, 1)
}
}
.flash a {
overflow: hidden
}
.flash a:after {
-moz-animation: flash 4s ease-in-out infinite;
-moz-transform: rotate(45deg);
-ms-animation: flash 4s ease-in-out infinite;
-ms-transform: rotate(45deg);
-o-animation: flash 4s ease-in-out infinite;
-o-transform: rotate(45deg);
-webkit-animation: flash 4s ease-in-out infinite;
-webkit-transform: rotate(45deg);
animation: flash 4s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px
}
.flash+.flash a:after {
-webkit-animation-delay: .3s;
animation-delay: .3s
}
@keyframes flash {
0% {
-webkit-transform: scale(0) rotate(45deg);
transform: scale(0) rotate(45deg);
opacity: 0
}
80% {
-webkit-transform: scale(0) rotate(45deg);
transform: scale(0) rotate(45deg);
opacity: .5
}
81% {
-webkit-transform: scale(4) rotate(45deg);
transform: scale(4) rotate(45deg);
opacity: 1
}
100% {
-webkit-transform: scale(50) rotate(45deg);
transform: scale(50) rotate(45deg);
opacity: 0
}
}
@-webkit-keyframes flash {
0% {
-webkit-transform: scale(0) rotate(45deg);
opacity: 0
}
80% {
-webkit-transform: scale(0) rotate(45deg);
opacity: .5
}
81% {
-webkit-transform: scale(4) rotate(45deg);
opacity: 1
}
100% {
-webkit-transform: scale(50) rotate(45deg);
opacity: 0
}
}
#start-resizable-editor-section {
display: none
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border: 0;
border-radius: 1.55em;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: .667em 1.333em;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
color: #fff
}
.wp-block-button__link.aligncenter {
text-align: center
}
.wp-block-button__link.alignright {
text-align: right
}
.wp-block-buttons>.wp-block-button.has-custom-width {
max-width: none
}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
width: 100%
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
width: calc(25% - .5em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
width: calc(50% - .5em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
width: calc(75% - .5em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
margin-right: 0;
width: 100%
}
.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0
}
.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
border-radius: 0 !important
}
.is-style-outline>.wp-block-button__link,
.wp-block-button__link.is-style-outline {
border: 2px solid
}
.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
color: #32373c
}
.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent
}
.wp-block-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.wp-block-buttons.is-vertical {
flex-direction: column
}
.wp-block-buttons.is-vertical>.wp-block-button {
margin-right: 0
}
.wp-block-buttons.is-vertical>.wp-block-button:last-child {
margin-bottom: 0
}
.wp-block-buttons>.wp-block-button {
display: inline-block;
margin-left: 0;
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-buttons>.wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.is-content-justification-left {
justify-content: flex-start
}
.wp-block-buttons.is-content-justification-left.is-vertical {
align-items: flex-start
}
.wp-block-buttons.is-content-justification-center {
justify-content: center
}
.wp-block-buttons.is-content-justification-center.is-vertical {
align-items: center
}
.wp-block-buttons.is-content-justification-right {
justify-content: flex-end
}
.wp-block-buttons.is-content-justification-right>.wp-block-button {
margin-left: .5em;
margin-right: 0
}
.wp-block-buttons.is-content-justification-right>.wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons.is-content-justification-right.is-vertical {
align-items: flex-end
}
.wp-block-buttons.is-content-justification-space-between {
justify-content: space-between
}
.wp-block-buttons.aligncenter {
text-align: center
}
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: .5em
}
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: .5em
}
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block-button.aligncenter {
margin-left: auto;
margin-right: auto;
margin-bottom: .5em;
width: 100%
}
.wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
padding: .25em;
border: 1px solid #ddd
}
.wp-block-calendar tfoot td {
border: 0
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-code code {
display: block;
white-space: pre-wrap;
overflow-wrap: break-word
}
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
flex-wrap: wrap
}
@media (min-width:782px) {
.wp-block-columns {
flex-wrap: nowrap
}
}
.wp-block-columns.has-background {
padding: 1.25em 2.375em
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
@media (max-width:599px) {
.wp-block-column {
flex-basis: 100% !important
}
}
@media (min-width:600px) and (max-width:781px) {
.wp-block-column:not(:only-child) {
flex-basis: calc(50% - 1em) !important;
flex-grow: 0
}
.wp-block-column:nth-child(2n) {
margin-left: 2em
}
}
@media (min-width:782px) {
.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
.wp-block-column:not(:first-child) {
margin-left: 2em
}
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
width: 100%
}
.wp-block-cover,
.wp-block-cover-image {
position: relative;
background-size: cover;
background-position: 50%;
min-height: 430px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
box-sizing: border-box
}
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: fixed
}
@supports (-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll
}
}
@media (prefers-reduced-motion:reduce) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll
}
}
.wp-block-cover-image.is-repeated,
.wp-block-cover.is-repeated {
background-repeat: repeat;
background-size: auto
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]) {
background-color: #000
}
.wp-block-cover-image.has-background-dim:before,
.wp-block-cover.has-background-dim:before {
content: "";
background-color: inherit
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: 420px;
width: 100%
}
.wp-block-cover-image:after,
.wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-cover-image:after,
.wp-block-cover:after {
content: none
}
}
.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: flex
}
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: 100%;
z-index: 1;
color: #fff
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover .wp-block-subhead:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
color: inherit
}
.wp-block-cover-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
align-items: flex-start;
justify-content: flex-start
}
.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
align-items: flex-start;
justify-content: center
}
.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
align-items: flex-start;
justify-content: flex-end
}
.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
align-items: center;
justify-content: flex-start
}
.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
align-items: center;
justify-content: center
}
.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end
}
.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
align-items: flex-end;
justify-content: flex-start
}
.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
align-items: flex-end;
justify-content: center
}
.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
align-items: flex-end;
justify-content: flex-end
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin: 0;
width: auto
}
.wp-block-cover-image img.wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background,
.wp-block-cover img.wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
outline: 0;
border: 0;
box-shadow: none
}
.wp-block-cover__image-background,
.wp-block-cover__video-background {
z-index: 0
}
.wp-block-cover-image-text,
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
color: #fff
}
.wp-block-cover-image .wp-block-cover.has-left-content {
justify-content: flex-start
}
.wp-block-cover-image .wp-block-cover.has-right-content {
justify-content: flex-end
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content>h2 {
margin-left: 0;
text-align: left
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content>h2 {
margin-right: 0;
text-align: right
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image>h2 {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 840px;
padding: .44em;
text-align: center
}
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block[data-align=left]>[data-type="core/embed"],
.wp-block[data-align=right]>[data-type="core/embed"] {
max-width: 360px;
width: 100%
}
.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper,
.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper {
min-width: 280px
}
.wp-block-cover .wp-block-embed {
min-width: 320px;
min-height: 240px
}
.wp-block-embed {
margin-bottom: 1em
}
.wp-block-embed figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-embed iframe {
max-width: 100%
}
.wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.77%
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%
}
.wp-block-file {
margin-bottom: 1.5em
}
.wp-block-file.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: .8em;
padding: .5em 1em
}
.wp-block-file a.wp-block-file__button {
text-decoration: none
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.wp-block-file *+.wp-block-file__button {
margin-left: .75em
}
.blocks-gallery-grid,
.wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
margin: 0 1em 1em 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative;
width: calc(50% - 1em)
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start
}
}
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
width: auto
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 3em .77em .7em;
color: #fff;
text-align: center;
font-size: .8em;
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
box-sizing: border-box;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image figcaption img,
.blocks-gallery-grid .blocks-gallery-item figcaption img,
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid figcaption,
.wp-block-gallery figcaption {
flex-grow: 1
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
-o-object-fit: cover;
object-fit: cover
}
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image,
.blocks-gallery-grid.columns-1 .blocks-gallery-item,
.wp-block-gallery.columns-1 .blocks-gallery-image,
.wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width:600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc(33.33333% - .66667em);
margin-right: 1em
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image,
.blocks-gallery-grid.columns-4 .blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc(25% - .75em);
margin-right: 1em
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image,
.blocks-gallery-grid.columns-5 .blocks-gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc(20% - .8em);
margin-right: 1em
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image,
.blocks-gallery-grid.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc(16.66667% - .83333em);
margin-right: 1em
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image,
.blocks-gallery-grid.columns-7 .blocks-gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc(14.28571% - .85714em);
margin-right: 1em
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image,
.blocks-gallery-grid.columns-8 .blocks-gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-image,
.wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc(12.5% - .875em);
margin-right: 1em
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),
.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),
.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid .blocks-gallery-image:last-child,
.blocks-gallery-grid .blocks-gallery-item:last-child,
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
max-width: 420px;
width: 100%
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,
.wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center
}
.wp-block-group {
box-sizing: border-box
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 1.25em 2.375em
}
.wp-block-image {
margin-bottom: 1em
}
.wp-block-image img {
max-width: 100%
}
.wp-block-image:not(.is-style-rounded) img {
border-radius: inherit
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
width: 100%
}
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright {
display: table
}
.wp-block-image .aligncenter>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image .alignright>figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin: .5em 1em .5em 0
}
.wp-block-image .alignright {
float: right;
margin: .5em 0 .5em 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.wp-block-image.is-style-circle-mask img {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0
}
}
.wp-block-latest-comments__comment {
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 2.25em;
list-style: none
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 3.25em
}
.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5
}
.wp-block-latest-comments__comment-excerpt p {
font-size: .875em;
line-height: 1.8;
margin: .36em 0 1.4em
}
.wp-block-latest-comments__comment-date {
display: block;
font-size: .75em
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: .75em;
width: 2.5em
}
.wp-block-latest-posts.alignleft {
margin-right: 2em
}
.wp-block-latest-posts.alignright {
margin-left: 2em
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both
}
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0
}
.wp-block-latest-posts.is-grid li {
margin: 0 1.25em 1.25em 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - .625em)
}
.wp-block-latest-posts.columns-2 li:nth-child(2n) {
margin-right: 0
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - .83333em)
}
.wp-block-latest-posts.columns-3 li:nth-child(3n) {
margin-right: 0
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - .9375em)
}
.wp-block-latest-posts.columns-4 li:nth-child(4n) {
margin-right: 0
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 1em)
}
.wp-block-latest-posts.columns-5 li:nth-child(5n) {
margin-right: 0
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 1.04167em)
}
.wp-block-latest-posts.columns-6 li:nth-child(6n) {
margin-right: 0
}
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
display: block;
color: #555;
font-size: .8125em
}
.wp-block-latest-posts__post-excerpt {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-latest-posts__featured-image a {
display: inline-block
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center
}
.block-editor-image-alignment-control__row .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center
}
.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
margin-bottom: 0
}
ol.has-background,
ul.has-background {
padding: 1.25em 2.375em
}
.wp-block-media-text {
direction: ltr;
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto
}
.wp-block-media-text.has-media-on-the-right {
-ms-grid-columns: 1fr 50%;
grid-template-columns: 1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
-ms-grid-row-align: start;
align-self: start
}
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
-ms-grid-row-align: end;
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text__media img,
.wp-block-media-text__media video {
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media>a {
display: block;
height: 100%
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
@media (max-width:600px) {
.wp-block-media-text.is-stacked-on-mobile {
-ms-grid-columns: 100% !important;
grid-template-columns: 100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
color: #1e1e1e;
background-color: #fff;
min-width: 200px
}
.items-justified-left>ul {
justify-content: flex-start
}
.items-justified-center>ul {
justify-content: center
}
.items-justified-right>ul {
justify-content: flex-end
}
.items-justified-space-between>ul {
justify-content: space-between
}
.wp-block-navigation-link {
display: flex;
align-items: center;
position: relative;
margin: 0
}
.wp-block-navigation-link .wp-block-navigation__container:empty {
display: none
}
.wp-block-navigation__container {
list-style: none;
margin: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap
}
.is-vertical .wp-block-navigation__container {
display: block
}
.has-child>.wp-block-navigation-link__content {
padding-right: .5em
}
.has-child .wp-block-navigation__container {
border: 1px solid rgba(0, 0, 0, .15);
background-color: inherit;
color: inherit;
position: absolute;
left: 0;
top: 100%;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
z-index: 2;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden
}
.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__content {
flex-grow: 1
}
.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon {
padding-right: .5em
}
@media (min-width:782px) {
.has-child .wp-block-navigation__container {
left: 1.5em
}
.has-child .wp-block-navigation__container .wp-block-navigation__container {
left: 100%;
top: -1px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: .5em;
background: transparent
}
.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg {
transform: rotate(0)
}
}
.has-child:hover {
cursor: pointer
}
.has-child:hover>.wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.has-child:focus-within {
cursor: pointer
}
.has-child:focus-within>.wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation__container {
text-decoration: inherit
}
.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content,
.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active,
.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus {
text-decoration: none
}
.wp-block-navigation-link__content {
color: inherit;
padding: .5em 1em
}
.wp-block-navigation-link__content+.wp-block-navigation-link__content {
padding-top: 0
}
.has-text-color .wp-block-navigation-link__content {
color: inherit
}
.wp-block-navigation-link__label {
word-break: normal;
overflow-wrap: break-word
}
.wp-block-navigation-link__submenu-icon {
height: inherit;
padding: .375em 1em .375em 0
}
.wp-block-navigation-link__submenu-icon svg {
fill: currentColor
}
@media (min-width:782px) {
.wp-block-navigation-link__submenu-icon svg {
transform: rotate(90deg)
}
}
.is-small-text {
font-size: .875em
}
.is-regular-text {
font-size: 1em
}
.is-large-text {
font-size: 2.25em
}
.is-larger-text {
font-size: 3em
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal
}
p.has-background {
padding: 1.25em 2.375em
}
p.has-text-color a {
color: inherit
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .5em
}
.wp-block-post-author__avatar {
margin-right: 1em
}
.wp-block-post-author__bio {
margin-bottom: .7em;
font-size: .7em
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0
}
.wp-block-post-author__name {
font-weight: 700;
margin: 0
}
.wp-block-post-comments-form input[type=submit] {
color: #fff;
background-color: #32373c;
border: 0;
border-radius: 1.55em;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: .667em 1.333em;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-post-comments-form input[type=submit]:active,
.wp-block-post-comments-form input[type=submit]:focus,
.wp-block-post-comments-form input[type=submit]:hover,
.wp-block-post-comments-form input[type=submit]:visited {
color: #fff
}
.wp-block-preformatted {
white-space: pre-wrap
}
.wp-block-pullquote {
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 420px
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
font-size: 1.25em
}
.wp-block-pullquote p {
font-size: 1.75em;
line-height: 1.6
}
.wp-block-pullquote cite,
.wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: 0 0
}
.wp-block-pullquote.is-style-solid-color {
border: 0
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 2em
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-query-loop {
max-width: 100%;
list-style: none;
padding: 0
}
.wp-block-query-loop li {
clear: both
}
.wp-block-query-loop.is-flex-container {
flex-direction: row;
display: flex;
flex-wrap: wrap
}
.wp-block-query-loop.is-flex-container li {
margin: 0 0 1.25em;
width: 100%
}
@media (min-width:600px) {
.wp-block-query-loop.is-flex-container li {
margin-right: 1.25em
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li {
width: calc(50% - .625em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li:nth-child(2n) {
margin-right: 0
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
width: calc(33.33333% - .83333em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li:nth-child(3n) {
margin-right: 0
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
width: calc(25% - .9375em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li:nth-child(4n) {
margin-right: 0
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li {
width: calc(20% - 1em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li:nth-child(5n) {
margin-right: 0
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li {
width: calc(16.66667% - 1.04167em)
}
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li:nth-child(6n) {
margin-right: 0
}
}
.wp-block-query-pagination {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.wp-block-query-pagination>.wp-block-query-pagination-next,
.wp-block-query-pagination>.wp-block-query-pagination-numbers,
.wp-block-query-pagination>.wp-block-query-pagination-previous {
display: inline-block;
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child {
margin-right: 0
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin-bottom: 1em;
padding: 0 1em
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 1.125em;
text-align: right
}
.wp-block-rss.wp-block-rss {
box-sizing: border-box
}
.wp-block-rss.alignleft {
margin-right: 2em
}
.wp-block-rss.alignright {
margin-left: 2em
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.wp-block-rss.is-grid li {
margin: 0 1em 1em 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-rss.columns-2 li {
width: calc(50% - 1em)
}
.wp-block-rss.columns-3 li {
width: calc(33.33333% - 1em)
}
.wp-block-rss.columns-4 li {
width: calc(25% - 1em)
}
.wp-block-rss.columns-5 li {
width: calc(20% - 1em)
}
.wp-block-rss.columns-6 li {
width: calc(16.66667% - 1em)
}
}
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
display: block;
color: #555;
font-size: .8125em
}
.wp-block-search .wp-block-search__button {
background: #f7f7f7;
border: 1px solid #ccc;
padding: .375em .625em;
color: #32373c;
margin-left: .625em;
word-break: normal
}
.wp-block-search .wp-block-search__button.has-icon {
line-height: 0
}
.wp-block-search .wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em
}
.wp-block-search .wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%
}
.wp-block-search .wp-block-search__label {
width: 100%
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
min-width: 3em;
border: 1px solid #949494
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
margin-left: 0
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 4px;
border: 1px solid #949494
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
border-radius: 0;
border: 0;
padding: 0 0 0 .25em
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
outline: 0
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: .125em .5em
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px
}
.wp-block-separator.is-style-dots {
background: none !important;
border: 0;
text-align: center;
max-width: none;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "···";
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-custom-logo {
line-height: 0
}
.wp-block-custom-logo .aligncenter {
display: table
}
.wp-block-custom-logo.is-style-rounded img {
border-radius: 9999px
}
.wp-block-social-links {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
text-indent: 0;
margin-left: 0
}
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
margin: 4px 8px 4px 0
}
.wp-block-social-links .wp-social-link a {
padding: .25em
}
.wp-block-social-links .wp-social-link svg {
width: 1em;
height: 1em
}
.wp-block-social-links.has-small-icon-size {
font-size: 16px
}
.wp-block-social-links,
.wp-block-social-links.has-normal-icon-size {
font-size: 24px
}
.wp-block-social-links.has-large-icon-size {
font-size: 36px
}
.wp-block-social-links.has-huge-icon-size {
font-size: 48px
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.wp-block-social-links.alignright {
justify-content: flex-end
}
.wp-social-link {
display: block;
border-radius: 9999px;
transition: transform .1s ease;
height: auto
}
@media (prefers-reduced-motion:reduce) {
.wp-social-link {
transition-duration: 0s
}
}
.wp-social-link a {
display: block;
line-height: 0;
transition: transform .1s ease
}
.wp-social-link a,
.wp-social-link a:active,
.wp-social-link a:hover,
.wp-social-link a:visited,
.wp-social-link svg {
color: currentColor;
fill: currentColor
}
.wp-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
background-color: #ff424d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
background-color: #2aabee;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: red;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: 0 0;
padding: 4px
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
color: #ff424d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
color: #2aabee
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: red
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: .66667em;
padding-right: .66667em
}
.wp-block-spacer {
clear: both
}
p.wp-block-subhead {
font-size: 1.1em;
font-style: italic;
opacity: .75
}
.wp-block-tag-cloud.aligncenter {
text-align: center
}
.wp-block-tag-cloud.alignfull {
padding-left: 1em;
padding-right: 1em
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
width: 100%
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 1em;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%
}
pre.wp-block-verse {
font-family: inherit;
overflow: auto;
white-space: pre-wrap
}
.wp-block-video {
margin-left: 0;
margin-right: 0
}
.wp-block-video video {
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-video [poster] {
-o-object-fit: cover;
object-fit: cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-post-featured-image a {
display: inline-block
}
.wp-block-post-featured-image img {
max-width: 100%;
height: auto
}
:root .has-pale-pink-background-color {
background-color: #f78da7
}
:root .has-vivid-red-background-color {
background-color: #cf2e2e
}
:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900
}
:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900
}
:root .has-light-green-cyan-background-color {
background-color: #7bdcb5
}
:root .has-vivid-green-cyan-background-color {
background-color: #00d084
}
:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc
}
:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3
}
:root .has-vivid-purple-background-color {
background-color: #9b51e0
}
:root .has-white-background-color {
background-color: #fff
}
:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3
}
:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .has-black-background-color {
background-color: #000
}
:root .has-pale-pink-color {
color: #f78da7
}
:root .has-vivid-red-color {
color: #cf2e2e
}
:root .has-luminous-vivid-orange-color {
color: #ff6900
}
:root .has-luminous-vivid-amber-color {
color: #fcb900
}
:root .has-light-green-cyan-color {
color: #7bdcb5
}
:root .has-vivid-green-cyan-color {
color: #00d084
}
:root .has-pale-cyan-blue-color {
color: #8ed1fc
}
:root .has-vivid-cyan-blue-color {
color: #0693e3
}
:root .has-vivid-purple-color {
color: #9b51e0
}
:root .has-white-color {
color: #fff
}
:root .has-very-light-gray-color {
color: #eee
}
:root .has-cyan-bluish-gray-color {
color: #abb8c3
}
:root .has-very-dark-gray-color {
color: #313131
}
:root .has-black-color {
color: #000
}
:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg, #0693e3, #9b51e0)
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3)
}
:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg, #7adcb4, #00d082)
}
:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg, #fcb900, #ff6900)
}
:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg, #ff6900, #cf2e2e)
}
:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg, #eee, #a9b8c3)
}
:root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg, #4aeadc, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c)
}
:root .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg, #ffceec, #9896f0)
}
:root .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg, #fecda5, #fe2d2d 50%, #6b003e)
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}
:root .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg, #ffcb70, #c751c0 50%, #4158d0)
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec)
}
:root .has-pale-ocean-gradient-background {
background: linear-gradient(135deg, #fff5cb, #b6e3d4 50%, #33a7b5)
}
:root .has-electric-grass-gradient-background {
background: linear-gradient(135deg, #caf880, #71ce7e)
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671)
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59)
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf)
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc)
}
:root .has-link-color a {
color: #00e;
color: var(--wp--style--color--link, #00e)
}
.has-small-font-size {
font-size: .8125em
}
.has-normal-font-size,
.has-regular-font-size {
font-size: 1em
}
.has-medium-font-size {
font-size: 1.25em
}
.has-large-font-size {
font-size: 2.25em
}
.has-huge-font-size,
.has-larger-font-size {
font-size: 2.625em
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
@font-face {
font-family: TablePress;
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPUAA0AAAAACZAAAAN+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCUhEICoQIgnILFgABNgIkAygEIAWGcgeBARv6B8iuBzK53oAhKg2KWDsrezjalSefocfD9/uZ575PSbYEqJHAIdo6tMDGdCprFIHd+F9r+rZE46O2iHBJfoAuxwW0yfgKS8KGVFE4dHX1gPmgVhzwhcJbReQ9RWXcraeutbmNHE7T7B1sex8stfMfnkvv0XsgUZrYO1hirXme9TnUkBvQ22RGX50VAr48H54Cn9b8GD73edAAhjboBpIQ6kKOhCz7GA8V5HfzyeA6h0mnrFTJnPjxC7KCrl9caqIUg0EAYACGDBn6YGCxeIE+EkwANTWJX/brZpNfyE5o/7r9uPZjS4tESbCTExLCjxOEbxGi2dQeNEAXUMMlvADkqSV0IHXtkQXNOnI2ctJpRIPt8+HjNivx3rlQYA8FqGwdCxF2aZrdJluMnaqFvy+yngVKbBcn0fSOd1xTpnW4HTkptV8Gi2kvCeUHC0BD+D0VKMIqXniZPJyPya9D7gT6DvUpwJER6avgKDsOfW9jU+YGc/ng6MhA3VSar3NdtvrD9WHZurKVKYOi0RwlY9500YSuWDE084F+jMinu4sTudD5yBTTozA9Horpmb+M3TwIBHempnzdpu1/raWypX0JND/ki4p71CQQlFqnAvkijABrVFIq5BdNJbFncoBOF03/h3IINPQRBxJCYDoAOnkRIDR0w0BSmYiBzDinAuQ6eROg0DEGY6DUiEUYqKyILwFq2qS9GKhrpFsykdeFLmDjknYG4jKbNeNyQ1zhCoP840pdYiqu8jTW4mp6pMXH1HVJp8wRmHmQKTKiUOBVSMHrlKuBlYidxkMgw6/bMoG5RD6qfs8yO8LVqFCFa8ELrcVLEqTaS7UG5aqVq1GlWi28k3rRgCjbiU+qqOItvDEqXjkvwF/dUF595jB8LSqqgwIWAWsRmcJJ5GsHbYUqVbirBi5IpRMxLso/i2oSA6ZYDoMFCiknI7ZkGacSVYUjlLSXyG8n08nOQcXTeyzU5ozbiGRQZRt0vu/TMoEV8RLI3DiBSiVzMtNKAPgErlwLoqiAY2fJ9UbRMU/0rz38UP5FQtH3i8V3KYSHYJdSYRnwW8XazUAUop3gQY19hkEH98OA2QQ6wg0S+FjtwOwdOvF5J2VXBBLQmo2EAxsIKVJkkUcRZVRRa7NrP+my6Ns8cKszHYJf+fPPLPTq5vFcmYKZNL+fn1CZDgoYecKZHwA=) format('woff2'), url(https://mail-woman.site/wp-content/plugins/tablepress/css/tablepress.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: block
}
.tablepress-table-description {
clear: both;
display: block
}
.tablepress {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 1em;
border: 0
}
.tablepress td,
.tablepress th {
padding: 8px;
border: 0;
background: 0 0;
text-align: left;
float: none !important
}
.tablepress tbody td {
vertical-align: top
}
.tablepress tbody td,
.tablepress tfoot th {
border-top: 1px solid #ddd
}
.tablepress tbody tr:first-child td {
border-top: 0
}
.tablepress thead th {
border-bottom: 1px solid #ddd
}
.tablepress tfoot th,
.tablepress thead th {
background-color: #d9edf7;
font-weight: 700;
vertical-align: middle
}
.tablepress .odd td {
background-color: #f9f9f9
}
.tablepress .even td {
background-color: #fff
}
.tablepress .row-hover tr:hover td {
background-color: #f3f3f3
}
.tablepress img {
margin: 0;
padding: 0;
border: 0;
max-width: none
}
.dataTables_wrapper {
clear: both;
margin-bottom: 1em
}
.dataTables_wrapper .tablepress {
clear: both;
margin: 0 !important
}
.dataTables_length {
float: left;
white-space: nowrap
}
.dataTables_filter {
float: right;
white-space: nowrap
}
.dataTables_wrapper .dataTables_filter input {
margin-left: .5em
}
.dataTables_info {
clear: both;
float: left;
margin: 4px 0 0
}
.dataTables_paginate {
float: right;
margin: 4px 0 0
}
.dataTables_paginate a {
color: #111 !important;
display: inline-block;
outline: 0;
position: relative;
text-decoration: underline;
margin: 0 5px
}
.dataTables_paginate a:first-child {
margin-left: 0
}
.dataTables_paginate a:last-child {
margin-right: 0
}
.paginate_button:hover {
cursor: pointer;
text-decoration: none
}
.paginate_button.disabled {
color: #999 !important;
text-decoration: none;
cursor: default
}
.paginate_button.current {
font-weight: 700;
text-decoration: none;
cursor: default
}
.dataTables_paginate.paging_simple {
padding: 0 15px
}
.paging_simple .paginate_button.next:after,
.paging_simple .paginate_button.previous:before {
text-align: left;
font-family: TablePress;
font-size: 14px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
content: "\f053";
text-shadow: .1em .1em #666;
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: -14px;
margin: auto;
height: 14px;
width: 14px;
line-height: 1
}
.paging_simple .paginate_button.next:after {
text-align: right;
content: "\f054";
left: auto
}
.paginate_button:after,
.paginate_button:before {
color: #d9edf7
}
.paginate_button:hover:after,
.paginate_button:hover:before {
color: #049cdb
}
.paginate_button.disabled:after,
.paginate_button.disabled:before {
color: #f9f9f9
}
.dataTables_processing {
display: none
}
.dataTables_scroll {
clear: both
}
.dataTables_scrollBody {
-webkit-overflow-scrolling: touch
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing {
height: 0;
overflow: hidden;
margin: 0 !important;
padding: 0 !important
}
.tablepress .sorting,
.tablepress .sorting_asc,
.tablepress .sorting_desc {
position: relative;
padding-right: 20px;
cursor: pointer;
outline: 0
}
.tablepress .sorting:after,
.tablepress .sorting_asc:after,
.tablepress .sorting_desc:after {
font-family: TablePress;
font-weight: 400;
font-size: 14px;
-webkit-font-smoothing: antialiased;
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 6px;
margin: auto;
height: 14px;
line-height: 1
}
.tablepress .sorting:after {
content: "\f0dc"
}
.tablepress .sorting_asc:after {
content: "\f0d8";
padding: 0 0 2px
}
.tablepress .sorting_desc:after {
content: "\f0d7"
}
.tablepress .sorting:hover,
.tablepress .sorting_asc,
.tablepress .sorting_desc {
background-color: #049cdb
}
.dataTables_scrollBody .tablepress thead th:after {
content: ""
}
.dataTables_wrapper:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.dataTables_wrapper label input,
.dataTables_wrapper label select {
display: inline;
margin: 2px;
width: auto
}
:root .has-kb-palette-1-color {
color: #000
}
:root .has-kb-palette-1-background-color {
background-color: #000
}
a.button {
display: block;
padding: 20px;
margin: 0 auto;
color: #4db726;
text-align: center;
font-size: 20px;
font-weight: bold;
border-radius: 15px;
text-decoration: none;
width: 80%;
border: 3px solid #4db726;
}
a.button:hover {
color: #fff !important;
background: #4db726;
}
.footer-div {
background-color: #41c9d5;
text-align: center;
padding: 10% 0%
}
.footer-div .title {
font-weight: bold;
}
.footer-div img {
width: 100%;
}
.footer-div .img-wrapper {
width: 50%;
margin: auto;
}
.footer-div .title {
font-weight: bold;
margin: 3% 0%;
}
footer.l-footer {
background-color: #222222;
text-align: center;
}
footer.l-footer a {
color: white;
text-decoration: none;
}
.gnavi {
height: 80px;
font-size: 0.6rem;
font-weight: bold;
}
.gnavi__inner {
height: 100%;
margin: 0 auto;
}
.gnavi ul {
height: 100%;
display: flex;
margin: 0 -20px;
}
.gnavi li {
flex: 1 1;
position: relative;
display: flex;
}
.gnavi li::after {
content: "";
display: block;
width: 2px;
height: 20px;
background-color: #b8b9dc;
position: absolute;
right: -1px;
top: calc((100% - 20px)/2);
}
.gnavi li:last-child::after {
content: none;
}
.gnavi a {
display: flex;
flex: 1 1;
justify-content: center;
padding: 0 18px;
}
.gnavi a:hover span {
color: #4DB7D8;
position: relative;
}
.gnavi a:hover span::after {
content: "";
position: absolute;
display: block;
height: 3px !important;
width: 100%;
bottom: 0 !important;
background-color: #4DB7D8;
border-radius: 5px;
}
.gnavi span {
display: flex;
align-items: center;
word-break: keep-all;
}
a {
color: inherit;
text-decoration: unset !important;
}
.header-contents {
position: relative;
border: none;
font-size: 2em;
padding: 1em 1em 1em;
margin: 2.1em 0 1em;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #4DB7D8;
color: #ffffff;
box-shadow: 0 1px 5px rgb(0 0 0 / 3%);
}
.font-contents {
font-size: 1em;
line-height: 1.75;
color: #7B8086;
}
strong {
color: #545B63;
}
.border_bottom:hover {
text-decoration: underline !important;
color: #f50d6b !important;
}
@media screen and (max-width:480px) {
.gnavi {
margin-top: 40px !important;
margin-bottom: 40px !important;
padding-top: 20px !important;
height: 250px !important;
line-height: 2.2 !important;
color: #fff !important;
font-size: 1rem !important;
font-weight: bold !important;
background-color: #4DB7D8 !important;
}
.gnavi ul {
height: 100% !important;
display: initial !important;
margin: initial !important;
}
.pc {
display: none;
}
}
html {
scroll-behavior: smooth;
}
header {
margin-top: 35px;
}
.px-2 {
padding-right: 3rem !important;
padding-left: 3.25rem !important;
}
.col-11 {
flex: 0 0 auto;
width: 91.333333%;
}
.gnavi01 a {
display: flex;
flex: 1 1;
justify-content: center;
padding: 0 18px;
}
.mx-auto01 {
margin-right: auto !important;
}
.gnavi01 a:hover span {
color: #0a58ca;
position: relative;
}
.gnavi01 a:hover span::after {
content: "";
position: absolute;
display: block;
height: 3px !important;
width: 100%;
bottom: 0 !important;
background-color: #0a58ca;
border-radius: 5px;
}
.gnavi01 {
height: 80px;
font-size: 0.6rem;
font-weight: bold;
}
.gnavi__inner {
height: 100%;
margin: 0 auto;
}
.gnavi01 ul {
height: 100%;
display: flex;
margin: 0 -20px;
}
.gnavi01 li {
flex: 1 1;
position: relative;
display: flex;
}
.gnavi01 li::after {
content: "";
display: block;
width: 2px;
height: 20px;
background-color: #b8b9dc;
position: absolute;
right: -1px;
top: calc((100% - 20px)/2);
}
.gnavi01 li:last-child::after {
content: none;
}
.gnavi01 a {
display: flex;
flex: 1 1;
justify-content: center;
padding: 0 18px;
font-weight: bold;
}
.gnavi01 a:hover span {
color: #0a58ca;
position: relative;
}
.gnavi01 a:hover span::after {
content: "";
position: absolute;
display: block;
height: 2px !important;
width: 100%;
bottom: 0 !important;
background-color: #0a58ca;
border-radius: 5px;
top: 40px;
}
.gnavi01 span {
display: flex;
align-items: center;
word-break: keep-all;
}
@media screen and (max-width:480px) {
.gnavi01 {
padding-top: 10px !important;
height: 140px !important;
line-height: 22.2 !important;
color: #fff !important;
font-size: 5rem !important;
font-weight: bold !important;
}
.gnavi01 ul {
height: 100% !important;
display: initial !important;
margin: initial !important;
}
.pc {
display: none;
}
.gnavi01 li::after {
content: "";
display: block;
width: 2px;
height: 20px;
background-color: initial !important;
position: absolute;
right: -1px;
top: calc((100% - 20px)/2);
}
.gnavi01 a {
display: flex !important;
flex: 1 1 !important;
justify-content: center !important;
padding: 2px 5px !important;
}
.px-2 {
padding-right: initial !important;
padding-left: initial !important;
}
.col-11 {
flex: initial !important;
width: initial !important;
}
}
@media screen and (max-width: 480px) {
.gnavi01 {
height: 140px !important;
line-height: initial !important;
color: #fff !important;
font-size: initial !important;
font-weight: bold !important;
}
.gnavi01 a:hover span::after {
content: "" !important;
position: absolute !important;
display: block !important;
height: 2px !important;
width: 100% !important;
bottom: 0 !important;
background-color: #0a58ca !important;
border-radius: 5px !important;
top: 20px !important;
}
}
footer ul li {
padding: initial !important;
font-size: 12px;
line-height: 2em;
}
ul {
padding-left: initial !important;
}
.col-11 {
flex: 0 0 auto;
width: initial !important;
}
.px-2 {
padding-right: initial !important;
padding-left: -6.75rem !important;
}
footer {
padding: 20px 10px !important;
background: #4bc8e4 !important;
}
.col-11 {
flex: 0 0 auto;
width: initial !important;
}
.mx-auto01 {
margin-right: auto !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.gnavi__inner {
height: 100% !important;
margin: 0 auto !important;
}
.gnavi01 ul {
height: 100% !important;
display: flex !important;
margin: initial !important;
}
.gnavi01 li {
flex: 1 1 !important;
position: relative !important;
display: flex !important;
}
.gnavi01 span {
display: flex !important;
align-items: center !important;
word-break: keep-all !important;
}
footer .copyright {
font-style: normal !important;
font-weight: normal !important;
font-size: 10px !important;
line-height: 14px !important;
text-align: center !important;
color: #555555 !important;
}
a:hover {
text-decoration: none !important;
}
a:hover {
color: #0a58ca !important;
}
footer a {
font-style: normal !important;
font-weight: normal !important;
font-size: 11px !important;
line-height: 20px !important;
display: flex !important;
align-items: center !important;
text-align: center !important;
color: #ffffff !important;
}
.l-contents1 {
position: relative !important;
;
padding: 0 4% !important;
;
margin: 3% 0 !important;
;
}
#ver4 .article ul li,
#ver4 .article ol li {
line-height: 1.9em !important;
;
padding: 0 !important;
;
text-shadow: none !important;
;
list-style: none !important;
;
}
.l-contents2 {
position: relative !important;
padding: 0 4% !important;
}
body {
overflow-x: hidden;
max-width: 570px;
width: 100%;
background-color: white;
font-family: Arial, Helvetica, 游ゴシック, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
margin: auto !important;
}
html {
scroll-behavior: smooth;
height: 100%;
overflow-x: hidden;
width: 100%;
background-color: #f7f7f7;
}
body,
div,
table {
word-wrap: break-word;
}
.gachaBtn,
body,
table,
textarea {
width: 100%;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
footer {
background: #4bc8e4;
padding: 20px 0 10px;
}
footer .copyright {
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 14px;
text-align: center;
color: #555555;
}
footer a {
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 20px;
display: flex;
align-items: center;
text-align: center;
color: #ffffff;
}
footer ul li {
padding: initial !important;
font-size: 14px;
line-height: 2em;
}
footer ul {
display: flex;
flex-wrap: initial !important;
margin: initial !important;
justify-content: center;
}
footer {
padding: 20px 10px !important;
}
@media screen and (max-width:480px) {
.gnavi01 {
padding-top: 10px !important;
height: 140px !important;
line-height: 22.2 !important;
color: #fff !important;
font-size: 5rem !important;
font-weight: bold !important;
}
.gnavi01 ul {
height: 100% !important;
display: initial !important;
margin: initial !important;
}
.pc {
display: none;
}
.gnavi01 li::after {
content: "";
display: block;
width: 2px;
height: 20px;
background-color: initial !important;
position: absolute;
right: -1px;
top: calc((100% - 20px)/2);
}
.gnavi01 a {
display: flex;
flex: 1 1;
justify-content: center;
padding: 2px 5px;
}
.px-2 {
padding-right: initial !important;
padding-left: initial !important;
}
.col-11 {
/* flex: initial !important; */
width: initial !important;
}
}
@media screen and (max-width: 480px) {
.gnavi01 {
height: 140px !important;
line-height: initial !important;
color: #fff !important;
font-size: initial !important;
font-weight: bold !important;
}
.gnavi01 a:hover span::after {
content: "";
position: absolute;
display: block;
height: 2px !important;
width: 100%;
bottom: 0 !important;
background-color: #0a58ca;
border-radius: 5px;
top: 20px;
}
}