.is-style-ha-before-pub-icon:before { font-family:"hauicon"; content:"\e9ce"; margin-right:0.2rem; } .is-style-ha-before-mod-icon:before { font-family:"hauicon"; content:"\eaa9"; margin-right:0.2rem; } .is-style-ha-group-kokuban { position:relative; padding:1rem; background:#006633; border:5px solid #C0C0C0; border-radius:2px; box-shadow:0 0 5px #333, 0 0 5px #555 inset; } .is-style-ha-group-kokuban::before, .is-style-ha-group-kokuban::after { position:absolute; content:''; bottom:0; } .is-style-ha-group-kokuban::before { width:20px; right:10px; border:solid 3px #ff42a0; border-radius:3px 2px 0 2px; } .is-style-ha-group-kokuban::after { width:15px; right:45px; border:solid 3px #fff; border-radius:8px 5px 2px 5px; } .is-style-ha-under-const:not(body.wp-admin .is-style-ha-under-const) { display:none; } .is-style-ha-under-const { border:4px solid red!important; padding:1px; } .is-style-ha-under-const:before{ content:var(--wp--custom--text--group-hidden-message); color:#fff; background:red; padding:8px; font-size:0.9em; } .is-style-ha-space-clamp-30{ height:clamp(0.625rem, 0.0436rem + 2.3256vw, 1.875rem) !important; } .is-style-ha-space-clamp-60{ height:clamp(1.25rem, 0.0872rem + 4.6512vw, 3.75rem) !important; } .is-style-ha-space-clamp-90{ height:clamp(1.875rem, 0.1308rem + 6.9767vw, 5.625rem) !important; } .is-style-ha-space-clamp-40{ height:clamp(0.625rem, -0.2471rem + 3.4884vw, 2.5rem) !important; } .is-style-ha-space-clamp-80{ height:clamp(1.25rem, -0.4942rem + 6.9767vw, 5rem)!important; } .is-style-ha-space-clamp-120{ height:clamp(1.875rem, -0.7413rem + 10.4651vw, 7.5rem) !important; } .is-style-slink-square li.wp-social-link.wp-block-social-link { flex:1; text-align:center; } .is-style-slink-square li.wp-social-link.wp-block-social-link { border-radius:4px; } .is-style-slink-square li.wp-social-link.wp-block-social-link a { justify-content:center; } .is-style-slink-square .wp-block-social-link:hover:hover { transform:scale(1.02); } .wp-block-table.is-style-border { border-collapse:collapse; } .wp-block-table.is-style-border table { width:100%; border:3px solid var(--wp--preset--color--black); border-spacing:0px; } .wp-block-table.is-style-border th, .wp-block-table.is-style-border td { border:solid 1px var(--wp--preset--color--black); padding:5px; } .wp-block-table.is-style-border { border-collapse:collapse; } .wp-block-table.is-style-ha-table-border table { width:100%; border:3px solid var(--wp--preset--color--black); border-spacing:0px; } .wp-block-table.is-style-ha-table-border th, .wp-block-table.is-style-ha-table-border td { border:solid 1px var(--wp--preset--color--black); padding:5px; } .is-style-ha-detail-warning { border-left:5px solid #ff0000; padding-top:0!important; padding-left:0!important; padding-right:0!important; padding-bottom:0!important; } .is-style-ha-detail-warning summary { padding:0.5rem; font-weight:normal; background:#ffede6; border:1px solid #ff0000; } .is-style-ha-detail-warning summary::marker { font-family:"hauicon"; content:"\ea82 "; color:#ff0000; white-space:pre; } details.is-style-ha-detail-warning[open] { border:1px solid #ff0000; border-left:5px solid #ff0000; } .is-style-ha-detail-warning[open] summary { border:none; } .is-style-ha-detail-warning summary:hover { background:#fbd2c2; } .is-style-ha-detail-warning[open]:hover summary:after { font-family:"hauicon"; content:" \eabc"; } .is-style-ha-detail-warning:hover summary:after { font-family:"hauicon"; content:" \eabe"; } .is-style-ha-detail-notice { border-left:5px solid #ffc533; padding-top:0!important; padding-left:0!important; padding-right:0!important; padding-bottom:0!important; } .is-style-ha-detail-notice summary { padding:0.5rem; font-weight:normal; background:#fff9e6; border:1px solid #ffc533; } .is-style-ha-detail-notice summary::marker { font-family:"hauicon"; content:"\ea87 "; color:#ffc533; white-space:pre; } details.is-style-ha-detail-notice[open] { border:1px solid #ffc533; border-left:5px solid #ffc533; } .is-style-ha-detail-notice[open] summary { border:none; } .is-style-ha-detail-notice summary:hover { background:#fff4d2; } .is-style-ha-detail-notice[open]:hover summary:after { font-family:"hauicon"; content:" \eabc"; } .is-style-ha-detail-notice:hover summary:after { font-family:"hauicon"; content:" \eabe"; } .is-style-ha-detail-info { border-left:5px solid #67b00b; padding-top:0!important; padding-left:0!important; padding-right:0!important; padding-bottom:0!important; } .is-style-ha-detail-info summary { padding:0.5rem; font-weight:normal; background:#f4ffe6; border:1px solid #67b00b; } .is-style-ha-detail-info summary::marker { font-family:"hauicon"; content:"\f058 "; color:#67b00b; white-space:pre; } details.is-style-ha-detail-info[open] { border:1px solid #67b00b; border-left:5px solid #67b00b; } .is-style-ha-detail-info[open] summary { border:none; } .is-style-ha-detail-info summary:hover { background:#dcf9b8; } .is-style-ha-detail-info[open]:hover summary:after { font-family:"hauicon"; content:" \eabc"; } .is-style-ha-detail-info:hover summary:after { font-family:"hauicon"; content:" \eabe"; } .is-style-ha-detail-readmore summary { margin:0 auto; width:fit-content; } .is-style-ha-detail-readmore summary:hover { cursor:pointer; font-weight:700; } details.is-style-ha-detail-readmore[open] summary { display:none; } .is-style-ha-detail-readmore summary::marker { content:""; } ul.is-style-ha-list-hierarchy{ list-style:none; padding:1rem; padding-left:0; } ul.is-style-ha-list-hierarchy li { list-style:none; position:relative; padding-left:0.9rem; } .is-style-ha-list-hierarchy ul li:before { position:absolute; top:0.7rem; left:-0.5rem; width:1rem; margin:auto; content:""; } .is-style-ha-list-hierarchy ul li:after { position:absolute; top:0; bottom:0; left:-0.5rem; height:100%; content:""; } .is-style-ha-list-hierarchy ul li:last-child:after { height:0.7rem; } .is-style-ha-list-hierarchy ul li:before { background-color:#555; height:1px; } .is-style-ha-list-hierarchy ul li:after{ background-color:#555; width:1px; } ul.is-style-ha-list-hierarchy-bold{ list-style:none; padding:1rem; padding-left:0; } ul.is-style-ha-list-hierarchy-bold li { list-style:none; position:relative; padding-left:0.9rem; } .is-style-ha-list-hierarchy-bold ul li:before { position:absolute; top:0.7rem; left:-0.5rem; width:1rem; margin:auto; content:""; } .is-style-ha-list-hierarchy-bold ul li:after { position:absolute; top:0; bottom:0; left:-0.5rem; height:100%; content:""; } .is-style-ha-list-hierarchy-bold ul li:last-child:after { height:0.7rem; } .is-style-ha-list-hierarchy-bold ul li:before { background-color:#555; height:2px; } .is-style-ha-list-hierarchy-bold ul li:after{ background-color:#555; width:2px; } ul.is-style-ha-list-hierarchy-bg{ list-style:none; padding:1rem; padding-left:0; } ul.is-style-ha-list-hierarchy-bg li { list-style:none; position:relative; padding-left:0.9rem; } .is-style-ha-list-hierarchy-bg ul li:before { position:absolute; top:0.7rem; left:-0.5rem; width:1rem; margin:auto; content:""; } .is-style-ha-list-hierarchy-bg ul li:after { position:absolute; top:0; bottom:0; left:-0.5em; height:100%; content:""; } .is-style-ha-list-hierarchy-bg ul li:last-child:after { height:0.7rem; } .is-style-ha-list-hierarchy-bg ul li:before { background-color:#555; height:1px; } .is-style-ha-list-hierarchy-bg ul li:after{ background-color:#555; width:1px; } ul.is-style-ha-list-hierarchy-bg-bold{ list-style:none; padding:1rem; padding-left:0; } ul.is-style-ha-list-hierarchy-bg-bold li { list-style:none; position:relative; padding-left:0.9rem; } .is-style-ha-list-hierarchy-bg-bold ul li:before { position:absolute; top:0.7rem; left:-0.5rem; width:1rem; margin:auto; content:""; } .is-style-ha-list-hierarchy-bg-bold ul li:after { position:absolute; top:0; bottom:0; left:-0.5rem; height:100%; content:""; } .is-style-ha-list-hierarchy-bg-bold ul li:last-child:after { height:0.7rem; } .is-style-ha-list-hierarchy-bg-bold ul li:before { background-color:#555; height:2px; } .is-style-ha-list-hierarchy-bg-bold ul li:after{ background-color:#555; width:2px; } ul.is-style-ha-list-hierarchy-gray{ list-style:none; padding:1rem; padding-left:0; } ul.is-style-ha-list-hierarchy-gray li { list-style:none; position:relative; padding-left:0.9rem; } .is-style-ha-list-hierarchy-gray ul li:before { position:absolute; top:0.7rem; left:-0.5rem; width:1rem; margin:auto; content:""; } .is-style-ha-list-hierarchy-gray ul li:after { position:absolute; top:0; bottom:0; left:-0.5rem; height:100%; content:""; } .is-style-ha-list-hierarchy-gray ul li:last-child:after { height:0.7rem; } .is-style-ha-list-hierarchy-gray ul li:before { background-color:#ccc; height:1px; } .is-style-ha-list-hierarchy-gray ul li:after{ background-color:#ccc; width:1px; } ul.is-style-ha-list-hierarchy-gray-bold{ list-style:none; padding:1rem; padding-left:0; } ul.is-style-ha-list-hierarchy-gray-bold li { list-style:none; position:relative; padding-left:0.9rem; } .is-style-ha-list-hierarchy-gray-bold ul li:before { position:absolute; top:0.7rem; left:-0.5rem; width:1rem; margin:auto; content:""; } .is-style-ha-list-hierarchy-gray-bold ul li:after { position:absolute; top:0; bottom:0; left:-0.5rem; height:100%; content:""; } .is-style-ha-list-hierarchy-gray-bold ul li:last-child:after { height:0.7rem; } .is-style-ha-list-hierarchy-gray-bold ul li:before { background-color:#ccc; height:2px; } .is-style-ha-list-hierarchy-gray-bold ul li:after{ background-color:#ccc; width:2px; } .is-style-ha-list-warning li { list-style-type:none; } ul.is-style-ha-list-warning{ list-style-type:none; background:#ffede6; border:2px solid #f85c1f; border-radius:4px; text-indent:-1.5em; padding:20px 20px 20px 36px; width:auto; } .is-style-ha-list-warning li:before { font-family:"hauicon"; content:"\ea82"; color:#f85c1f; margin-right:0.5rem; } .is-style-ha-list-notice li{ list-style-type:none; } ul.is-style-ha-list-notice { list-style-type:none; background:#fff9e6; border:2px solid #ffc533; border-radius:4px; text-indent:-1.5rem; padding:20px 20px 20px 36px; width:auto; } .is-style-ha-list-notice li:before { font-family:"hauicon"; content:"\ea87"; color:#ffc533; margin-right:0.5rem; } .is-style-ha-list-idea li{ list-style-type:none; } ul.is-style-ha-list-idea { list-style-type:none; background:#ffffff; border:2px solid #ffc533; border-radius:4px; text-indent:-1.5rem; padding:20px 20px 20px 36px; width:auto; } .is-style-ha-list-idea li:before{ font-family:"hauicon"; content:"\ea83"; color:#fff; background:#ffc533; padding:2px; border-radius:100%; margin-right:0.5rem; } .is-style-ha-list-info li { list-style-type:none; } ul.is-style-ha-list-info { list-style-type:none; background:#f4ffe6; border:2px solid #67b00b; border-radius:4px; text-indent:-1.5rem; padding:20px 20px 20px 36px; width:auto; } .is-style-ha-list-info li:before{ font-family:"hauicon"; content:"\f058"; color:#67b00b; margin-right:0.5rem; } ol.is-style-ha-decimal-list-warning { counter-reset:number; list-style-type:none!important; padding:0.5rem; border:2px solid #f85c1f; border-radius:4px; background:#ffede6; width:auto; } ol.is-style-ha-decimal-list-warning li { position:relative; padding:0.4rem 0.4rem 0.4rem 30px; } ol.is-style-ha-decimal-list-warning li:before { position:absolute; counter-increment:number; content:counter(number); display:inline-block; background:#f85c1f; border-radius:4px; color:white; font-size:0.8rem; left:0; width:1.4rem; height:1.3rem; text-align:center; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } ol.is-style-ha-decimal-list-notice { counter-reset:number; list-style-type:none!important; padding:0.5rem; border:2px solid #ffc533; border-radius:4px; background:#fff9e6; width:auto; } ol.is-style-ha-decimal-list-notice li { position:relative; padding:0.4rem 0.4rem 0.4rem 30px; } ol.is-style-ha-decimal-list-notice li:before { position:absolute; counter-increment:number; content:counter(number); display:inline-block; background:#ffc533; border-radius:4px; color:white; font-size:0.8rem; left:0; width:1.4rem; height:1.3rem; text-align:center; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } ol.is-style-ha-decimal-list-info { counter-reset:number; list-style-type:none!important; padding:0.5rem; border:2px solid #67b00b; border-radius:4px; background:#f4ffe6; width:auto; } ol.is-style-ha-decimal-list-info li { position:relative; padding:0.4rem 0.4rem 0.4rem 30px; } ol.is-style-ha-decimal-list-info li:before { position:absolute; counter-increment:number; content:counter(number); display:inline-block; background:#67b00b; border-radius:4px; color:white; font-size:0.8rem; left:0; width:1.4rem; height:1.3rem; text-align:center; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .is-style-ha-list-warning .block-editor-rich-text__editable.rich-text, .is-style-ha-list-notice .block-editor-rich-text__editable.rich-text, .is-style-ha-list-idea .block-editor-rich-text__editable.rich-text, .is-style-ha-list-info .block-editor-rich-text__editable.rich-text, .is-style-ha-decimal-list-warning .block-editor-rich-text__editable.rich-text, .is-style-ha-decimal-list-notice .block-editor-rich-text__editable.rich-text, .is-style-ha-decimal-list-info .block-editor-rich-text__editable.rich-text { display:unset; } .is-style-ha-para-warning:before { font-family:"hauicon"; content:"\ea82"; color:#f85c1f; margin-right:0.3rem; } .is-style-ha-para-warning { background:#ffede6; padding:8px; border:2px solid #f85c1f; border-radius:4px; } .is-style-ha-para-idea:before { font-family:"hauicon"; content:"\ea83"; color:#fff; background:#ffc533; padding:2px; border-radius:100%; margin-right:0.3rem; } .is-style-ha-para-idea { background:#ffffff; padding:8px; border:2px solid #ffc533; border-radius:4px; } .is-style-ha-para-notice:before { font-family:"hauicon"; content:"\ea87"; color:#ffc533; margin-right:0.3rem; } .is-style-ha-para-notice { background:#fff9e6; padding:8px; border:2px solid #ffc533; border-radius:4px; } .is-style-ha-para-info:before { font-family:"hauicon"; content:"\f058"; color:#67b00b; margin-right:0.3rem; } .is-style-ha-para-info { background:#f4ffe6; padding:8px; border:2px solid #67b00b; border-radius:4px; } p.is-style-ha-para-warning-tab , p.is-style-ha-para-notice-tab , p.is-style-ha-para-info-tab , p.is-style-ha-para-idea-tab { margin-top:3em!important; } .is-style-ha-para-warning-tab{ position:relative; border:2px solid #ff0000!important; background:#ffede6; line-height:1.4; padding:0.4rem 0.5rem; margin:2rem 0 0.5rem; border-radius:0px 4px 4px 4px; } .is-style-ha-para-warning-tab:before { position:absolute; content:var(--wp--custom--text--para-warn-prefix); background:#ff0000; color:#ffffff; left:0px; bottom:100%; border-radius:8px 8px 0px 0px; padding:2px 8px 0px 8px; margin-left:-2px; margin-bottom:2px; font-family:serif; font-style:oblique; font-weight:700; } .is-style-ha-para-notice-tab{ position:relative; border:2px solid #ffc533!important; background:#fff9e6; line-height:1.4; padding:0.4rem 0.5rem; margin:2rem 0 0.5rem; border-radius:0px 4px 4px 4px; } .is-style-ha-para-notice-tab:before { position:absolute; content:var(--wp--custom--text--para-notice-prefix); background:#ffc533; color:#ffffff; left:0px; bottom:100%; border-radius:8px 8px 0px 0px; padding:2px 8px 0px 8px; margin-left:-2px; margin-bottom:2px; font-family:serif; font-style:oblique; font-weight:700; } .is-style-ha-para-info-tab{ position:relative; border:2px solid #67b00b!important; background:#f4ffe6; line-height:1.4; padding:0.4rem 0.5rem; margin:2rem 0 0.5rem; border-radius:0px 4px 4px 4px; } .is-style-ha-para-info-tab:before { position:absolute; content:var(--wp--custom--text--para-info-prefix); background:#67b00b; color:#ffffff; left:0px; bottom:100%; border-radius:8px 8px 0px 0px; padding:2px 8px 0px 8px; margin-left:-2px; margin-bottom:2px; font-family:serif; font-style:oblique; font-weight:700; } .is-style-ha-para-idea-tab{ position:relative; border:2px solid #ffc533!important; background:#ffffff; line-height:1.4; padding:0.4rem 0.5rem; margin:2rem 0 0.5rem; border-radius:0px 4px 4px 4px; } .is-style-ha-para-idea-tab:before { position:absolute; content:var(--wp--custom--text--para-idea-prefix); background:#ffc533; color:#ffffff; left:0px; bottom:100%; border-radius:8px 8px 0px 0px; padding:2px 8px 0px 8px; margin-left:-2px; margin-bottom:2px; font-family:serif; font-style:oblique; font-weight:700; } hr.is-style-leaf-01, hr.is-style-flower-01, hr.is-style-flower-02, hr.is-style-bird-01, hr.is-style-cat-01, hr.is-style-cat-02, hr.is-style-cat-03, hr.is-style-dog-01, hr.is-style-dog-02, hr.is-style-fish-01, hr.is-style-fish-02, hr.is-style-weather-01, hr.is-style-weather-02, hr.is-style-star-01, hr.is-style-star-02, hr.is-style-pc-01, hr.is-style-mobile-01, hr.is-style-camera-01, hr.is-style-music-01, hr.is-style-key-01, hr.is-style-key-02, hr.is-style-clock-01, hr.is-style-heart-01, hr.is-style-bycicle-01, hr.is-style-car-01 { display:flex; justify-content:center; border:none; text-align:center; overflow:visible; width:100% !important; background-color:transparent !important; background-repeat:repeat-x !important; background-size:100% 2px !important; background-image:linear-gradient( 90deg, currentColor, currentColor ); } hr.is-style-leaf-01:before, hr.is-style-flower-01:before, hr.is-style-flower-02:before, hr.is-style-bird-01:before, hr.is-style-cat-01:before, hr.is-style-cat-02:before, hr.is-style-cat-03:before, hr.is-style-dog-01:before, hr.is-style-dog-02:before, hr.is-style-fish-01:before, hr.is-style-fish-02:before, hr.is-style-weather-01:before, hr.is-style-weather-02:before, hr.is-style-star-01:before, hr.is-style-star-02:before, hr.is-style-pc-01:before, hr.is-style-mobile-01:before, hr.is-style-camera-01:before, hr.is-style-music-01:before, hr.is-style-key-01:before, hr.is-style-key-02:before, hr.is-style-clock-01:before, hr.is-style-heart-01:before, hr.is-style-bycicle-01:before, hr.is-style-car-01:before { font-family:"hauicon"; padding:0 0.5em; font-size:1.5rem; line-height:0; background-color:var(--wp--custom--color--hr-icon-bg-color , #fff); } hr.is-style-leaf-01:before { content:"\e91d"; } hr.is-style-flower-01:before { content:"\e919"; } hr.is-style-flower-02:before { content:"\ea07"; } hr.is-style-bird-01:before{ content:"\e93f"; } hr.is-style-cat-01:before{ content:"\e921"; } hr.is-style-cat-02:before{ content:"\e91b"; } hr.is-style-cat-03:before{ content:"\e915"; } hr.is-style-dog-01:before{ content:"\e90b"; } hr.is-style-dog-02:before{ content:"\e907"; } hr.is-style-fish-01:before{ content:"\e927"; } hr.is-style-fish-02:before{ content:"\e93b"; } hr.is-style-weather-01:before{ content:"\e975"; } hr.is-style-weather-02:before{ content:"\e977"; } hr.is-style-star-01:before{ content:"\ea52"; } hr.is-style-star-02:before{ content:"\ea54"; } hr.is-style-pc-01:before{ content:"\e9d1"; } hr.is-style-mobile-01:before{ content:"\e9d3"; } hr.is-style-camera-01:before{ content:"\e98a"; } hr.is-style-music-01:before{ content:"\eb42"; } hr.is-style-key-01:before{ content:"\ea0a"; } hr.is-style-key-02:before{ content:"\ea0b"; } hr.is-style-clock-01:before{ content:"\e9cb"; } hr.is-style-heart-01:before{ content:"\ea55"; } hr.is-style-bycicle-01:before{ content:"\eaf7"; } hr.is-style-car-01:before{ content:"\eaee"; } .is-style-ha-post-title-single-line a { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; } .is-style-ha-post-title-single-line { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; } ul.qr-contents { list-style:none; padding-left:0; display:flex; gap:1rem; margin-bottom:0; } p.ha-qr-title { margin-top:0; font-size:1.2rem; font-weight:700; } .qr-container { border-radius:4px; padding:12px; margin-top:20px; margin-bottom:20px; border:1px solid #eee; } ul.qr-contents:after { display:block; } .ha-ogp-blogcard { padding:25px; background:#fff; border:1px solid #dcdcde; box-shadow:0 1px 1px rgb(0 0 0 / 5%); overflow:auto; zoom:1; } .ogp-bcard-description p, .ogp-bcard-sitename{ margin-top:0px; font-size:14px; font-weight:400; line-height:1.5; color:#57585C; } .ha-ogp-blogcard a { text-decoration:none; } p.ogp-bcard-title { margin:0 0 15px; font-weight:600; font-size:22px; line-height:1.3; } .ogp-bcard-content { display:flex; column-gap:12px; margin-bottom:20px; } .ogp-bcard-thumbnail img { width:160px; height:auto; min-height:100px; object-fit:cover; } span.dashicons.hau-dashicons { font-size:unset; vertical-align:text-bottom; width:unset; height:unset; }