.title-story{margin:0 auto;width:150px}@media screen and (min-width: 640px){.title-story{width:300px}}.story h2{border-bottom:2px solid #40e6f4;display:inline-block;font-size:24px;padding:0 0 10px}@media screen and (min-width: 640px){.story h2{font-size:32px}}.newest_area{margin:60px auto;max-width:1024px;width:90%}@media screen and (min-width: 640px){.newest_area{display:flex;justify-content:space-between;margin:90px auto}}.newest_area .img-area .swiper-story{margin:0 0 20px}@media screen and (min-width: 640px){.newest_area .img-area{width:48%}}.newest_area .text-area{text-align:left}@media screen and (min-width: 640px){.newest_area .text-area{width:48%}}.episode-list{display:flex;flex-wrap:wrap;justify-content:left;margin:30px auto 0;max-width:1024px;width:100%}@media screen and (min-width: 640px){.episode-list{margin:60px 0 0}}.episode-item{border:1px solid #fff;margin:10px 2%;width:46%}@media screen and (min-width: 640px){.episode-item{margin:20px 1% 0;width:18%}}.episode-item a{display:block;height:100%;width:100%;padding:8px 0}@media screen and (min-width: 640px){.episode-item a:hover{background:#fff;color:#2b0e08;opacity:1}}.introduction,.outline{font-family:游ゴシック体;line-height:2em;margin:60px auto 0;width:96%}.introduction{font-size:18px}.outline{font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:16px 8px;justify-content:center;margin:0 auto}@media screen and (max-width: 640px){.filters{width:360px}}.filter,.filter-disabled{border:1px solid #fff;border-radius:6px;display:inline-block;font-size:10px;margin:0 2px;white-space:nowrap}@media screen and (min-width: 640px){.filter:hover{background:#fff;color:#3c1f1c;cursor:pointer}}.filter.active{background:#fff;color:#3c1f1c}.filter a,.filter-disabled span{display:block;height:100%;width:100%;padding:4px 14px}.filter-disabled{cursor:default;opacity:.6}.single-bg{background:#fff;color:#2b0e08;margin:30px auto;padding:16px;text-align:left}@media screen and (min-width: 640px){.single-bg{padding:80px}}.title{font-size:24px;font-weight:600}@media screen and (min-width: 640px){.title{font-size:32px}}.swiper-episode{margin:20px auto}:root{--swiper-theme-color: #2B0E08}.episode h2{border:none;display:block;font-size:20px;font-weight:bold;margin:30px 0 0;padding:0 0 10px}@media screen and (min-width: 640px){.episode h2{font-size:24px}}.episode h2::before{content:"○ "}.btn{border:1px solid #fff;border-radius:15px;height:30px;margin:0 auto;overflow:hidden;text-align:center;width:200px}.btn a{display:block;height:100%;width:100%;padding:2px 0 0}@media screen and (min-width: 640px){.btn a:hover{background:#fff;color:#2b0e08;opacity:1}}
/*# sourceMappingURL=../css_map/story.css.map */