.letter .letter-inner{margin:auto;max-width:800px;padding:20px}.letter .letter-inner .wareki{color:#6d3a19;font-size:24px;margin:0;padding:0 20px}@media screen and (max-width:767px){.letter .letter-inner .wareki{padding:0}}.letter .letter-inner ul{list-style:none;margin:0;padding:0 20px}.letter .letter-inner ul li{display:flex;margin-bottom:10px;padding:10px 0 5px;position:relative}@media screen and (max-width:767px){.letter .letter-inner ul li{flex-direction:column;padding-bottom:3px}}.letter .letter-inner ul li:after{background-color:#393939;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.letter .letter-inner ul li .letter{align-items:center;display:flex;justify-content:flex-start;width:calc(100% - 150px)}@media screen and (max-width:767px){.letter .letter-inner ul li .letter{font-size:16px;line-height:1.4;width:100%}}.letter .letter-inner ul li .letter.blue{color:#0066c0}.letter .letter-inner ul li .date{align-items:flex-end;display:flex;font-size:14px;justify-content:flex-end;width:150px}@media screen and (max-width:767px){.letter .letter-inner ul li .date{font-size:12px;width:100%}}.letter .letter-inner .archive-wrap{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-top:30px;padding:0 20px}.letter .letter-inner .archive-wrap .archive{cursor:pointer;font-weight:500}.letter .letter-inner .archive-wrap .archive span{color:#85c13a}