@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Poppins:wght@600&display=swap');

a.active{ text-decoration: underline; text-underline-offset: 3px; }
a img, .ohop { transition:0.5s; }
a img:hover, .ohop:hover { opacity: 0.5; }

input{ box-sizing: border-box; }
table{ box-sizing: border-box; }
#mainword { border-radius: 12px 20px 33px 20px / 8px 10px 11px 18px; padding: 5px; max-width: 90%;}
#signup { border-radius: 51px 11px 25px 10px / 25px 15px 21px 15px; padding: 5px; max-width: 90%;}
#repassadd { border-radius: 11px 61px 5px 16px / 9px 17px 31px 25px; padding: 5px; max-width: 90%;}
#verify { border-radius: 32px 18px 20px 15px / 20px 25px 11px 22px; padding: 5px; max-width: 90%;}
.signin { border-radius: 11px 26px 20px 18px / 20px 25px 11px 11px; padding: 5px; max-width: 90%;}

.text-dokocolor { color: #556; }
.dig-bot { padding: .6rem 1rem; border-radius: .5rem; border: 1px solid #ccc; cursor: pointer; }
dialog { border: none; border-radius: 12px; padding: 0; max-width: 520px; width: 90vw; box-shadow: 0 10px 40px rgba(0,0,0,.25); }
dialog::backdrop { background: rgba(0,0,0,.35); }
.modal-header, .modal-footer { padding: 14px 16px; }
.modal-header { border-bottom: 1px solid #eee; font-weight: 600; }
.modal-body { padding: 16px; line-height: 1.7; }
.close { background: #111; color: #fff; border: none; border-radius: 8px; padding: .55rem .9rem; }
.ghost { background: transparent; border: 1px solid #ddd; }
#sub-head a img {height: 30px;}
#navbarNav { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 600; }
#navbarNav a { color:#888; }
#navbarNav a:hover { color:#666; }
#navbarNav .active { color:#2e8b57; }
#navbarNav .active:hover { color:#4eab77; }
#sub-foot { font-family: 'Poppins', sans-serif; background: #fafafa; color:#888; padding:35px 0 10px 0;}