.contents{width:calc(100% - 13.3333333333vw);margin-left:6.6666666667vw;margin-right:6.6666666667vw;z-index:2;position:relative}.contents{width:100%;margin-left:0;margin-right:0}section{margin-bottom:25%;padding-top:5%}.diarypage{width:100%;max-width:1024px;margin:0 auto 25%}.diarypage--contents{position:relative;width:100%;height:auto;padding-left:3.3333333333vw;padding-right:3.3333333333vw;padding-top:10%;margin-bottom:5%}.announce{margin:0 auto}.ic-new{left:20px;top:20px}.archive{display:flex;justify-content:center;text-align:center;flex-wrap:wrap;margin-top:3rem;margin-bottom:1rem;margin-left:2rem;gap:2rem}.archive li{color:#fff;font-weight:600;font-size:3rem;transition:all .2s ease}.archive li.current{color:#ff6cb1}.archive li a{display:inline-block}.archive li a span{font-size:.8rem}.archive-np{padding:0 6.6666666667vw}.archive-np li{color:#fff;font-weight:600;font-size:3rem;transition:all .2s ease;display:block}.archive-np li a.flex div{margin:0 1rem}.archive-np li a.flex div span{font-size:.7rem}.archive-np li a.flex .bt-arrow{width:.75rem;fill:#fff;transition:all .2s ease}.archive-np--next a.flex{justify-content:flex-start}.archive-np--next a.flex .bt-arrow{transform:scale(-1, 1)}.archive-np--prev a.flex{justify-content:flex-end}@media only screen and (min-width: 768px){.contents{width:calc(100% - 100/1023*100vw);margin-left:calc(50/1023*100vw);margin-right:calc(50/1023*100vw)}section{margin-bottom:0;padding-top:0}.diarypage--contents{padding-left:calc(25/1023*100vw);padding-right:calc(25/1023*100vw);padding-top:10%;margin-bottom:5%}.ic-new{left:30px;top:70px}.archive-np{padding:0 25px}}@media only screen and (min-width: 1024px){.contents{width:76%;margin-right:3%;margin-left:21%}.contents{width:76%;margin-right:3%;margin-left:21%}section{padding-top:0}.diarypage{max-width:1024px;margin:0 auto 10%}.diarypage--contents{padding-left:25px;padding-right:25px;padding-top:10%;margin-bottom:5%}}@media only screen and (min-width: 1024px)and (hover: hover){.archive li:hover:not(.current){transform:scale(0.9);color:#ff6cb1}.archive-np li:hover:not(.current){transform:scale(0.9);color:#ff6cb1}.archive-np li:hover:not(.current) a .bt-arrow{fill:#ff6cb1}}