@charset "UTF-8";.l-media{box-sizing:border-box;margin-inline:auto;padding:28px 20px 72px}@media screen and (min-width:1281px){.l-media{max-width:1740px;padding:60px 60px 120px}}.l-media__card-grid{display:grid;grid-template-columns:repeat(1,minmax(0px,1fr));gap:20px;margin-bottom:20px}@media screen and (min-width:1281px){.l-media__card-grid{gap:30px;margin-bottom:36px}}@media(min-width:701px){.l-media__card-grid{grid-template-columns:repeat(2,minmax(0px,1fr))}}@media(min-width:1281px){.l-media__card-grid{grid-template-columns:repeat(3,minmax(0px,1fr))}}@media(min-width:1741px){.l-media__card-grid{grid-template-columns:repeat(4,minmax(0px,1fr))}}.l-media__card-grid:has(.c-empty-list){display:block}.c-empty-list{display:flex;align-items:center;justify-content:center;width:100%;border-top:1px solid #aaa;border-bottom:1px solid #aaa;height:260px}@media screen and (min-width:1281px){.c-empty-list{height:226px}}.c-empty-list__text{color:#626262;font-size:16px}@media screen and (min-width:1281px){.c-empty-list__text{font-size:20px}}.c-media__card{box-sizing:border-box;width:100%;padding:10px 10px 30px;border-radius:24px;background-color:#fff}@media(any-hover:hover){.c-media__card:hover .c-media__thumb--movie:before,.c-media__card:hover .c-media__thumb--movie:after{opacity:1;translate:0 0}.c-media__card:hover .c-media__thumb--image img{scale:1.1}}.c-media__thumb{position:relative;overflow:hidden;display:block;width:100%;height:auto;background-color:#ddd;aspect-ratio:16/9;border-radius:14px}.c-media__thumb--movie:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00b67080}.c-media__thumb--movie:after{content:"";display:block;position:absolute;inset:0;margin:auto;translate:0 20px;width:50px;height:50px;background-image:url(https://static.nexon.co.jp/mabinogimobile/official_SUet1U2lbpVnyhZI/media/movie-play-icon.svg);background-repeat:no-repeat;background-size:contain}.c-media__thumb--movie:before,.c-media__thumb--movie:after{opacity:0;transition:opacity .3s ease,translate .3s ease}.c-media__thumb--image img{transition:scale .3s ease}.c-media__text{position:relative;display:flex;color:#626262;margin:28px 10px 0;padding-left:25px;font-size:16px;line-height:1;overflow:hidden}.c-media__text span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-media__text:before{position:absolute;display:block;content:"";top:0;bottom:0;left:0;margin:auto;width:22px;height:22px;background-size:contain;background-repeat:no-repeat}.c-media__text--movie:before{background-image:url(https://static.nexon.co.jp/mabinogimobile/official_SUet1U2lbpVnyhZI/media/movie-icon.svg)}.c-media__text--image:before{background-image:url(https://static.nexon.co.jp/mabinogimobile/official_SUet1U2lbpVnyhZI/media/image-icon.svg)}.c-notice-card{box-sizing:border-box;overflow:hidden;display:block;min-width:auto;width:100%;background-color:#fff;border-radius:24px;transition:box-shadow .4s ease,translate .4s ease}@media screen and (max-width:321px){.c-notice-card{max-width:280px}}@media screen and (min-width:1281px){.c-notice-card{max-width:385px}}@media(any-hover:hover){.c-notice-card:hover{transform:translateY(-5px)!important;box-shadow:0 4px 4px #00000026!important}}.c-notice-card__thumb{overflow:hidden;position:relative;box-sizing:border-box;width:100%;line-height:0}.c-notice-card__thumb-img{width:100%;height:auto;object-fit:cover}.c-notice-card__thumb-text{position:absolute;top:0;bottom:0;right:68px;margin:auto;display:flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:16px}@media screen and (min-width:1281px){.c-notice-card__thumb-text{right:48px;font-size:20px}}.c-notice-card__thumb-text:before{content:"";display:block;width:26px;height:26px;border-radius:50%;background-image:url(https://static.nexon.co.jp/mabinogimobile/official_SUet1U2lbpVnyhZI/news/noticecard-ttl-icon.svg);background-size:contain;background-repeat:no-repeat}@media screen and (min-width:1281px){.c-notice-card__thumb-text:before{width:40px;height:40px}}.c-notice-card__about{box-sizing:border-box;display:flex;flex-flow:column;justify-content:space-between;gap:12px;color:#5c5c5c;width:100%;padding:20px 30px}@media screen and (min-width:1281px){.c-notice-card__about{gap:9px}}.c-notice-card__category{display:flex;align-items:center;justify-content:center;width:fit-content;color:var(--p-text);font-size:10px;padding:5px 15px;border-radius:20px;border:1px solid #d9d9d9}@media screen and (min-width:1281px){.c-notice-card__category{font-size:14px;padding:4px 15px}}.c-notice-card__title{position:relative;display:flex;font-size:16px}@media screen and (min-width:1281px){.c-notice-card__title{font-size:18px}}.c-notice-card__title span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-notice-card__sidebar{display:flex;justify-content:flex-end}.c-notice-card__date{overflow:hidden;display:block;width:fit-content;color:#aaa;text-overflow:ellipsis;white-space:nowrap;font-size:11px}@media screen and (min-width:1281px){.c-notice-card__date{font-size:12px}}.c-pagination{display:flex;align-items:center;justify-content:center;gap:8px}@media screen and (max-width:440px){.c-pagination{display:grid;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(2,auto)}}@media screen and (min-width:1281px){.c-pagination{gap:26px}}@media screen and (max-width:1280px){.c-pagination--row{display:grid;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(2,auto)}}.c-pagination__wrapper,.c-pagination__navigation{display:flex;align-items:center;justify-content:center;gap:6px}@media screen and (min-width:1281px){.c-pagination__wrapper,.c-pagination__navigation{gap:4px}}.c-pagination__navigation{gap:5px}@media screen and (min-width:1281px){.c-pagination__navigation{gap:8px}}.c-pagination__wrapper{grid-column:span 4;grid-row:1/3}.c-pagination__navigation{grid-column:span 2;grid-row:3/3}.c-pagination__navigation--prev{justify-content:flex-end}.c-pagination__navigation--next{justify-content:flex-start}.c-pagination__link{display:flex;align-items:center;justify-content:center;text-decoration:none;background:#fff;color:var(--p-text);width:20px;height:20px;border-radius:6px;font-size:10px}@media screen and (min-width:1281px){.c-pagination__link{width:40px;height:30px;border-radius:6px;font-size:16px}}.c-pagination__link.is-active{color:#fff;background:var(--p-green);pointer-events:none}@media(any-hover:hover){.c-pagination__link:hover{color:#fff;background:var(--p-green)}}.c-pagination__prev,.c-pagination__next,.c-pagination__first,.c-pagination__end{display:flex;align-items:center;justify-content:center;text-decoration:none;background:#fff;color:var(--p-text);width:28px;height:20px;border-radius:6px;font-size:10px}@media screen and (min-width:1281px){.c-pagination__prev,.c-pagination__next,.c-pagination__first,.c-pagination__end{width:48px;height:34px;border-radius:10px;font-size:16px}}.c-pagination__prev:before,.c-pagination__next:before,.c-pagination__first:before,.c-pagination__end:before{content:"";display:block;background-size:contain;background-repeat:no-repeat;transition:transform .3s ease}.c-pagination__prev.is-disabled,.c-pagination__next.is-disabled,.c-pagination__first.is-disabled,.c-pagination__end.is-disabled{pointer-events:none;opacity:.5}@media(any-hover:hover)and (any-hover:hover){.c-pagination__prev:hover:before,.c-pagination__next:hover:before,.c-pagination__first:hover:before,.c-pagination__end:hover:before{transform:translate(-4px)}}.c-pagination__first:before,.c-pagination__end:before{width:14px;height:13px;background-image:url(https://static.nexon.co.jp/mabinogimobile/official_SUet1U2lbpVnyhZI/common/pagination-most-arrow-icon.svg)}.c-pagination__prev:before,.c-pagination__next:before{width:8px;height:11px;background-image:url(https://static.nexon.co.jp/mabinogimobile/official_SUet1U2lbpVnyhZI/common/pagination-arrow-icon.svg)}.c-pagination__end:before,.c-pagination__next:before{rotate:180deg}.p-music{box-sizing:border-box;margin-inline:auto;padding:28px 20px 72px}@media screen and (min-width:1281px){.p-music{max-width:1740px;padding:60px 60px 120px}}.p-music__head{position:relative;overflow:hidden;background-color:#000;border-radius:20px}.p-music__head-video{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%}.p-music__head-video video{position:absolute;width:100%;height:100%;object-fit:cover}.p-music__info{position:relative;box-sizing:border-box;display:grid;padding:20px}@media screen and (min-width:1281px){.p-music__info{grid-template-columns:228px 1fr;align-items:center;gap:30px;padding:28px 36px}}.p-music__thumb{overflow:hidden;width:140px;height:92px;border-radius:14px}@media screen and (min-width:1281px){.p-music__thumb{width:228px;height:150px}}.p-music__detail{padding-top:17px}@media screen and (min-width:1281px){.p-music__detail{padding:0}}.p-music__tag{display:flex;align-items:center;gap:5px;color:#fff;background-color:#848484;width:fit-content;border-radius:100vmax;padding:2px 15px;font-size:12px}.p-music__tag:after{content:"停止中"}.p-music__tag:has(.p-music__visualizer.is-play):after{content:"再生中"}.p-music__visualizer{display:block;width:24px;height:24px}.p-music__visualizer.is-play img:nth-child(1){display:none}.p-music__visualizer.is-play img:nth-child(2){display:block}.p-music__visualizer img:nth-child(2){display:none}.p-music__title{position:relative;display:flex;align-items:flex-start;gap:4px;color:#fff;font-weight:500;line-height:normal;margin-top:10px;font-size:20px}@media screen and (min-width:1281px){.p-music__title{gap:7px;font-size:35px}}.p-music__title:before{box-sizing:border-box;content:"";display:block;background-image:url(https://static.nexon.co.jp/mabinogimobile/official_SUet1U2lbpVnyhZI/media/music-speaker-icon.svg);background-size:8px;background-repeat:no-repeat;background-position:center;border:1px solid #fff;border-radius:100vmax;min-width:16px;width:16px;height:16px;translate:0 4px}@media screen and (min-width:1281px){.p-music__title:before{min-width:24px;width:24px;height:24px;translate:0 10px;background-size:12px;border:2px solid #fff}}.p-music__description{color:#888;font-size:12px;line-height:1.4;margin-top:8px;padding-left:20px}@media screen and (min-width:1281px){.p-music__description{font-size:14px;padding-left:0}}.p-music__track{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#a1a1a8;font-weight:500;font-size:10px;margin-top:20px}@media screen and (min-width:1281px){.p-music__track{gap:20px;margin-top:15px}}.p-music__track-bar-container{--current: 0%;overflow:hidden;position:relative;display:flex;align-items:center;width:100%;height:6px;border-radius:100vmax;background-color:#a1a1a8}.p-music__track-bar-container:before{pointer-events:none;content:"";display:block;position:absolute;top:0;left:0;width:var(--current);height:100%;background-color:#00b670}.p-music__track-bar{position:relative;appearance:none;width:100%;height:100%;margin:0;background:transparent;cursor:pointer}.p-music__track-bar::-webkit-slider-thumb{appearance:none;width:30px;height:30px;background:transparent;box-shadow:none;border:none}.p-music__track-bar::-moz-range-thumb{appearance:none;width:30px;height:30px;background:transparent;box-shadow:none;border:none}.p-music__controller{position:relative;display:flex;align-items:center;justify-content:center;gap:35px;background-color:#3b4150;padding:18px 0}.p-music__controller button{color:#fff}.p-music__controller button svg{fill:none}.p-music__controller-mute span{width:30px}.p-music__controller-mute span svg use{fill:#b8b8b8}.p-music__controller-mute span:nth-child(1){display:block}.p-music__controller-mute span:nth-child(2){display:none}.p-music__controller-mute.is-mute svg use{fill:var(--p-green)}.p-music__controller-mute.is-mute span:nth-child(1){display:none}.p-music__controller-mute.is-mute span:nth-child(2){display:block}@media(any-hover:hover){.p-music__controller-mute:hover span svg use{fill:var(--p-green)}.p-music__controller-mute:hover span:nth-child(1){display:none}.p-music__controller-mute:hover span:nth-child(2){display:block}}.p-music__controller-prev,.p-music__controller-next{width:30px}.p-music__controller-prev.is-disabled,.p-music__controller-next.is-disabled{opacity:.3;pointer-events:none}.p-music__controller-prev svg use,.p-music__controller-next svg use{fill:#d9d9d9}@media(any-hover:hover){.p-music__controller-prev:hover svg use,.p-music__controller-next:hover svg use{fill:var(--p-green)}}.p-music__controller-play span{width:30px}.p-music__controller-play span:nth-child(1){display:block}.p-music__controller-play span:nth-child(2){display:none}.p-music__controller-play span svg use{fill:#d9d9d9}@media(any-hover:hover){.p-music__controller-play span:hover svg use{fill:var(--p-green)}}.p-music__controller-play.is-pause span:nth-child(1){display:none}.p-music__controller-play.is-pause span:nth-child(2){display:block}.p-music__controller-repeat{width:30px}.p-music__controller-repeat svg use{fill:#b8b8b8}.p-music__controller-repeat.is-repeat svg use{fill:var(--p-green)}@media(any-hover:hover){.p-music__controller-repeat:hover svg use{fill:var(--p-green)}}.p-music__collection{margin-top:28px;margin-bottom:20px}@media screen and (min-width:1281px){.p-music__collection{margin-top:60px;margin-bottom:36px}}.p-music__collection-title{display:flex;align-items:center;font-weight:500;color:#4e4e4e;gap:10px;font-size:16px;margin-bottom:10px}@media screen and (min-width:1281px){.p-music__collection-title{gap:12px;font-size:18px;margin-bottom:20px}}.p-music__collection-title-icon{content:"";display:inline-block;width:25px;height:25px}.p-music__collection-title-icon use{fill:none;stroke:#4e4e4e;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.p-music__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.p-music__list{overflow:hidden;box-sizing:border-box;background-color:#fff;display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(2,auto);align-items:center;row-gap:23px;border-radius:24px;padding:23px 20px;transition:background-color .2s ease}@media screen and (min-width:1281px){.p-music__list{grid-template-columns:130px 1fr 50px;column-gap:30px;row-gap:0;padding:18px 20px}}@media(any-hover:hover){.p-music__list:hover{background-color:#00b670}.p-music__list:hover .p-music__list-title{color:#fff}.p-music__list:hover .p-music__list-title-icon use{fill:none;stroke:#fff}.p-music__list:hover .p-music__list-icons{outline-color:#fff}.p-music__list:hover .p-music__list-icon--arrow use{fill:#fff}}.p-music__list.is-active{background-color:#00b670}.p-music__list.is-active .p-music__list-title{color:#fff}.p-music__list.is-active .p-music__list-title-icon use{fill:none;stroke:#fff}.p-music__list.is-active .p-music__list-icons{outline-color:#fff}.p-music__list.is-active .p-music__list-icon--arrow{display:none}.p-music__list.is-active .p-music__list-icon--visualizer{display:block}.p-music__list-thumb{overflow:hidden;width:130px;height:85px;border-radius:14px;grid-column:1/2;grid-row:1/2}@media screen and (min-width:1281px){.p-music__list-thumb{grid-column:initial;grid-row:initial}}.p-music__list-thumb img{object-fit:contain}.p-music__list-title{overflow:hidden;display:flex;align-items:center;gap:6px;color:#888;font-weight:500;font-size:16px;grid-column:span 2;grid-row:2/2}@media screen and (min-width:1281px){.p-music__list-title{grid-column:initial;grid-row:initial}}.p-music__list-title span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.p-music__list-title-icon{content:"";display:inline-block;min-width:16px;width:16px;height:16px}.p-music__list-title-icon use{fill:none;stroke:#4e4e4e;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.p-music__list-icons{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;outline:1px solid #6f6f6f;grid-column:2/2;grid-row:1/2}@media screen and (min-width:1281px){.p-music__list-icons{grid-column:initial;grid-row:initial}}.p-music__list-icon--arrow{display:block;width:13px;height:15px}.p-music__list-icon--arrow use{fill:#888}.p-music__list-icon--visualizer{display:none}.p-goods__card{background-color:#fff;padding:10px;border-radius:24px}@media(any-hover:hover){.p-goods__card:hover .p-goods__card-thumb img{scale:1.1}}.p-goods__card-thumb{overflow:hidden;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px}.p-goods__card-thumb img{transition:scale .3s ease}.p-goods__card-body{display:flex;flex-flow:column;gap:9px;padding:28px 10px 20px}@media screen and (min-width:1281px){.p-goods__card-body{padding:28px 10px 10px}}.p-goods__card-title{position:relative;display:flex;color:#626262;font-size:16px}.p-goods__card-title span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-goods__card-sidebar{display:flex;justify-content:flex-start}.p-goods__card-date{overflow:hidden;display:block;width:fit-content;color:#aaa;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:12px}