@charset "utf-8";a,hr{color:inherit}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,p,ul{margin:0}audio,li a,time{width:100%}#scrolltop,.info a,dd a,dt a,li a{text-decoration:none}*,::after,::before{box-sizing:border-box}html{line-sizing:normal}ol,ul{padding:0;list-style:none}body{font-family:sans-serif;overflow-wrap:break-word;word-break:normal;min-width:320px;background:url("../common/bg.png") top center repeat-x,linear-gradient(#bae1f0,#cbe8f3) fixed}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle;max-width:100%}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;height:0;overflow:visible}.tile,svg{overflow:hidden}canvas,svg,video{height:auto}img{border-style:none}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}button,input,select,textarea{font:inherit}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}table{border-collapse:collapse;border-spacing:0}#wrap,dl,li{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.tile::before,dl::after,li a,time{display:block}#main{padding:0 .5em 50vh}.info,.tile,dl{padding:1em}.info img{margin:.5em 0;border-radius:16px;border:1px solid #cfd9de}#prof{max-height:100px;border-radius:50%}dt{margin-top:.4em;margin-bottom:.6em;font-size:1.2em}ul{padding:2em 0 1.5em}li{margin-bottom:.5em}li a{border-radius:100vh;text-align:center;line-height:40px}time{text-align:right;font-size:.8em;color:#536471}#footer,#scrolltop,.info,dd,dt{color:#0f1419}.info,.tile{max-width:768px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;align-main:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center}.tile>a{margin:.5em}.tile>a img{margin:0 auto;border-radius:16px;border:1px solid #cfd9de}.info,.pic,dl::after{background:#fff;border-radius:16px}#scrolltop,label{text-align:center;border-radius:100vh}#footer,#scrolltop{display:block;line-height:2}#scrolltop{width:10em;margin:0 auto 1em;background:#fff}.pic,dl{position:relative}.tile::before,dl::after,label{position:absolute;width:100%}dl::after{content:"";bottom:0;height:65%;height:calc(100% - 50px -1em);z-index:1}dd,dl>img,dt{z-index:2}.info{font-size:.95em;line-height:1.4}.info a,dd a,dt a{color:#0ea6e1}.info a:hover,dd a:hover,dt a:hover{text-decoration:underline}.caution{color:#e90b06}.info,.pic{margin-bottom:1em}li a{background:#dbf9fe;background:-webkit-linear-gradient(#dbf9fe,#dbf9fe 20%,#c8effd);background:linear-gradient(#dbf9fe,#dbf9fe 20%,#c8effd);color:#486b8b;box-shadow:1px 1px 5px rgba(105,144,159,.4)}li a:hover{background:#e9feff;background:-webkit-linear-gradient(#e9feff,#e9feff 30%,#ddf9ff);background:linear-gradient(#e9feff,#e9feff 30%,#ddf9ff)}#footer{font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif}.tile{max-height:204px;max-height:calc(156px + 3em)}.tile::before{content:"";bottom:2em;left:0;height:2em;background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%)}.tile>a:nth-child(5){margin-top:200vh;width:100%}.tile>a:nth-child(n+5){max-height:0;opacity:0}.tile>a:nth-child(n+9){content-visibility:auto}label{display:table;bottom:0;line-height:2;z-index:3;background:#7dbdd7;background:-webkit-linear-gradient(left,#97d0e5,#7dbdd7 40%,#7dbdd7 60%,#97d0e5);background:linear-gradient(left,#97d0e5,#7dbdd7 40%,#7dbdd7 60%,#97d0e5);color:#fff}#l1::before{content:'オリジナル'}#l2::before{content:'デレマス'}#l3::before{content:'艦これ'}#l4::before{content:'二次創作'}label:focus,label:hover{cursor:pointer;background:#93c9df;background:-webkit-linear-gradient(to right,#a9d9eb,#93c9df,#a9d9eb);background:linear-gradient(to right,#a9d9eb,#93c9df,#a9d9eb)}.more,.more:checked~.tile::before,.more:checked~label{display:none}.more:checked~.tile{max-height:none}.more:checked~.tile>a:nth-child(5){margin-top:.5em;width:auto}.more:checked~.tile>a:nth-child(n+5){max-height:204px;max-height:calc(156px + 3em);opacity:1}@media screen and (min-width:768px){ul{max-width:768px;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center}li{width:45%;margin-left:.3em;margin-right:.3em}li:nth-child(odd):last-child{width:91%;width:calc(90% + .6em);padding-right:46%;padding-right:calc(45% + .6em)}.tile>a:nth-child(n+5){-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:max-height .5s ease-in-out,opacity .3s linear .2s}}