.sb-callout-ctn {
width: 370px;
min-height: 200px;
overflow: auto;
background: #fff;
box-shadow: 0px 1px 5px 0px #0000000B, 0px 4px 12px 0px #0000000F, 0px 8px 23px 0px #00000013, 0px 14px 41px 0px #00000017, 0px 26px 77px 0px #0000001B;
}
.sb-callout-ctn[data-type="frontend"] {
position: fixed;
bottom: 25px;
right: 20px;
z-index: 1;
}
.sb-callout-ctn[data-type="backend"] {
position: fixed;
bottom: 85px;
right: 20px;
z-index: 99999;
}
.sb-callout-ctn[data-type="side-menu"],
body.wp-admin.index-php li .sb-callout-ctn[data-type="side-menu"],
body.instagram-feed_page_sbi-feed-builder .sb-callout-ctn[data-type="side-menu"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
body:not([class*="page_sbi-feed-builder"]) .wp-menu-name:hover>.sb-callout-ctn[data-type="side-menu"],
body:not([class*="page_sbi-feed-builder"]) .wp-has-current-submenu:hover .sb-callout-ctn[data-type="side-menu"],
body.wp-admin.index-php .wp-menu-name .sb-callout-ctn[data-type="side-menu"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
.sb-callout-ctn[data-type="side-menu"] {
position: absolute;
left: 100%;
top: -100px;
z-index: 999999;
}
.sb-callout-ctn[data-position="bottom"] {
bottom: 0px;
top: unset;
}
.sb-callout-ctn .sb-fs {
width: 100%;
float: left;
position: relative;
box-sizing: border-box;
}
.sb-callout-top-heading {
padding: 10px 15px;
border-bottom: 1px solid #E6E6EB;
display: flex;
align-items: center;
column-gap: 10px;
}
.sb-callout-top-heading strong {
color: #141B38 !important;
font-size: 15px;
}
.sb-callout-only-visible {
font-size: 10px;
display: none;
align-items: center;
column-gap: 5px;
text-transform: uppercase;
color: #0068A0 !important;
background: #D6F4FF !important;
padding: 2px 8px;
border-radius: 4px;
line-height: 21px
}
[data-type="frontend"] .sb-callout-top-heading {
align-items: flex-start;
}
[data-type="frontend"] .sb-callout-top-heading>svg {
width: 25px;
margin-top: 10px;
height: auto;
}
[data-type="frontend"] .sb-callout-only-visible {
display: inline-flex;
}
.sb-callout-top-dismiss {
position: absolute;
width: 16px;
height: 20px;
right: 12px;
top: 10px;
cursor: pointer;
color: #2C324C !important;
}
.sb-callout-top-dismiss:before,
.sb-callout-top-dismiss:after {
content: '';
position: absolute;
width: 14px;
height: 2px;
left: 1px;
top: 8px;
background: currentColor;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sb-callout-top-dismiss:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sb-callout-progress {
padding: 35px 25px;
padding-bottom: 45px;
display: flex;
align-items: center;
justify-content: center;
column-gap: 20px;
}
.sb-callout-progress-radial {
width: 71px;
height: 71px;
flex-shrink: 0;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
color: #0068A0 !important;
font-weight: 600;
font-size: 17px;
}
.sb-callout-progress-radial span {
position: relative;
z-index: 9;
}
.sb-callout-progress-radial svg {
position: absolute;
width: 71px;
height: 71px;
}
.sb-progress-svg {
--size: 71px;
--half-size: calc(var(--size) / 2);
--stroke-width: 5px;
--radius: calc((var(--size) - var(--stroke-width)) / 2);
--circumference: calc(var(--radius) * pi * 2);
--dash: calc((var(--progress) * var(--circumference)) / 100);
animation: progress-animation 0s linear 0s 1 forwards;
}
.sb-progress-svg circle {
cx: var(--half-size);
cy: var(--half-size);
r: var(--radius);
stroke-width: var(--stroke-width);
fill: none;
}
.sb-progress-svg .sb-progress-svg-bg {
stroke: #0096CC;
stroke-width: calc(var(--stroke-width) - 1px);
}
.sb-progress-svg .sb-progress-svg-fg {
transform: rotate(-90deg);
transform-origin: var(--half-size) var(--half-size);
stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
transition: stroke-dasharray 0s linear 0s;
stroke: #9ce5ff;
stroke-width: var(--stroke-width)
}
@property --progress {
syntax: "<number>";
inherits: false;
initial-value: 0;
}
@keyframes progress-animation {
from {
--progress: 0;
}
to {
--progress: var(--percent);
}
}
.sb-callout-progress-text {
display: flex;
flex-direction: column;
}
.sb-callout-progress-text strong {
color: #141B38 !important;
font-size: 16px;
}
.sb-callout-progress-text span {
color: #696D80 !important;
font-size: 13px;
margin-top: 5px;
line-height: 1.5em;
}
.sb-callout-plugins {
padding: 10px 0px;
background: #F9F9FA !important;
}
.sb-callout-plugin-item {
padding: 5px 15px;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
color: #434960 !important;
column-gap: 10px
}
#adminmenu .sb-callout-plugin-item a:not(.sb-callout-item-btn) {
display: flex !important;
color: inherit !important;
justify-content: center;
align-items: center;
column-gap: 7px;
line-height: unset !important;
background: unset !important;
}
#adminmenu .sb-callout-plugin-item a:not(.sb-callout-item-btn):after {
display: none;
}
.sb-callout-item-checkbox {
width: 17px;
height: 17px;
position: relative;
flex-shrink: 0;
border-radius: 50px;
border: 2px solid #9295A6 !important;
}
.sb-callout-plugin-item[data-done="true"] {
color: #141B38 !important;
font-weight: 600;
}
.sb-callout-plugin-item[data-done="true"] .sb-callout-item-checkbox {
background-color: #0096CC !important;
border-color: #0096CC !important;
color: #fff !important;
}
.sb-callout-plugin-item[data-done="true"] .sb-callout-item-checkbox:after {
content: '';
position: absolute;
width: 9px;
height: 4px;
border-left: 2px solid currentColor;
border-bottom: 2px solid currentColor;
-webkit-transform: rotate(-39deg);
transform: rotate(-39deg);
left: 3px;
top: 4px;
}
.sb-callout-item-btn {
display: flex !important;
background-color: #0068A0 !important;
color: #fff !important;
font-size: 10px !important;
height: 32px !important;
font-weight: 600 !important;
padding: 10px 11px !important;
position: relative !important;
margin-left: auto !important;
border-radius: 3px !important;
text-decoration: none !important;
line-height: unset !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
}
.sb-callout-item-btn.sb-callout-item-btn-grey {
background: #F3F4F5 !important;
color: #141B38 !important;
border: 1px solid #D0D1D7 !important;
}
.sb-callout-item-btn:after {
content: '' !important;
position: absolute !important;
width: 5px !important;
height: 5px !important;
right: 14px !important;
top: 12px !important;
border-right: 2px solid currentColor !important;
border-bottom: 2px solid currentColor !important;
-webkit-transform: rotate(-45deg) !important;
transform: rotate(-45deg) !important;
}
.sb-callout-bottom-btns {
display: flex !important;
justify-content: flex-start !important;
padding: 20px 20px !important;
column-gap: 10px !important;
padding-bottom: 5px !important;
}
.sb-callout-bottom-btns .sb-callout-item-btn {
margin-left: unset !important;
flex-grow: 1 !important;
text-align: center !important;
font-size: 11px !important;
height: 15px !important;
cursor: pointer;
}
[data-type="frontend"] .sb-callout-bottom-btns .sb-callout-item-btn {
padding: 7px 11px !important;
height: unset !important;
}
[data-type="dashboard"] .sb-callout-bottom-btns .sb-callout-item-btn {
padding: 10px 11px !important;
}
.sb-callout-bottom-btns .sb-callout-item-btn:after {
right: 18px !important;
top: 14px !important;
}
[data-type="frontend"] .sb-callout-bottom-btns .sb-callout-item-btn:after{
top: calc(50% - 3px)!important;
}
#adminmenu .sb-callout-ctn a:hover {
box-shadow: unset !important;
} .sb-callout-ctn[data-type="dashboard"] {
width: 100% !important;
box-sizing: border-box !important;
background: unset !important;
box-shadow: unset !important;
}
.sb-callout-ctn[data-type="dashboard"] .sb-callout-top {
display: none !important;
}
#sb_dashboard_widget .inside {
padding: 0px !important;
}
.sb-callout-top>a {
background: unset !important;
color: inherit;
}
.sb-callout-ctn>a {
display: none !important;
}
.sb-callout-plugin-item .sb-callout-item-btn {
padding: 0 26px !important;
}
@media (max-width: 1200px) {
.sb-callout-ctn[data-type="frontend"],
.sb-callout-ctn[data-type="backend"],
.sb-callout-ctn[data-type="side-menu"] {
display: none !important;
}
}.js-bg-parallax{overflow:hidden;position:relative}.js-bg-parallax[data-is-loaded=true] .js-bg-parallax__bgimage{bottom:0;left:0;opacity:1;position:absolute;right:0;top:0}.js-bg-parallax[data-is-loaded=true] .js-bg-parallax__bgimage>img{height:auto;left:0;max-height:none;min-height:100%;position:absolute;top:50%;transform:translateY(-50%);width:100%;will-change:transform}.js-bg-parallax__bgimage{opacity:0;transition:opacity .1s ease-in}.js-bg-parallax__content{position:relative}@keyframes smeBounceDown{0%{transform:translateY(-300px)}1%{opacity:1}40%{opacity:1;transform:translateY(10%)}60%{opacity:1;transform:translateY(-5%)}80%{opacity:1;transform:translateY(5%)}to{opacity:1;transform:translateY(0)}}.sme-animation-bounce-down{opacity:0}.sme-animation-bounce-down-fired{animation-fill-mode:forwards;animation:smeBounceDown .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeBounceIn{0%{transform:scale(1.05)}20%{transform:scale(1)}40%{transform:scale(1.025)}60%{transform:scale(1)}80%{transform:scale(1.0125)}to{transform:scale(1)}}.sme-animation-bounce-in-fired{animation:smeBounceIn .8s cubic-bezier(0,0,0,1);will-change:animation}@keyframes smeFadeIn{0%{opacity:0}to{opacity:1}}.sme-animation-fade-in{opacity:0}.sme-animation-fade-in-fired{animation:smeFadeIn .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sme-animation-fade-in-up{opacity:0}.sme-animation-fade-in-up-fired{animation:smeFadeInUp .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeFadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sme-animation-fade-in-down{opacity:0}.sme-animation-fade-in-down-fired{animation:smeFadeInDown .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeFadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.sme-animation-fade-in-left{opacity:0}.sme-animation-fade-in-left-fired{animation:smeFadeInLeft .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}@keyframes smeFadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.sme-animation-fade-in-right{opacity:0}.sme-animation-fade-in-right-fired{animation:smeFadeInRight .6s cubic-bezier(0,0,0,1);opacity:0;will-change:animation}.p-entry-content>blockquote:not([class~=wp-block-quote]),.textwidget>blockquote:not([class~=wp-block-quote]){background-image:url(//ka-support.jp/wp/wp-content/themes/snow-monkey/assets/img/blockquote/top.svg),url(//ka-support.jp/wp/wp-content/themes/snow-monkey/assets/img/blockquote/bottom.svg);background-position:0 0,100% 100%;background-repeat:no-repeat;background-size:70px;border:none;position:relative}.p-entry-content>blockquote.is-large:not([class~=wp-block-quote]),.p-entry-content>blockquote.is-style-large:not(.is-style-plain):not([class~=wp-block-quote]),.p-entry-content>blockquote:not([class~=wp-block-quote]),.textwidget>blockquote.is-large:not([class~=wp-block-quote]),.textwidget>blockquote.is-style-large:not(.is-style-plain):not([class~=wp-block-quote]),.textwidget>blockquote:not([class~=wp-block-quote]){padding:var(--_padding2) var(--_padding1) var(--_padding1) var(--_padding2)}.p-entry-content>blockquote:not([class~=wp-block-quote]):before,.textwidget>blockquote:not([class~=wp-block-quote]):before{background-image:url(//ka-support.jp/wp/wp-content/themes/snow-monkey/assets/img/blockquote/icon.svg);background-repeat:no-repeat;background-size:contain;content:"";display:block;height:1.5rem;left:1rem;position:absolute;top:1rem;width:1.5rem}:where(){position:relative}.p-entry-content>h2,.textwidget>h2{background-color:var(--entry-content-h2-background-color);border-left:var(--entry-content-h2-border-left);padding:var(--entry-content-h2-padding)}.p-entry-content>h3,.textwidget>h3{border-bottom:var(--entry-content-h3-border-bottom);padding:var(--entry-content-h3-padding)}.c-section__title,.c-widget .wp-block-group>h2,.c-widget .wp-block-group>h3,.c-widget .wp-block-group>h4,.c-widget .wp-block-group>h5,.c-widget .wp-block-group>h6,.c-widget .wp-block-group__inner-container>h2,.c-widget .wp-block-group__inner-container>h3,.c-widget .wp-block-group__inner-container>h4,.c-widget .wp-block-group__inner-container>h5,.c-widget .wp-block-group__inner-container>h6,.c-widget .wp-widget-group__inner-blocks>h2,.c-widget .wp-widget-group__inner-blocks>h3,.c-widget .wp-widget-group__inner-blocks>h4,.c-widget .wp-widget-group__inner-blocks>h5,.c-widget .wp-widget-group__inner-blocks>h6,.c-widget>h2,.c-widget>h3,.c-widget>h4,.c-widget>h5,.c-widget>h6,.c-widget__title,.widgettitle{--_font-size-level:0;align-items:var(--widget-title-align-items);display:var(--widget-title-display);flex-direction:var(--widget-title-flex-direction);font-size:var(--_font-size);justify-content:var(--widget-title-justify-content);line-height:var(--_line-height)}.c-section__title:after,.c-section__title:before,.c-widget .wp-block-group>h2:after,.c-widget .wp-block-group>h2:before,.c-widget .wp-block-group>h3:after,.c-widget .wp-block-group>h3:before,.c-widget .wp-block-group>h4:after,.c-widget .wp-block-group>h4:before,.c-widget .wp-block-group>h5:after,.c-widget .wp-block-group>h5:before,.c-widget .wp-block-group>h6:after,.c-widget .wp-block-group>h6:before,.c-widget .wp-block-group__inner-container>h2:after,.c-widget .wp-block-group__inner-container>h2:before,.c-widget .wp-block-group__inner-container>h3:after,.c-widget .wp-block-group__inner-container>h3:before,.c-widget .wp-block-group__inner-container>h4:after,.c-widget .wp-block-group__inner-container>h4:before,.c-widget .wp-block-group__inner-container>h5:after,.c-widget .wp-block-group__inner-container>h5:before,.c-widget .wp-block-group__inner-container>h6:after,.c-widget .wp-block-group__inner-container>h6:before,.c-widget .wp-widget-group__inner-blocks>h2:after,.c-widget .wp-widget-group__inner-blocks>h2:before,.c-widget .wp-widget-group__inner-blocks>h3:after,.c-widget .wp-widget-group__inner-blocks>h3:before,.c-widget .wp-widget-group__inner-blocks>h4:after,.c-widget .wp-widget-group__inner-blocks>h4:before,.c-widget .wp-widget-group__inner-blocks>h5:after,.c-widget .wp-widget-group__inner-blocks>h5:before,.c-widget .wp-widget-group__inner-blocks>h6:after,.c-widget .wp-widget-group__inner-blocks>h6:before,.c-widget>h2:after,.c-widget>h2:before,.c-widget>h3:after,.c-widget>h3:before,.c-widget>h4:after,.c-widget>h4:before,.c-widget>h5:after,.c-widget>h5:before,.c-widget>h6:after,.c-widget>h6:before,.c-widget__title:after,.c-widget__title:before,.widgettitle:after,.widgettitle:before{background-color:var(--widget-title-pseudo-background-color);content:var(--widget-title-pseudo-content);display:var(--widget-title-pseudo-display);flex:var(--widget-title-pseudo-flex);height:var(--widget-title-pseudo-height);min-width:var(--widget-title-pseudo-min-width)}.c-section__title:before,.c-widget .wp-block-group>h2:before,.c-widget .wp-block-group>h3:before,.c-widget .wp-block-group>h4:before,.c-widget .wp-block-group>h5:before,.c-widget .wp-block-group>h6:before,.c-widget .wp-block-group__inner-container>h2:before,.c-widget .wp-block-group__inner-container>h3:before,.c-widget .wp-block-group__inner-container>h4:before,.c-widget .wp-block-group__inner-container>h5:before,.c-widget .wp-block-group__inner-container>h6:before,.c-widget .wp-widget-group__inner-blocks>h2:before,.c-widget .wp-widget-group__inner-blocks>h3:before,.c-widget .wp-widget-group__inner-blocks>h4:before,.c-widget .wp-widget-group__inner-blocks>h5:before,.c-widget .wp-widget-group__inner-blocks>h6:before,.c-widget>h2:before,.c-widget>h3:before,.c-widget>h4:before,.c-widget>h5:before,.c-widget>h6:before,.c-widget__title:before,.widgettitle:before{margin-right:var(--widget-title-before-margin-right)}.c-section__title:after,.c-widget .wp-block-group>h2:after,.c-widget .wp-block-group>h3:after,.c-widget .wp-block-group>h4:after,.c-widget .wp-block-group>h5:after,.c-widget .wp-block-group>h6:after,.c-widget .wp-block-group__inner-container>h2:after,.c-widget .wp-block-group__inner-container>h3:after,.c-widget .wp-block-group__inner-container>h4:after,.c-widget .wp-block-group__inner-container>h5:after,.c-widget .wp-block-group__inner-container>h6:after,.c-widget .wp-widget-group__inner-blocks>h2:after,.c-widget .wp-widget-group__inner-blocks>h3:after,.c-widget .wp-widget-group__inner-blocks>h4:after,.c-widget .wp-widget-group__inner-blocks>h5:after,.c-widget .wp-widget-group__inner-blocks>h6:after,.c-widget>h2:after,.c-widget>h3:after,.c-widget>h4:after,.c-widget>h5:after,.c-widget>h6:after,.c-widget__title:after,.widgettitle:after{margin-left:var(--widget-title-after-margin-left)}.cat-item .children,.widget_nav_menu .sub-menu{border-bottom:1px solid var(--wp--preset--color--sm-lighter-gray);border-top:1px solid var(--wp--preset--color--sm-lighter-gray);display:none;margin:var(--_padding-2) 0 0 0;padding:var(--_padding-2) 0}@keyframes widget_children_show{0%{opacity:0}to{opacity:1}}.cat-item .children[data-is-hidden=false],.widget_nav_menu .sub-menu[data-is-hidden=false]{animation:widget_children_show .5s;display:block;margin-bottom:var(--_margin-2)}.cat-item .children[data-is-hidden=false] [data-is-hidden=false],.widget_nav_menu .sub-menu[data-is-hidden=false] [data-is-hidden=false]{border-bottom:none;margin-bottom:var(--_padding-2)}.cat-item .children ul,.widget_nav_menu .sub-menu ul{margin-left:0}.cat-item .children>li:first-child,.widget_nav_menu .sub-menu>li:first-child{margin-top:0}.c-copyright--inverse{background-color:var(--wp--preset--color--sm-text);color:var(--wp--preset--color--sm-text-alt)}.c-entry-aside__title{align-items:center;display:flex;flex-direction:row;justify-content:center}.c-entry-aside__title:after,.c-entry-aside__title:before{background-color:var(--wp--preset--color--sm-text);content:"";display:block;flex:1 0 0%;height:1px;min-width:20px}.c-entry-aside__title:before{margin-right:.5em}.c-entry-aside__title:after{margin-left:.5em}.c-page-top{background-color:var(--wp--preset--color--sm-accent)}.c-page-top a,.c-pagination__item{color:var(--wp--preset--color--white)}.c-pagination__item{background-color:var(--wp--preset--color--sm-accent)}.c-pagination__item-ellipsis,.c-pagination__item-link{background-color:var(--wp--preset--color--sm-lighter-gray)}.children-expander{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;height:var(--_space);justify-content:center;outline:none;padding:0;position:absolute;right:0;top:-1px;transform:rotate(90deg);width:var(--_space);--_transition-duration:var(--_global--transition-duration);--_transition-function-timing:var(--_global--transition-function-timing);--_transition-delay:var(--_global--transition-delay);transition:transform var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay)}.children-expander[data-is-expanded=true]{right:.05rem;transform:rotate(-90deg)}.children-expander>.c-ic-angle-right{transform:none}.children .cat-item .children:last-child:not(:first-child){margin-bottom:calc(-1 * var(--_padding-2))}.snow-monkey-posts__title:after{background-color:var(--wp--preset--color--sm-accent);content:"";display:block;height:1px;margin:var(--_margin-1) auto 0;width:60px}.wpco .contents-outline a:before{background-color:var(--wp--preset--color--sm-accent);color:var(--wp--preset--color--white);font-size:10px;line-height:1}@media (hover:hover) and (pointer:fine){.c-page-top:active,.c-page-top:focus,.c-page-top:hover{filter:brightness(90%)}.c-pagination__item-link:active,.c-pagination__item-link:focus,.c-pagination__item-link:hover{background-color:var(--wp--preset--color--sm-light-gray);color:var(--wp--preset--color--white)}}