@keyframes GroupFadeinAnime{ from { opacity:0; } to { opacity:1; } } @keyframes GroupslideUpAnime{ from { opacity:0; transform:translateY(200px); } to { opacity:1; transform:translateY(0); } } @keyframes GroupslideDownAnime{ from { opacity:0; transform:translateY(-200px); } to { opacity:1; transform:translateY(0); } } @keyframes GroupslideLeftAnime{ from { opacity:0; transform:translateX(200px); } to { opacity:1; transform:translateX(0); } } @keyframes GroupslideRightAnime{ from { opacity:0; transform:translateX(-200px); } to { opacity:1; transform:translateX(0); } } .is-style-u-fade-type-fadein{ opacity:0; } .is-style-u-fade-type-fadein.is-active{ animation-name:GroupFadeinAnime; animation-duration:2s; animation-fill-mode:forwards; opacity:0; } .is-style-u-fade-type-up{ opacity:0; } .is-style-u-fade-type-up.is-active{ animation-name:GroupslideUpAnime; animation-duration:1s; animation-fill-mode:forwards; opacity:0; } .is-style-u-fade-type-down{ opacity:0; } .is-style-u-fade-type-down.is-active{ animation-name:GroupslideDownAnime; animation-duration:1s; animation-fill-mode:forwards; opacity:0; } .is-style-u-fade-type-left{ opacity:0; } .is-style-u-fade-type-left.is-active{ animation-name:GroupslideLeftAnime; animation-duration:1s; animation-fill-mode:forwards; opacity:0; } .is-style-u-fade-type-right{ opacity:0; } .is-style-u-fade-type-right.is-active{ animation-name:GroupslideRightAnime; animation-duration:1s; animation-fill-mode:forwards; opacity:0; } .is-style-u-fade-type-up-slow{ opacity:0; } .is-style-u-fade-type-up-slow.is-active{ animation-name:GroupslideUpAnime; animation-duration:2s; animation-fill-mode:forwards; opacity:0; } .is-style-u-fade-type-down-slow{ opacity:0; } .is-style-u-fade-type-down-slow.is-active{ animation-name:GroupslideDownAnime; animation-duration:2s; animation-fill-mode:forwards; opacity:0; } .is-style-u-fade-type-left-slow{ opacity:0; } .is-style-u-fade-type-left-slow.is-active{ animation-name:GroupslideLeftAnime; animation-duration:2s; animation-fill-mode:forwards; opacity:0; } .is-style-u-fade-type-right-slow{ opacity:0; } .is-style-u-fade-type-right-slow.is-active{ animation-name:GroupslideRightAnime; animation-duration:2s; animation-fill-mode:forwards; opacity:0; } .is-style-u-fade-type-fadein-slow{ opacity:0; } .is-style-u-fade-type-fadein-slow.is-active{ animation-name:GroupFadeinAnime; animation-duration:4s; animation-fill-mode:forwards; opacity:0; } html{ scroll-behavior:var(--wp--custom--text--smooth-scroll); } .side-button-wrapper.is_flow{ display:none; } .side-button-wrapper.is_flow{ position:fixed; bottom:20px; z-index:999; } ul.back-home-content{ list-style:none; padding-left:0; margin-top:0; margin-bottom:0; } ul.back-home-content li{ padding:4px; border-radius:4px; margin:4px; } ul.back-home-content a{ text-decoration:none; } .home-top-icon{ width:auto; height:auto; font-size:2.0rem; vertical-align:middle; } ul.back-home-content li{ background:var(--wp--custom--color--home-top-button-color); border:2px solid var(--wp--custom--color--home-top-icon-color); } ul.back-home-content a{ color:var(--wp--custom--color--home-top-icon-color); } .ha-tooltip { position:relative; display:inline-block; text-decoration-line:underline; text-decoration-style:dotted; text-decoration-color:var(--wp--custom--color--tooltip-text-color); } .ha-tooltip .ha-tooltip-text { visibility:hidden; width:25rem; background-color:var(--wp--custom--color--tooltip-bg-color); border:1px solid var(--wp--custom--color--tooltip-border-color); border-radius:2px; color:var(--wp--custom--color--tooltip-text-color); text-align:left; padding:2px 8px; position:absolute; font-size:0.8rem; z-index:999; bottom:120%; left:0; } .ha-tooltip .ha-tooltip-text:before { content:""; border:10px solid transparent; border-top:10px solid var(--wp--custom--color--tooltip-border-color); position:absolute; top:100%; left:5%; transform:translateX(-50%); } .ha-tooltip:hover .ha-tooltip-text { visibility:visible; animation:fade 1s ease-out forwards; } @keyframes fade{ 0%{ opacity:0; } 100%{ opacity:1; } } div.ha-text-search-result { display:none; } .ha-ajax-text-search-bar { margin:20px 0px; } .ha-ajax-text-search-bar-inner { display:flex; align-items:center; justify-content:center; } .ha-ajax-text-search-bar-inner:after { display:block; } input.ha-text-search-form{ padding:4px; width:100%; margin-right:8px; } .haup-prev-next-post { display:flex; align-items:center; gap:0.5rem; padding:8px; border:1px solid #eee; border-radius:4px; justify-content:left; position:relative; height:100%; transition:all 0.3s ease; } .haup-prev-next-post.next { justify-content:right; } .haup-prev-next-post-img img { display:block; margin:auto 0; object-fit:cover; } .haup-prev-next-post a { position:absolute; top:0; left:0; width:100%; height:100%; } .haup-prev-next-post:hover { border:1px solid #ccc; background:#eee; } .haup-prev-next-post-mark { font-size:1.5rem; } .ha-inline-popup { display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%) scale(0); background:white; border:1px solid #ccc; z-index:1000; padding:20px; transition:transform 0.3s ease, opacity 0.3s ease; opacity:0; box-shadow:0 4px 15px rgba(0, 0, 0, 0.2); max-width:80%; max-height:80%; overflow-y:auto; } .ha-inline-popup.show { display:block; transform:translate(-50%, -50%) scale(1); opacity:1; } .ha-inline-popup-content { position:relative; padding-right:30px; } .ha-inline-popup-close { position:absolute; top:0; right:0; cursor:pointer; font-size:20px; color:#777; } .ha-inline-popup-close:hover { color:#000; font-weight:bold; transform:scale(1.2); } .ha-popup { display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%) scale(0); background:white; border:1px solid #ccc; z-index:1000; padding:20px; transition:transform 0.3s ease, opacity 0.3s ease; opacity:0; box-shadow:0 4px 15px rgba(0, 0, 0, 0.2); max-width:80%; max-height:80%; overflow-y:auto; } .ha-popup.show { display:block; transform:translate(-50%, -50%) scale(1); opacity:1; } .ha-popup-content { position:relative; padding-right:30px; } .ha-popup-close { position:absolute; top:0; right:0; cursor:pointer; font-size:20px; color:#777; } .ha-popup-close:hover { color:#000; font-weight:bold; transform:scale(1.2); } nav.ha-popup-nav { display:inline-block; } .top-scroll-inline { text-align:right; } .top-scroll-inline a{ color:var(--wp--custom--text--pt-link-text-color); text-decoration:none; } .top-scroll-inline a:hover{ color:var(--wp--custom--text--pt-link-hover-text-color); text-decoration:underline; } .ha-password-form-wrap { background:#f7f7f7; padding:8px; border:1px solid #ddd; border-radius:2px; } h3.ha-password-form-heading { text-align:center; } p.ha-password-form-message { margin-top:0; text-align:center; } .ha-password-form-form { margin:30px; text-align:center; } label.ha-password-form-label { margin-right:0.5rem; } .ha-password-form-input-field { padding:4px; margin-right:0.5rem; border:1px solid #333; } input.ha-password-form-submit-btn { border-radius:unset; border:1px solid #333; } .ha-pbox-error-message { margin-top:1rem; text-align:center; } p.ha-password-form-password-text { text-align:center; } body.is-mobile label.ha-password-form-label, body.is-mobile .ha-password-form-input-field, body.is-mobile input.ha-password-form-submit-btn{ display:block; } body.is-mobile label.ha-password-form-label{ margin-bottom:1rem; } body.is-mobile .ha-password-form-input-field{ margin:0 auto; margin-bottom:1rem; } body.is-mobile input.ha-password-form-submit-btn { margin:0 auto; margin-bottom:1rem; } body.is-mobile .ha-pbox-error-message { margin-top:1rem; text-align:center; } body.is-mobile p.ha-password-form-password-text { text-align:center; } ol.haup-breadcrumb-list { list-style:none; padding-left:0; display:flex; gap:2%; overflow:hidden; white-space:nowrap; } ol.haup-breadcrumb-list, ol.haup-breadcrumb-list a { font-size:clamp(0.5rem, 0.3605rem + 0.5581vw, 0.8rem); } .ha-api-list-simple-wrapper ul { list-style:none; padding-left:0px; } .ha-api-list-simple-wrapper a { text-decoration:none; } .ha-api-list-simple-wrapper h3 { font-size:var(--wp--preset--font-size--medium); font-weight:bold; } p.ha-api-list-simple-date { font-size:var(--wp--preset--font-size--small); text-align:right; } ul.haup-mapi-simple-list-wrapper { list-style:none; padding-left:0; } ul.haup-mapi-simple-list-wrapper li { padding:12px; border:1px solid #eee; border-radius:4px; margin-bottom:12px; } .haup-mapi-simple-list-content { width:100%; } .haup-mapi-simple-list-title { font-size:var(--wp--preset--font-size--large); font-weight:600; } .haup-mapi-simple-list-date { font-size:var(--wp--preset--font-size--small); text-align:right; margin-top:0.5rem; } .haup-mapi-simple-list-title a, .haup-mapi-simple-list-description a, .haup-mapi-simple-list-date a { text-decoration:none; } .haup-mapi-simple-list-title a:hover, .haup-mapi-simple-list-description a:hover, .haup-mapi-simple-list-date a:hover { text-decoration:underline; } .ha-api-list-card-wrapper a { text-decoration:none; } .ha-api-list-card-inner { display:flex; gap:8px; padding:8px; border:1px solid #eee; margin:10px 0px; } .ha-api-list-card-content h3 { font-size:var(--wp--preset--font-size--large); font-weight:bold; margin:8px 0px; } p.ha-api-list-card-date { font-size:var(--wp--preset--font-size--small); text-align:right; } .ha-api-list-card-fimage { width:180px; height:120px; overflow:hidden; margin-top:1rem; } .ha-api-list-card-fimage img { width:180px; height:120px; object-fit:cover; } .ha-api-list-card-fimage, .ha-api-list-card-fimage-large { overflow:hidden; } .ha-api-list-card-fimage img, .ha-api-list-card-fimage-large img { transition:1s all; } .ha-api-list-card-fimage img:hover, .ha-api-list-card-fimage-large img:hover { transform:scale(1.1,1.1); transition:1s all; } .ha-api-list-card-content { width:calc(100% - 180px); } .ha-api-list-card-inner-large { display:block; padding:8px; border:1px solid #eee; margin:10px 0px; } .ha-api-list-card-fimage-large img { width:100%; height:auto; } .ha-advert-info .is-style-ha-para-notice { border:2px solid #ffede6; background:#fff; } .ha-advert-info .is-style-ha-para-notice:before{ font-size:0.9rem; vertical-align:baseline; } .ha-advert-info p{ font-size:0.9rem; color:var(--wp--preset--color--foreground); } .is-style-ha-para-notice:before { font-family:'hauicon'; content:"\ea83"; color:#ffc533; font-size:1rem; vertical-align:sub; margin-right:0.3rem; } .is-style-ha-para-notice { background:#fff9e6; padding:8px; border:2px solid #ffc533; border-radius:4px; } .ha-share-button a { text-decoration:none; } .ha-share-icon { font-size:1.1rem; margin-right:8px; } .ha-share-button { border:1px solid; border-radius:4px; text-align:center; display:inline-block; padding:4px; font-size:1rem; min-width:140px; } .share-twitter a { color:#fff; font-weight:700; } .share-twitter { background:#080404; border:2px solid #040404; } .share-facebook { background:#0955B4; border:2px solid #0955B4; } .share-facebook a { color:#fff; font-weight:700; } .share-hatena { background:#fff; border:2px solid #005A85; } .share-hatena a { color:#005A85; font-weight:700; } .share-linkedin { background:#fff; border:2px solid #0A66C2; } .share-linkedin a { color:#0A66C2; font-weight:700; } .share-rss { background:#FFA542; border:2px solid #FFA542; } .share-rss a { color:#2B2B2B; font-weight:700; }