@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:#666;
--text-main:#000;
--bg3:#fff;
--bg2:#f9f9f9 ;
--bg1:#e5e5e5 ;
--bg1-on:#f0f8ffea;
--border-color: #ddd;
--shadow: 3px 3px 0 #ccc;
--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);
}
.body .wp-block-group > *:not(p) {
margin: 0;
}  .responsive-pc-element {
display: block;
}
.responsive-mobile-element {
display: none;
}
@media screen and (max-width: 480px) {
.responsive-pc-element {
display: none; 
}
.responsive-mobile-element {
display: block;
}
} .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;
}  .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;
}
.copy-box {
padding:30px;
box-shadow:var(--shadow);
border: 1px solid var(--border-color);
border-radius:8px;
text-align:center;
}  .page-template-default .page .entry-title,
.page-template-default .page .date-tags {
display: none;
}  img[width="1"] {
display: none;
}  .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;
}
}  .logo-header{
padding: 10px 0 5px 0;
}
.site-name-text{
font-size: 20px;
font-weight: bold;
} #navi .navi-in > .menu-mobile li{
width: 25%;
}
.navi-in>ul li{
height: 40px;
line-height: 40px;
} .mobile-menu-buttons{
line-height: 1.7;
}
.mobile-menu-buttons .menu-icon {
display: flex;
justify-content: center;
}
.menu-button{
display: flex;
justify-content: space-around;
align-items: center;
} figure.wp-block-image:not(.alignleft):not(.alignright) {
text-align: center;
}
.video-container {
margin-left: auto;
margin-right: auto;
} figcaption {
padding: 0;
} figcaption div>a {
color: inherit;
text-decoration: underline dotted;
} .eye-catch-caption {
background: none;
padding: 0;
font-size: 0.7em;
} figcaption>div:has(a) {
color: #fff;
background: #555a;
padding: 0 0.6em;
margin: 0 0 0 auto;
width: fit-content;
}
figcaption:has(div>a) {
position: relative;
bottom: 20px;
} .wp-block-button,
.af-link-button {
position: relative;
}
.wp-block-button__link,
.af-link-button a {
font-size: 18px;
font-weight: bold;
text-decoration: inherit;
color: #fff;
background: #078;
border-radius: 100px;
box-shadow: var(--shadow);
padding: 14px 20px;
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-button__link::after,
.af-link-button a::after {
content: "〉";
right: 10px;
position: absolute;
}
.wp-block-button__link:hover,
.af-link-button a:hover {
color: #fff;
}
.wp-block-buttons:not([class^="is-content-justification-"]) {
justify-content: center;
} .ranking-item-link-buttons a, .btn-wrap > a, a.btn {
box-shadow: 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;
} .wp-block-quote cite {
text-align: right;
color: #888;
}
.wp-block-quote cite a {
color: #888;
}  #sidebar ul li a,
a.popular-entry-card-link{
margin: 5px;
} .author-box{
background: var(--bg2);
} :where(.author-card) {
display: flex;
align-items: center;
padding: 20px;
background: var(--bg-sub);
border: 1px solid var(--border-color);
border-radius: 10px;
box-shadow: var(--shadow);
margin-bottom: 50px;
gap: 20px;
}
.author-card p {
margin: 0;
}
:where(.author-card__avatar-wrap) {
margin-right: 20px;
}
:where(.author-card__avatar) {
width: 80px;
height: 80px;
border-radius: 50%;
margin: 0 auto;
overflow: hidden;
}
:where(.author-card__avatar img) {
width: 100%;
height: 100%;
}
:where(.author-card__name) {
font-weight: bold;
margin-top: 10px;
text-align: center;
}
:where(.author-card__description) {
font-size: 14px;
white-space: pre-line;
margin: 0;
}
@media screen and (max-width:480px){
:where(.author-card) {
flex-direction: column;
}
} .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:#666;
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; } .sns-share-buttons .button-caption{
display: none;
}
a.sns-button.share-button{
font-size: 22px;
}  p.comment-notes , p.comment-form-email {
display: none;
} p.form-submit {
margin-top : 10px;
}  .widget-related-entry-cards>p{
display: none;
}   #header-container, #header-container .navi,
#navi .navi-in>.menu-header .sub-menu,
.sidebar h2,.sidebar h3,
.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, .header .site-name-text,
#navi .navi-in a, #navi .navi-in a:hover,
.sidebar h2, .sidebar h3,
#footer, #footer a
.mobile-menu-buttons, .menu-button, .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);
}
.main{
background-color: var(--bg3);
color: var(--text-main);
} .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);
} .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);
} #footer{
background-color: var(--bg3);
}
div .footer-bottom-content,
.navi-footer-in a {
color: var(--text-main);
}
.navi-footer-in a:hover{
background-color: var(--bg1-on);
}  .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);
}
textarea{
background-color: var(--bg3);
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);
} .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 var(--border-color);
border-radius: 50px;
}
.custom-speech-box .custom-speech-box__content {
background: var(--bg-sub);
border: 2px solid var(--border-color);
border-radius: 5px 40px 40px 40px;
padding: 15px;
margin-top: 10px;
}
@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:#666;
--text-main:#fff;
--bg3:#222;
--bg2:#2d343a;
--bg1:#42505e;
--bg1-on:#313c46bd;
--shadow: 3px 3px 0 #ccc;
--a:#99ccff;
--a-hover:#f7a488;
}
body {
background-color: #111;
}
.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;
}
}