@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Poppins:200");@import url("https://fonts.googleapis.com/css?family=Sawarabi+Gothic&display=swap");*{margin:0;padding:0;}article,aside,figure,footer,header,hgroup,nav,section{display:block;}A:link{text-decoration:none;}A:visited{text-decoration:none;}A:active{text-decoration:none;}img{border:0;}ul{list-style-type:none;}.floatL{float:left;}.floatR{float:right;}.floatN{float:none;}.clearB{clear:both;}.clearfix:after{content:"";display:block;clear:both;}::-webkit-scrollbar{width:16px;background:#fff;}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:8px;border:6px solid #fff;min-height:40px;}body{font-size:12px;font-family:"Sawarabi Gothic",sans-serif;line-height:18px;color:#666;overflow-x:hidden;}.screen{background:#fff no-repeat;background-size:auto 100%;background-position:bottom right;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-1;}.screen.alcedinidae{background-image:url("../images/alcedinidae-bg.jpg");}.screen.passeriformes{background-image:url("../images/passeriformes-bg.jpg");}@media(max-width:840px){.screen{background-size:auto 75%;}}@media(max-width:570px){.screen{background-size:auto 60%;}}#container{border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;max-width:1000px;text-align:left;}.header{margin-left:17px;position:fixed;top:15px;z-index:100;}@media(max-width:340px){.header img{width:calc(100vw - 100px);}}.header a{color:#90ba48;}.birdlist-menu{background:rgba(255,255,255,.8);height:100vh;overflow:auto;position:fixed;top:0;width:350px;z-index:1000;transition:left .3s ease;}@media(max-width:660px){.birdlist-menu{left:-300px;}}.birdlist-menu-openbtn{display:none;}@media(max-width:660px){.birdlist-menu-openbtn{display:block;}}.birdlist-menu-mask{color:#fff;display:none;height:100vh;left:0;position:fixed;top:0;width:50px;z-index:1100;}@media(max-width:660px){.birdlist-menu-mask{display:block;}}.birdlist-menu-mask .open{background:#25382e;border-radius:50%;height:40px;margin:-20px 0 0 5px;position:absolute;text-align:center;top:50%;width:40px;}.birdlist-menu-mask i{font-family:"Poppins",sans-serif;font-size:40px;font-style:normal;line-height:42px;cursor:pointer;padding-left:5px;}.birdlist-menu-handle{color:#fff;margin-left:277px;position:fixed;top:0;z-index:101;}@media(max-width:350px){.birdlist-menu-handle{margin-left:calc(100% - 56px);}}@media(max-width:660px){.birdlist-menu-handle{display:block;}}.birdlist-menu-handle .close{background:rgba(0,0,0,.5);cursor:pointer;font-size:36px;line-height:56px;opacity:0;text-align:center;width:56px;}.birdlist-menu-header{color:#fff;background-color:#3c5a4b;max-width:332px;position:fixed;top:0;width:100%;z-index:99;}.birdlist-menu-header h1{box-sizing:border-box;width:100%;padding-top:95px;padding-left:17px;font-size:12px;font-weight:normal;line-height:25px;float:left;}.birdlist-menu-header .omni{font-size:18px;display:inline-block;margin-right:.5em;}.birdlist-menu__newpage{color:#fff;padding-top:75px;display:block;text-align:right;padding-right:20px;transition:.2s ease;}.birdlist-menu__newpage:hover{color:#f2ffb3;padding-right:15px;}.birdlist-menu__newpage i{font-size:32px;color:#90ba48;vertical-align:middle;padding-left:5px;}.birdlist-menu .nav{background-color:#3c5a4b;box-sizing:border-box;color:#fff;font-size:12px;line-height:18px;list-style-type:none;max-width:333px;min-height:100dvh;padding:130px 0 10px;width:100%;}.birdlist-menu .nav li{transition:background .5s ease;}.birdlist-menu .nav li.active{background:rgba(0,0,0,.38);transition:background .01s ease;}.birdlist-menu .nav a{display:block;color:#fff;margin-bottom:1px;transition:background .6s ease;}@media(max-width:660px){.birdlist-menu .nav a{padding:11px 0;}}@media(min-width:661px){.birdlist-menu .nav a{padding:7px 0;}}.birdlist-menu .nav a:hover{background:rgba(0,0,0,.3);transition:background .2s ease;}.birdlist-menu .menu-bottom{height:160px;}.birdlist-menu .amoku{padding-top:25px;margin-bottom:10px;}.birdlist-menu .amoku a:hover{color:#96f;cursor:pointer;}.birdlist-menu .gemoku{margin-top:15px;margin-bottom:5px;}.birdlist-menu .gemoku a:hover{color:#96f;cursor:pointer;}.birdlist-menu .gemoku .icon{color:#96f;margin-left:12px;margin-right:5px;}.birdlist-menu .nashi{margin-top:10px;}.birdlist-menu .nashi a:hover{color:#66f;cursor:pointer;}.birdlist-menu .nashi .icon{color:#66f;margin-left:24px;margin-right:5px;}.birdlist-menu .jouka a:hover{color:#3cc;cursor:pointer;}.birdlist-menu .jouka .icon{color:#3cc;margin-left:36px;margin-right:5px;}.birdlist-menu .family a:hover{color:#6f9;cursor:pointer;color:#c7ff66;}.birdlist-menu .family .icon{color:#6f9;color:#90ba48;margin-left:15px;margin-right:5px;}.birdlist-menu .subfamily a:hover{color:#d9ff66;cursor:pointer;}.birdlist-menu .subfamily .icon{color:#d9ff66;margin-left:25px;margin-right:5px;}#birdlistAlcedinidae .birdlist-menu .subfamily .icon{margin-left:15px;}.birdlist-menu .zoku a:hover{color:#fc6;cursor:pointer;}.birdlist-menu .zoku .icon{color:#fc6;margin-left:72px;margin-right:5px;}.birdlist-menu .icon{display:inline-block;font-size:10px;line-height:18px;color:#fff;margin-left:15px;margin-right:10px;}.birdlist-menu .scientific{display:inline-block;color:#fff;margin-right:10px;}.main-mask{background:rgba(0,0,0,.5);display:none;height:100vh;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:999;}#main{width:calc(100% - 350px);max-width:650px;padding-left:350px;padding-top:30px;position:relative;}@media(max-width:660px){#main{padding-left:50px;width:calc(100% - 50px);}}.birdlist-header{color:#fff;max-width:633px;position:fixed;top:0;width:calc(100% - 350px);z-index:99;}@media(max-width:840px){.birdlist-header span{display:none;}}@media(max-width:660px){.birdlist-header{width:calc(100% - 50px);}}.birdlist-header .omni{font-size:18px;display:inline-block;margin-right:.5em;}.birdlist-header ul{max-width:633px;width:100%;padding:0;background-color:#555;border-bottom:1px solid #f5f5f5;float:left;}.birdlist-header li{width:30.8056872038%;height:29px;color:#fff;line-height:29px;float:left;padding-right:.7898894155%;}@media(max-width:840px){.birdlist-header li{display:inline;width:auto;padding:0;}}.birdlist-header li:nth-child(1){width:28.4360189573%;padding-left:4.7393364929%;}@media(max-width:840px){.birdlist-header li:nth-child(1){width:auto;padding-left:5%;}}@media(max-width:660px){.birdlist-header li:nth-child(1)::before{content:"スズメ目　";}}.birdlist-header li:nth-child(3){width:33.6492890995%;}@media(max-width:840px){.birdlist-header li:nth-child(3){width:auto;}}.birdlist-main{background:#fff;box-sizing:border-box;font-size:12px;line-height:22px;color:#222;opacity:.8;position:relative;width:100%;}.birdlist-main a:link{color:#fff;}.birdlist-main a:visited{color:#fff;}.birdlist-main a:active{color:#9fc;}.birdlist-main a:hover{color:#396;}.birdlist-main .level-famiry{background:#ccc;max-width:633px;}.birdlist-main .section{position:relative;}.birdlist-main .section.family>.section-header{top:30px;z-index:95;}.birdlist-main .section.subfamily>.section-header{top:53px;z-index:94;}.birdlist-main .section-header{box-sizing:border-box;position:sticky;top:30px;width:100%;}.birdlist-main .section-header .headingbar{border-bottom:1px solid #f5f5f5;}.birdlist-main .section-header .headingbar.family{padding-left:4.7393364929%;color:#6f9;background-color:#666;}.birdlist-main .section-header .headingbar.subfamily{padding-left:7.8988941548%;color:#cf6;background-color:#888;}.birdlist-main .section-header .headingbar .icon{font-size:10px;padding-right:3px;}.birdlist-main .section-header .headingbar .scientific{font-size:13px;line-height:18px;color:#fff;margin-right:40px;}@media(max-width:840px){.birdlist-main .section-header .headingbar .scientific{margin-right:10px;}}@media(min-width:571px) and (max-width:680px){.birdlist-main .section-header .headingbar .scientific{display:none;}}@media(max-width:370px){.birdlist-main .section-header .headingbar .scientific{display:none;}}.birdlist-main .species{display:flex;border-bottom:1px solid #f5f5f5;width:100%;}@media(max-width:840px){.birdlist-main .species{display:block;}}.birdlist-main .species div.Scientific{width:28.4360189573%;padding-left:4.7393364929%;padding-right:.7898894155%;font-style:italic;}@media(max-width:840px){.birdlist-main .species div.Scientific{padding:0 5%;width:90%;}}.birdlist-main .species div:nth-child(2){padding-right:.7898894155%;width:30.8056872038%;}@media(max-width:840px){.birdlist-main .species div:nth-child(2){padding:0 5%;width:90%;}}.birdlist-main .species div:nth-child(3){padding-right:.7898894155%;width:33.6492890995%;}@media(max-width:840px){.birdlist-main .species div:nth-child(3){padding:0 5%;width:90%;}}.birdlist-main .species .jname-note{color:#518000;cursor:pointer;font-weight:bold;padding-right:.1em;}.birdlist-main .species .tooltip{position:absolute;box-sizing:border-box;max-width:300px;top:24px;left:-5px;width:calc(100% - 5px);font-size:11px;font-weight:normal;background:rgba(0,0,0,.8);color:#fff;line-height:1.4;padding:4px 6px;z-index:1;}@media(max-width:840px){.birdlist-main .species .tooltip{left:calc(5% - 5px);width:calc(95% - 5px);}}.birdlist-main .species .tooltip::before{content:"";width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:9px solid rgba(0,0,0,.8);position:absolute;top:-9px;left:8px;}.copyright{padding-left:15px;color:#999;}.birdlist-footer{background-color:rgba(0,0,0,.6);box-sizing:border-box;color:#fff;max-width:633px;padding:12px 10px 5px;position:relative;text-align:center;width:100%;}.birdlist-footer__title{margin-bottom:6px;}.birdlist-footer .footer-logo{font-size:10px;margin-bottom:6px;}.birdlist-footer .footer-logo a{color:#dfff80!important;}.birdlist-footer .footer-logo img{margin-bottom:-5px;width:64px;vertical-align:bottom;}.birdlist-footer .copyright{color:rgba(255,255,255,.6);font-size:10px;}@media(max-width:660px){.birdlist-footer .copyright{font-size:8px;line-height:1.2;}.birdlist-footer .copyright span{display:inline-block;}}.birdlist-footer::after{background:rgba(255,255,255,.8);content:"";height:100%;position:absolute;right:-17px;top:0;width:17px;}.mask{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000;}.loader,.loader:after{border-radius:50%;width:30px;height:30px;}.loader{margin:0 auto;font-size:10px;position:relative;text-indent:-9999em;border-top:6px solid #c9e173;border-right:6px solid #c9e173;border-bottom:6px solid #c9e173;border-left:6px solid #446a43;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 .8s infinite linear;animation:load8 .8s infinite linear;}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@font-face{font-family:"gothic";src:url("/fonts/gothic.eot?");src:local("gothic"),url("/fonts/gothic.woff") format("woff"),url("/fonts/gothic.ttf") format("truetype");}.popup{font-size:14px;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:.6s;}.popup.is-show{opacity:1;visibility:visible;}.popup .box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;max-width:600px;background-color:#fff;padding:20px;z-index:2;}.popup .box__inner{color:#2f592f;display:block;padding:30px 0;text-align:center;}.popup .box .medium{font-size:18px;color:#000;}.popup .box a.button{display:inline-block;background:#004200;color:#fff;font-size:20px;font-weight:bold;line-height:1.2;padding:10px 15px;border-radius:3px;margin-top:16px;}.popup .box .en{font-family:"gothic","Century Gothic","Futura","Questrial",sans-serif;}.popup .popup-inner img{width:100%;}.popup .close-btn{background:rgba(0,0,0,.7);color:#fff;cursor:pointer;font-size:36px;font-weight:bold;height:60px;line-height:60px;position:absolute;right:0;text-align:center;top:0;width:60px;z-index:100;}.popup .close-btn span{display:block;height:100%;width:100%;}.popup .close-btn i{font-size:20px;color:#333;}.popup .popup-background{background:url(/assets/images/common/category-bg.png) no-repeat rgba(135,177,47,.8) right top;background-size:auto 100%;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;cursor:pointer;}.search{position:fixed;bottom:10px;box-sizing:border-box;display:flex;justify-content:center;min-height:24px;}.search#searchFamily{left:0;max-width:333px;width:100%;z-index:1001;}@media(max-width:660px){.search#searchFamily{left:-300px;margin-left:-10px;}}.search#searchName{max-width:650px;left:350px;width:calc(100% - 350px);z-index:998;}@media(max-width:660px){.search#searchName{left:50px;width:calc(100% - 50px);}}.search__inner{border-radius:3px;background:rgba(0,0,0,.8);height:38px;max-width:calc(100% - 12px);width:280px;position:relative;}#searchFamily .search__inner{background:rgba(15,30,15,.95);}.search .btnSearch{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.4);box-sizing:border-box;color:#fff;cursor:pointer;font-size:12px;height:28px;position:absolute;left:5px;top:5px;text-align:center;width:28px;}.search .btnSearch:hover{background:rgba(255,255,255,.2);}.search .btnSearch i{font-size:16px;line-height:24px;}.search.result .btnSearch{display:none;}.search .btnInit{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.4);box-sizing:border-box;color:#fff;cursor:pointer;display:none;font-size:28px;font-family:"Poppins",sans-serif;font-weight:200;line-height:24px;height:28px;padding-top:2px;position:absolute;left:5px;top:5px;text-align:center;width:28px;}.search .btnInit:hover{background:rgba(255,255,255,.2);}.search.result .btnInit{display:block;}.search .keyword__wrapper{border-right:1px solid rgba(255,255,255,.4);height:30px;position:absolute;left:38px;top:4px;width:calc(100% - 88px);}.search.result .keyword__wrapper::after{content:"";left:0;width:100%;height:100%;position:absolute;top:0;}.search input[type=text]{background:rgba(0,0,0,0);border:0;box-sizing:border-box;color:#fff;font-size:13px;line-height:30px;height:30px;padding:0;position:absolute;left:0;top:0;width:100%;}.search input[type=text]:focus{background:rgba(0,0,0,0);border:0 solid rgba(0,0,0,0);outline:0;}.search.result input[type=text]{width:calc(100% - 49px);}.search .number{font-size:12px;display:none;color:#fff;line-height:30px;padding-right:5px;position:absolute;right:0;top:0;}.search.result .number{display:block;}.search .btnPN{background:none;border:0;color:#fff;line-height:20px;font-size:26px;font-family:"Poppins",sans-serif;font-weight:200;height:30px;opacity:.3;position:absolute;top:4px;width:20px;}.search .btnPN.btnPrev{right:27px;}.search .btnPN.btnNext{right:5px;}.search .btnPN span{display:block;transform:rotate(90deg);}.search.result .btnPN{cursor:pointer;opacity:1;}.highlight{background-color:#cef261;}.birdlist-menu .highlight{background-color:rgba(0,0,0,.5);color:#cef261;}.active{background:#006432;color:#ffff80;}.birdlist-menu .activeS{background:#cef261;color:#000;}