#navbar{opacity:0}#navbar.js-visible{opacity:1}.main-section.letters{margin-top:104px;border-top:1px solid #525252}@media screen and (min-width:768px){.main-section .inner-container{border-left:1px solid #525252;border-right:1px solid #525252}}@media screen and (min-width:768px){.article-title{width:64px;height:auto}}@media screen and (max-width:767px){.article-title{width:56px;height:auto}}.letter-lists{height:auto;margin:0 auto;list-style:none}@media screen and (min-width:768px){.letter-lists{width:1020px;border-left:1px solid #525252;border-right:1px solid #525252}}@media screen and (max-width:767px){.letter-lists{width:100%}}.letter-lists .letter-nav{position:relative}.letter-lists .letter-nav+.letter-nav{border-top:1px solid #525252}.letter-lists .letter-nav a{display:inline-block;padding:40px 0 40px 24px}.letter-lists .letter-nav a .number{display:inline-block;width:32px;height:auto}@media screen and (min-width:768px){.letter-lists .letter-nav a .number{font-size:17px;margin-right:72px}}@media screen and (max-width:767px){.letter-lists .letter-nav a .number{font-size:14px;margin-right:8px}}.letter-lists .letter-nav a .title{display:inline-block}@media screen and (min-width:768px){.letter-lists .letter-nav a .title{width:340px;height:auto;font-size:19px}}@media screen and (max-width:767px){.letter-lists .letter-nav a .title{width:300px;height:auto;font-size:16px}}.letter-lists .letter-nav a .name{display:inline-block;width:380px;height:auto}@media screen and (min-width:768px){.letter-lists .letter-nav a .name{font-size:16px}}@media screen and (max-width:767px){.letter-lists .letter-nav a .name{font-size:13px;padding-left:46px;letter-spacing:.02em}}.letter-lists .letter-nav .icon-arrow{display:inline-block;width:26px;height:auto;position:absolute}@media screen and (min-width:768px){.letter-lists .letter-nav .icon-arrow{top:55px;right:98px}}@media screen and (max-width:767px){.letter-lists .letter-nav .icon-arrow{bottom:50px;right:28px}}