@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main{margin:0;border:0;outline:0;font-size:100%;font-weight:normal;font-style:normal;vertical-align:baseline;background:transparent;padding-top:0;padding-right:0;padding-left:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;margin:0;}body{font-family:'Roboto','Yu Gothic','Meiryo',sans-serif;background-color:#e9e9e9;text-align:left;}ol,ul{list-style:none;}a{text-decoration:none;}.wrapper{width:100%;height:100vh;text-align:center;font-size:20px;background-color:#e9e9e9;}.contents{width:100%;height:100%;}.contents__inner{box-sizing:border-box;width:100%;margin:0 auto;padding:30px 20px 20px 20px;color:#ffffff;}.title-logo,.title-logo a{font-family:'Roboto','Yu Gothic','Meiryo',sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:0.05em;text-shadow:1px 1px 3px rgba(0,0,0,0.2);padding-top:35px;}h1 a:link{color:#1d2088;}h1 a:visited{color:#1d2088;}h1 a:hover{color:#4b4eb8;}h1 a:active{color:#4b4eb8;}.update-info{font-size:16px;color:#ff0000;background-color:#fff3f3;border:1px solid #ffcccc;padding:6px 12px;border-radius:6px;display:inline-block;margin:10px auto;}h2{font-family:'Roboto','Yu Gothic','Meiryo',sans-serif;font-size:16px;color:#5b5c5f;text-align:center;padding-top:5px;margin-bottom:5px;letter-spacing:0.05em;}.gnav{width:100%;height:40px;background:#e9e9e9;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin-top:5px;}.gnav ul{width:600px;height:40px;margin:0 auto 2px auto;list-style:none;display:flex;}.gnav ul li{text-align:center;border-left:1px solid #eee;}.gnav ul li:last-child{border-right:1px solid #eee;}.gnav ul li a,.gnav ul li a:link,.gnav ul li a:visited{display:inline-block;width:96px;height:40px;color:#fff;text-shadow:0 5px 3px rgba(0,0,0,0.5);text-decoration:none;background-color:#339933;}.gnav ul li a:hover,.gnav ul li a:active{background-color:#00CC66;}.content2 p{font-family:'Roboto','Yu Gothic','Meiryo',sans-serif;font-size:18px;color:#082203;text-align:center;line-height:1.9em;padding-bottom:-20px;}.wrapper .contents .content2 #category{padding-right:20px;padding-left:20px;}#category a{display:inline-block;text-decoration:none;background-color:#47de52;color:#ffffff;border:1px solid #1d8717;padding:8px 14px;margin:6px 6px;margin-bottom:20px;border-radius:6px;font-weight:bold;font-size:16px;transition:background-color 0.3s,color 0.3s,box-shadow 0.3s;}#category a:hover{background-color:#81f289;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.2);}img{border-bottom-width:7px;border-top-style:none;border-right-style:none;border-bottom-style:solid;border-left-style:none;}a:link{color:#0C0CCD;}a:visited{color:#5f5f67;}a:hover{color:#FF0000;}a:active{color:#F00;}.ph img{border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,0.2);transition:transform 0.2s ease,box-shadow 0.2s ease;}.ph img:hover{transform:scale(1.04);box-shadow:0 4px 12px rgba(0,0,0,0.3);}.bird{border-radius:6px;transition:0.3s ease;}.forest{border:3px solid #28a745;box-shadow:0 0 10px #28a745;}footer p{background-color:#e9e9e9;color:#5b5c5f;text-align:center;box-sizing:border-box;padding-left:max(12px,5vw);padding-right:max(12px,5vw);font-family:'Roboto','Yu Gothic','Meiryo',sans-serif;font-size:16px;width:100%;padding-bottom:10px;padding-top:-20px;}footer{padding:1em 0;text-align:center;width:100%;}.footer-inner{max-width:640px;margin:0 auto;text-align:left;}.footer-text{text-align:left !important;background-color:#e9e9e9;color:#5b5c5f;font-size:18px;padding-top:5px;padding-bottom:15px;margin-bottom:-4px;word-break:break-word;}.footer-credit{text-align:left;color:rgba(91,92,95,0.7);font-size:14px;margin-bottom:4px;}.footer-credit a{color:#4a7647;}div.tothetopfixed{position:fixed;right:15px;bottom:20px;z-index:1500;}div.tothetopfixed a{display:block;color:#333333;padding:10px;margin:0;background-color:#6bc95f;border-radius:5px;font-size:0.8em;text-align:center;}div.tothetopfixed a:hover{background:#34b823;color:#ffffff;}