.blog{position:absolute;top:100%;width:100%;transition:.8s;background:url(img/Bred.png) #bc2c26;background-size:80px}.blog>span{display:block;width:100%;transition:1s .2s;position:relative;top:0px;height:100px;z-index:1}.blog>span label{height:40px;position:absolute;display:flex;align-items:center;justify-content:center;transition:.2s;padding:0 10px;color:#e0bf9c;font-size:.9em;letter-spacing:.5px;cursor:pointer;user-select:none;left:15px;top:30px;animation:15s blogU both;animation-timeline:--blogU;view-timeline:--blogU}@keyframes blogU{0%{top:100px;opacity:0}50%{top:30px;opacity:1}100%{top:30px;opacity:1}}.blog>span label i{font-size:2em}.blogDate::-webkit-scrollbar{width:0px;background:rgba(0,0,0,0)}.blogDate::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}.blogDate{position:fixed;z-index:-1;top:0px;width:100%;height:100%;overflow-y:scroll;overscroll-behavior:contain;left:0px;transition:.5s;opacity:0;backdrop-filter:blur(15px);background:rgba(90,0,0,0.1);transform:scale(3)}#date:checked ~ .blogDate{opacity:1;z-index:5;transform:scale(1)}.blogDate>label:first-of-type{height:40px;position:absolute;display:flex;align-items:center;justify-content:center;color:#e0bf9c;font-size:.9em;letter-spacing:.5px;cursor:pointer;user-select:none;left:25px;top:30px}.blogDate>label:last-of-type{position:absolute;bottom:50px;right:30px;font-size:.9em;color:#cea57a;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}.blogDate span{width:calc(100% - 50px);position:absolute;left:25px;color:#fff}.blogDate span *{cursor:pointer;user-select:none}.blogDate span:nth-of-type(1){height:10%;top:15%}.blogDate span:nth-of-type(2){height:10%;top:25%}.blogDate span:nth-of-type(3){top:35%;left:0px;width:calc(100% - 0px)}.blogDate span:nth-of-type(1){width:auto}.blogDate span:nth-of-type(1) label{float:right;height:100%;display:flex;align-items:center;justify-content:center;transition:.3s;padding:0 10px;font-size:.9em;font-weight:300;color:#e9d4be}#date23:checked ~ .blogDate span:nth-of-type(1) label:nth-of-type(1),#date24:checked ~ .blogDate span:nth-of-type(1) label:nth-of-type(2),#date25:checked ~ .blogDate span:nth-of-type(1) label:nth-of-type(3),#date26:checked ~ .blogDate span:nth-of-type(1) label:nth-of-type(4),#date27:checked ~ .blogDate span:nth-of-type(1) label:nth-of-type(5),#date28:checked ~ .blogDate span:nth-of-type(1) label:nth-of-type(6){color:#fff;font-size:2em}#date23:checked ~ .blogDate span:nth-of-type(3) #list23,#date24:checked ~ .blogDate span:nth-of-type(3) #list24,#date25:checked ~ .blogDate span:nth-of-type(3) #list25,#date26:checked ~ .blogDate span:nth-of-type(3) #list26,#date27:checked ~ .blogDate span:nth-of-type(3) #list27,#date28:checked ~ .blogDate span:nth-of-type(3) #list28{display:block}.blogDate span:nth-of-type(2){border-top:2px dotted rgba(212,140,105,0.8)}.blogDate span:nth-of-type(2) label{float:left;height:100%;font-size:.9em;display:flex;align-items:center;transition:.3s;font-weight:300;width:calc(30% - 30px);padding-left:30px;position:relative;cursor:default}.blogDate span:nth-of-type(2) label i{width:10px;height:10px;position:absolute;left:10px;border-radius:99px}.blogDate span:nth-of-type(2) label:nth-of-type(1) i{background:#e9b684}.blogDate span:nth-of-type(2) label:nth-of-type(2) i{background:#f47943}.blogDate span:nth-of-type(2) label:nth-of-type(3) i{box-shadow:0 0 0 1px #e9b684 inset}.blogDate span:nth-of-type(3) s{display:none}.blogDate span:nth-of-type(3) label{display:block;float:left;width:25%;text-align:center;padding:10% 0;transition:.2s}.blogDate span:nth-of-type(3) label:after{content:"月";color:#ce9961;font-size:.8em}.blogDate span:nth-of-type(3) label b{font-size:1.2em}.blogDate span:nth-of-type(3) label:nth-of-type(1){animation:dateL1 1.0s}.blogDate span:nth-of-type(3) label:nth-of-type(2){animation:dateL1 1.3s}.blogDate span:nth-of-type(3) label:nth-of-type(3){animation:dateL1 1.5s}.blogDate span:nth-of-type(3) label:nth-of-type(4){animation:dateL1 1.7s}@keyframes dateL1{0%{opacity:0;background:#bf803d;transform:scale(0)}}.blogDate span:nth-of-type(3) label:nth-of-type(5){animation:dateL2 1.0s}.blogDate span:nth-of-type(3) label:nth-of-type(6){animation:dateL2 1.2s}.blogDate span:nth-of-type(3) label:nth-of-type(7){animation:dateL2 1.4s}.blogDate span:nth-of-type(3) label:nth-of-type(8){animation:dateL2 1.6s}@keyframes dateL2{0%{opacity:0;background:#bf803d;transform:scale(0)}30%{opacity:0;background:#bf803d;transform:scale(0)}}.blogDate span:nth-of-type(3) label:nth-of-type(9){animation:dateL2 1.4s}.blogDate span:nth-of-type(3) label:nth-of-type(10){animation:dateL2 1.6s}.blogDate span:nth-of-type(3) label:nth-of-type(11){animation:dateL2 1.9s}.blogDate span:nth-of-type(3) label:nth-of-type(12){animation:dateL2 2.2s}.blog>label{font-size:1em;width:calc(100% - 160px);height:120px;padding-left:80px;position:relative;letter-spacing:.5px;display:flex;align-items:center;color:#e9d4be;font-weight:300;border-top:2px dotted rgba(212,140,105,0.8);text-align:justify;cursor:pointer;user-select:none;transition:.5s;animation:5s blogLi both;animation-timeline:--blogLi;view-timeline:--blogLi}.blog>label:last-of-type{border-bottom:2px dotted rgba(212,140,105,0.8)}@keyframes blogLi{0%{transform:scale(.5);opacity:0;color:#e9b684;filter:blur(15px)}30%{transform:scale(1);opacity:1;filter:blur(0px)}80%{transform:scale(1);opacity:1;color:#fff;filter:blur(0px)}82%{transform:scale(.95);opacity:.5;filter:blur(5px)}99.9%{transform:scale(1);opacity:0;filter:blur(15px)}100%{opacity:1}}.blog>label>b{position:absolute;left:0px;width:70px;height:70px;display:flex;font-weight:bold;color:#e9b684;align-items:center;justify-content:center;font-size:2.8em}.blog>label>b>s{position:absolute;font-size:9px;font-weight:lighter;top:0px;left:0px}.blog>label>b>i{position:absolute;width:6px;height:6px;left:-10px;top:2px;border-radius:99px;animation:5s blogI both;animation-timeline:--blogI;view-timeline:--blogI}@keyframes blogI{0%{opacity:0;top:300%}70%{opacity:1;top:2px}100%{opacity:1}}.blog>.work>b>i{background:#e9b684}.blog>.phil>b>i{background:#f47943}.blog>.essay>b>i{box-shadow:0 0 0 .5px #e9b684 inset}.blogP::-webkit-scrollbar{width:0px;background:rgba(0,0,0,0)}.blogP{position:fixed;z-index:5;bottom:0px;left:0px;width:100%;height:0%;display:block;opacity:0;transition:.6s;overscroll-behavior:contain;overflow-y:scroll}#blogP:checked ~ .blogP{height:100%;opacity:1;transition:0s}#blogP:checked ~ .blogP iframe{height:calc(100% - 70px);opacity:1;transform:rotateX(0deg)rotatey(0deg);transition:.6s .2s}#blogP:checked ~ .blogP label{opacity:1}#blogP:checked ~ .blog{padding-top:300px}#blogP:checked ~ .blog span{opacity:0;transition:.3s 0s}#blogP:checked ~ .blog label{}.blogP iframe{width:100%;height:calc(0% - 70px);position:absolute;bottom:60px;transition:.6s;transform:rotateX(50deg)rotatey(50deg);opacity:0}.blogP label{width:100%;height:60px;user-select:none;cursor:pointer;transition:.4s;opacity:0;position:absolute;bottom:0px;color:#fff;font-size:1em;display:flex;justify-content:center;align-items:center}.blogT::-webkit-scrollbar{background:rgba(0,0,0,0);width:0px}.blogT{padding:40px;color:#97530c;background:#fdf2e7}.blogT h1{font-size:1.4em;line-height:1.5em;font-weight:lighter;padding:40px 0;text-align:justify;animation:blogT 1s}.blogT p{line-height:2.5em;padding:40px 0;text-align:justify;border-top:2px dotted #cfaf8f;border-bottom:2px dotted #cfaf8f;animation:blogT 1.5s}@keyframes blogT{0%{opacity:0}60%{opacity:0}}.blogT span{text-align:right;display:block;padding:40px 0}