.photo-wrap{margin-bottom:20px;padding-bottom:7px;border-bottom:1px dashed #999}.photo-pic{height:300px;margin-bottom:15px;text-align:center;display:flex;justify-content:center;align-items:center}#black-base .photo-wrap .photo-pic{background:#171717}#white-base .photo-wrap .photo-pic{background:#eee}.photo-wrap .photo-pic img{max-width:90%;max-height:100%;object-fit:contain;cursor:zoom-in;opacity:1;transition:.2s}.photo-wrap h2{padding:0 5px;font-size:22px;font-weight:400}.photo-wrap .photo-day{padding:0 5px;text-align:right;font-size:13px;opacity:.75}.cp-twt a{padding:0 6px;line-height:22px;font-size:12px;border-radius:3px;color:#fff;background:#1da1f2;display:block;transition:.2s}.cp-twt a:hover{background:#1a91da}.article-wrap{width:90%;margin:0 auto 30px;padding:12px 0;font-size:16px;font-family:"游ゴシック","Yu Gothic Medium","Hiragino Kaku Gothic ProN",Meiryo;font-weight:500}#black-base .article-wrap{padding:20px 0;border-radius:6px;background:#ccc;color:#322c28}.article-text{width:90%;margin:auto;overflow:hidden}.article-text img{max-width:100%!important;max-height:500px!important;object-fit:scale-down}.diary-nav li{font-size:14px}.diary-nav .imgbox{width:44px;height:44px;overflow:hidden;transition:.2s}.diary-nav img{width:100%;height:100%;object-fit:cover}.np-wrap{width:550px;margin:0 auto 15px;padding:15px 4%;border-top:1px solid rgba(153,153,153,.5);border-bottom:1px solid rgba(153,153,153,.5);display:flex;justify-content:center}.np-wrap li{min-width:250px;max-width:250px;height:44px;position:relative;flex:1}.np-wrap li:not(:first-child){margin-left:10px;padding-left:10px;border-left:1px solid rgba(153,153,153,.5)}.np-wrap li a{display:block}.np-wrap .imgbox{position:absolute;top:0}.np-wrap li p{width:calc(100% - 70px);height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-wrap li .np-txt{font-size:13px;color:#999}.np-wrap .np-next p{margin-left:auto;text-align:right}.np-wrap .np-next .imgbox{left:20px}.np-wrap .np-prev .imgbox{right:20px}.anwp h4{width:550px;margin:auto;font-size:14px;font-weight:400;text-align:center}.anwp li{padding:0 20px;transition:.2s}.anwp li a{padding:10px 0}.new-wrap li{width:45%;margin:5px;border:none;background:rgba(153,153,153,.1)}.new-wrap li:hover{background:rgba(153,153,153,.2)}.new-wrap li a{display:flex;justify-content:flex-start}.new-wrap .datebox{width:calc(100% - 50px)}.new-wrap .datebox p{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-wrap .datebox time{font-size:13px;opacity:.7}.new-wrap li .imgbox{margin-left:auto}.archive-wrap{padding:25px 0}.archive-wrap li{padding:0 10px;font-size:12px!important;text-align:center;border-bottom:1px solid rgba(153,153,153,.5);opacity:.6}.archive-wrap li a{display:block}.archive-wrap li:hover{opacity:1}#append-field .photo-pic{width:100%!important;height:100%!important;margin:0;padding:0}#append-field img{max-width:100%;max-height:100%;cursor:zoom-out}.modal .photo-wrap .photo-pic{opacity:0}@media screen and (min-width:769px){.np-wrap li a:after{content:'\e96a';font-size:20px;font-family:h-ico;color:#999;position:absolute;top:.7em;transition:.2s}.np-wrap .np-next a:after{left:-15px;transform:rotate(180deg)}.np-wrap .np-prev a:after{right:-15px}.np-wrap .np-next:hover a:after{left:-20px}.np-wrap .np-prev:hover a:after{right:-20px}}@media screen and (max-width:768px){.np-wrap{width:95%}.np-wrap li{min-width:45%;max-width:45%}.np-wrap li p{width:calc(100% - 23px)}.np-wrap .np-next .imgbox{left:-20px}.np-wrap .np-prev .imgbox{right:-20px}.new-wrap{margin-bottom:10px}.new-wrap li{width:calc(50% - 10px);padding:0 8px}.new-wrap .datebox p{font-size:12px}.new-wrap .datebox time{font-size:10px}.archive-wrap{padding:0 10px 25px}.archive-wrap li{width:calc(100% / 2);padding:0 3px}.anwp h4{width:100%}}