@charset "UTF-8";
/* --------------------------------------------------
個人サイト向けひとことフォーム コイブミ Ver1.3.1
製作者    ：ガタガタ
サイト    ：https://do.gt-gt.org/
ライセンス：MITライセンス
全文      ：https://ja.osdn.net/projects/opensource/wiki/licenses%2FMIT_license
公開日    ：2020.09.13
最終更新日：2022.05.11
このプログラムはどなたでも無償で利用・複製・変更・
再配布および複製物を販売することができます。
ただし、上記著作権表示ならびに同意意志を、
このファイルから削除しないでください。
-------------------------------------------------- */
div#koibumi_wrap{position:relative;width:500px;max-width:100%;margin:0}div#koibumi_thanks{position:absolute;bottom:110%;z-index:10;width:150px;max-width:100%;padding:10px;background:#fff;border:1px solid #efefef;border-radius:10px;opacity:0;filter:drop-shadow(0 2px 8px #cccccc7d);animation-name:koibumi_thanks-up;animation-duration:0.5s;animation-fill-mode:both}div#koibumi_thanks::after{position:absolute;left:20px;width:0;height:0;content:'';border-top:20px solid #fff;border-right:10px solid transparent;border-bottom:20px solid transparent;border-left:10px solid transparent}div#koibumi_thanks.koibumi_thanks_bottom{position:absolute;top:110%;bottom:auto;width:300px;max-width:100%;padding:10px;background:#fff;border:1px solid #efefef;border-radius:10px;opacity:0;filter:drop-shadow(0 2px 8px #cccccc7d);animation-name:koibumi_thanks-down;animation-duration:0.5s;animation-fill-mode:both}div#koibumi_thanks.koibumi_thanks_bottom::after{position:absolute;bottom:calc(100% - 1px);left:20px;width:0;height:0;content:'';border-top:20px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #fff;border-left:10px solid transparent}div#koibumi_thanks.koibumi_thanks_right{right:0;left:auto}div#koibumi_thanks.koibumi_thanks_right::after{right:20px;left:auto}div#koibumi_form{display:flex;width:100%;overflow:hidden}input#koibumi_text{box-sizing:border-box;width:100%;height:40px;padding:10px;margin:0;font-family:inherit;font-size:14px;border:1px solid #959595}textarea#koibumi_text{width:100%;padding:10px;margin:0;font-family:inherit;font-size:14px;line-height:1.4em;background-color:#f1f1f1;border:1px solid #959595;border-radius:3px}input#koibumi_text:focus,textarea#koibumi_text:focus,button#koibumi_btn:focus{outline:none}button#koibumi_btn{width:65px;height:40px;padding:5px;margin:auto 0 0;font-size:14px;line-height:1em;color:white;text-align:center;cursor:pointer;background:var(--accent-color);border:none;transition:0.3s}button#koibumi_btn:hover{background:#6b848990}div#koibumi_wrap p.attention{font-size:10px;opacity:0.5}.koibumifadeout{animation:koibumifadeout 1s!important;animation-fill-mode:both}p#koibumi_alert{position:absolute;top:100%;z-index:10;width:100%;padding:10px;font-size:14px;background:#fcfcfc;border-radius:3px;box-shadow:0 2px 6px #00000014}p#koibumi_alert.success{color:#0f286a;background:#d4effc}p#koibumi_alert.alert{color:#610b34;background:#ffe2e5}div#koibumi_thanks p{margin-bottom:0;font-size:14px}div#koibumi_thanks img{max-width:100%}@keyframes koibumifadeout{0%{opacity:1}100%{opacity:0}}@keyframes koibumi_thanks-up{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}@keyframes koibumi_thanks-down{0%{opacity:0;transform:translateY(-40px)}100%{opacity:1;transform:translateY(0)}}