@charset "UTF-8";
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}@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: 90px;
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;
display: block;
}
.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;
}
   :root {
--key-color:#184;
--text-main:#333;
--bg4:#eee;
--bg3:#fff;
--bg2:#f9f9f9;
--bg1:#e5e5e5;
--bg1-on:#f0f8ffea;
--shadow:#00000080;
--a:#1967d2;
--a-hover:#e53900;
}  .article h2, .sidebar h3{
background: none;
}
.article h3, .article h4, .article h5, .article h6{
border: none;
} .wp-block-table.is-style-stripes{
border-bottom: none;
} .has-border-color .toggle-button {
color: initial;
background-color: var(--cocoon-xx-thin-color);
}  .widget p{
margin-bottom: 1.7em;
}  .white-space-nowrap{
white-space: nowrap;
} .left-head tr td:first-child{
background-color:var(--bg1);
font-weight:bold;
} .img-100 img{
max-width: 100px;
min-width: auto;
width: auto;
} .center, .center *{
text-align: center;
margin-left: auto;
margin-right: auto;
} .no-select {
user-select: none;
}  .textToCopy{
font-weight:bold;
}
.copyButton {
display: inline-block;
width: 10em;
padding: 8px 0px;
color: #fff;
background-color: #666;
border: none;
border-radius: 4px;
font-weight: bold;
cursor: pointer;
}  .page-template-default .page .entry-title,
.page-template-default .page .date-tags {
display: none;
}  img[width="1"] {
display: none;
} @media (max-width: 320px) {
.app-card-wrapper .app-button {
flex-direction: column; }
.app-card-wrapper .appstore-button-img, .googleplay-button-img {
padding-right: 0; padding-bottom: 5px; }
}
.app-card-wrapper {
display: flex;
max-width: 500px;
border: solid 1px #99999999;
border-radius: 12px;
background-color: var(--bg1);
padding: 10px 15px;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
}
.app-card-wrapper .app-main-img {
padding-right: 15px;
vertical-align: bottom;
line-height: 0;
}
.app-card-wrapper .app-main-img > img {
max-width: 80px;
height: auto;
object-fit: cover;
border-radius: 12px;
}
.app-card-wrapper .app-containts > p {
font-size: 16px;
font-weight: bold;
margin-left: 3px;
margin-bottom: 5px;
}
.app-card-wrapper .app-button{
display: flex;
}
.app-card-wrapper .appstore-button-img,
.app-card-wrapper .googleplay-button-img{
padding-right: 5px;
vertical-align: bottom;
line-height: 0;
}  .product-item-box{
background: var(--bg2);
border: 1px solid #ccc;
border-radius: 4px;
padding-bottom:10px;
width: 100%;
} .product-item-thumb>a>img {
border-radius: 6px;
} .product-item-title{
padding: 0.5em 0 0.2em 0;
} .product-item-title .product-item-title-link{
color: var(--text-main);
text-decoration:none;
font-weight:bold;
opacity: 0.9;
} .product-item-maker{
display:none
} .item-price{
color: var(--text-main) } .product-item-buttons>*>a{
font-size: 14px;
color: #fff;
border: solid 1px #ccc;
border-radius: 4px;
opacity: 0.8;
max-width:280px;
margin-bottom: 10px;
}
.shoplinkamazon a {
background: #002255;
}
.shoplinkrakuten a {
background: #db3333;
}
.shoplinkyahoo a {
background: #DD3700;
} @media screen and (max-width: 480px){
.body {
overflow-x:hidden; 
}
.product-item-thumb {
width: 100%
} 
.product-item-content {
text-align: center
}
.product-item-title{
padding: 0;
}
.product-item-buttons>*>a{
font-size:14px;
}
} #fixed-ad{
position: fixed;
bottom: 0;
left: 50%; transform: translateX(-50%); z-index: 1;
max-height: 200px;
}  .adsbygoogle,.ad-space {
min-height: 200px;
}  @media screen and (min-width: 480px){
.widget-related-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb.card-title-bold {
display: flex;
flex-wrap: wrap;
}
a.widget-related-entry-card-link.widget-entry-card-link.a-wrap {
width: 25%;
box-sizing: border-box;
}
}
#related_entries-7,
#related_entries-7 a.widget-related-entry-card-link.widget-entry-card-link.a-wrap {
margin-bottom: 0px;
} .header-container .logo-header img.header-site-logo-image {
height: 25px;
} .navi-in>ul {
margin: 0 20px;
}
.navi-in>ul li{
line-height: 40px;
width: 7em;
}
.logo-menu-button img {
height: 16px;
margin: 0 20px;
} .mobile-menu-buttons {
min-height: 40px;
}
.mobile-menu-buttons .menu-button {
width: 50px;
}
.mobile-menu-buttons .menu-caption {
display: none;
}
#navi-menu-content {
scrollbar-width: none;
} .content {
margin-top: 18px;
}
@media screen and (max-width:834px) {
.content {
margin-top: 0;
}
}
@media screen and (max-width:1023px) {
body {
margin-top: 35px;
}
} figure.wp-block-image:not(.alignleft):not(.alignright) {
text-align: center;
}
.video-container {
margin-left: auto;
margin-right: auto;
}  figcaption a{
color: inherit;
text-decoration: underline dotted;
} .eye-catch-caption{
padding: 0 0.6em 0;
font-size: 0.7em;
background: #5a5a5a;
width: inherit;
right: 0;
} .wp-element-caption>.img-source{
color: var(--cocoon-white-color);
background: #5a5a5a;
opacity: .9;
padding: 0 0.6em 0;
margin: 0 0 0 auto;
width: fit-content;
position: relative;
right: -6px;
}
.wp-element-caption:has(.img-source){
position: relative;
bottom: 20px;
}  .ranking-item-link-buttons a, .btn-wrap > a, a.btn {
box-shadow: 0 2px 4px var(--shadow);
} .wp-block-details {
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px 20px;
}
.wp-block-details summary::-webkit-details-marker {
display: none; }
.wp-block-details summary {
text-align: center;
display: block; } .wp-block-details summary::before {
margin-right: .8em;
opacity: .5;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.wp-block-details:not([open]) summary::before {
content: "\f055";
}
.wp-block-details[open] summary::before {
content: "\f056";
}
.wp-block-details summary + * {
margin-top: 1.7em;
}  .blogcard-snippet,
.internal-blogcard-footer{
display: none;
} .blogcard-thumbnail{
width: 25%;
} @media screen and (max-width: 834px){
.blogcard-thumbnail{
width: 45%;
}
.blogcard-title{
font-size: 13px;
}
}  #sidebar ul li a,
a.popular-entry-card-link{
margin: 5px;
} .author-box{
background: var(--bg2);
} .author-name a {
color: var(--text-main);
text-decoration: none;
} .author-box p {
line-height: 1.8;
}  .toc{
border-top:5px solid;
border-top-color: var(--key-color);
border-radius:0 0 7px 7px;
} .toc-title{
font-weight:700;
} .toc-content ol li {
line-height:1.5;
padding:0.8em 0.5em 0.3em 0.7em;
border-bottom:dashed 1px silver;
}
.toc-content ol li:last-of-type {
border-bottom:none;
}
.toc-content .toc-list li {
font-weight:700; }
.toc-content .toc-list li li {
font-weight:normal; } .widget-sidebar-scroll .toc-list{
max-height: 280px;
padding-left: 20px;
overflow-y: auto;
} .sns-share-buttons .button-caption{
display: none;
}
a.sns-button.share-button{
font-size: 22px;
}  .widget-related-entry-cards>p{
display: none;
} #footer-in {
margin-bottom: 100px;
}
.navi-footer-in>.menu-footer {
margin-bottom: 30px;
}
@media screen and (max-width:480px) {
#footer-in {
margin-bottom: 200px;
}
.navi-footer-in>.menu-footer {
flex-direction: column;
}
.navi-footer-in>.menu-footer li.menu-item {
width: 100%;
}
}   #header, 
.cat-link, .cat-label,
.appeal-content .appeal-button, .demo .cat-label,
.blogcard-type .blogcard-label, #footer,
.mobile-menu-buttons, .mobile-menu-buttons .menu-button>a,
.navi-menu-content, .navi-menu-content a, .go-to-top-button,
#submit {
background-color: var(--key-color);
opacity: 0.9;
}
#header-container, .header-container .navi,
#navi .navi-in>.menu-header .sub-menu,
.sidebar h2,.sidebar h3{
background-color: var(--key-color);
}
.header, .header .site-name-text,
#navi .navi-in a, #navi .navi-in a:hover,
.sidebar h2, .sidebar h3,
#footer a,.footer-bottom-content,
.mobile-menu-buttons, .mobile-menu-buttons .menu-button>a,
.navi-menu-content, .navi-menu-content a, .go-to-top-button,
#submit{
color: #fff;
} .cat-link, .tag-link, .tagcloud a,
.carousel .a-wrap,
.article .toc, .ranking-item {
border-color: var(--key-color);
}
.article h2{
border-bottom: 6px solid var(--key-color);
}
.article h3{
border: solid var(--key-color);
border-width:  2px 2px 2px 7px;
}
.article h4{
border-left: 4px solid var(--key-color);
border-bottom: 2px solid var(--key-color);
}
.article h5{
border-bottom: 2px solid var(--key-color);
}
.article h6{
border-bottom: 1px dashed var(--key-color);
}
body {
background-color: var(--bg4);
}
.main{
background-color: var(--bg3);
color: var(--text-main);
}
a{
color: var(--a);
}
a:hover {
color: var(--a-hover);
} .list-title-in:before, .list-title-in:after{
background-color: var(--text-main);
}
#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 var(--bg1);
border: 1px solid var(--bg1); 
color: var(--text-main);
}
.index-tab-buttons .index-tab-button{
background-color: var(--bg1);
border-color: var(--bg1);
} .list-more-button{
background-color: var(--bg2);
color: var(--text-main);
}
.list-more-button:hover{
color: var(--text-main);
background-color: var(--bg1-on);
}
.pagination .current {
background-color: var(--bg1);
}
.pagination-next-link,
.page-numbers{
background-color: var(--bg2);
color: var(--text-main);
}
.pagination-next-link:hover,
.key-btn:hover{
color: var(--text-main);
background-color: var(--bg1-on);
}
.page-numbers.dots{
background: none;
}
.page-numbers:hover{
background-color: var(--bg1-on);
}
a.page-numbers:hover{
color: var(--text-main);
background-color: var(--bg4);
} .sidebar{
background-color: var(--bg3);
color: var(--text-main);
}
.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 {
border-bottom: 1px solid var(--bg3);
padding-right: 15px;
padding-left: 15px;
}
.author-box .sns-follow-buttons a.follow-button{
color: var(--text-main);
}
.sidebar-menu-content,
.widget-entry-cards .a-wrap{
color: var(--text-main);
background-color: var(--bg2);
} .pr-label{
border: none;
color: var(--text-main);
background-color: var(--bg2);
}
.pr-label.pr-label-s{
font-size: 14px;
} div.recent-comment-content{
background-color: var(--bg1);
color: var(--text-main);
}
.recent-comment-content::after{
border-bottom-color: var(--bg1);
} .tagcloud a{
color: var(--text-main);
}
.tag-cloud-link{
background-color: var(--bg3);
}
.fa-tag{
color: var(--text-main);
} .search-box input::placeholder {
color: var(--text-main); 
}
input,input[type=submit]{
background-color: var(--bg3);
color: var(--text-main);
}
input.search-edit::placeholder {
color: var(--text-main);
}
.box-menu{
background: var(--bg2);
color: var(--text-main);
}
.box-menu:hover{
background-color: var(--bg1-on);
color: var(--text-main);
} 
.a-wrap,
.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: var(--text-main);
background-color: var(--bg2);
}
.a-wrap:hover,
.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 {
color: var(--text-main);
background-color: var(--bg1-on);
} div #carousel-in{
background-color: var(--bg3);
} .navi {
background-color: var(--bg3);
font-weight: bold;
}
.navi a{
color: var(--text-main);
}
.navi a:hover {
color: var(--text-main);
background-color: var(--bg1-on);
} .toc a {
color: var(--text-main);
}
.rating-number{
color: var(--text-main);
}  .pager-links a span{
background-color: var(--bg2);
color: var(--text-main);
}
.pager-links a span:hover{
color: var(--text-main);
background-color: var(--bg1-on);
}
.pager-links span,
.page-numbers.current{
background-color: var(--bg1);
} .wp-block-table td, .wp-block-table th {
border: 1px solid #80808050; }
.wp-block-table tr, .wp-block-table tr:nth-of-type(2n+1){
background-color: var(--bg2);
}
table th,
.scrollable-table th{
background-color: var(--bg1);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #80808010; } pre.wp-block-code,
pre{
color: var(--text-main);
background-color: var(--bg1);
} .cat-link, .tag-link{
background-color: var(--bg2);
color: var(--text-main);
} .breadcrumb,
.breadcrumb-caption,
.sns-share-message,
.sns-follow-message{
color: var(--text-main);
}
.comment-btn{
background-color: var(--bg1);
color: var(--text-main);
}
.comment-btn:hover{
background-color: var(--bg1-on);
color: var(--text-main);
} blockquote{
background-color: var(--bg2);
} .speech-wrap.cocoon-block-balloon .speech-balloon{
background-color: var(--bg2);
color: var(--text-main);
}
.sbp-l .speech-balloon::after{
border-right-color: var(--bg2);
}
.sbp-r .speech-balloon::after{
border-left-color: var(--bg2);
} .keyboard-key{
background-color: var(--bg2);
color: var(--text-main);
} .information-box, .question-box, .alert-box, .memo-box, .comment-box,
.good-box, .bad-box, .ok-box, .ng-box,.profile-box{
background-color: var(--bg3);
border-width: 2px;
} .blank-box.sticky{
color: #000;
} .label-box-label{
text-shadow: var(--bg3) 3px 0 0, var(--bg3) 2px 1px 0, var(--bg3) 2px 2px 0, var(--bg3) 2px 3px 0, var(--bg3) 1px 3px 0, var(--bg3) 0 3px 0, var(--bg3) -1px 3px 0, var(--bg3) -2px 2px 0, var(--bg3) -3px 1px 0, var(--bg3) -3px 0 0, var(--bg3) -3px -1px 0, var(--bg3) -3px -2px 0, var(--bg3) -2px -2px 0, var(--bg3) -1px -3px 0, var(--bg3) 0 -3px 0, var(--bg3) 1px -3px 0, var(--bg3) 2px -2px 0, var(--bg3) 2px -2px 0, var(--bg3) 3px -1px 0;
} .caption-box .caption-box-label,
.tab-caption-box .tab-caption-box-label,
.blank-box.bb-tab .bb-label,
.editor-styles-wrapper .wp-block.blank-box.bb-tab::before{
background-color: var(--key-color);
color: #fff;
}
.caption-box, .tab-caption-box-content, .bb-tab{
border-color: var(--key-color);
} .block-box-content{
color: var(--text-main);
} .toggle-box:not(.has-border-color, [class*=tb-]) label.toggle-button{
color: #000;
}
.toggle-checkbox:checked~.toggle-content {
background-color: var(--bg3);
color: var(--text-main);
} .micro-text {
color: var(--text-main);
} .micro-balloon {
background-color: var(--bg3);
}
.micro-balloon::after {
border-top-color: var(--bg3);
}
.micro-bottom.micro-balloon::after {
border-bottom-color: var(--bg3);
} .wp-block-cocoon-blocks-timeline.cocoon-block-timeline {
color: var(--text-main);
} .faq-answer-content {
color: var(--text-main);
} .search-form div.sform{
background-color: var(--bg3);
}
.search-form div.sbtn::after{
color: var(--text-main);
}
.search-form div.sbtn:hover{
color: var(--text-main);
background-color: var(--bg1-on);
}  .custom-border-box {
border: 3px solid var(--key-color);
border-radius: 10px;
padding: 20px;
} .custom-fa-box {
border: 3px solid var(--key-color);
border-radius: 10px;
padding: 20px;
}
.custom-fa-box > .wp-block-group:has(i) {
width: 100px;
max-width: 10%;
text-align: center;
}
.custom-border-box > .wp-block-group i {
color: var(--key-color);
} .custom-speech-box {
gap: 15px;
align-items: flex-start;
}
.custom-speech-box__avatar {
min-width: 10%;
}
.custom-speech-box__avatar img {
max-width: 100%;
width: 100px;
height: auto;
border: 2px solid #ccc;
border-radius: 50px;
}
.custom-speech-box__content {
background: var(--bg2);
border: 2px solid #ccc;
border-radius: 5px 40px 40px 40px;
padding: 15px;
}
@media screen and (max-width: 480px) {
.custom-speech-box {
gap: 8px;
}
.custom-speech-box__avatar {
min-width: 15%;
}
.custom-speech-box__content {
font-size: 14px;
}
}@media (prefers-color-scheme: dark) {
:root {
--key-color:#184;
--text-main:#ccc;
--bg4:#111;
--bg3:#222;
--bg2:#2d343a;
--bg1:#42505e;
--bg1-on:#313c46bd;
--shadow:#ffffff80;
--a:#99ccff;
--a-hover:#f7a488;
}
.red, .bold-red {
color: #f66;
}
.marker{
background: yellow;
color: #111;
}
.marker-under-red{
background:linear-gradient(transparent 85%, #ff2f33 0%);
}
.marker-under-blue{
background: linear-gradient(transparent 85%, #234794 0%);
}
.marker-under{
background:linear-gradient(transparent 85%,#FF5 0%);
}
.marker-red{
background: #ff2f33;
color: var(--text-main);
}
.marker-blue{
background: #234794;
color: var(--text-main);
}
.sns-buttons a{
background-color: #585858;
}
}