@import"https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Autour+One&family=Luckiest+Guy&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";html,body{height:100%;width:100%;margin:0;padding:0;font-family:"Autour One","Noto Sans JP",sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:1.5;background:#fff;color:#111}body{overflow-x:hidden}.container{width:90%;max-width:1160px;margin:auto}.animate.fadeIn{opacity:0;transition:all 300ms ease-out}.animate.fadeIn.active{opacity:1}.animate.fadeInDown{opacity:0;transform:translateY(-30px);transition:all 300ms ease-out}.animate.fadeInDown.active{transform:translateY(0);opacity:1}.animate.slideIn{opacity:0;transform:translateX(-100px);transition:all 400ms ease-out}.animate.slideIn.active{opacity:1;transform:translateX(0px)}.animate.wipeInRight{opacity:0;transform-origin:right center;transform:scaleX(0);transition:all 400ms ease-out}.animate.wipeInRight.active{opacity:1;transform:scaleX(1)}.animateUnit.floatDown{opacity:0;transform:translateY(-200px);transition:all 600ms ease-out}.animateUnit.floatDown.active{opacity:1;transform:translateY(0)}header{position:fixed;top:0;left:0;width:100%;z-index:99;padding:1em 1.5em;display:flex;justify-content:space-between;align-items:center}header .logo{margin-right:auto}header .logo img{width:160px}header .nav nav ul{display:flex;justify-content:center;align-items:center}header .nav nav ul li{margin:0 10px}header .nav nav ul li a{line-height:1.5;font-weight:300;text-decoration:none;color:#111}header .nav nav ul li a:hover{color:red}@media screen and (max-width: 768px){header .nav nav ul li{font-size:.9rem}}@media screen and (max-width: 600px){header .nav{display:none}}footer{position:relative;z-index:99999;padding:0 0 2em;text-align:center}footer .footerNav{background:#373737;padding:4em 0;color:#fff}footer .footerNav .footerNav__inner{display:flex;justify-content:space-between}footer .footerNav .footerNav__inner .logo img{width:160px}footer .footerNav .footerNav__inner nav ul{display:flex;flex-direction:column;align-items:flex-start}footer .footerNav .footerNav__inner nav ul li{font-size:.9rem;line-height:1.5;margin-bottom:.5em}footer p{margin:3em auto 0;font-size:.7rem;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}footer a{opacity:1;transition:opacity 200ms ease-out}footer a:hover{opacity:.8}.vocabulary main{padding:8em 0}.vocabulary main .page__title{text-align:center}.vocabulary main .page__title h1{font-size:2.5rem;line-height:1;font-weight:700;margin:.3em auto}.vocabulary main .page__title h1 i{font-style:normal}.vocabulary main .page__title h1 i.b{color:#46a9b1}.vocabulary main .page__title h1 i.y{color:#f1c159}.vocabulary main .page__title h1 i.r{color:#f11a18}.vocabulary main .page__title h1 i.g{color:#89bc5e}.vocabulary main .page__title p{font-size:.9rem;line-height:1}.vocabulary main #vocabulary__list{margin:4em auto 0}.vocabulary main #vocabulary__list .vocabulary__item{margin-bottom:6em}.vocabulary main #vocabulary__list .vocabulary__item:last-child{margin-bottom:0}.vocabulary main #vocabulary__list .vocabulary__item h2{font-size:1.75rem;line-height:1.5;font-weight:700;margin:2em auto .2em}.vocabulary main #vocabulary__list .vocabulary__item .desc{font-size:1rem;line-height:1.6}.vocabulary main #vocabulary__list .vocabulary__item table{border-top:1px solid #ddd;width:100%;border-collapse:collapse;margin:1em auto}.vocabulary main #vocabulary__list .vocabulary__item table th,.vocabulary main #vocabulary__list .vocabulary__item table td{border-bottom:1px solid #ddd;text-align:center;vertical-align:middle}.vocabulary main #vocabulary__list .vocabulary__item table th{line-height:1;font-size:.9rem;padding:.6em;background:#f1f1f1}.vocabulary main #vocabulary__list .vocabulary__item table th.jp,.vocabulary main #vocabulary__list .vocabulary__item table th.vt{width:9%}.vocabulary main #vocabulary__list .vocabulary__item table td{padding:.8em 1.4em;background:#fff;font-family:"Noto Sans JP",sans-serif}.vocabulary main #vocabulary__list .vocabulary__item table td.word{width:120px;font-weight:700;font-size:1.2rem}.vocabulary main #vocabulary__list .vocabulary__item table td.ex{text-align:left}.vocabulary main #vocabulary__list .vocabulary__item table td.ex span{font-weight:700}.vocabulary main #vocabulary__list .vocabulary__item table td.right{font-size:1.2rem;font-family:"Noto Sans JP",sans-serif;font-weight:800;color:red}.vocabulary main #vocabulary__list .vocabulary__item table td.wrong{font-size:1.2rem;font-family:"Noto Sans JP",sans-serif;font-weight:800;color:#3997d9}
/*# sourceMappingURL=vocabulary.min.css.map */