.sbd-inner-block-init dd,.sbd-inner-block-init dt,.sbd-inner-block-init>*{margin:1em 0 !important}@media screen and (min-width: 768px){.sbd-inner-block-init dd,.sbd-inner-block-init dt,.sbd-inner-block-init>*{margin:1.25em 0 !important}}.sbd-inner-block-init>:first-child{margin-top:0 !important}.sbd-inner-block-init>:last-child{margin-bottom:0 !important}.sbd-inner-block-init p{padding:0 !important}[class^=wp-block-sbd]{margin:0 0 1.5em}@media screen and (min-width: 768px){[class^=wp-block-sbd]{margin:0 0 2em}}.sbd-block-padding,.wp-block-sbd-definition-list.sbd-list-border,.wp-block-sbd-list .sbd-list-border,.wp-block-sbd-checkpoint-block .sbd-checkpoint-content,.wp-block-sbd-background-block-title,.wp-block-sbd-background-block{padding:1.25em !important}@media screen and (min-width: 768px){.sbd-block-padding,.wp-block-sbd-definition-list.sbd-list-border,.wp-block-sbd-list .sbd-list-border,.wp-block-sbd-checkpoint-block .sbd-checkpoint-content,.wp-block-sbd-background-block-title,.wp-block-sbd-background-block{padding:1.5em !important}}.sbd-bg-color.is-style-red{background-color:#ffe9e9}.sbd-bg-color.is-style-gray{background-color:#f5f5f5}.sbd-bg-color.is-style-yellow{background-color:#fffdeb}.wp-block-sbd-background-block{position:relative;background-color:#ffe9e9}.wp-block-sbd-background-block-title{position:relative;background-color:#ffe9e9}.wp-block-sbd-background-block-title.is-style-red .wp-block-sbd-heading:not([class^=is-style])::before,.wp-block-sbd-background-block-title.is-style-red .wp-block-sbd-heading.is-style-sbd-title-icon::before{color:#eb4141}.wp-block-sbd-background-block-title.is-style-red .wp-block-sbd-heading.is-style-sbd-title-strong p::first-letter{color:#eb4141}.wp-block-sbd-background-block-title.is-style-gray .wp-block-sbd-heading:not([class^=is-style])::before,.wp-block-sbd-background-block-title.is-style-gray .wp-block-sbd-heading.is-style-sbd-title-icon::before{color:#5ba6f0}.wp-block-sbd-background-block-title.is-style-gray .wp-block-sbd-heading.is-style-sbd-title-strong p::first-letter{color:#5ba6f0}.wp-block-sbd-background-block-title.is-style-yellow .wp-block-sbd-heading:not([class^=is-style])::before,.wp-block-sbd-background-block-title.is-style-yellow .wp-block-sbd-heading.is-style-sbd-title-icon::before{color:#33cb9c}.wp-block-sbd-background-block-title.is-style-yellow .wp-block-sbd-heading.is-style-sbd-title-strong p::first-letter{color:#33cb9c}.wp-block-sbd-heading>p{font-size:1.125em !important;font-weight:700 !important;line-height:1.5 !important}.wp-block-sbd-heading>*{line-height:1.5;margin:0 !important}.wp-block-sbd-heading,.wp-block-sbd-heading.is-style-sbd-title-icon{display:flex}.wp-block-sbd-heading::before,.wp-block-sbd-heading.is-style-sbd-title-icon::before{font-family:"sbd_icomoon";content:"";font-size:1.5em;margin-right:12px;flex:0 0 auto;color:#eb4141;line-height:1}.wp-block-sbd-heading.is-style-sbd-title-strong{display:block}.wp-block-sbd-heading.is-style-sbd-title-strong::before{content:none}.wp-block-sbd-heading.is-style-sbd-title-strong p::first-letter{font-size:1.65em;color:#eb4141}.wp-block-sbd-checkpoint-block{position:relative;background:#fafafa;box-shadow:0 2px 4px rgba(0,0,0,.22)}.wp-block-sbd-checkpoint-block .sbd-checkpoint-title{font-size:1.125em;background:#eab060;padding:.5em 1.5em;text-align:center;color:#fff;font-weight:700;line-height:1.5;margin-top:0;margin-bottom:0}.wp-block-sbd-checkpoint-block .sbd-checkpoint-title::before{margin-right:12px;font-family:"sbd_icomoon";content:"";font-weight:700}.wp-block-sbd-checkpoint-block .sbd-checkpoint-content{margin-top:0}.wp-block-sbd-checkpoint-block.is-style-sbd-checkpoint-orange .sbd-checkpoint-title{background-color:#eab060}.wp-block-sbd-checkpoint-block.is-style-sbd-checkpoint-blue .sbd-checkpoint-title{background-color:#5ba6f0}.wp-block-sbd-checkpoint-block.is-style-sbd-checkpoint-black .sbd-checkpoint-title{background-color:#000}.wp-block-sbd-checkpoint-block.is-style-sbd-checkpoint-red .sbd-checkpoint-title{background-color:#ff5546}.wp-block-sbd-checkpoint-block.is-style-sbd-checkpoint-green .sbd-checkpoint-title{background-color:#88b500}.wp-block-sbd-checkpoint-block.is-style-sbd-checkpoint-pink .sbd-checkpoint-title{background-color:#f19ec2}.wp-block-sbd-list{padding:0;counter-reset:sbd-ol}.wp-block-sbd-list .sbd-list{margin:0 !important;padding:0;list-style-type:none !important}.wp-block-sbd-list .sbd-list li{margin:.5em 0 1em;position:relative;line-height:1.5em}.wp-block-sbd-list .sbd-list li:first-child{margin-top:0}.wp-block-sbd-list .sbd-list li:last-child{margin-bottom:0}.wp-block-sbd-list .sbd-list-border{border:dashed 1px gray}.wp-block-sbd-list .sbd-list-noborder{border:none !important}.wp-block-sbd-list ul.sbd-list>li{padding:0 0 0 1.25em}.wp-block-sbd-list ul.sbd-list>li::before{position:absolute;content:"" !important;left:0 !important;top:50% !important;transform:translateY(-50%) !important;background-color:#eab060 !important;width:.5em;height:.5em}.wp-block-sbd-list ul.sbd-list>li::after{content:none}.wp-block-sbd-list ol.sbd-list>li{padding:0 0 0 2em}.wp-block-sbd-list ol.sbd-list>li::before{font-size:1em !important;position:absolute !important;left:0 !important;display:block !important;box-sizing:content-box !important;width:1.5em !important;height:1.5em !important;padding:0 !important;color:#fff !important;line-height:1.5 !important;text-align:center !important;background-color:#eab060 !important;border-radius:50% !important;content:counter(sbd-ol);counter-increment:sbd-ol;border:none !important;transform:scale(0.8) !important}.wp-block-sbd-list ol.sbd-list>li::after{content:none}.wp-block-sbd-list.is-style-sbd-list-orange ul li::before{background-color:#eab060 !important}.wp-block-sbd-list.is-style-sbd-list-orange ol li::before{background-background-color:#eab060 !important}.wp-block-sbd-list.is-style-sbd-list-blue ul li::before{background-color:#5ba6f0 !important}.wp-block-sbd-list.is-style-sbd-list-blue ol li::before{background-color:#5ba6f0 !important}.wp-block-sbd-list.is-style-sbd-list-black ul li::before{background-color:#000 !important}.wp-block-sbd-list.is-style-sbd-list-black ol li::before{background-color:#000 !important}.wp-block-sbd-list.is-style-sbd-list-red ul li::before{background-color:#ff5546 !important}.wp-block-sbd-list.is-style-sbd-list-red ol li::before{background-color:#ff5546 !important}.wp-block-sbd-list.is-style-sbd-list-green ul li::before{background-color:#88b500 !important}.wp-block-sbd-list.is-style-sbd-list-green ol li::before{background-color:#88b500 !important}.wp-block-sbd-list.is-style-sbd-list-pink ul li::before{background-color:#f19ec2 !important}.wp-block-sbd-list.is-style-sbd-list-pink ol li::before{background-color:#f19ec2 !important}.wp-block-sbd-definition-list.sbd-list-border{border:dashed 1px gray}.wp-block-sbd-definition-list.sbd-list-noborder{border:none !important}.wp-block-sbd-definition-list-dt{background-color:inherit !important;font-weight:700;padding:0 0 0 12px !important;border-left:solid 6px #eab060;margin:0}@media screen and (min-width: 768px){.wp-block-sbd-definition-list-dt{border-width:8px}}.wp-block-sbd-definition-list-dt.is-style-sbd-dt-orange{border-color:#eab060}.wp-block-sbd-definition-list-dt.is-style-sbd-dt-blue{border-color:#5ba6f0}.wp-block-sbd-definition-list-dt.is-style-sbd-dt-black{border-color:#000}.wp-block-sbd-definition-list-dt.is-style-sbd-dt-red{border-color:#ff5546}.wp-block-sbd-definition-list-dt.is-style-sbd-dt-green{border-color:#88b500}.wp-block-sbd-definition-list-dt.is-style-sbd-dt-pink{border-color:#f19ec2}.wp-block-sbd-definition-list-dd{font-weight:normal;padding:0 !important;border:none !important}.wp-block-sbd-table>table{min-width:100%;word-break:break-all;width:100%;border:none !important;background-color:#fff}.wp-block-sbd-table.sbd-table--scroll>table{overflow-x:scroll;-webkit-overflow-scrolling:touch;border-collapse:collapse;display:block}.wp-block-sbd-table.sbd-table--scroll>table td,.wp-block-sbd-table.sbd-table--scroll>table th{min-width:130px !important;max-width:200px !important}.wp-block-sbd-table.sbd-table--fixed td:first-child{position:sticky;left:-1px;z-index:9}.wp-block-sbd-table td,.wp-block-sbd-table th{font-size:max(0.8em, 12px) !important;vertical-align:middle !important;text-align:center !important;padding:.7em;border:#d2d2d2 solid 1px !important;background-color:#fff}.wp-block-sbd-table td a,.wp-block-sbd-table th a{display:inline-block;text-decoration:none;max-width:100%}.wp-block-sbd-table td a:hover,.wp-block-sbd-table th a:hover{opacity:.8;transition:.3s}.wp-block-sbd-table td a[target=_blank]:after,.wp-block-sbd-table th a[target=_blank]:after{content:none}.wp-block-sbd-table td img,.wp-block-sbd-table th img{margin-bottom:0}.wp-block-sbd-table td .sbd-table-btn,.wp-block-sbd-table th .sbd-table-btn{display:inline-block;padding:10px;border:0;border-radius:3px;box-shadow:0 -4px 0 rgba(0,0,0,.1) inset;text-align:center;color:#fff;font-weight:normal}.wp-block-sbd-table td .sbd-table-btn>a,.wp-block-sbd-table th .sbd-table-btn>a{color:#fff}.wp-block-sbd-table [class^=sbd-table-bg-]{position:relative;min-height:60px;display:flex;align-items:center;justify-content:center}.wp-block-sbd-table [class^=sbd-table-bg-]::after{content:"";position:absolute;font-size:50px;font-family:"sbd_icomoon";top:50%;left:50%;transform:translate(-50%, -50%)}.wp-block-sbd-table .sbd-table-bg-double-circle::after{color:rgba(235,65,65,.2);content:""}.wp-block-sbd-table .sbd-table-bg-circle::after{color:rgba(91,166,240,.2);content:""}.wp-block-sbd-table .sbd-table-bg-triangle::after{color:rgba(51,203,156,.2);content:""}.wp-block-sbd-table .sbd-table-bg-cross::after{color:rgba(234,176,96,.2);content:""}.wp-block-sbd-table .sbd-table-btn{background:#eab060 !important}.wp-block-sbd-table.sbd-table--btn-orange .sbd-table-btn{background:#eab060 !important}.wp-block-sbd-table.sbd-table--btn-red .sbd-table-btn{background:#eb4141 !important}.wp-block-sbd-table.sbd-table--btn-blue .sbd-table-btn{background:#5ba6f0 !important}.wp-block-sbd-table.sbd-table--btn-green .sbd-table-btn{background:#33cb9c !important}.wp-block-sbd-table.sbd-table--btn-gray .sbd-table-btn{background:#434343 !important}.wp-block-sbd-table-vertical td:first-child{background:#fdf7ef !important}.wp-block-sbd-table-vertical.sbd-table--header-orange td:first-child{background:#fdf7ef !important}.wp-block-sbd-table-vertical.sbd-table--header-red td:first-child{background:#ffe9e9 !important}.wp-block-sbd-table-vertical.sbd-table--header-blue td:first-child{background:#eef6fe !important}.wp-block-sbd-table-vertical.sbd-table--header-green td:first-child{background:#eafaf5 !important}.wp-block-sbd-table-vertical.sbd-table--header-gray td:first-child{background:#f5f5f5 !important}.wp-block-sbd-table-horizontal tr:first-child td{background:#fdf7ef !important}.wp-block-sbd-table-horizontal.sbd-table--header-orange tr:first-child td{background:#fdf7ef !important}.wp-block-sbd-table-horizontal.sbd-table--header-red tr:first-child td{background:#ffe9e9 !important}.wp-block-sbd-table-horizontal.sbd-table--header-blue tr:first-child td{background:#eef6fe !important}.wp-block-sbd-table-horizontal.sbd-table--header-green tr:first-child td{background:#eafaf5 !important}.wp-block-sbd-table-horizontal.sbd-table--header-gray tr:first-child td{background:#f5f5f5 !important}.sbd-table--scroll .scroll-hint-icon{width:100px;height:100px;border-radius:50%;background:rgba(0,0,0,.8);padding:30px 20px 20px;z-index:10}.sbd-table--scroll .scroll-hint-icon::before{width:30px;height:30px}.sbd-table--scroll .scroll-hint-icon::after{top:15px}.sbd-table--scroll .scroll-hint-text{line-height:1.25}.sbd-table--scroll-none .scroll-hint-icon-wrap.is-active .scroll-hint-icon{opacity:0}.sbd-table--scroll-hint-simple .scroll-hint-icon{width:175px;height:35px;border-radius:50px;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.sbd-table--scroll-hint-simple .scroll-hint-icon::before{content:"";width:16px;height:14px;display:block;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);opacity:0;background-size:40px;background-position:left}.sbd-table--scroll-hint-simple .scroll-hint-icon::after{position:relative;top:auto;left:auto;width:16px;background-size:40px;background-position:right;margin:0 !important;transition-delay:0}.sbd-table--scroll-hint-simple .scroll-hint-text{margin-top:0}.sbd-table--scroll-hint-simple .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after,.sbd-table--scroll-hint-simple .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before{opacity:1}.sbd-rate{text-align:center}.sbd-rate__star{color:#eab060}.sbd-rate__star .icon-star-off{color:#5d5d5d}.sbd-rate__num{font-size:.8em;line-height:1;color:#949494}.wp-block-sbd-btn{text-align:center}.wp-block-sbd-btn .sbd-btn-copy{text-align:center;color:#434343;font-size:.75em;margin-bottom:.25em !important;padding:0;font-weight:700}.wp-block-sbd-btn .sbd-btn-copy::before{content:"＼";margin-right:1em;display:inline-block}.wp-block-sbd-btn .sbd-btn-copy::after{content:" ／";margin-left:1em;display:inline-block}.wp-block-sbd-btn .sbd-btn-copy:empty{display:none}.wp-block-sbd-btn .sbd-btn>a,.wp-block-sbd-btn .sbd-btn>span,.wp-block-sbd-btn a.sbd-btn,.wp-block-sbd-btn span.sbd-btn{color:#fff;background-color:#434343;border:0;border-radius:3px;box-shadow:0 -4px 0 rgba(0,0,0,.1) inset;cursor:pointer;display:inline-block;font-weight:700;padding:.75em 2.5em;text-align:center;text-decoration:none;overflow-wrap:break-word;display:inline-block;min-width:25%;position:relative;box-sizing:border-box}.wp-block-sbd-btn .sbd-btn>a::after,.wp-block-sbd-btn .sbd-btn>span::after,.wp-block-sbd-btn a.sbd-btn::after,.wp-block-sbd-btn span.sbd-btn::after{content:"" !important;width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg) translateY(-50%);margin-left:1em;position:absolute;right:1.5em;top:50%}.wp-block-sbd-btn .sbd-btn>a:hover,.wp-block-sbd-btn .sbd-btn>span:hover,.wp-block-sbd-btn a.sbd-btn:hover,.wp-block-sbd-btn span.sbd-btn:hover{opacity:.8;transition:.3s}.wp-block-sbd-btn .sbd-btn-25>a,.wp-block-sbd-btn .sbd-btn-25>span,.wp-block-sbd-btn a.sbd-btn-25,.wp-block-sbd-btn span.sbd-btn-25{min-width:25%}.wp-block-sbd-btn .sbd-btn-50>a,.wp-block-sbd-btn .sbd-btn-50>span,.wp-block-sbd-btn a.sbd-btn-50,.wp-block-sbd-btn span.sbd-btn-50{min-width:50%}.wp-block-sbd-btn .sbd-btn-75>a,.wp-block-sbd-btn .sbd-btn-75>span,.wp-block-sbd-btn a.sbd-btn-75,.wp-block-sbd-btn span.sbd-btn-75{min-width:75%}.wp-block-sbd-btn .sbd-btn-100>a,.wp-block-sbd-btn .sbd-btn-100>span,.wp-block-sbd-btn a.sbd-btn-100,.wp-block-sbd-btn span.sbd-btn-100{min-width:100%}.wp-block-sbd-btn .sbd-btn-circle>a,.wp-block-sbd-btn .sbd-btn-circle>span,.wp-block-sbd-btn a.sbd-btn-circle,.wp-block-sbd-btn span.sbd-btn-circle{border-radius:99px}.wp-block-sbd-btn.is-style-sbd-btn-black .sbd-btn>a,.wp-block-sbd-btn.is-style-sbd-btn-black .sbd-btn>span,.wp-block-sbd-btn.is-style-sbd-btn-black a.sbd-btn,.wp-block-sbd-btn.is-style-sbd-btn-black span.sbd-btn{background-color:#434343}.wp-block-sbd-btn.is-style-sbd-btn-black .sbd-btn-copy{color:#434343}.wp-block-sbd-btn.is-style-sbd-btn-red .sbd-btn>a,.wp-block-sbd-btn.is-style-sbd-btn-red .sbd-btn>span,.wp-block-sbd-btn.is-style-sbd-btn-red a.sbd-btn,.wp-block-sbd-btn.is-style-sbd-btn-red span.sbd-btn{background-color:#eb4141}.wp-block-sbd-btn.is-style-sbd-btn-red .sbd-btn-copy{color:#eb4141}.wp-block-sbd-btn.is-style-sbd-btn-blue .sbd-btn>a,.wp-block-sbd-btn.is-style-sbd-btn-blue .sbd-btn>span,.wp-block-sbd-btn.is-style-sbd-btn-blue a.sbd-btn,.wp-block-sbd-btn.is-style-sbd-btn-blue span.sbd-btn{background-color:#5ba6f0}.wp-block-sbd-btn.is-style-sbd-btn-blue .sbd-btn-copy{color:#5ba6f0}.wp-block-sbd-btn.is-style-sbd-btn-green .sbd-btn>a,.wp-block-sbd-btn.is-style-sbd-btn-green .sbd-btn>span,.wp-block-sbd-btn.is-style-sbd-btn-green a.sbd-btn,.wp-block-sbd-btn.is-style-sbd-btn-green span.sbd-btn{background-color:#33cb9c}.wp-block-sbd-btn.is-style-sbd-btn-green .sbd-btn-copy{color:#33cb9c}.wp-block-sbd-btn.is-style-sbd-btn-orange .sbd-btn>a,.wp-block-sbd-btn.is-style-sbd-btn-orange .sbd-btn>span,.wp-block-sbd-btn.is-style-sbd-btn-orange a.sbd-btn,.wp-block-sbd-btn.is-style-sbd-btn-orange span.sbd-btn{background-color:#eab060}.wp-block-sbd-btn.is-style-sbd-btn-orange .sbd-btn-copy{color:#eab060}.sbd-balloon{display:flex;align-items:flex-start}.sbd-balloon__profile{text-align:center}.sbd-balloon__icon{margin:0;width:60px;height:60px}@media screen and (min-width: 768px){.sbd-balloon__icon{width:80px;height:80px}}.sbd-balloon__img{border-radius:50%;max-width:100%;padding:0 !important}.sbd-balloon__name{font-size:.6em;margin-top:.5em;line-height:1}.sbd-balloon__text-box{padding:1.25em !important;position:relative;border-radius:10px;word-wrap:break-word !important;flex:0 1 auto;margin-top:.25em}.sbd-balloon__text-box::before,.sbd-balloon__text-box::after{top:12px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.sbd-balloon__text-box::before{border-width:11px;margin-top:8px;border-color:transparent #e7e7e7}.sbd-balloon__text-box::after{border-width:8px;margin-top:11px;border-color:transparent #e7e7e7}.sbd-balloon--l .sbd-balloon__text-box{margin-left:1em}.sbd-balloon--l .sbd-balloon__text-box::before,.sbd-balloon--l .sbd-balloon__text-box::after{right:100%;border-left:none}.sbd-balloon--r{flex-direction:row-reverse}.sbd-balloon--r .sbd-balloon__text-box{margin-right:1em}.sbd-balloon--r .sbd-balloon__text-box::before,.sbd-balloon--r .sbd-balloon__text-box::after{left:100%;border-right:none}.sbd-balloon--gray .sbd-balloon__text-box{background-color:#e7e7e7;border-color:#999797 !important}.sbd-balloon--gray .sbd-balloon__text-box::before{border-color:transparent #999797}.sbd-balloon--gray .sbd-balloon__text-box::after{border-color:transparent #e7e7e7}.sbd-balloon--red .sbd-balloon__text-box{background-color:#f8e6e6;border-color:#ffa7a7 !important}.sbd-balloon--red .sbd-balloon__text-box::before{border-color:transparent #ffa7a7}.sbd-balloon--red .sbd-balloon__text-box::after{border-color:transparent #f8e6e6}.sbd-balloon--green .sbd-balloon__text-box{background-color:#e8fff8;border-color:#33cb9c !important}.sbd-balloon--green .sbd-balloon__text-box::before,.sbd-balloon--green .sbd-balloon__text-box::after{border-color:transparent #33cb9c}.sbd-balloon--green .sbd-balloon__text-box::after{border-color:transparent #e8fff8}.sbd-balloon--blue .sbd-balloon__text-box{background-color:#f2f8ff;border-color:#5ba6f0 !important}.sbd-balloon--blue .sbd-balloon__text-box::before{border-color:transparent #5ba6f0}.sbd-balloon--blue .sbd-balloon__text-box::after{border-color:transparent #f2f8ff}.sbd-balloon--orange .sbd-balloon__text-box{background-color:#f8f2ea;border-color:#eab060 !important}.sbd-balloon--orange .sbd-balloon__text-box::before{border-color:transparent #eab060}.sbd-balloon--orange .sbd-balloon__text-box::after{border-color:transparent #f8f2ea}.sbd-balloon--flat .sbd-balloon__text-box{border:none}.sbd-balloon--flat .sbd-balloon__text-box::before{border:none}.sbd-balloon--border .sbd-balloon__text-box{border:2px solid;background:#fff}.sbd-balloon--border .sbd-balloon__text-box::after{border-color:transparent #fff}.sbd-blog-card{text-decoration:none;width:100%;height:auto;background-color:#fff;display:-ms-grid;display:grid;-moz-column-gap:12px;column-gap:12px;border:1px solid #434343;padding:1em !important;text-align:left;cursor:pointer;-ms-grid-rows:auto 1fr auto;-ms-grid-columns:auto 12px minmax(70%, 1fr);grid-template:"g-blog-card__img g-blog-card__title" auto "g-blog-card__img g-blog-card__excerpt" 1fr "g-blog-card__img g-blog-card__btn" auto/auto minmax(70%, 1fr)}@media screen and (min-width: 768px){.sbd-blog-card{-moz-column-gap:16px;column-gap:16px;-ms-grid-rows:auto 1fr auto;-ms-grid-columns:auto 16px minmax(70%, 1fr);grid-template:"g-blog-card__img g-blog-card__title" auto "g-blog-card__img g-blog-card__excerpt" 1fr "g-blog-card__img g-blog-card__btn" auto/auto minmax(70%, 1fr)}}.sbd-blog-card:hover{opacity:.8;transition:.3s}.sbd-blog-card__img-area{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1;grid-area:g-blog-card__img}.sbd-blog-card__img-area img{vertical-align:top;margin-bottom:0 !important}.sbd-blog-card__title-area{-ms-grid-row:1;-ms-grid-column:3;grid-area:g-blog-card__title;text-decoration:none !important;font-weight:700;word-break:break-all;color:#434343 !important}.sbd-blog-card__excerpt-area{-ms-grid-row:2;-ms-grid-column:3;grid-area:g-blog-card__excerpt;font-size:.75em;word-break:break-all;margin-top:-8px;color:#9b9b9b !important;text-decoration:none !important;margin-top:8px}@media screen and (max-width: 767px){.sbd-blog-card__excerpt-area{display:none;margin-top:12px}}.sbd-blog-card__btn-area{-ms-grid-row:3;-ms-grid-column:3;grid-area:g-blog-card__btn;-ms-grid-column-align:end;justify-self:end;margin-top:-6px}@media screen and (min-width: 768px){.sbd-blog-card__img-area{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1}.sbd-blog-card__title-area{-ms-grid-row:1;-ms-grid-column:3}.sbd-blog-card__excerpt-area{-ms-grid-row:2;-ms-grid-column:3}.sbd-blog-card__btn-area{-ms-grid-row:3;-ms-grid-column:3}}.sbd-blog-card__btn{padding:.5em 2em}@font-face{font-family:"sbd_icomoon";src:url(//gekiguru-fukuoka.com/wp-content/plugins/simpleblogdesign-main/build/fonts/icomoon.53f6ef57.eot);src:url(//gekiguru-fukuoka.com/wp-content/plugins/simpleblogdesign-main/build/fonts/icomoon.53f6ef57.eot#iefix) format("embedded-opentype"),url(//gekiguru-fukuoka.com/wp-content/plugins/simpleblogdesign-main/build/fonts/icomoon.9babd236.ttf) format("truetype"),url(//gekiguru-fukuoka.com/wp-content/plugins/simpleblogdesign-main/build/fonts/icomoon.609913a8.woff) format("woff"),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9Imljb21vb24iIGhvcml6LWFkdi14PSIxMDI0Ij4KPGZvbnQtZmFjZSB1bml0cy1wZXItZW09IjEwMjQiIGFzY2VudD0iOTYwIiBkZXNjZW50PSItNjQiIC8+CjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSIxMDI0IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4MjA7IiBob3Jpei1hZHYteD0iNTEyIiBkPSIiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTAwOyIgZ2x5cGgtbmFtZT0iYXJyb3ciIGQ9Ik01MTIgOTYwYzI4Mi43NjcgMCA1MTItMjI5LjIzMyA1MTItNTEycy0yMjkuMjMzLTUxMi01MTItNTEyLTUxMiAyMjkuMjMzLTUxMiA1MTIgMjI5LjIzMyA1MTIgNTEyIDUxMnpNMTk0LjM3NiAzNTcuMTcxaDMxNy42MjR2LTE0Ni4zOTFjMC0wLjAwMiAwLTAuMDA1IDAtMC4wMDggMC0xMy42OTcgMTEuMTA0LTI0LjgwMSAyNC44MDEtMjQuODAxIDYuODQ2IDAgMTMuMDQzIDIuNzczIDE3LjUzMSA3LjI1OHYwbDMxNC4xMjIgMjM3LjI0YzQuNDkgNC40NTQgNy4yNyAxMC42MjcgNy4yNyAxNy40NDkgMCA2LjcyLTIuNjk3IDEyLjgxLTcuMDY4IDE3LjI0N2wtMC4yMDIgMC4yMDItMzE0LjEyMiAyMzcuNDQ1Yy00LjQ4OCA0LjQ4NC0xMC42ODUgNy4yNTgtMTcuNTMxIDcuMjU4LTEzLjY5NyAwLTI0LjgwMS0xMS4xMDQtMjQuODAxLTI0LjgwMSAwLTAuMDE3IDAtMC4wMzQgMC0wLjA1MnYwLjAwMy0xNDYuMzkxaC0zMTcuNjI0Yy0xMy42ODUtMC4wMTItMjQuNzc4LTExLjA5Ny0yNC44MDEtMjQuNzc5di0xMzIuMjYyYzAuMTI3LTEzLjYwOSAxMS4xNzgtMjQuNTk0IDI0Ljc5OS0yNC42MTdoMC4wMDJ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwMTsiIGdseXBoLW5hbWU9ImNoZWNrIiBkPSJNMzU2LjM1MiA4Ni41ODlsLTM0MC41NDEgMzQwLjU0MWMtOS4xMjggOS4xMzEtMTQuNzc0IDIxLjc0NC0xNC43NzQgMzUuNjc2czUuNjQ2IDI2LjU0NSAxNC43NzQgMzUuNjc2bDcyLjAwOCA3Mi4wMDhjOC45NjIgOC45NjIgMjEuMzQyIDE0LjUwNCAzNS4wMTcgMTQuNTA0IDEzLjk5OCAwIDI2LjYzOS01LjgwOCAzNS42NDYtMTUuMTQ1bDAuMDE0LTAuMDE1IDE5OC41MTMtMTk4LjUxM2M4Ljk2My04Ljk3IDIxLjM0OS0xNC41MTkgMzUuMDMxLTE0LjUxOXMyNi4wNjggNS41NDkgMzUuMDMxIDE0LjUxOWw0MzguMDQ3IDQzOC4wODhjOS4xMzEgOS4xMjggMjEuNzQ0IDE0Ljc3NCAzNS42NzYgMTQuNzc0czI2LjU0NS01LjY0NiAzNS42NzYtMTQuNzc0bDcyLjAwOC03Mi4wMDhjOC45NTktOC45NjQgMTQuNS0yMS4zNDUgMTQuNS0zNS4wMjFzLTUuNTQxLTI2LjA1Ny0xNC41LTM1LjAyMWwtNTgwLjgzMy01ODAuNzcyYy05LjEyNi05LjEzMi0yMS43MzYtMTQuNzgxLTM1LjY2Ni0xNC43ODFzLTI2LjU0IDUuNjQ5LTM1LjY2NiAxNC43OHYweiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDI7IiBnbHlwaC1uYW1lPSJjaXJjbGUiIGQ9Ik01MTItNjRjLTI4Mi4zMTcgMC01MTIgMjI5LjY4My01MTIgNTEyczIyOS42ODMgNTEyIDUxMiA1MTIgNTEyLTIyOS42ODMgNTEyLTUxMi0yMjkuNjgzLTUxMi01MTItNTEyek01MTIgODY2LjkxOGMtMjMwLjk5NCAwLTQxOC45MTgtMTg3LjkyNC00MTguOTE4LTQxOC45MThzMTg3LjkyNC00MTguOTE4IDQxOC45MTgtNDE4LjkxOCA0MTguOTE4IDE4Ny45MjQgNDE4LjkxOCA0MTguOTE4LTE4Ny45MjQgNDE4LjkxOC00MTguOTE4IDQxOC45MTh6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwMzsiIGdseXBoLW5hbWU9ImRvdWJsZS1jaXJjbGUiIGQ9Ik01MTItNjRjLTI4Mi4zMTcgMC01MTIgMjI5LjY4My01MTIgNTEyczIyOS42ODMgNTEyIDUxMiA1MTIgNTEyLTIyOS42ODMgNTEyLTUxMi0yMjkuNjgzLTUxMi01MTItNTEyek01MTIgODY2LjkxOGMtMjMwLjk5NCAwLTQxOC45MTgtMTg3LjkyNC00MTguOTE4LTQxOC45MThzMTg3LjkyNC00MTguOTE4IDQxOC45MTgtNDE4LjkxOCA0MTguOTE4IDE4Ny45MjQgNDE4LjkxOCA0MTguOTE4LTE4Ny45MjQgNDE4LjkxOC00MTguOTE4IDQxOC45MTh6TTUxMiAxMDAuNDU0Yy0xOTEuNjMxIDAtMzQ3LjU0NiAxNTUuOTE0LTM0Ny41NDYgMzQ3LjU0NnMxNTUuOTE0IDM0Ny41NDYgMzQ3LjU0NiAzNDcuNTQ2IDM0Ny41NDYtMTU1LjkxNCAzNDcuNTQ2LTM0Ny41NDYtMTU1LjkxNC0zNDcuNTQ2LTM0Ny41NDYtMzQ3LjU0NnpNNTEyIDcwMi40NDRjLTE0MC41MjUgMC0yNTQuNDQ0LTExMy45MTgtMjU0LjQ0NC0yNTQuNDQ0czExMy45MTgtMjU0LjQ0NCAyNTQuNDQ0LTI1NC40NDRjMTQwLjUyNSAwIDI1NC40NDQgMTEzLjkxOCAyNTQuNDQ0IDI1NC40NDR2MGMtMC4xNjMgMTQwLjQ2LTExMy45ODQgMjU0LjI4MS0yNTQuNDI4IDI1NC40NDRoLTAuMDE1eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDQ7IiBnbHlwaC1uYW1lPSJjcm9zcyIgZD0iTTUxMiAzODAuMTdsLTM4MS42NjUtMzgxLjY4Ni02Ny44MyA2Ny44NSAzODEuNjY1IDM4MS42NjUtMzgxLjY2NSAzODEuNjY1IDY3LjgzIDY3LjgzIDM4MS42NjUtMzgxLjY2NSAzODEuNjY1IDM4MS42NjUgNjcuODUtNjcuODMtMzgxLjY4Ni0zODEuNjY1IDM4MS42ODYtMzgxLjY2NS02Ny44NS02Ny44NS0zODEuNjY1IDM4MS42ODZ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwNTsiIGdseXBoLW5hbWU9InRyaWFuZ2xlIiBkPSJNMTAxNC42IDIzLjQyOWgtMTAwMS4xMDNsNTAwLjU1MiA4NjYuOTM5ek0xNDguMjk2IDEwMS4yNTNoNzMxLjUwNWwtMzY1Ljc1MiA2MzMuNDY3eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDY7IiBnbHlwaC1uYW1lPSJzdGFyLWZ1bGwiIGQ9Ik01MTIgOTM0LjkzMmwxNDAuNjk4LTM0NC42NzggMzcxLjMwMi0yNy4zLTI4NC4zNDQtMjQwLjMzMyA4OC43ODEtMzYxLjU1NC0zMTYuNDM2IDE5Ni4xNTctMzE2LjQzNi0xOTYuMTU3IDg4Ljc4MSAzNjEuNTU0LTI4NC4zNDQgMjQwLjMzMyAzNzEuMzAyIDI3LjMgMTQwLjY5OCAzNDQuNjc4eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDc7IiBnbHlwaC1uYW1lPSJzdGFyLWhhbGYiIGQ9Ik0xMDI0IDU2NS4yMjhsLTM3MS4zMDIgMjcuMy0xMzkuNjc0IDM0Mi4xOC0xMzkuNjc0LTM0Mi4xOC0zNzEuMzAyLTI3LjMgMjg0LjM0NC0yNDAuMzMzLTg4Ljc4MS0zNjEuNTU0IDMxNS4zOTIgMTk1LjUyMyAzMTUuMzkyLTE5NS41MjMtODguNzQgMzYxLjU1NHpNNzk2LjY3MiA3LjE4OGwtMjgzLjY0OCAxNzUuODYydjY5Ny40NjdsMTI1LjUwMS0zMDcuNDg3IDMzMy45MjYtMjQuNTU2LTI1NS43MTMtMjE2LjEyNSAzLjAzMS0xMi4yODh6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwODsiIGdseXBoLW5hbWU9InN0YXItb2ZmIiBkPSJNNTEyIDg4MC43NDJsMTI2LjUyNS0zMDkuOTg1IDMzMy45MjYtMjQuNTU2LTI1NS43MTMtMjE2LjEyNSAzLjAzMS0xMi4yODggNzYuOTAyLTMxMi44OTMtMjg0LjY3MiAxNzYuNDM1LTI4NC41Ny0xNzYuNDM1IDc5LjgzMSAzMjUuMTQtMjU1LjcxMyAyMTYuMTY2IDMzMy44NjUgMjQuNTU2IDQuNzkyIDExLjc1NiAxMjEuNzk1IDI5OC4yM3pNNTEyIDkzNC45MzJsLTE0MC42OTgtMzQ0LjY5OS0zNzEuMzAyLTI3LjI3OSAyODQuMzQ0LTI0MC4zMzMtODguNzgxLTM2MS41NTQgMzE2LjQzNiAxOTYuMTE2IDMxNi40MzYtMTk2LjE1Ny04OC43ODEgMzYxLjU5NSAyODQuMzQ0IDI0MC4zMzMtMzcxLjMwMiAyNy4yNzktMTQwLjY5OCAzNDQuNjk5eiIgLz4KPC9mb250PjwvZGVmcz48L3N2Zz4=#icomoon) format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=sbd-icon-],[class*=sbd-icon-]{font-family:"sbd_icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sbd-icon-star-full:before{content:""}.sbd-icon-star-half:before{content:""}.sbd-icon-star-off:before{content:""}.sbd-icon-cross:before{content:""}.sbd-icon-triangle:before{content:""}.sbd-icon-circle:before{content:""}.sbd-icon-double-circle:before{content:""}.sbd-icon-arrow:before{content:""}.sbd-icon-check:before{content:""}
.sbd-text-bold{font-weight:bold !important}.sbd-text-red{font-weight:bold !important;color:#eb4141 !important}.sbd-text-bg-yellow{font-weight:bold !important;background-color:#ffffaf !important}:root {
--gg-pink: #ff8f8f;
--gg-pink-dark: #c94f60;
--gg-pink-light: #f6dde1;
--gg-bg: #f7f7f7;
--gg-text: #333;
--gg-border: #ead5da;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
color: var(--gg-text);
background: #fff;
font-family: "Noto Sans JP", sans-serif;
}
a {
color: inherit;
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
display: block;
}
.gg-container {
width: min(1180px, calc(100% - 40px));
margin: 0 auto;
} .gg-header {
position: relative;
z-index: 20;
background: #fff;
}
.gg-header__inner {
min-height: 136px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.gg-header__logo img {
width: 420px;
}
.gg-header__nav {
display: flex;
justify-content: flex-end;
gap: 14px;
flex: 1;
}
.gg-header__nav a {
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 17px;
border: 1px solid var(--gg-border);
border-radius: 999px;
background: #fff;
font-size: 14px;
font-weight: 700;
}
.gg-header__nav a::after {
content: "";
position: absolute;
left: 50%;
bottom: -8px;
width: 34px;
height: 3px;
border-radius: 999px;
background: var(--gg-pink);
transform: translateX(-50%);
}
.gg-header__nav img {
width: 18px;
height: 18px;
}
.gg-header__menu,
.gg-header__search,
.gg-sp-drawer,
.gg-search-panel {
display: none;
} .gg-ranking {
padding: 32px 0;
background: #fbf2f5;
}
.gg-archive,
.gg-archive-page,
.gg-single-page {
padding: 32px 0 80px;
background: var(--gg-bg);
}
.gg-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 28px;
align-items: start;
} .gg-section-title {
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 24px;
}
.gg-section-title__en {
width: 140px;
}
.gg-section-title h2 {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
font-size: 28px;
}
.gg-section-title h2 img {
width: 30px;
}
.gg-section-title span {
color: var(--gg-pink);
} .gg-ranking__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.gg-ranking-card {
overflow: hidden;
border-radius: 18px;
background: #fff;
}
.gg-ranking-card__thumb {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
}
.gg-ranking-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gg-rank-badge {
position: absolute;
top: 14px;
left: 14px;
z-index: 2;
width: 52px;
height: 52px;
display: grid;
place-items: center;
border-radius: 12px;
background: #caa43a;
color: #fff;
font-size: 28px;
font-weight: 700;
}
.gg-ranking-card__overlay {
position: absolute;
inset: 0;
display: flex;
justify-content: flex-end;
flex-direction: column;
gap: 8px;
padding: 16px;
background: linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,0));
}
.gg-pickup-label {
width: fit-content;
padding: 7px 13px;
border-radius: 999px;
background: var(--gg-pink);
color: #fff;
font-size: 12px;
font-weight: 700;
}
.gg-ranking-card h3 {
margin: 0;
color: #fff;
font-size: 17px;
line-height: 1.45;
}
.gg-tag-list,
.gg-post-card__tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.gg-tag-list span,
.gg-post-card__tags span {
padding: 4px 9px;
border-radius: 999px;
background: rgba(255,255,255,.9);
font-size: 11px;
font-weight: 700;
} .gg-post-list {
display: grid;
gap: 22px;
}
.gg-post-card {
overflow: hidden;
border-radius: 18px;
background: #fff;
border: 1px solid #eee;
transition: .25s ease;
}
.gg-post-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(0,0,0,.08);
}
.gg-post-card a {
display: grid;
grid-template-columns: 300px minmax(0, 1fr);
}
.gg-post-card__thumb {
position: relative;
min-height: 210px;
background: #eee;
}
.gg-post-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gg-post-card__cat {
position: absolute;
top: 14px;
left: 14px;
padding: 7px 13px;
border-radius: 999px;
background: var(--gg-pink);
color: #fff;
font-size: 12px;
font-weight: 700;
}
.gg-post-card__body {
padding: 22px;
}
.gg-post-card__body h2 {
margin: 0 0 10px;
font-size: 19px;
line-height: 1.55;
}
.gg-post-card__body p {
margin: 0;
color: #666;
font-size: 14px;
line-height: 1.8;
}
.gg-post-card__meta {
display: flex;
justify-content: space-between;
gap: 16px;
margin-top: 18px;
color: #777;
font-size: 13px;
} .gg-sidebar {
position: sticky;
top: 24px;
display: grid;
gap: 20px;
}
.gg-sidebar-close {
display: none;
}
.gg-sidebar-block {
overflow: hidden;
border-radius: 18px;
background: #fff;
border: 1px solid #eee;
}
.gg-sidebar-title {
margin: 0;
padding: 12px 16px;
text-align: center;
color: #777;
background: #f7f7f7;
border-bottom: 1px solid #eee;
font-size: 14px;
font-weight: 700;
letter-spacing: .08em;
}
.gg-profile-card__cover {
height: 110px;
background: var(--gg-pink-light);
}
.gg-profile-card__icon {
width: 96px;
height: 96px;
margin: -48px auto 16px;
border: 6px solid #fff;
border-radius: 50%;
object-fit: cover;
}
.gg-profile-card__body {
padding: 0 22px 24px;
text-align: center;
}
.gg-profile-card__body h2 {
margin: 0 0 14px;
color: var(--gg-pink-dark);
font-size: 24px;
}
.gg-profile-card__body p {
margin: 0;
color: #555;
font-size: 14px;
line-height: 1.9;
text-align: left;
}
.gg-sidebar-ad img {
width: 100%;
}
.gg-sidebar-tags {
padding-bottom: 18px;
}
.gg-sidebar-tags__list {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 18px;
}
.gg-sidebar-tags__list a {
padding: 6px 10px;
border-radius: 999px;
background: #fff8fa;
border: 1px solid var(--gg-border);
color: #555;
font-size: 12px;
font-weight: 700;
}
.gg-sidebar-mini-list__inner {
padding: 10px 16px 16px;
}
.gg-sidebar-mini-card {
position: relative;
display: grid;
grid-template-columns: 74px 1fr;
gap: 10px;
align-items: center;
padding: 10px 0;
border-top: 1px solid #eee;
}
.gg-sidebar-mini-card:first-child {
border-top: none;
}
.gg-sidebar-mini-card__thumb {
aspect-ratio: 4 / 3;
border-radius: 8px;
overflow: hidden;
background: #eee;
}
.gg-sidebar-mini-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gg-sidebar-mini-card p {
margin: 0;
font-size: 12px;
line-height: 1.5;
font-weight: 700;
}
.gg-sidebar-rank {
position: absolute;
top: 8px;
left: 0;
z-index: 2;
width: 20px;
height: 20px;
display: grid;
place-items: center;
border-radius: 4px;
background: #caa43a;
color: #fff;
font-size: 11px;
font-weight: 700;
} .gg-single {
padding: 32px;
border-radius: 18px;
background: #fff;
}
.gg-single-head h1 {
margin: 0 0 12px;
font-size: 30px;
line-height: 1.5;
}
.gg-single-head time {
color: #777;
font-size: 13px;
}
.gg-single-thumb {
margin: 24px 0;
border-radius: 18px;
overflow: hidden;
}
.gg-single-content {
font-size: 16px;
line-height: 2;
}
.gg-article-ad {
margin: 32px 0;
border-radius: 18px;
overflow: hidden;
}
.gg-article-ad img {
width: 100%;
} .gg-archive-head {
margin-bottom: 24px;
padding: 24px;
border-radius: 18px;
background: #fff;
}
.gg-archive-head p {
margin: 0 0 6px;
color: var(--gg-pink);
font-size: 24px;
}
.gg-archive-head h1 {
margin: 0;
font-size: 28px;
} .gg-footer {
padding: 32px 0 96px;
text-align: center;
background: #fff;
color: #777;
}
.gg-bottom-nav {
display: none;
}
.gg-sidebar-backdrop {
display: none;
} @media (max-width: 1024px) {
.gg-container {
width: min(100% - 24px, 100%);
}
.gg-header__inner {
min-height: 72px;
display: grid;
grid-template-columns: 44px 1fr 44px;
gap: 8px;
}
.gg-header__logo {
justify-self: center;
}
.gg-header__logo img {
width: 220px;
}
.gg-header__nav {
display: none;
}
.gg-header__menu,
.gg-header__search {
display: grid;
place-items: center;
width: 44px;
height: 44px;
border: none;
background: transparent;
color: var(--gg-pink);
}
.gg-sp-drawer,
.gg-search-panel {
display: none;
padding: 18px 20px 24px;
background: #fff;
border-top: 1px solid #eee;
}
.gg-sp-drawer.is-open,
.gg-search-panel.is-open {
display: grid;
gap: 12px;
}
.gg-sp-drawer a {
padding: 12px;
border-radius: 12px;
background: #fff8fa;
font-weight: 700;
}
.gg-ranking__grid,
.gg-layout {
grid-template-columns: 1fr;
}
.gg-post-card a {
grid-template-columns: 1fr;
}
.gg-post-card__thumb {
aspect-ratio: 16 / 10;
}
.gg-single {
padding: 22px 18px;
}
.gg-bottom-nav {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 150;
display: grid;
grid-template-columns: repeat(3, 1fr);
height: 66px;
background: #fff;
border-top: 1px solid #eee;
}
.gg-bottom-nav__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
padding: 6px 4px;
border: none;
background: #fff;
color: var(--gg-pink);
font-size: 12px;
font-weight: 700;
}
.gg-bottom-nav__item small {
font-size: 11px;
line-height: 1;
}
.gg-bottom-nav__item img {
width: 28px;
height: 28px;
border-radius: 50%;
object-fit: cover;
}
.gg-icon {
font-size: 20px;
line-height: 1;
}
.gg-sidebar {
position: fixed;
top: 0;
right: -100%;
z-index: 200;
width: min(88vw, 360px);
height: 100vh;
display: block;
padding: 56px 16px 88px;
background: var(--gg-bg);
overflow-y: auto;
transition: right .3s ease;
}
.gg-sidebar.is-open {
right: 0;
}
.gg-sidebar-close {
position: absolute;
top: 12px;
right: 14px;
display: grid;
place-items: center;
width: 36px;
height: 36px;
border: none;
border-radius: 50%;
background: #fff;
color: var(--gg-pink);
font-size: 24px;
line-height: 1;
}
.gg-sidebar .gg-sidebar-block {
margin-bottom: 18px;
}
.gg-sidebar-backdrop {
position: fixed;
inset: 0;
z-index: 180;
display: none;
background: rgba(0,0,0,.35);
}
.gg-sidebar-backdrop.is-open {
display: block;
}
}
@media (max-width: 767px) {
.gg-header__logo img {
width: 190px;
}
.gg-section-title {
display: block;
}
.gg-section-title__en {
width: 110px;
margin-bottom: 8px;
}
.gg-section-title h2 {
font-size: 22px;
}
} .gg-post-card__thumb {
aspect-ratio: 16 / 10;
min-height: auto;
height: 100%;
}
.gg-post-card__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
} .gg-ranking {
background: #fff;
padding: 0 0 32px;
}
.gg-ranking .gg-container {
background: #fbf2f5;
border-radius: 0;
padding: 32px 28px;
} .gg-header__nav a {
color: var(--gg-pink);
border-color: var(--gg-border);
}
.gg-header__nav img {
filter: brightness(0) saturate(100%) invert(51%) sepia(33%) saturate(1027%) hue-rotate(304deg) brightness(95%) contrast(91%);
}
.gg-post-card a {
grid-template-columns: 280px minmax(0, 1fr);
}
.gg-section-title h2 img {
filter: brightness(0) saturate(100%)
invert(70%) sepia(40%) saturate(600%)
hue-rotate(10deg) brightness(95%) contrast(90%);
}
@media (max-width: 768px) {
.gg-post-card a {
grid-template-columns: 120px 1fr;
gap: 10px;
}
.gg-post-card__thumb {
aspect-ratio: 4 / 3;
}
.gg-post-card__body {
padding: 12px;
}
.gg-post-card__body h2 {
font-size: 14px;
margin-bottom: 6px;
}
.gg-post-card__body p {
font-size: 12px;
line-height: 1.6;
}
.gg-post-card__meta {
margin-top: 8px;
font-size: 11px;
}
.gg-post-card__tags span {
font-size: 10px;
padding: 2px 6px;
}
} @media (max-width: 768px) {
.gg-ranking {
padding: 16px 0 20px;
}
.gg-ranking .gg-container {
padding: 18px 14px;
border-radius: 0;
}
.gg-section-title {
margin-bottom: 14px;
}
.gg-section-title__en {
width: 96px;
margin-bottom: 4px;
}
.gg-section-title h2 {
font-size: 19px;
gap: 6px;
}
.gg-section-title h2 img {
width: 22px;
}
.gg-ranking__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.gg-ranking-card:first-child {
grid-column: 1 / -1;
}
.gg-ranking-card__thumb {
aspect-ratio: 16 / 9;
}
.gg-ranking-card:not(:first-child) .gg-ranking-card__overlay {
padding: 10px;
}
.gg-ranking-card:not(:first-child) .gg-pickup-label {
display: none;
}
.gg-ranking-card h3 {
font-size: 13px;
line-height: 1.35;
}
.gg-ranking-card:first-child h3 {
font-size: 15px;
}
.gg-rank-badge {
width: 36px;
height: 36px;
border-radius: 9px;
font-size: 19px;
top: 10px;
left: 10px;
}
.gg-tag-list {
gap: 4px;
}
.gg-tag-list span {
font-size: 9px;
padding: 3px 6px;
}
.gg-ranking-card:not(:first-child) .gg-tag-list {
display: none;
}
.gg-archive {
padding: 18px 0 72px;
}
.gg-post-list {
gap: 12px;
}
.gg-post-card {
border-radius: 14px;
}
.gg-post-card a {
display: grid;
grid-template-columns: 118px minmax(0, 1fr);
}
.gg-post-card__thumb {
aspect-ratio: 1 / 1;
min-height: auto;
height: 100%;
}
.gg-post-card__body {
padding: 11px 12px;
}
.gg-post-card__body h2 {
margin-bottom: 5px;
font-size: 14px;
line-height: 1.45;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.gg-post-card__body p {
font-size: 11px;
line-height: 1.55;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.gg-post-card__cat {
top: 8px;
left: 8px;
padding: 5px 8px;
font-size: 10px;
}
.gg-post-card__meta {
margin-top: 7px;
display: block;
font-size: 10px;
}
.gg-post-card__tags {
gap: 4px;
margin-bottom: 5px;
}
.gg-post-card__tags span {
font-size: 9px;
padding: 3px 6px;
}
.gg-post-card__tags span:nth-child(n+3) {
display: none;
}
.gg-post-card time {
display: block;
text-align: right;
color: #888;
}
}
.gg-bottom-nav__icon {
width: 24px;
height: 24px;
object-fit: contain;
}
.gg-bottom-nav__profile-icon {
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
}
.gg-bottom-nav__icon {
width: 24px;
height: 24px;
object-fit: contain;
}
.gg-bottom-nav__profile-icon {
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
}
.gg-header__search img {
width: 20px;
height: 20px;
}
.gg-header__search img {
filter: brightness(0) saturate(100%)
invert(51%) sepia(33%) saturate(1027%)
hue-rotate(304deg) brightness(95%) contrast(91%);
}
.gg-header__menu img {
width: 22px;
height: 22px;
}
.gg-footer {
background: var(--gg-pink);
color: #fff;
padding: 32px 0 90px;
text-align: center;
}
.gg-footer-links {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
margin-bottom: 10px;
font-size: 14px;
}
.gg-footer-links a {
color: #fff;
font-weight: 600;
}
.gg-footer-sep {
opacity: 0.6;
}
.gg-footer p {
font-size: 13px;
opacity: 0.8;
}
.gg-category-header {
background: #f6f6f6;
border-radius: 20px;
padding: 24px;
margin-bottom: 24px;
}
.gg-category-title {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 26px;
font-weight: 700;
margin: 0;
}
.gg-category-icon {
width: 26px;
height: 26px;
}
.gg-category-icon {
filter: brightness(0) saturate(100%)
invert(51%) sepia(33%) saturate(1027%)
hue-rotate(304deg) brightness(95%) contrast(91%);
} .gg-category-header {
background: #fff;
border-radius: 20px;
padding: 28px 24px;
margin-bottom: 24px;
}
.gg-category-title {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin: 0;
font-size: 28px;
font-weight: 700;
color: #333;
}
.gg-category-icon {
width: 28px !important;
height: 28px !important;
max-width: 28px !important;
object-fit: contain;
filter: brightness(0) saturate(100%)
invert(51%) sepia(33%) saturate(1027%)
hue-rotate(304deg) brightness(95%) contrast(91%);
}
.gg-category-icon-mask {
display: inline-block;
width: 28px;
height: 28px;
flex: 0 0 28px;
background: var(--gg-pink);
-webkit-mask-image: var(--icon-url);
mask-image: var(--icon-url);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
} .gg-category-title {
text-align: center;
font-size: 28px;
font-weight: 700;
color: #ff8f8f;
margin: 0;
padding: 24px 0;
letter-spacing: 0.05em;
} .gg-category-title {
font-family:
"Hiragino Maru Gothic ProN",
"Rounded Mplus 1c",
"Noto Sans JP",
sans-serif;
}@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;
}