.mBlurBgContentContainer {
  background-color: #fff;
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden; }
  .mBlurBgContentContainer ._bg {
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    filter: blur(10px);
    opacity: 0.25;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: none; }
  .mBlurBgContentContainer > ._wrap {
    margin-top: 20px;
    padding: 0 216px 0 124px;
    position: relative;
    z-index: 2;
    min-height: 88px;
    display: flex;
    align-items: center; }
    .mBlurBgContentContainer > ._wrap .mUserAvatar {
      width: 88px;
      height: 88px;
      position: absolute;
      left: 22px; }
    .mBlurBgContentContainer > ._wrap .aBoldText {
      font-size: 18px;
      font-weight: 700; }
    .mBlurBgContentContainer > ._wrap > .mAuthorFunButton,
    .mBlurBgContentContainer > ._wrap > .mButtonsWrap {
      position: absolute;
      top: 50%;
      display: flex;
      transform: translateY(-50%); }
    .mBlurBgContentContainer > ._wrap > .mAuthorFunButton {
      display: block;
      width: 132px;
      text-align: center;
      height: 42px;
      line-height: 42px;
      font-size: 12px;
      right: 60px; }
    .mBlurBgContentContainer > ._wrap > .mButtonsWrap {
      right: 15px; }
      .mBlurBgContentContainer > ._wrap > .mButtonsWrap > .mButton {
        display: flex;
        align-items: center; }
        .mBlurBgContentContainer > ._wrap > .mButtonsWrap > .mButton .mIconWrap {
          display: flex;
          width: 38px;
          height: 38px;
          justify-content: center;
          align-items: center;
          cursor: pointer; }
  @media screen and (max-width: 1020px) {
    .mBlurBgContentContainer {
      padding-bottom: 10px;
      margin-bottom: -10px; }
      .mBlurBgContentContainer::before {
        content: '';
        height: 50px;
        background: linear-gradient(180deg, #ebebeb 0%, rgba(235, 235, 235, 0) 100%);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1; }
      .mBlurBgContentContainer ._bg {
        display: block; }
      .mBlurBgContentContainer > ._wrap {
        text-align: center;
        display: block;
        text-align: center;
        padding: 20px 0 18px;
        margin-top: 0; }
        .mBlurBgContentContainer > ._wrap .mUserAvatar {
          width: 88px;
          height: 88px;
          margin: 0 auto 10px;
          position: relative;
          left: auto; }
        .mBlurBgContentContainer > ._wrap .mButtonsWrap {
          right: 14px; }
        .mBlurBgContentContainer > ._wrap > .mAuthorFunButton {
          display: none; }
        .mBlurBgContentContainer > ._wrap > .mButtonsWrap {
          top: 8px;
          transform: none; } }

.mContentNav {
  width: 100%; }
  @media screen and (max-width: 725px) {
    .mContentNav {
      overflow-x: auto; }
      .mContentNav::-webkit-scrollbar {
        width: 4px !important;
        height: 4px !important; }
      .mContentNav::-webkit-scrollbar-track {
        height: 4px !important; }
      .mContentNav::-webkit-scrollbar-thumb {
        border-radius: 2px !important;
        height: 4px !important; } }
  .mContentNav .mNavList .mNavItem {
    flex-grow: 0;
    flex-shrink: 0; }
    .mContentNav .mNavList .mNavItem .aNavLink {
      font-size: 13px;
      font-weight: 700; }

.tWithdraw {
  background-color: #fff;
  border-radius: 6px;
  padding: 10px 0; }
  .tWithdraw .oContentContainer .mButton {
    color: #808080; }
  .tWithdraw .oContentContainer > .mHeadingWrap {
    border-bottom: 1px solid #d8d8d8; }
    .tWithdraw .oContentContainer > .mHeadingWrap > .mContentHedding {
      display: block;
      text-align: center; }
      .tWithdraw .oContentContainer > .mHeadingWrap > .mContentHedding > .aContentHeadding {
        font-size: 18.67px; }
    .tWithdraw .oContentContainer > .mHeadingWrap > .mButton {
      font-size: 12.44px; }
  .tWithdraw .oContentContainer > .withdrawContents {
    padding: 20px 0;
    display: flex;
    flex-direction: column; }
    .tWithdraw .oContentContainer > .withdrawContents > ._title {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 20px;
      text-align: center;
      width: 100%; }
    .tWithdraw .oContentContainer > .withdrawContents > ._subTitle {
      margin-bottom: 20px;
      font-size: 12.44px;
      text-align: center;
      width: 100%; }
    .tWithdraw .oContentContainer > .withdrawContents > .precautions {
      font-size: 11px;
      line-height: 22px;
      font-weight: bold;
      text-align: left;
      align-self: center;
      padding: 0 0 20px 20px; }
      .tWithdraw .oContentContainer > .withdrawContents > .precautions > li {
        list-style: disc; }
    .tWithdraw .oContentContainer > .withdrawContents > p {
      font-size: 12px;
      line-height: 22px;
      text-align: center;
      margin-bottom: 30px; }
    .tWithdraw .oContentContainer > .withdrawContents > .mButton {
      text-align: center;
      align-self: center;
      padding: 14px 22px;
      font-size: 14px;
      background-color: #fc7949;
      color: #fff; }

.tTwitterAuthCallback > .oContentContainer > p {
  padding: 40px 0;
  text-align: center;
  font-size: 12px;
  font-weight: bold; }

.aLink {
  color: #0189ec;
  cursor: pointer;
  text-decoration: none; }

.mSectionTitle {
  border-left: 3px solid #fc7949;
  padding: 3px 0 3px 14px;
  font-size: 18.67px;
  font-weight: bold; }

.tApplicationRules > .oContentContainer {
  padding-top: 33px;
  padding-bottom: 33px; }
  .tApplicationRules > .oContentContainer > .header {
    border-left: 2px solid #fc7949;
    padding: 5px 0 5px 14px;
    font-size: 18.67px;
    font-weight: bold; }
  .tApplicationRules > .oContentContainer > .textBox {
    color: #242a36;
    margin-top: 24px;
    line-height: 2;
    font-size: 14px; }
  .tApplicationRules > .oContentContainer > .listTitle {
    color: #242a36;
    font-size: 14px;
    font-weight: bold;
    margin-top: 32px; }

.tPrivacyPolicy > .oContentContainer {
  padding-top: 33px;
  padding-bottom: 33px; }
  .tPrivacyPolicy > .oContentContainer > .header {
    border-left: 2px solid #fc7949;
    padding: 5px 0 5px 14px;
    font-size: 18.67px;
    font-weight: bold; }
  .tPrivacyPolicy > .oContentContainer > .textBox {
    color: #242a36;
    margin-top: 24px;
    line-height: 2;
    font-size: 14px; }
  .tPrivacyPolicy > .oContentContainer > .listTitle {
    color: #242a36;
    font-size: 14px;
    font-weight: bold;
    margin-top: 32px; }

.tTerm > .oContentContainer {
  padding-top: 33px;
  padding-bottom: 33px; }
  .tTerm > .oContentContainer > .header {
    border-left: 2px solid #fc7949;
    padding: 5px 0 5px 14px;
    font-size: 18.67px;
    font-weight: bold; }
  .tTerm > .oContentContainer > .textBox {
    color: #242a36;
    margin-top: 24px;
    line-height: 2;
    font-size: 14px; }
  .tTerm > .oContentContainer > .listTitle {
    color: #242a36;
    font-size: 14px;
    font-weight: bold;
    margin-top: 32px; }

.oProfileYonda .mContentHedding {
  margin-bottom: -4px; }

.oProfileYonda ._relatedTitlesList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px; }
  .oProfileYonda ._relatedTitlesList .oCardTitle {
    width: calc(100% / 4 - 10px);
    margin: 22px 5px 0; }
    @media screen and (max-width: 725px) {
      .oProfileYonda ._relatedTitlesList .oCardTitle {
        width: calc(100% / 3 - 10px); } }

.oProfileMatomelist .oFeedItemMatome {
  margin-top: 40px;
  clear: both; }
  .oProfileMatomelist .oFeedItemMatome:first-child {
    margin-top: 16px; }

.oProfileMatomelist > ._editMatome {
  overflow: hidden; }
  .oProfileMatomelist > ._editMatome > .mButton {
    padding: 0 12px;
    height: 38px;
    line-height: 38px;
    color: #808080;
    border: 1px solid #D8D8D8;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    float: right; }
  .oProfileMatomelist > ._editMatome + .mAppealPostReview {
    margin-top: 24px; }

.aBookListItemSubText {
  color: #808080;
  font-size: 10px;
  line-height: 10px;
  font-weight: 400; }

.oCardVolume {
  list-style: none;
  margin: 0 5px;
  width: 115px;
  max-width: 96px; }
  .oCardVolume .aBooksListItemTitle {
    margin: 12px 0 0;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .oCardVolume .aBookListItemSubText {
    margin: 8px 0 0;
    text-align: center;
    white-space: nowrap; }

.oProfileBookmark .mSearchResultUpper {
  margin-bottom: 24px; }

.oProfileYomitai .mContentHedding {
  margin-bottom: -4px; }

.oProfileYomitai ._relatedTitlesList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px; }
  .oProfileYomitai ._relatedTitlesList .oCardTitle {
    width: calc(100% / 4 - 10px);
    margin: 22px 5px 0; }
    @media screen and (max-width: 725px) {
      .oProfileYomitai ._relatedTitlesList .oCardTitle {
        width: calc(100% / 3 - 10px); } }

.mButtonCircle {
  border: 1px solid #d8d8d8;
  background-color: #fff;
  border-radius: 100%;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center; }

.ReactModal__Body--open,
.ReactModal__Html--open {
  overflow: hidden; }

.ReactModal__Overlay {
  z-index: 1001; }

.menuModal {
  position: absolute;
  top: 0;
  width: 240px;
  height: 100%;
  overflow: auto;
  outline: none;
  overflow: auto;
  opacity: 0;
  left: -20px;
  transition: all 300ms ease; }
  @media screen and (max-width: 725px) {
    .menuModal {
      width: 100%; } }
  .menuModal.ReactModal__Content--after-open {
    opacity: 1;
    left: 0; }
    .menuModal.ReactModal__Content--after-open._close {
      opacity: 0;
      left: -20px; }

.mMenuModal {
  background-color: #242a36;
  width: 100%;
  height: 100%; }
  .mMenuModal .mButtonCircle {
    background-color: #fff;
    width: 50px;
    height: 50px;
    margin-top: 16px;
    margin-left: 22px; }
  .mMenuModal .mHeaderMenuList {
    margin-top: 56px;
    margin-left: 22px;
    padding: 0;
    font-size: 22.4px; }
    .mMenuModal .mHeaderMenuList li {
      list-style-type: none;
      margin-bottom: 15px; }
      .mMenuModal .mHeaderMenuList li .mGeneralLink .aBoldText {
        font-size: 22.4px;
        color: #fff; }
      @media screen and (max-width: 725px) {
        .mMenuModal .mHeaderMenuList li .mGeneralLink .aBoldText {
          font-size: 32.4px; } }
    @media screen and (max-width: 725px) {
      .mMenuModal .mHeaderMenuList {
        margin-top: 30px; }
        .mMenuModal .mHeaderMenuList li {
          margin-bottom: 14px; }
          .mMenuModal .mHeaderMenuList li .mGeneralLink .aBoldText {
            font-size: 28px; } }
  .mMenuModal > .mText {
    margin-top: 39px;
    margin-left: 22px; }
    .mMenuModal > .mText .mIconWrap .aIcon {
      width: 20px;
      height: 20px;
      transform: translateY(-2px); }
      @media screen and (max-width: 725px) {
        .mMenuModal > .mText .mIconWrap .aIcon {
          width: 24px;
          height: 24px;
          transform: translateY(-5px); } }
    .mMenuModal > .mText .aBoldText {
      font-size: 16px;
      color: white;
      margin-left: 10px; }
      @media screen and (max-width: 725px) {
        .mMenuModal > .mText .aBoldText {
          font-size: 22.4px; } }
  .mMenuModal .mHeaderSubMenuList {
    padding: 0;
    position: absolute;
    left: 22px;
    bottom: 74px; }
    .mMenuModal .mHeaderSubMenuList li {
      font-size: 12px;
      line-height: 24px; }
      .mMenuModal .mHeaderSubMenuList li .aLink,
      .mMenuModal .mHeaderSubMenuList li .mGeneralLink {
        color: #fff; }
      @media screen and (max-width: 725px) {
        .mMenuModal .mHeaderSubMenuList li {
          font-size: 14px;
          line-height: 30px; } }
    @media screen and (max-width: 725px) {
      .mMenuModal .mHeaderSubMenuList {
        bottom: 22px; } }
  .mMenuModal > .aLink {
    position: absolute;
    left: 22px;
    bottom: 28px; }
    .mMenuModal > .aLink .aIcon {
      width: 20px;
      height: 16px; }
    @media screen and (max-width: 725px) {
      .mMenuModal > .aLink {
        left: auto;
        right: 34px;
        bottom: 30px; }
        .mMenuModal > .aLink .aIcon {
          width: 27px;
          height: 22px; } }

.mAnchorCategory {
  position: relative; }
  .mAnchorCategory > ._wrap {
    height: 0;
    padding-top: 56.16%; }
    .mAnchorCategory > ._wrap > .mGeneralLink {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      color: #fff; }
      .mAnchorCategory > ._wrap > .mGeneralLink > ._title {
        position: absolute;
        bottom: 24px;
        left: 8px;
        font-size: 12.44px;
        z-index: 1000;
        font-weight: bold; }
      .mAnchorCategory > ._wrap > .mGeneralLink > p {
        position: absolute;
        font-size: 10.18px;
        z-index: 1000;
        font-weight: bold;
        bottom: 8px;
        left: 8px; }
      .mAnchorCategory > ._wrap > .mGeneralLink > ._bg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border-radius: 6px;
        overflow: hidden; }
        .mAnchorCategory > ._wrap > .mGeneralLink > ._bg > .aImage {
          width: 100%;
          height: auto;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%); }
          @supports (object-fit: cover) {
            .mAnchorCategory > ._wrap > .mGeneralLink > ._bg > .aImage {
              height: 100%;
              object-fit: cover; } }
        .mAnchorCategory > ._wrap > .mGeneralLink > ._bg:after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: linear-gradient(to top, rgba(36, 42, 54, 0.75), rgba(36, 42, 54, 0.35)); }

.aImage {
  vertical-align: bottom; }

.mImageWrap {
  margin: 0; }

.mHamburgerButton {
  display: flex;
  justify-items: space-between;
  align-items: center; }
  .mHamburgerButton > .mGeneralLink {
    width: 32px;
    height: 32px;
    margin-right: 18px; }
    .mHamburgerButton > .mGeneralLink > span {
      display: none; }
  .mHamburgerButton > .mImageWrap {
    cursor: pointer;
    display: block; }

.mGlobalHeaderLogo {
  margin-top: 16px; }
  .mGlobalHeaderLogo > a {
    display: block; }
    .mGlobalHeaderLogo > a > span {
      display: block;
      font-size: 10px;
      color: #242a36;
      font-weight: bold; }
    .mGlobalHeaderLogo > a > img {
      margin-top: 5px; }

.oGlobalHeader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1011;
  background-color: #fff;
  transition: transform 200ms ease; }
  @media screen and (max-width: 1020px) {
    .oGlobalHeader {
      z-index: 1001; } }
  @media screen and (max-width: 1020px) {
    .oGlobalHeader {
      border-bottom: 1px solid #D8D8D8; } }
  .oGlobalHeader._hide {
    transform: translateY(-100%); }
  .oGlobalHeader > ._innerWrap {
    max-width: 1000px;
    margin: 0 auto; }
    .oGlobalHeader > ._innerWrap > ._controls {
      position: relative;
      height: 80px;
      display: flex; }
      @media screen and (max-width: 1020px) {
        .oGlobalHeader > ._innerWrap > ._controls {
          height: 124px;
          flex-wrap: wrap;
          margin: 0 22px; } }
      .oGlobalHeader > ._innerWrap > ._controls > .mGlobalHeaderLogo {
        position: relative;
        z-index: 2; }
        @media screen and (max-width: 1020px) {
          .oGlobalHeader > ._innerWrap > ._controls > .mGlobalHeaderLogo {
            width: 100%; } }
      .oGlobalHeader > ._innerWrap > ._controls > .mNav {
        align-self: center; }
        @media screen and (max-width: 1020px) {
          .oGlobalHeader > ._innerWrap > ._controls > .mNav {
            width: 100%; } }
        .oGlobalHeader > ._innerWrap > ._controls > .mNav > .mNavList {
          display: flex;
          position: absolute;
          left: 0;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          justify-content: center; }
          @media screen and (max-width: 1020px) {
            .oGlobalHeader > ._innerWrap > ._controls > .mNav > .mNavList {
              justify-content: space-between;
              padding: 0;
              margin: 0 -20px;
              position: relative;
              left: auto;
              right: auto;
              top: auto;
              transform: none; } }
          @media screen and (max-width: 1020px) {
            .oGlobalHeader > ._innerWrap > ._controls > .mNav > .mNavList > .mNavItem {
              width: 20%; } }
          .oGlobalHeader > ._innerWrap > ._controls > .mNav > .mNavList > .mNavItem > .aNavLink {
            line-height: 36px;
            display: flex;
            align-items: center;
            font-size: 12.44px;
            padding: 0 14px; }
            @media screen and (max-width: 1020px) {
              .oGlobalHeader > ._innerWrap > ._controls > .mNav > .mNavList > .mNavItem > .aNavLink {
                padding: 0;
                flex-direction: column;
                line-height: 24px; } }
            @media screen and (max-width: 725px) {
              .oGlobalHeader > ._innerWrap > ._controls > .mNav > .mNavList > .mNavItem > .aNavLink {
                font-size: 10.18px; } }
            .oGlobalHeader > ._innerWrap > ._controls > .mNav > .mNavList > .mNavItem > .aNavLink > .aSvg {
              margin-right: 8px;
              width: 16px;
              height: 16px; }
              @media screen and (max-width: 1020px) {
                .oGlobalHeader > ._innerWrap > ._controls > .mNav > .mNavList > .mNavItem > .aNavLink > .aSvg {
                  margin: 0;
                  width: 23px;
                  height: 23px; } }
      .oGlobalHeader > ._innerWrap > ._controls > .mHamburgerButton {
        position: absolute;
        right: 30px;
        top: 24px;
        z-index: 2; }
        @media screen and (max-width: 725px) {
          .oGlobalHeader > ._innerWrap > ._controls > .mHamburgerButton {
            right: 0; } }

.aFormFile {
  display: none; }

.mFormFileWrap {
  display: block;
  font-size: 12.44px;
  color: #0189EC;
  padding: 12px 16px;
  border: solid 1px #0189EC;
  width: 196px;
  box-sizing: border-box;
  border-radius: 2px;
  margin: 0 auto; }

.mFormImageUpload {
  text-align: center;
  position: relative; }
  .mFormImageUpload > ._imageWrap {
    margin-bottom: 8px; }
    .mFormImageUpload > ._imageWrap .aIcon {
      margin: 14px;
      width: 24px;
      height: 24px; }
    .mFormImageUpload > ._imageWrap .aImage {
      width: 82px;
      height: 82px;
      border-radius: 100%;
      overflow: hidden;
      object-fit: cover;
      border: 1px solid #F0F0F0; }
  .mFormImageUpload > .mButtonCircle {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: 20px; }
    .mFormImageUpload > .mButtonCircle .aIconClose {
      width: 20px;
      height: 20px;
      background-size: 14px; }

.mListItemMagazine {
  display: flex;
  height: 48px;
  position: relative;
  padding-left: 40px;
  align-items: center; }
  .mListItemMagazine + .mListItemMagazine {
    border-top: 1px solid #E5E5E5; }
  .mListItemMagazine .mBookImage {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 30px; }
  .mListItemMagazine .aText {
    font-size: 14px; }
    .mListItemMagazine .aText ._count {
      font-size: 10px; }

.tAuthor {
  width: 620px;
  grid-column: 1;
  grid-row: 1 / 3;
  padding-bottom: 92px; }
  .tAuthor > .oPullContentsWrap > .oContentContainer._meta > ._workCount {
    font-size: 13px;
    font-weight: 500; }
  .tAuthor > .oPullContentsWrap > .oContentContainer._reviewList .oFeedItemReview + .oFeedItemReview {
    border-top: 1px solid #EBEBEB; }
  .tAuthor .oContentContainer._meta {
    padding-bottom: 6px;
    border-radius: 6px 6px 0 0 / 6px 6px 0 0; }
    .tAuthor .oContentContainer._meta ._workCount {
      font-size: 12px;
      margin-bottom: 10px; }
    .tAuthor .oContentContainer._meta .mAuthorFunButton {
      display: none; }
      @media screen and (max-width: 725px) {
        .tAuthor .oContentContainer._meta .mAuthorFunButton {
          display: block;
          height: 42px;
          line-height: 42px;
          font-size: 12px;
          text-align: center;
          margin-top: 8px; } }
  .tAuthor .oContentContainer._profile > .mHeadingWrap {
    margin-bottom: 14px; }
  .tAuthor .oContentContainer._profile > .aText {
    line-height: 21px; }
  .tAuthor .oContentContainer._profile .mTagList {
    margin-top: 6px; }
  .tAuthor .oContentContainer._profile > .mHeadingWrap > .mContentHedding .aContentHeadding {
    line-height: 16px; }
  .tAuthor .oContentContainer._reviews .aBigSecondaryButton {
    margin-top: 28px; }
  .tAuthor .oContentContainer._reviews .oFeedItemReview:before {
    background: #EBEBEB; }
  .tAuthor .oContentContainer._reviews .oFeedItemReview:last-child:before {
    display: none; }
  .tAuthor .oContentContainer._reviews .oFeedItemReview + .oFeedItemReviewTiny,
  .tAuthor .oContentContainer._reviews .oFeedItemReviewTiny + .oFeedItemReviewTiny {
    margin-top: 10px; }
  .tAuthor .oFeedItemSeries + .oFeedItemSeries {
    border-top: 1px solid #E5E5E5; }
  @media screen and (max-width: 1020px) {
    .tAuthor {
      padding-bottom: 0;
      width: 100%;
      float: none; }
      .tAuthor .oPullContentsWrap {
        border-radius: 10px 10px 0 0;
        overflow: hidden;
        position: relative; }
        .tAuthor .oPullContentsWrap::before {
          content: ''; } }
  .tAuthor .mColumnFooterStickyWrap {
    flex-direction: row-reverse; }
    .tAuthor .mColumnFooterStickyWrap .mButtonsWrap .mButton {
      min-width: 140px; }
  .tAuthor > ._relatedTitles > .oTitleListMore .oCardTitle {
    width: calc(100% / 4 - 10px);
    margin: 22px 5px 0; }
    @media screen and (max-width: 725px) {
      .tAuthor > ._relatedTitles > .oTitleListMore .oCardTitle {
        width: calc(100% / 3 - 10px); } }

.mBannerAbout > .mGeneralLink > .aImage {
  width: 100%;
  height: auto; }

.oGlobalFooter {
  padding: 17px 8px;
  color: #808080; }
  .oGlobalFooter .aSubText {
    font-size: 12px; }
  .oGlobalFooter .mGlobalFooterNavUl {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap; }
    .oGlobalFooter .mGlobalFooterNavUl .mGeneralLink {
      display: block;
      font-size: 12px;
      padding: 8px 8px; }
  .oGlobalFooter > .aText {
    padding: 8px;
    font-size: 12px; }

.oAdBlock + .oGlobalFooter {
  padding-top: 0; }

.aSideHeadingText {
  color: #242a36;
  font-size: 18px;
  font-weight: 700; }

.mSideHeading {
  margin: 0;
  padding: 19px 16px;
  border-bottom: 1px solid #efefef; }
  .mSideHeading .mIconWrap {
    margin-right: 10px; }

.mContentContainer {
  padding: 25px 22px;
  overflow: hidden;
  background-color: #fff;
  box-sizing: border-box; }
  .mContentContainer .mHeadingWrap {
    margin-bottom: 12px; }
    .mContentContainer .mHeadingWrap:last-child {
      margin-bottom: 0; }
  .mContentContainer .mContentNav {
    margin: 0 -22px 20px;
    padding: 0 13px; }
  .mContentContainer .mBookListViewItem + .mBookListViewItem::before {
    content: '';
    border-top: 1px solid #ebebeb;
    position: absolute;
    top: 0;
    left: -22px;
    right: -22px; }

.mContentContainer + .mContentContainer,
.mContentContainerList + .mContentContainer {
  border-top: 2px solid #ebebeb; }

.tFindTitleList {
  width: 620px;
  grid-column: 1;
  grid-row: 1 / 3; }
  .tFindTitleList > .mContentContainerSecondary {
    border-top: none; }
    .tFindTitleList > .mContentContainerSecondary .mRecommendUserItem > .aText {
      display: block; }
  .tFindTitleList .oFeedItemSeries + .oFeedItemSeries {
    border-top: 1px solid #efefef; }
  @media screen and (max-width: 1020px) {
    .tFindTitleList {
      width: 100%;
      float: none; } }

.tMatomeList {
  width: 620px;
  grid-column: 1;
  grid-row: 1 / 3; }
  .tMatomeList > .mContentContainer {
    padding-bottom: 16px; }
    .tMatomeList > .mContentContainer > .mHeadingWrap {
      margin-bottom: 14px; }
      .tMatomeList > .mContentContainer > .mHeadingWrap > .mContentHedding {
        margin-right: 70px;
        display: block; }
        .tMatomeList > .mContentContainer > .mHeadingWrap > .mContentHedding > .aContentHeadding {
          display: block;
          margin-top: -7px;
          position: relative;
          padding: 4px 0 4px 40px; }
          .tMatomeList > .mContentContainer > .mHeadingWrap > .mContentHedding > .aContentHeadding > .aSvg {
            position: absolute;
            left: 0;
            top: 0; }
      .tMatomeList > .mContentContainer > .mHeadingWrap > .mButtonsWrap {
        top: -3px; }
        .tMatomeList > .mContentContainer > .mHeadingWrap > .mButtonsWrap > .mButton + .mButton {
          margin-left: 0px; }
      .tMatomeList > .mContentContainer > .mHeadingWrap + .aText {
        font-size: 12px;
        line-height: 18px;
        color: #808080; }
    .tMatomeList > .mContentContainer > .aText {
      margin-bottom: 12px; }
    .tMatomeList > .mContentContainer > ._user {
      display: flex;
      align-items: center; }
      .tMatomeList > .mContentContainer > ._user > .mUserAvatar {
        width: 20px;
        height: 20px;
        margin-right: 8px; }
      .tMatomeList > .mContentContainer > ._user > .mGeneralLink {
        font-size: 10.18px;
        color: #808080; }
  .tMatomeList .oFeedItemSeries + .oFeedItemSeries {
    border-top: 1px solid #efefef; }
  @media screen and (max-width: 1020px) {
    .tMatomeList {
      width: 100%;
      float: none; } }

.tReviewList .oFeedItemReview + .oFeedItemReview {
  border-top: 1px solid #e5e5e5; }

.mFilterTag {
  display: flex;
  color: #606060;
  font-size: 12.44px;
  padding: 12px 11px 12px 9px;
  background-color: #ebebeb;
  border-radius: 18px; }
  .mFilterTag > p {
    margin-right: 8px; }
  .mFilterTag > .mButton {
    align-self: center; }

.oTitleFilter {
  width: 100%; }
  .oTitleFilter > .mGeneralLink {
    display: flex;
    padding: 16px 14px;
    box-shadow: 0 0 12px rgba(128, 128, 128, 0.24);
    border-radius: 6px; }
    .oTitleFilter > .mGeneralLink > svg {
      margin-right: 10px; }
    .oTitleFilter > .mGeneralLink > ._title {
      font-size: 14px;
      font-weight: bold; }
    .oTitleFilter > .mGeneralLink > ._arrow {
      font-size: 12.44px;
      color: #0f99ef;
      margin-left: auto;
      padding-right: 16px;
      position: relative; }
      .oTitleFilter > .mGeneralLink > ._arrow:after {
        content: '';
        display: block;
        width: 6px;
        height: 10px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjE0MyIgaGVpZ2h0PSIxMS43MTgiIHZpZXdCb3g9IjAgMCA3LjE0MyAxMS43MTgiPgogIDxwYXRoIGlkPSJjaGV2cm9uLWRvd24iIGQ9Ik0wLDAsNC44LDUuMzMzLDkuNiwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjA1OSAxMC42NTkpIHJvdGF0ZSgtOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiMwZjk5ZWYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==) no-repeat center center;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%); }
  .oTitleFilter > ._filters {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
    margin-top: 8px;
    margin-bottom: -8px; }
    .oTitleFilter > ._filters > .mFilterTag {
      margin: 8px 4px 0; }

.aFormCheckBox {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  text-align: center;
  justify-content: center;
  font-size: 16px; }
  .aFormCheckBox.checked {
    background-color: #fc7949;
    border: 0px;
    text-align: center; }
    .aFormCheckBox.checked > .aSvg {
      text-align: center; }

.tRecommendList {
  width: 620px;
  grid-column: 1;
  grid-row: 1 / 3; }
  .tRecommendList > .mContentContainerSecondary {
    border-top: none; }
    .tRecommendList > .mContentContainerSecondary .mRecommendUserItem > .aText {
      display: block; }
  .tRecommendList .oFeedItemSeries + .oFeedItemSeries {
    border-top: 1px solid #efefef; }
  @media screen and (max-width: 1020px) {
    .tRecommendList {
      width: 100%;
      float: none; } }

.mResultNotFound > .aText {
  padding: 20px 0;
  font-weight: bold;
  text-align: center; }

.oFeedItemTitleTAwardResult2021 .votesWrap,
.oFeedItemTitleTAwardResult2021 .commentsWrap {
  margin: 0 -24px;
  overflow-x: auto; }

.oFeedItemTitleTAwardResult2021 .votesWrap {
  padding-top: 14px; }

.oFeedItemTitleTAwardResult2021 .commentsWrap + .votesWrap {
  padding-top: 0; }

.oFeedItemTitleTAwardResult2021 .votes,
.oFeedItemTitleTAwardResult2021 .comments {
  white-space: nowrap;
  width: fit-content;
  display: flex; }
  .oFeedItemTitleTAwardResult2021 .votes li,
  .oFeedItemTitleTAwardResult2021 .comments li {
    margin: 0 4px; }

.oFeedItemTitleTAwardResult2021 .commentsWrap {
  margin-bottom: 14px; }

.oFeedItemTitleTAwardResult2021 .comments {
  padding: 14px 24px 0; }
  .oFeedItemTitleTAwardResult2021 .comments li {
    width: calc(100vw * 0.78);
    background: #F0F0F0;
    border-radius: 6px;
    padding: 12px;
    white-space: normal;
    position: relative; }
    @media screen and (min-width: 600px) {
      .oFeedItemTitleTAwardResult2021 .comments li {
        width: 420px; } }
    .oFeedItemTitleTAwardResult2021 .comments li .name {
      font-size: 10px;
      font-weight: bold;
      margin-bottom: 6px; }
    .oFeedItemTitleTAwardResult2021 .comments li .comment {
      font-size: 10px;
      line-height: 15px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      white-space: normal;
      -webkit-line-clamp: 3; }
    .oFeedItemTitleTAwardResult2021 .comments li:after {
      content: "";
      display: block;
      width: 12px;
      height: 10px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMDQtMDlUMTc6NTE6MjErMDk6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTA0LTA5VDE3OjUxOjU5KzA5OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTA0LTA5VDE3OjUxOjU5KzA5OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFhYWI3MWE0LTIyNzktNDZkYS04ZWZjLTI4YzA0M2VkYWVhMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxYWFiNzFhNC0yMjc5LTQ2ZGEtOGVmYy0yOGMwNDNlZGFlYTMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxYWFiNzFhNC0yMjc5LTQ2ZGEtOGVmYy0yOGMwNDNlZGFlYTMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjFhYWI3MWE0LTIyNzktNDZkYS04ZWZjLTI4YzA0M2VkYWVhMyIgc3RFdnQ6d2hlbj0iMjAyMS0wNC0wOVQxNzo1MToyMSswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GL4tTgAAAcFJREFUOI3tUr+LE1EYnNldDEoKOUERBE2RzQvB4tDSXyDCNaf/QHobtVLkOit/dFqLpY0i3CHHFRaChd0VNtkvOW4PTCUKQjRwMdwbG6Pv1k2usRFuqp3Zb2be93g0swVJc5gBkkPn3MqEm9lVSdVZniiKvqZpupZIuk9yftawpI8AVgLpCclTe3g+AFiLZg39C+wX7Bf8BwVJHMd3vfeHQ1HSPMmlQNredaoouuG9P1TIOgfgVsBHAJCkafqm2GpmB0JOcivkaZquFj3dbveopFDaAqZf0dkC35wyN9VDcrO0wMwaAK4X5I1ZyVmWnfHet0PNe7/xV0Gv17sAYBXAwUAexHH8fFq4mS2QXCaZTDRJn0i+AoCk3+/PDYfDtqRF7/1lAAwDSD6o1+ufQy3P82Oj0agNYBHAxWIpyXvOuW+SkAwGgx9xHN8heaI4KGm9Uqk8Lurj8XgHwBLJIyWed865pxMetVqt7yRvlmz/olqtnq/VatvFH41G4wuA2yWeZ977KyR3fm8z+TCzZQDXJK2TfOSce1kSsAtm9hbAJQDvJT1sNpuvC9v8IZ1O53iWZaf3Cg2R5/nJX6+uFJLwEwdYrhyYgnETAAAAAElFTkSuQmCC) no-repeat center center;
      background-size: contain;
      position: absolute;
      right: 12px;
      top: 12px; }

.oFeedItemTitleTAwardResult2021 .votes {
  padding: 0 24px; }
  .oFeedItemTitleTAwardResult2021 .votes li {
    width: calc(100vw * 0.73); }
    .oFeedItemTitleTAwardResult2021 .votes li img {
      width: 100%;
      transition: opacity 300ms ease; }
      .oFeedItemTitleTAwardResult2021 .votes li img.lazy {
        opacity: 0; }
    .oFeedItemTitleTAwardResult2021 .votes li a {
      display: block;
      height: calc(100vw * 0.73 * 0.523); }
    @media screen and (min-width: 600px) {
      .oFeedItemTitleTAwardResult2021 .votes li {
        width: 400px; }
        .oFeedItemTitleTAwardResult2021 .votes li a {
          height: 210px; } }

.tTAwardResult2021 {
  width: 620px;
  grid-column: 1;
  grid-row: 1 / 3; }
  .tTAwardResult2021 > .mContentContainerSecondary {
    border-top: none; }
    .tTAwardResult2021 > .mContentContainerSecondary .mRecommendUserItem > .aText {
      display: block; }
  .tTAwardResult2021 .oFeedItemSeries + .oFeedItemSeries {
    border-top: 1px solid #efefef; }
  @media screen and (max-width: 1020px) {
    .tTAwardResult2021 {
      width: 100%;
      float: none; } }
  .tTAwardResult2021 .mContentHedding .mIconWrap {
    padding-left: 28px; }
  .tTAwardResult2021 ._tAwardDescription {
    font-size: 12px;
    line-height: 18px;
    color: #808080; }
  .tTAwardResult2021 > .mContentContainer:first-child {
    padding-bottom: 10px; }

.tVolumeList {
  width: 620px;
  grid-column: 1;
  grid-row: 1 / 3; }
  .tVolumeList > .mContentContainerSecondary {
    border-top: none; }
    .tVolumeList > .mContentContainerSecondary .mRecommendUserItem > .aText {
      display: block; }
  .tVolumeList > .mContentLargeNav > .mNavList {
    padding: 0; }
    .tVolumeList > .mContentLargeNav > .mNavList > .mNavItem {
      width: calc(100% / 4); }
  .tVolumeList > .oContentContainer > .mSearchResultUpper {
    margin-bottom: 24px; }
  .tVolumeList .oFeedItemSeries + .oFeedItemSeries {
    border-top: 1px solid #efefef; }
  @media screen and (max-width: 1020px) {
    .tVolumeList {
      width: 100%;
      float: none; } }

.oCardTitleList {
  margin-top: 10px; }

.aSortableTouchableArea {
  position: relative;
  width: 44px;
  height: 44px;
  align-self: center; }
  .aSortableTouchableArea > span {
    height: 5px;
    width: 24px;
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px; }
    .aSortableTouchableArea > span:before {
      content: '';
      display: block;
      height: 1px;
      position: absolute;
      left: 0;
      top: 2px;
      right: 0;
      background: #909090; }

.mSvg {
  width: 14px;
  height: 14px; }

.oListItemEditBestManga {
  padding: 8px 70px 8px 104px;
  height: 56px;
  align-items: center;
  border-top: 1px solid #E5E5E5;
  position: relative;
  display: flex; }
  .oListItemEditBestManga > .mButton {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background-color: #f14646;
    display: block;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%); }
    .oListItemEditBestManga > .mButton > .mSvg {
      position: absolute;
      top: 25%;
      left: 25%; }
  .oListItemEditBestManga > .mRankingBadge {
    position: absolute;
    left: 68px;
    top: 50%;
    transform: translateY(-50%); }
    .oListItemEditBestManga > .mRankingBadge > ._num {
      background-color: rgba(255, 255, 255, 0);
      color: #808080; }
    .oListItemEditBestManga > .mRankingBadge._rank1 ._num, .oListItemEditBestManga > .mRankingBadge._rank2 ._num, .oListItemEditBestManga > .mRankingBadge._rank3 ._num {
      color: #fff; }
  .oListItemEditBestManga > a {
    width: 70%; }
    .oListItemEditBestManga > a .titleBox {
      display: flex;
      width: 100%; }
      .oListItemEditBestManga > a .titleBox > .titleImage {
        width: 38px; }
        .oListItemEditBestManga > a .titleBox > .titleImage > .mBookImage {
          width: 38px; }
      .oListItemEditBestManga > a .titleBox > .aBoldText {
        align-self: center;
        margin-left: 16px;
        font-size: 14px; }
  .oListItemEditBestManga > .aSortableTouchableArea {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%); }

.tBestMangaEdit {
  display: flex;
  flex-direction: column;
  background-color: #fff; }
  .tBestMangaEdit > .mButtonsWrap {
    display: flex;
    justify-content: space-between;
    padding: 24px 22px; }
    .tBestMangaEdit > .mButtonsWrap > .mButton {
      display: block;
      border: 1px solid #d8d8d8;
      font-size: 14px;
      text-align: center;
      padding: 14px 0;
      width: calc(50% - 5px);
      color: #606060; }
    @media screen and (max-width: 1020px) {
      .tBestMangaEdit > .mButtonsWrap {
        flex-direction: column-reverse; }
        .tBestMangaEdit > .mButtonsWrap > .mButton {
          width: 100%; }
          .tBestMangaEdit > .mButtonsWrap > .mButton + .mButton {
            margin-bottom: 8px; } }
    .tBestMangaEdit > .mButtonsWrap > ._save {
      background-color: #fc7949;
      border-color: #fc7949;
      color: #fff; }
  .tBestMangaEdit .smooth-dnd-ghost {
    background: #FFF;
    border-bottom: 1px solid #E5E5E5; }

.oListItemEditMatome {
  display: flex;
  justify-content: space-between;
  padding: 15px 170px 15px 70px;
  align-items: center;
  position: relative;
  height: 42px; }
  .oListItemEditMatome > .mButton {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background-color: #f14646;
    display: block;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%); }
    .oListItemEditMatome > .mButton > .mSvg {
      position: absolute;
      top: 25%;
      left: 25%; }
  .oListItemEditMatome > a > .aBoldText {
    align-self: center;
    font-size: 14px; }
  .oListItemEditMatome > .mButtonsWrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 142px;
    display: flex;
    justify-content: space-between;
    padding: 0 12px 0 0;
    box-sizing: border-box; }
    .oListItemEditMatome > .mButtonsWrap > .mButton {
      border: 1px solid #d8d8d8;
      font-size: 12.44px;
      text-align: center;
      padding: 14px 0;
      width: 72px;
      color: #606060;
      align-self: center;
      background: #F0F0F0; }

.oContentContainerList {
  padding: 25px 22px;
  overflow: hidden;
  background-color: #fff;
  box-sizing: border-box; }
  .oContentContainerList._lessPaddingBottom {
    padding-bottom: 0; }
  .oContentContainerList > .aTextS {
    margin-top: 10px; }
  .oContentContainerList .mHorizonListContainer {
    margin-top: 10px; }
  .oContentContainerList .mContentSubContainer {
    margin-top: 10px; }
  .oContentContainerList .mAlignItemsWrap .aText,
  .oContentContainerList .mAlignItemsWrap .aTextS {
    font-size: 12px; }
  .oContentContainerList .mAlignItemsWrap .aSubText {
    font-size: 11px; }
  .oContentContainerList .mAlignItemsWrap .aTextS,
  .oContentContainerList .mAlignItemsWrap .aSubText {
    line-height: 1; }
  .oContentContainerList .mAlignItemsWrap .aText + .aText,
  .oContentContainerList .mAlignItemsWrap .aText + .aTextS,
  .oContentContainerList .mAlignItemsWrap .aText + .aSubText,
  .oContentContainerList .mAlignItemsWrap .aTextS + .aText,
  .oContentContainerList .mAlignItemsWrap .aTextS + .aTextS,
  .oContentContainerList .mAlignItemsWrap .aTextS + .aSubText,
  .oContentContainerList .mAlignItemsWrap .aSubText + .aText,
  .oContentContainerList .mAlignItemsWrap .aSubText + .aTextS,
  .oContentContainerList .mAlignItemsWrap .aSubText + .aSubText {
    margin-top: 10px; }
  .oContentContainerList > .mAlignItemsWrap {
    justify-content: space-between; }

.mContentContainerList + .mContentContainerList,
.mContentContainer + .mContentContainerList {
  border-top: 1px solid #ebebeb; }

.tMatomeListList > .mContentContainer {
  padding-bottom: 5px; }

.tMatomeListList > .oContentContainer {
  padding-top: 0; }
  .tMatomeListList > .oContentContainer > .oContentContainerList {
    padding-top: 5px;
    padding-bottom: 5px; }
    .tMatomeListList > .oContentContainer > .oContentContainerList > .oFeedItemMatome {
      padding: 20px 0 0; }

.oFeedItemAuthor {
  box-sizing: border-box;
  padding: 14px;
  background: #F2F2F2;
  border-radius: 6px;
  position: relative; }
  .oFeedItemAuthor > ._upper {
    padding-left: 100px;
    position: relative;
    min-height: 82px;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .oFeedItemAuthor > ._upper > ._imageWrap {
      position: absolute;
      left: 0;
      top: 0;
      width: 82px;
      height: 82px; }
      .oFeedItemAuthor > ._upper > ._imageWrap img {
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%); }
        @supports (object-fit: cover) {
          .oFeedItemAuthor > ._upper > ._imageWrap img {
            height: 100%;
            object-fit: cover; } }
    .oFeedItemAuthor > ._upper > ._profileAnchor {
      display: block;
      margin-bottom: 2px;
      margin-right: 86px; }
      .oFeedItemAuthor > ._upper > ._profileAnchor .aBoldText {
        display: block;
        font-size: 16px;
        line-height: 22px; }
    .oFeedItemAuthor > ._upper > ._worksNumber {
      font-size: 10px;
      color: #808080;
      width: 100%;
      margin-bottom: 5px; }
    .oFeedItemAuthor > ._upper > ._profile {
      font-size: 12px;
      line-height: 18px;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
  .oFeedItemAuthor > .mAuthorFunButton {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 10px;
    width: 72px;
    height: 28px; }

.tAuthorList .oFeedItemAuthor + .oFeedItemAuthor {
  margin-top: 10px; }

.tAuthorList .oFeedItemAuthor > .aText {
  max-height: 63px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.mUserStatus {
  display: flex;
  align-items: center;
  margin-top: 6px;
  align-items: center; }
  .mUserStatus .mGeneralLink + .mGeneralLink,
  .mUserStatus .mGeneralLink + .aSubText {
    margin-left: 15px; }
  .mUserStatus .aSubText {
    font-size: 11px; }
  .mUserStatus .aNumberText {
    font-size: 17px; }
    .mUserStatus .aNumberText + .aSubText,
    .mUserStatus .aNumberText + .mGeneralLink {
      margin-left: 15px; }
  .mUserStatus._address {
    margin-top: 20px; }
    .mUserStatus._address .mIconWrap {
      margin-right: 5px; }
    .mUserStatus._address .aSubText {
      font-size: 13px; }

.oMagazineList > ._magazineList {
  padding-top: 14px; }

.tMagazineList {
  width: 620px;
  grid-column: 1;
  grid-row: 1 / 3; }
  .tMagazineList > .mContentContainerSecondary {
    border-top: none; }
    .tMagazineList > .mContentContainerSecondary .mRecommendUserItem > .aText {
      display: block; }
  .tMagazineList .oFeedItemSeries + .oFeedItemSeries {
    border-top: 1px solid #efefef; }
  .tMagazineList > ._mainContainer {
    padding-top: 12px; }
  @media screen and (max-width: 1020px) {
    .tMagazineList {
      width: 100%;
      float: none; } }

.mRecommendUserItem {
  padding: 10px 14px 14px;
  background-color: #fff;
  border-radius: 6px;
  position: relative; }
  .mRecommendUserItem > .mButtonsWrap {
    position: absolute;
    top: 10px;
    right: 14px; }
    .mRecommendUserItem > .mButtonsWrap > .mFollowButton {
      height: 28px;
      padding: 5px 15px;
      box-sizing: border-box;
      display: flex; }
    .mRecommendUserItem > .mButtonsWrap .mButton + .mButton,
    .mRecommendUserItem > .mButtonsWrap .mButton + .mIconWrap,
    .mRecommendUserItem > .mButtonsWrap .mIconWrap + .mButton,
    .mRecommendUserItem > .mButtonsWrap .mIconWrap + .mIconWrap {
      margin-left: 10px; }
  .mRecommendUserItem .aText {
    margin-top: 7px;
    font-size: 14px;
    line-height: 21px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 3; }

.tUserList {
  background-color: #FFFFFF; }
  .tUserList ._userList {
    padding-top: 0;
    padding-bottom: 0; }
    .tUserList ._userList .mRecommendUserItem {
      border-radius: 0;
      padding-left: 0;
      padding-right: 0; }
      .tUserList ._userList .mRecommendUserItem + .mRecommendUserItem {
        border-top: 1px solid #e5e5e5; }

.aFormText {
  -webkit-appearance: none;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
  outline: none; }

.mFormSearchButton {
  width: 46px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border: 1px solid #d8d8d8;
  background-color: #f5f5f5;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center; }
  .mFormSearchButton > .aImage {
    width: 20px;
    height: 20px; }

.mFormSearchWrap .mFormSearchText {
  padding-right: 46px;
  position: relative; }
  .mFormSearchWrap .mFormSearchText .aFormText {
    height: 44px;
    border-radius: 2px 0 0 2px;
    border-right: none; }
    .mFormSearchWrap .mFormSearchText .aFormText::placeholder, .mFormSearchWrap .mFormSearchText .aFormText::-webkit-input-placeholder, .mFormSearchWrap .mFormSearchText .aFormText:-moz-placeholder, .mFormSearchWrap .mFormSearchText .aFormText::-moz-placeholder, .mFormSearchWrap .mFormSearchText .aFormText:-ms-input-placeholder {
      text-align: center; }
  .mFormSearchWrap .mFormSearchText .mFormSearchButton {
    border-radius: 0 2px 2px 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    background-color: #fc7949;
    border: 1px solid #fc7949; }

.oHomeImage + .contentsWrapper {
  overflow: visible; }

.oHomeMainView {
  width: 100%;
  margin-bottom: 24px;
  position: relative; }
  @media screen and (max-width: 1020px) {
    .oHomeMainView {
      margin-bottom: 0; }
      .oHomeMainView:before {
        content: "";
        display: block;
        position: absolute;
        background: #FFF;
        bottom: 0;
        left: 0;
        right: 0;
        top: 48px; } }
  .oHomeMainView > ._searchBox {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 88px;
    background-color: #ffffff;
    position: relative;
    z-index: 2;
    border-radius: 8px;
    box-shadow: 0 0 16px rgba(128, 128, 128, 0.24); }
    @media screen and (max-width: 1020px) {
      .oHomeMainView > ._searchBox {
        flex-direction: column;
        height: auto;
        width: auto;
        margin: 0 22px;
        align-items: start; }
        .oHomeMainView > ._searchBox:before {
          content: "";
          display: block;
          position: absolute;
          background: #FFF;
          bottom: -16px;
          left: -20px;
          right: -20px;
          height: 60px; } }
    .oHomeMainView > ._searchBox > label {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 1020px) {
        .oHomeMainView > ._searchBox > label {
          display: block;
          width: 100%; } }
      .oHomeMainView > ._searchBox > label > p {
        font-size: 14px;
        color: #242a36;
        font-weight: bold;
        margin-left: 22px; }
        @media screen and (max-width: 1020px) {
          .oHomeMainView > ._searchBox > label > p {
            margin-top: 24px;
            margin-left: 20px; } }
      .oHomeMainView > ._searchBox > label > .mFormSearchWrap {
        margin-left: 24px;
        width: 396px; }
        @media screen and (max-width: 1020px) {
          .oHomeMainView > ._searchBox > label > .mFormSearchWrap {
            margin: 14px auto 0 auto;
            width: 95%; } }
        @media screen and (max-width: 725px) {
          .oHomeMainView > ._searchBox > label > .mFormSearchWrap {
            width: 87%; } }
    .oHomeMainView > ._searchBox > ._counts {
      margin-left: 12px;
      display: flex;
      width: 340px;
      position: relative;
      z-index: 2; }
      @media screen and (max-width: 1020px) {
        .oHomeMainView > ._searchBox > ._counts {
          width: 100%;
          margin-top: 16px; } }
      .oHomeMainView > ._searchBox > ._counts > div {
        display: flex;
        flex-direction: column;
        width: 50%; }
        @media screen and (max-width: 1020px) {
          .oHomeMainView > ._searchBox > ._counts > div:first-child {
            border-right: 1px solid #d8d8d8; } }
        .oHomeMainView > ._searchBox > ._counts > div > p {
          color: #242a36;
          font-size: 22.4px;
          font-family: 'DINosaur', sans-serif;
          align-self: center;
          font-weight: bold; }
          .oHomeMainView > ._searchBox > ._counts > div > p > span {
            font-size: 12.44px; }
        .oHomeMainView > ._searchBox > ._counts > div > ._sub {
          font-size: 12.44px;
          color: #808080;
          margin-top: 10px; }

.tHome {
  width: 620px;
  grid-column: 1;
  grid-row: 2 / 4 !important; }
  @media screen and (max-width: 1020px) {
    .tHome {
      width: 100%;
      float: none; } }
  .tHome > ._genres > ._categories {
    margin: 0 -24px;
    overflow-x: auto; }
    .tHome > ._genres > ._categories > ._categoriesWrap {
      padding: 0 19px;
      white-space: nowrap;
      display: table; }
      .tHome > ._genres > ._categories > ._categoriesWrap .mAnchorCategory {
        width: 146px;
        margin: 0 5px;
        display: inline-block; }
  .tHome > ._newComics .mContentHedding .mIconWrap .aIcon {
    height: 24px;
    width: 24px; }
  .tHome > .oContentContainer._titleList {
    padding-bottom: 14px; }
  .tHome > .oContentContainer > .mHeadingWrap {
    margin-bottom: 6px; }
    .tHome > .oContentContainer > .mHeadingWrap > .mContentHedding {
      margin-bottom: 0;
      margin-right: 60px; }
  .tHome > .oContentContainer > .mRecommendUserItem + .mRecommendUserItem {
    margin-top: 10px; }
  .tHome > .oContentContainer > .mContentNav {
    width: auto;
    margin: 12px -24px 6px;
    padding: 0; }
    .tHome > .oContentContainer > .mContentNav > .mNavList {
      padding: 0 15px; }
  .tHome ._authorList {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -5px 0; }
    .tHome ._authorList > .oFeedItemAuthor {
      width: calc(100% / 2 - 10px);
      margin: 10px 5px 0px; }
      @media screen and (max-width: 725px) {
        .tHome ._authorList > .oFeedItemAuthor {
          width: calc(100%); } }

.oModalFilter {
  background-color: #fff;
  border-top: 4px solid #fc7949; }
  @media screen and (min-width: 1021px) {
    .oModalFilter {
      display: block !important;
      width: 340px;
      float: right;
      padding-top: 4px;
      margin-bottom: 10px;
      border-radius: 6px 6px 0 0 / 6px 6px 0 0;
      border-top: 0;
      position: relative;
      overflow: hidden; }
      .oModalFilter:before {
        content: "";
        display: block;
        height: 4px;
        background: #fc7949;
        position: absolute;
        top: 0;
        left: 0;
        right: 0; } }
  @media screen and (max-width: 1020px) {
    .oModalFilter {
      display: none;
      position: fixed;
      left: 0;
      right: 0;
      top: 75px;
      bottom: 0;
      overflow: auto;
      z-index: 1001; } }
  .oModalFilter > ._header {
    padding: 16px 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #d8d8d8; }
    @media screen and (min-width: 1021px) {
      .oModalFilter > ._header {
        align-items: flex-start;
        justify-content: flex-start;
        padding-top: 22px;
        padding-bottom: 22px; } }
    .oModalFilter > ._header > .mGeneralLink {
      font-size: 14px;
      color: #0f99ef;
      position: absolute;
      left: 22px;
      padding-left: 16px; }
      @media screen and (min-width: 1021px) {
        .oModalFilter > ._header > .mGeneralLink {
          display: none; } }
      .oModalFilter > ._header > .mGeneralLink:after {
        content: '';
        display: block;
        width: 6px;
        height: 10px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjE0MyIgaGVpZ2h0PSIxMS43MTgiIHZpZXdCb3g9IjAgMCA3LjE0MyAxMS43MTgiPgogIDxwYXRoIGlkPSJjaGV2cm9uLWRvd24iIGQ9Ik0wLDAsNC44LDUuMzMzLDkuNiwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjA1OSAxMC42NTkpIHJvdGF0ZSgtOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiMwZjk5ZWYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==) no-repeat center center;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%) rotate(180deg); }
    .oModalFilter > ._header > .aSvg {
      display: none; }
      @media screen and (min-width: 1021px) {
        .oModalFilter > ._header > .aSvg {
          display: inline;
          margin-right: 12px; } }
    .oModalFilter > ._header > p {
      font-size: 16px;
      font-weight: bold; }
  .oModalFilter > ._form {
    margin: 24px 22px 120px 22px; }
    @media screen and (min-width: 1021px) {
      .oModalFilter > ._form {
        margin: 24px 14px 30px; } }
    .oModalFilter > ._form > div {
      margin-bottom: 32px; }
      @media screen and (min-width: 1021px) {
        .oModalFilter > ._form > div {
          margin-bottom: 24px; } }
      .oModalFilter > ._form > div ._title {
        font-size: 14px;
        font-weight: bold; }
      .oModalFilter > ._form > div ._checkBox {
        display: flex;
        flex-wrap: wrap; }
        .oModalFilter > ._form > div ._checkBox > ._check {
          margin-right: 24px;
          display: flex;
          align-items: center;
          margin-top: 24px; }
          .oModalFilter > ._form > div ._checkBox > ._check._noMargin {
            margin: 0; }
          @media screen and (min-width: 1021px) {
            .oModalFilter > ._form > div ._checkBox > ._check {
              margin-top: 16px; } }
          .oModalFilter > ._form > div ._checkBox > ._check > .aFormCheckBox {
            margin-right: 8px; }
          .oModalFilter > ._form > div ._checkBox > ._check > .aFormCheckBox::before {
            background-color: #fc7949;
            color: #fff; }
          .oModalFilter > ._form > div ._checkBox > ._check > span {
            font-size: 14px;
            color: #242a36; }
      @media screen and (max-width: 1020px) {
        .oModalFilter > ._form > div ._checkBoxWrap {
          height: auto !important; } }
      @media screen and (min-width: 1021px) {
        .oModalFilter > ._form > div ._checkBoxWrap {
          height: 144px;
          overflow: hidden;
          transition: height 300ms ease; } }
      .oModalFilter > ._form > div ._expand {
        height: 38px;
        line-height: 38px;
        background: #F2F2F2;
        font-size: 12px;
        color: #606060;
        text-align: center;
        margin-top: 16px;
        border-radius: 2px;
        position: relative;
        cursor: pointer;
        display: none; }
        @media screen and (min-width: 1021px) {
          .oModalFilter > ._form > div ._expand {
            display: block; } }
        .oModalFilter > ._form > div ._expand:before, .oModalFilter > ._form > div ._expand:after {
          content: "";
          display: block;
          width: 12px;
          height: 2px;
          background: #808080;
          position: absolute;
          right: 18px;
          top: 50%;
          margin: -1px; }
        .oModalFilter > ._form > div ._expand:after {
          transform: rotate(90deg); }
      .oModalFilter > ._form > div > ._selectBox {
        font-size: 14px; }
        .oModalFilter > ._form > div > ._selectBox > .mFormSelect {
          margin-top: 16px;
          background-color: #fff;
          border: 1px solid #d8d8d8;
          color: #242a36;
          border-radius: 2px; }
          @media screen and (min-width: 1021px) {
            .oModalFilter > ._form > div > ._selectBox > .mFormSelect {
              margin-top: 8px; } }
        .oModalFilter > ._form > div > ._selectBox ._volume {
          padding-left: 5px; }
        .oModalFilter > ._form > div > ._selectBox ._term {
          padding: 0 10px; }
      .oModalFilter > ._form > div > ._textBox {
        margin-top: 16px;
        width: 100%; }
        @media screen and (min-width: 1021px) {
          .oModalFilter > ._form > div > ._textBox {
            margin-top: 8px; } }
        .oModalFilter > ._form > div > ._textBox > .aFormText {
          border: 1px solid #d8d8d8;
          border-radius: 2px; }
        .oModalFilter > ._form > div > ._textBox > ._suggestWrap {
          overflow-x: auto;
          margin: 0 -22px;
          padding: 9px 0; }
          .oModalFilter > ._form > div > ._textBox > ._suggestWrap > ._suggest {
            display: table;
            white-space: nowrap; }
            .oModalFilter > ._form > div > ._textBox > ._suggestWrap > ._suggest > .mButton {
              display: inline-block;
              color: #242a36;
              font-size: 12.44px;
              border: 1px solid #d8d8d8;
              padding: 8px;
              margin: 0 4px; }
              .oModalFilter > ._form > div > ._textBox > ._suggestWrap > ._suggest > .mButton:first-child {
                margin-left: 22px; }
              .oModalFilter > ._form > div > ._textBox > ._suggestWrap > ._suggest > .mButton:last-child {
                margin-right: 22px; }
        .oModalFilter > ._form > div > ._textBox > ._noResult {
          font-size: 12px;
          padding: 9px 0 4px;
          color: #808080; }
      .oModalFilter > ._form > div > ._filters {
        display: flex;
        flex-wrap: wrap; }
        .oModalFilter > ._form > div > ._filters > .mFilterTag {
          margin-right: 8px;
          margin-top: 8px; }
  .oModalFilter > ._footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: rgba(216, 216, 216, 0.85);
    padding: 16px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (min-width: 1021px) {
      .oModalFilter > ._footer {
        padding: 16px 14px;
        position: relative;
        background-color: transparent;
        border-top: 1px solid #D8D8D8; } }
    .oModalFilter > ._footer > p {
      font-size: 14px;
      font-weight: bold;
      width: 40%;
      text-align: right;
      padding-right: 22px;
      white-space: nowrap; }
    .oModalFilter > ._footer > .mButton {
      border: 1px solid #d8d8d8;
      background-color: #fc7949;
      border-color: #fc7949;
      color: #fff;
      text-align: center;
      width: 60%;
      padding: 14px 0;
      font-size: 14px; }

@media screen and (max-width: 1020px) {
  .tTitleList {
    min-height: auto !important; } }

.tTitleList > .mContentContainer > .mHeadingWrap {
  margin-bottom: 0; }
  .tTitleList > .mContentContainer > .mHeadingWrap > .mContentHedding > .aContentHeadding {
    position: relative;
    padding-left: 34px;
    margin-right: 20px; }
    .tTitleList > .mContentContainer > .mHeadingWrap > .mContentHedding > .aContentHeadding > .aSvg {
      position: absolute;
      top: -5px;
      left: 0; }
  .tTitleList > .mContentContainer > .mHeadingWrap + .aText {
    font-size: 12px;
    line-height: 18px;
    color: #808080; }

.tTitleList > .mContentContainer > .oTitleFilter {
  margin-top: 13px; }
  @media screen and (min-width: 1021px) {
    .tTitleList > .mContentContainer > .oTitleFilter {
      margin-top: 0; } }
  @media screen and (min-width: 1021px) {
    .tTitleList > .mContentContainer > .oTitleFilter > .mGeneralLink {
      display: none; } }

.tTitleList._list > .mContentContainer > .mHeadingWrap > .mContentHedding > .aContentHeadding {
  border-left: 6px solid #FC7949;
  line-height: 20px;
  height: 20px;
  padding-left: 16px; }

.tTitleList > ._rankingNav {
  width: 100%;
  display: flex;
  background-color: #ffffff;
  justify-content: space-around;
  border-bottom: 2px solid #ebebeb; }
  .tTitleList > ._rankingNav > .mGeneralLink {
    font-size: 12.44px;
    font-weight: bold;
    padding: 16px 0;
    color: #242a36;
    opacity: 45%;
    width: 33.33%;
    text-align: center;
    cursor: pointer; }
  .tTitleList > ._rankingNav > ._active {
    opacity: 100%;
    border-bottom: 2px solid #fbc832; }

.tTitleList > .mContentContainerSecondary {
  border-top: none; }
  .tTitleList > .mContentContainerSecondary .mRecommendUserItem > .aText {
    display: block; }

.tTitleList > .oContentContainer > .oTitleList > ._titlesWrap > .oFeedItemSeries {
  margin: 0 -22px;
  padding: 22px; }
  .tTitleList > .oContentContainer > .oTitleList > ._titlesWrap > .oFeedItemSeries > .mRankingBadge {
    left: 16px; }

.tTitleList .oFeedItemSeries + .oFeedItemSeries {
  border-top: 1px solid #efefef; }

@media screen and (max-width: 1020px) {
  .tTitleList {
    width: 100%;
    float: none; } }

.oAuthorList > ._authorList > .oFeedItemAuthor + .oFeedItemAuthor {
  margin-top: 10px; }

.oUserList > ._userList {
  padding-top: 14px; }
  .oUserList > ._userList > .mRecommendUserItem {
    border-radius: 0;
    padding-left: 0;
    padding-right: 0; }
    .oUserList > ._userList > .mRecommendUserItem + .mRecommendUserItem {
      border-top: 1px solid #e5e5e5; }

.oFeedItemPublisher {
  display: flex;
  height: 48px;
  position: relative;
  padding-left: 40px;
  align-items: center; }
  .oFeedItemPublisher + .oFeedItemPublisher {
    border-top: 1px solid #e5e5e5; }
  .oFeedItemPublisher .mBookImage {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 30px; }
  .oFeedItemPublisher .aText {
    font-size: 14px; }
    .oFeedItemPublisher .aText ._count {
      font-size: 10px; }

.oPublisherList > ._publisherList {
  padding-top: 14px; }

.tSearch {
  width: 620px;
  grid-column: 1;
  grid-row: 1 / 3; }
  .tSearch > ._header {
    padding-bottom: 12px; }
  .tSearch > .mContentContainerSecondary {
    border-top: none; }
    .tSearch > .mContentContainerSecondary .mRecommendUserItem > .aText {
      display: block; }
  .tSearch .oFeedItemSeries + .oFeedItemSeries {
    border-top: 1px solid #efefef; }
  @media screen and (max-width: 1020px) {
    .tSearch {
      width: 100%;
      float: none; } }
  .tSearch > .oContentContainer > .oAuthorList > .mSearchResultUpper {
    margin-bottom: 18px; }

.oFormMatomeList {
  display: flex;
  flex-direction: column;
  margin: 0 22px; }
  .oFormMatomeList > .matomeListCreateForm > li {
    display: flex;
    flex-direction: column;
    padding: 0px 0px 22px 0px; }
    .oFormMatomeList > .matomeListCreateForm > li > .aText {
      margin-bottom: 10px;
      font-weight: bold; }
    .oFormMatomeList > .matomeListCreateForm > li > .aFormTextArea {
      height: 200px; }
  .oFormMatomeList > .mButton {
    width: 100%;
    background-color: #0189ec;
    color: #fff;
    padding: 14px 0px;
    text-align: center; }
  .oFormMatomeList > .mButtonsWrap {
    display: flex;
    justify-content: space-between;
    padding: 24px 0px; }
    .oFormMatomeList > .mButtonsWrap > .mButton {
      border: 1px solid #d8d8d8;
      font-size: 14px;
      text-align: center;
      padding: 14px 0;
      width: 49%;
      color: #606060; }
    .oFormMatomeList > .mButtonsWrap > ._save {
      background-color: #fc7949;
      border-color: #fc7949;
      color: #fff; }

.tMatomeEdit {
  display: flex;
  flex-direction: column;
  background-color: #fff; }
  .tMatomeEdit > .oProfileYonda > .mButtonsWrap {
    display: flex;
    justify-content: space-between;
    padding: 24px 22px; }
    .tMatomeEdit > .oProfileYonda > .mButtonsWrap > .mButton {
      border: 1px solid #d8d8d8;
      font-size: 14px;
      text-align: center;
      padding: 14px 0;
      width: 49%;
      color: #606060; }
    .tMatomeEdit > .oProfileYonda > .mButtonsWrap > ._save {
      background-color: #fc7949;
      border-color: #fc7949;
      color: #fff; }
  .tMatomeEdit > ._listMatome > .oListItemEditMatome {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5; }
  .tMatomeEdit > ._listMatome .smooth-dnd-draggable-wrapper + .smooth-dnd-draggable-wrapper {
    border-top: 1px solid #e5e5e5; }
  .tMatomeEdit > ._listMatome .oListItemEditMatome > .mButton._create {
    background-color: #0189ec; }
  .tMatomeEdit > ._listMatome .oListItemEditMatome > .mButtonsWrap > .mButton._create {
    background-color: #0189ec;
    color: #fff;
    border: 0;
    width: calc(100% - 10px);
    display: block; }
  .tMatomeEdit > ._listMatome + .aText {
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    color: #808080;
    padding: 24px 0 0;
    border-top: 1px solid #e5e5e5; }
  .tMatomeEdit > .mButtonsWrap {
    display: flex;
    justify-content: space-between;
    padding: 24px 22px; }
    .tMatomeEdit > .mButtonsWrap > .mButton {
      border: 1px solid #d8d8d8;
      font-size: 14px;
      text-align: center;
      padding: 14px 0;
      width: 49%;
      color: #606060;
      background: #F0F0F0; }
    .tMatomeEdit > .mButtonsWrap > ._save {
      background-color: #fc7949;
      border-color: #fc7949;
      color: #fff; }
    @media screen and (max-width: 1020px) {
      .tMatomeEdit > .mButtonsWrap {
        flex-direction: column-reverse; }
        .tMatomeEdit > .mButtonsWrap > .mButton {
          width: 100% !important; }
          .tMatomeEdit > .mButtonsWrap > .mButton + .mButton {
            margin-bottom: 8px; } }
  .tMatomeEdit .smooth-dnd-ghost {
    background: #FFF;
    border-bottom: 1px solid #e5e5e5; }

.aSideInnerListText {
  color: #242a36;
  font-size: 13px;
  font-weight: 700; }

.mSideInnerListRow {
  list-style: none; }
  .mSideInnerListRow + .mSideInnerListRow {
    border-top: 1px solid #e5e5e5; }
  .mSideInnerListRow .mSideInnerListLink {
    display: flex;
    align-items: center;
    padding: 10px 0;
    color: inherit;
    text-decoration: none;
    position: relative; }
    .mSideInnerListRow .mSideInnerListLink .mIconWrap {
      width: 28px;
      height: 28px;
      text-align: center;
      background-color: #efefef;
      border-radius: 100%;
      overflow: hidden;
      display: block; }
    .mSideInnerListRow .mSideInnerListLink .aSideInnerListText {
      margin-left: 12px;
      display: block; }

.tSearchHome > ._header {
  padding-bottom: 0; }
  .tSearchHome > ._header + .oContentContainer {
    border-top: none !important; }

.tSearchHome > .oContentContainer {
  border-top: 0px;
  padding-top: 0px; }
  .tSearchHome > .oContentContainer._newVolume {
    padding-bottom: 16px; }
    @media screen and (min-width: 1021px) {
      .tSearchHome > .oContentContainer._newVolume {
        border-bottom: 1px solid #D8D8D8; } }
    .tSearchHome > .oContentContainer._newVolume > .mHeadingWrap {
      margin-top: 28px;
      line-height: 24px;
      margin-bottom: 4px; }
  .tSearchHome > .oContentContainer._categories > .mHeadingWrap, .tSearchHome > .oContentContainer._findUser > .mHeadingWrap {
    margin-top: 24px;
    margin-bottom: 16px; }
  .tSearchHome > .oContentContainer > .mHeadingWrap > .mContentHedding {
    margin-bottom: 0; }
    .tSearchHome > .oContentContainer > .mHeadingWrap > .mContentHedding > .mIconWrap > .aIconNew {
      width: 24px;
      height: 24px; }
  .tSearchHome > .oContentContainer > ._volumeList > .mSideInnerListRow {
    border-top: 0px; }
    .tSearchHome > .oContentContainer > ._volumeList > .mSideInnerListRow + .mSideInnerListRow {
      border-top: 1px solid #EBEBEB; }
    .tSearchHome > .oContentContainer > ._volumeList > .mSideInnerListRow > a {
      padding: 17px 0; }
      .tSearchHome > .oContentContainer > ._volumeList > .mSideInnerListRow > a > .aSideInnerListText {
        margin-left: 0; }
  .tSearchHome > .oContentContainer._categories {
    padding: 0 22px 14px;
    overflow: hidden; }
    .tSearchHome > .oContentContainer._categories > ._categoriesWrap {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -5px; }
      .tSearchHome > .oContentContainer._categories > ._categoriesWrap > .mAnchorCategory {
        width: calc(100% / 4 - 10px);
        margin: 0 5px 10px; }
        @media screen and (max-width: 725px) {
          .tSearchHome > .oContentContainer._categories > ._categoriesWrap > .mAnchorCategory {
            width: calc(100% / 2 - 10px); } }
  .tSearchHome > .oContentContainer._findUser > .mRecommendUserItem + .mRecommendUserItem {
    margin-top: 10px; }
  .tSearchHome > .oContentContainer > ._titleList > .mSideInnerListRow {
    border-top: 0px; }
    .tSearchHome > .oContentContainer > ._titleList > .mSideInnerListRow > a > .mIconWrap {
      line-height: 25px; }

.mLargeButtonPrimary {
  padding: 15px 0;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  border-radius: 2px;
  background-color: #fc7949;
  display: inline-block;
  text-decoration: none; }
  .mLargeButtonPrimary .mIconWrap {
    padding-right: 10px; }

.tPasswordReset > .oContentContainer > ._form > .mLargeButtonPrimary {
  width: 100%;
  margin-top: 10px; }

.tPasswordReset > .oContentContainer > .mHeadingWrap {
  margin-bottom: 20px; }

.tPasswordReset > .oContentContainer > ._form > p {
  font-size: 14px;
  padding: 0 0 12px; }

.tPasswordReset > .oContentContainer > ._form > .mLargeButtonPrimary {
  width: 100%;
  margin-top: 10px; }

.tPasswordReset > .oContentContainer > ._text {
  margin: 40px 0; }
  .tPasswordReset > .oContentContainer > ._text > ._title {
    font-weight: bold;
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px; }
  .tPasswordReset > .oContentContainer > ._text > p {
    font-size: 12.44px;
    text-align: center; }

.mButtonSignupWithOutsideAccount {
  display: block;
  padding: 13px 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  border-radius: 2px;
  text-decoration: none;
  line-height: 14px;
  height: 16px; }
  .mButtonSignupWithOutsideAccount .mIconWrap {
    padding-right: 10px; }
  .mButtonSignupWithOutsideAccountTwitter {
    background-color: #1da1f2;
    padding-left: 12px; }
    .mButtonSignupWithOutsideAccountTwitter .mIconWrap {
      padding-right: 26px; }
  .mButtonSignupWithOutsideAccountFacebook {
    background-color: #3b579d;
    padding-left: 16px; }
    .mButtonSignupWithOutsideAccountFacebook .mIconWrap {
      padding-right: 32px; }
  .mButtonSignupWithOutsideAccountTId {
    background-color: #043d8b;
    padding-left: 12px; }
    .mButtonSignupWithOutsideAccountTId .mIconWrap {
      padding-right: 26px; }
  .mButtonSignupWithOutsideAccountGoogle {
    background-color: #4285f4;
    padding-left: 12px; }
    .mButtonSignupWithOutsideAccountGoogle .mIconWrap {
      padding-right: 26px; }

.mMoleculeSignupWithOutsideAccount {
  padding-top: 12px; }
  .mMoleculeSignupWithOutsideAccount .mButtonSignupWithOutsideAccount + .mButtonSignupWithOutsideAccount {
    margin-top: 16px; }
  .mMoleculeSignupWithOutsideAccount .aSubText {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    padding-top: 21px; }

.mText {
  margin: 0; }

.oProfileDetail {
  padding-bottom: 13px;
  position: relative; }
  .oProfileDetail ._followButton .mButton {
    transform: none;
    width: 108px;
    height: 38px;
    position: absolute;
    top: 35px;
    right: 50px;
    z-index: 2; }
    .oProfileDetail ._followButton .mButton._editProfile {
      width: 128px;
      background-color: #FFF;
      color: #808080;
      border: 1px solid #D8D8D8;
      display: flex;
      align-items: center;
      justify-content: center; }
  .oProfileDetail .mUserMetaUpper > ._profileAnchor {
    width: calc(100% - 180px);
    margin-right: 180px; }
    .oProfileDetail .mUserMetaUpper > ._profileAnchor > ._name > .aBoldText {
      font-size: 16px; }
    .oProfileDetail .mUserMetaUpper > ._profileAnchor > ._name > .aSubText {
      margin-top: 8px; }
    @media screen and (max-width: 725px) {
      .oProfileDetail .mUserMetaUpper > ._profileAnchor {
        display: block !important;
        width: 100%;
        margin-right: 0; }
        .oProfileDetail .mUserMetaUpper > ._profileAnchor .mUserAvatar {
          margin-bottom: 18px; }
        .oProfileDetail .mUserMetaUpper > ._profileAnchor .mButtonsWrap {
          top: 12px; } }
  .oProfileDetail .mUserMetaUpper .mUserAvatar {
    width: 62px;
    height: 62px; }
  .oProfileDetail .mUserStatus._counts {
    margin-top: 25px; }
    .oProfileDetail .mUserStatus._counts .aSubText {
      margin-right: 8px; }
    .oProfileDetail .mUserStatus._counts > .mGeneralLink {
      display: flex;
      align-items: center; }
      .oProfileDetail .mUserStatus._counts > .mGeneralLink > .aNumberText {
        font-size: 22px; }
  .oProfileDetail .mUserStatus._address {
    display: block; }
    .oProfileDetail .mUserStatus._address > .mText > .mIconWrap {
      margin-right: 10px; }
    .oProfileDetail .mUserStatus._address > .mText > .aSubText {
      font-size: 12px; }
    .oProfileDetail .mUserStatus._address > .mText + .mText {
      margin-top: 8px; }
  .oProfileDetail > ._lower {
    margin-top: 16px;
    padding-top: 13px;
    border-top: 1px solid #EBEBEB; }
    .oProfileDetail > ._lower > .aText {
      font-size: 14px;
      line-height: 21px; }
      .oProfileDetail > ._lower > .aText + .mRecommendScoreWrap {
        margin-top: 8px; }
    .oProfileDetail > ._lower .mRecommendScoreWrap {
      margin-top: 3px; }

.oProfileFun .mSearchResultUpper {
  margin-bottom: 24px; }

.oProfileFun .oFeedItemAuthor {
  width: 100%; }
  .oProfileFun .oFeedItemAuthor + .oFeedItemAuthor {
    margin-top: 10px; }

.tProfile {
  width: 620px;
  grid-column: 1;
  grid-row: 1 / 3; }
  .tProfile ._notFound {
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    text-align: center;
    padding: 40px 0; }
  .tProfile ._bestManga {
    background: #EBEBEB;
    border-top: none;
    padding: 16px 22px; }
    .tProfile ._bestManga .oHorizonListContainer {
      padding-top: 0;
      padding-bottom: 0; }
      .tProfile ._bestManga .oHorizonListContainer .mHorizonList {
        padding-top: 6px;
        padding-bottom: 6px; }
        .tProfile ._bestManga .oHorizonListContainer .mHorizonList .mHorizonListItem {
          position: relative;
          padding: 6px 0 0; }
          .tProfile ._bestManga .oHorizonListContainer .mHorizonList .mHorizonListItem .mGeneralLink {
            width: 100px;
            height: 140px; }
          .tProfile ._bestManga .oHorizonListContainer .mHorizonList .mHorizonListItem .mRankingBadge {
            left: -6px;
            top: 0px; }
    .tProfile ._bestManga .mContentHedding .mIconWrap {
      padding-left: 28px; }
  .tProfile .oProfileDetail + .mContentLargeNav {
    border-top: 1px solid #EBEBEB; }
  @media screen and (max-width: 1020px) {
    .tProfile {
      width: 100%;
      float: none; } }
  @media screen and (max-width: 725px) {
    .tProfile .mUserStatus._address {
      display: block; }
    .tProfile .mColumnContentWrapper {
      display: block; }
      .tProfile .mColumnContentWrapper .mContentContainer {
        width: 100%; }
        .tProfile .mColumnContentWrapper .mContentContainer + .mContentContainer {
          margin-top: 20px; } }
  .tProfile > .oContentContainer > .mSearchResultUpper > .mSearchResultUpperResultWrap {
    margin-bottom: 0; }
  .tProfile > .mContentLargeNav > .mNavList {
    padding-top: 8px; }
    .tProfile > .mContentLargeNav > .mNavList > .mNavItem {
      width: calc(100% / 5); }

.oFeedItemYomitai > .mText {
  margin-top: 16px;
  margin-bottom: 16px; }
  .oFeedItemYomitai > .mText .aText {
    font-size: 12px; }
  .oFeedItemYomitai > .mText .aBoldText {
    font-size: 12px; }

.oFeedItemFollow > .mText {
  margin-top: 16px;
  margin-bottom: 16px; }
  .oFeedItemFollow > .mText .aText {
    font-size: 12px; }
  .oFeedItemFollow > .mText .aBoldText {
    font-size: 12px; }

.oFeedItemFollow .mRecommendUserItem {
  border: 1px solid #D8D8D8; }

.oFeedItemBookMark ._bookMarkBox {
  position: relative;
  min-height: 84px;
  box-sizing: border-box;
  padding-top: 19px; }
  .oFeedItemBookMark ._bookMarkBox .mText {
    width: calc(100% - 82px);
    font-size: 12px; }
    .oFeedItemBookMark ._bookMarkBox .mText .aBoldText {
      display: block;
      margin-bottom: 8px;
      line-height: 18px; }
    .oFeedItemBookMark ._bookMarkBox .mText .aText {
      font-size: 12px; }
  .oFeedItemBookMark ._bookMarkBox .mVolumeImageWrap {
    width: 60px;
    height: 84px;
    position: absolute;
    top: 0;
    right: 0; }

.oTimeline .oContentContainerList + .oContentContainerList {
  border-top: 1px solid #d8d8d8; }

.oTimeline .oContentContainerList._review {
  padding-top: 0;
  padding-bottom: 0; }

.oTimeline .oContentContainerList._check {
  padding-bottom: 16px; }

.mContentContainerList {
  padding: 25px 22px 28px;
  overflow: hidden;
  background-color: #fff;
  box-sizing: border-box; }

.mContentContainerList + .mContentContainerList,
.mContentContainer + .mContentContainerList {
  border-top: 1px solid #ebebeb; }

.mTimelineBookListItem {
  padding: 8px 0 8px 75px;
  position: relative;
  min-height: 100px;
  display: flex; }
  .mTimelineBookListItem > ._imageWrap {
    display: block;
    margin-right: 14px;
    position: absolute;
    left: 0;
    top: 8px; }
    .mTimelineBookListItem > ._imageWrap .mVolumeImageWrap {
      width: 60px;
      height: 84px; }
  .mTimelineBookListItem > ._detail {
    padding-top: 5px;
    font-size: 12px;
    line-height: 18px;
    align-items: center;
    align-content: center;
    display: flex;
    flex-wrap: wrap; }
    .mTimelineBookListItem > ._detail ._upper {
      width: 100%;
      margin-bottom: 4px;
      max-height: 36px;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .mTimelineBookListItem > ._detail ._publishDate {
      width: 100%; }
    .mTimelineBookListItem > ._detail ._noticeOff {
      position: absolute;
      left: 74px;
      bottom: 8px;
      line-height: 1em;
      font-size: 11px; }
  .mTimelineBookListItem > .mButton {
    width: 46px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #4b9ebf; }

.oTimelineBook > .oContentContainer {
  padding-top: 0; }

.oTimelineBook .mSearchResultUpper {
  margin-top: 20px; }

.mTimelineWebListItem {
  padding: 0; }
  .mTimelineWebListItem > a {
    display: block;
    padding: 8px 102px 8px 0;
    min-height: 96px;
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box; }
    .mTimelineWebListItem > a .mBookImage {
      width: 80px;
      height: 80px;
      overflow: hidden;
      position: absolute;
      top: 8px;
      right: 0px; }
      .mTimelineWebListItem > a .mBookImage > ._imageWrap {
        padding-top: 100%; }
    .mTimelineWebListItem > a ._detail {
      font-size: 12px;
      line-height: 18px; }
      .mTimelineWebListItem > a ._detail ._upper,
      .mTimelineWebListItem > a ._detail ._middle {
        margin-bottom: 6px; }
      .mTimelineWebListItem > a ._detail ._upper {
        max-height: 36px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; }
      .mTimelineWebListItem > a ._detail ._bottom {
        font-size: 11px;
        color: #808080; }

.oTimelineWeb > .oContentContainer {
  padding-top: 0; }
  .oTimelineWeb > .oContentContainer > .mAppealPostReview {
    margin-top: 24px; }

.mTimelineNotificationListItem {
  box-sizing: border-box;
  padding: 10px 0 10px 52px;
  min-height: 74px;
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap; }
  .mTimelineNotificationListItem > ._avatar {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
    .mTimelineNotificationListItem > ._avatar .mUserAvatar {
      width: 42px;
      height: 42px; }
  .mTimelineNotificationListItem > ._body {
    font-size: 12px;
    line-height: 18px;
    width: 100%; }
  .mTimelineNotificationListItem ._middle {
    font-size: 11px;
    line-height: 18px; }
  .mTimelineNotificationListItem .mFollowButton {
    position: absolute;
    width: 46px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }

.oTimelineNotification > .oContentContainer {
  padding-top: 0; }
  .oTimelineNotification > .oContentContainer > .mAppealPostReview {
    margin-top: 24px; }

.oTimelineNotification .mTimelineNotificationListItem + .mTimelineNotificationListItem {
  border-top: 1px solid #E5E5E5; }

.tTimeline {
  width: 620px;
  grid-column: 1;
  grid-row: 1 / 3; }
  @media screen and (max-width: 1020px) {
    .tTimeline {
      width: 100%;
      float: none; } }

.mSignupWithEmail {
  padding-top: 12px;
  text-align: center;
  font-size: 14px; }
  .mSignupWithEmail .mLargeButtonPrimary {
    margin-bottom: 32px;
    display: block;
    font-size: 14px; }
  .mSignupWithEmail .aFormText {
    padding: 12px 10px;
    margin-bottom: 8px; }
  .mSignupWithEmail .aSubText {
    display: block;
    margin-bottom: 16px; }
  .mSignupWithEmail .mGeneralLink {
    color: #0189EC; }
  .mSignupWithEmail > ._forgotPassword {
    margin-top: 24px; }

.oLogin .mContentContainer {
  position: relative;
  padding-bottom: 62px; }
  .oLogin .mContentContainer .mMoleculeSignupWithOutsideAccount + .mHeadingWrap {
    margin-top: 48px; }
  .oLogin .mContentContainer .mLargeButtonGray {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .oLogin .mContentContainer .mSignupWithEmail > .mGeneralLink {
    color: #0189EC; }


.mLargeButtonSecondary {
  padding: 15px 0;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  border-radius: 2px;
  background-color: #242a36;
  display: inline-block;
  text-decoration: none; }
  .mLargeButtonSecondary .mIconWrap {
    padding-right: 10px; }


.mStoreList {
  margin: 0 22px; }
  .mStoreList li {
    border-bottom: 1px solid #E5E5E5; }
    .mStoreList li .aArrowLink {
      padding: 20px 0;
      display: block;
      height: 100%; }
      @media screen and (max-width: 725px) {
        .mStoreList li .aArrowLink {
          padding: 15px 0; } }
      .mStoreList li .aArrowLink .aImage {
        height: 35px; }
        @media screen and (max-width: 725px) {
          .mStoreList li .aArrowLink .aImage {
            height: 30px; } }

.mBuyButtonModal .mHeadingWrap {
  width: 100%;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 15px;
  margin-top: 24px; }
  .mBuyButtonModal .mHeadingWrap .mContentHedding {
    margin-left: 22px; }
    .mBuyButtonModal .mHeadingWrap .mContentHedding .aContentHeadding {
      font-size: 18.67px; }

.mEpisodeListContainer {
  padding: 0;
  margin: 0; }

.mEpisodeListItem {
  list-style: none;
  border-top: 1px solid #ebebeb;
  position: relative; }
  .mEpisodeListItem ._anchor {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 5px 0;
    cursor: pointer; }
    .mEpisodeListItem ._anchor::before {
      content: '';
      width: 15px;
      height: 15px;
      background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHdpZHRoPSIxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJtMCAwaDE0djE0aC0xNHoiLz48L2NsaXBQYXRoPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgZmlsbD0ibm9uZSIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMSAxIDAgMCAxNCkiPjxwYXRoIGQ9Im0wIDBoMTR2MTRoLTE0eiIvPjxwYXRoIGQ9Im02IDkgNCA1IDQtNSIgc3Ryb2tlPSIjODA4MDgwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMyAtNC41KSIvPjwvZz48L3N2Zz4=) no-repeat center center;
      background-size: contain;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%); }
  .mEpisodeListItem .mBookImage {
    margin-right: 10px;
    width: 40px;
    height: 40px; }
  .mEpisodeListItem .aText {
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    margin-right: 20px; }
  .mEpisodeListItem._new .aText::after {
    content: 'NEW';
    padding-left: 5px;
    color: #fc7949;
    font-size: 11px;
    font-weight: 700;
    display: inline; }

.mWebComicStoryList {
  padding: 0 22px;
  position: absolute;
  top: 141px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto; }

.oModalContactTitle {
  width: 660px;
  padding: 10px 0; }
  .oModalContactTitle .mButton {
    color: #808080; }
  .oModalContactTitle > .mHeadingWrap {
    display: flex;
    padding: 20px 22px;
    border-bottom: 1px solid #d8d8d8;
    justify-content: space-between;
    align-items: center; }
    .oModalContactTitle > .mHeadingWrap > .mContentHedding > .aContentHeadding {
      font-size: 18.67px; }
    .oModalContactTitle > .mHeadingWrap > .mButton {
      font-size: 12.44px; }
  .oModalContactTitle > .contactTitleActionWrap {
    padding: 20px 22px;
    display: flex;
    flex-direction: column; }
    .oModalContactTitle > .contactTitleActionWrap > p {
      margin-bottom: 12px;
      font-size: 12.44px; }
      .oModalContactTitle > .contactTitleActionWrap > p > span {
        font-size: 14px;
        font-weight: bold; }
    .oModalContactTitle > .contactTitleActionWrap > .aFormTextArea {
      border: 1px solid #d8d8d8;
      width: 100%;
      height: 145px;
      margin-bottom: 10px; }
      @media screen and (max-width: 725px) {
        .oModalContactTitle > .contactTitleActionWrap > .aFormTextArea {
          height: 100px; } }
    .oModalContactTitle > .contactTitleActionWrap > .mButton {
      text-align: center;
      width: 180px;
      align-self: center;
      padding: 14px 0;
      font-size: 14px;
      background-color: #fc7949;
      color: #fff; }
  .oModalContactTitle > .oContentContainer > ._mailSent {
    font-size: 14px;
    line-height: 22px;
    text-align: center; }
    .oModalContactTitle > .oContentContainer > ._mailSent > span {
      font-size: 16px;
      display: block;
      font-weight: bold;
      margin-bottom: 12px; }

.oTitleSingleDetail > ._main .mHeadingWrap {
  margin-bottom: 8px; }
  .oTitleSingleDetail > ._main .mHeadingWrap .mContentHedding {
    padding-right: 60px;
    font-size: 18px;
    margin-bottom: 3px; }
    .oTitleSingleDetail > ._main .mHeadingWrap .mContentHedding .aContentHeadding {
      font-size: 18px;
      line-height: 26px;
      font-weight: 700; }

.oTitleSingleDetail > ._main .mHeadingWrap + .aText {
  margin-bottom: 10px; }
  .oTitleSingleDetail > ._main .mHeadingWrap + .aText > .mGeneralLink {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    background: #F2F2F2;
    border-radius: 14px;
    color: #606060;
    font-size: 12px; }
    .oTitleSingleDetail > ._main .mHeadingWrap + .aText > .mGeneralLink + .mGeneralLink {
      margin-left: 10px; }

.oTitleSingleDetail > ._main .mRatingWrap {
  justify-content: flex-start;
  height: 22px; }
  .oTitleSingleDetail > ._main .mRatingWrap .mRatingStarBar {
    width: 70px;
    height: 14px;
    background-size: auto 14px;
    transform: translateY(3px);
    margin-right: 8px; }
    .oTitleSingleDetail > ._main .mRatingWrap .mRatingStarBar .aRatingStar {
      height: 14px; }
  .oTitleSingleDetail > ._main .mRatingWrap .aNumberText {
    font-size: 22px;
    line-height: 22px; }
  .oTitleSingleDetail > ._main .mRatingWrap .aText {
    line-height: 22px; }
  .oTitleSingleDetail > ._main .mRatingWrap ._point {
    line-height: 22px;
    margin-left: 8px;
    transform: translateY(1px); }
    .oTitleSingleDetail > ._main .mRatingWrap ._point svg {
      margin-right: 3px; }

.oTitleSingleDetail > ._main > ._publish {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px; }

.oTitleSingleDetail > ._main > ._status {
  font-size: 12px;
  color: #808080;
  line-height: 18px; }

.oTitleSingleDetail > .oHorizonListContainer {
  padding-bottom: 0;
  margin-bottom: 0; }
  @media screen and (min-width: 1021px) {
    .oTitleSingleDetail > .oHorizonListContainer {
      padding-bottom: 8px; } }
  .oTitleSingleDetail > .oHorizonListContainer > .mHorizonList {
    padding-bottom: 0; }
    .oTitleSingleDetail > .oHorizonListContainer > .mHorizonList > .mHorizonListItem {
      max-width: 100px; }

.oTitleSingleDetail .mRecommendScoreWrap {
  margin-top: 8px; }

.oTitleSingleDetail .mCanEditTextWrap {
  margin-top: 10px; }

.oTitleSingleDetail > .mButtonsWrap {
  margin: 10px -24px 0;
  padding: 8px 24px;
  display: flex;
  justify-content: space-between; }
  .oTitleSingleDetail > .mButtonsWrap .mButton,
  .oTitleSingleDetail > .mButtonsWrap .mLargeButtonPrimary,
  .oTitleSingleDetail > .mButtonsWrap .mLargeButtonSecondary {
    width: calc(50% - 5px);
    height: 42px;
    line-height: 42px;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
    font-size: 14px; }
  .oTitleSingleDetail > .mButtonsWrap .mLargeButtonPrimary {
    background: linear-gradient(to right, #fb8325, #fb674b); }
  .oTitleSingleDetail > .mButtonsWrap._actions {
    margin-top: 8px; }
    .oTitleSingleDetail > .mButtonsWrap._actions + ._store {
      margin-top: 8px; }
    .oTitleSingleDetail > .mButtonsWrap._actions._isYonda > .mYomitaiButton {
      display: none; }
    .oTitleSingleDetail > .mButtonsWrap._actions._isYonda > .mYondaButton {
      width: 100%;
      margin-left: 0; }
  .oTitleSingleDetail > .mButtonsWrap._store {
    background: #EBEBEB; }
    @media screen and (max-width: 1020px) {
      .oTitleSingleDetail > .mButtonsWrap._store {
        flex-wrap: wrap; }
        .oTitleSingleDetail > .mButtonsWrap._store .mLargeButtonPrimary,
        .oTitleSingleDetail > .mButtonsWrap._store .mLargeButtonSecondary {
          width: 100%; }
          .oTitleSingleDetail > .mButtonsWrap._store .mLargeButtonPrimary + .mLargeButtonSecondary,
          .oTitleSingleDetail > .mButtonsWrap._store .mLargeButtonSecondary + .mLargeButtonSecondary {
            margin-top: 8px; } }
    .oTitleSingleDetail > .mButtonsWrap._store._isWeb > .mLargeButtonPrimary {
      width: 100%; }

.oTitleSingleDetail > .mEpisodeListContainer + .mButtonsWrap {
  margin-top: 0; }

.oTitleSingleDetail > .mBookImageWrap._cover {
  margin-top: 10px; }

@media screen and (max-width: 1020px) {
  .oTitleSingleDetail {
    width: 100%;
    float: none; } }

@media screen and (max-width: 1020px) {
  .oTitleSingleDetail .mColumnFooterStickyWrap {
    background: transparent;
    border: none; } }

.oTitleSingleDetail .mEpisodeListContainer {
  margin-top: 10px; }

.oTitleSingleDetail ._webComicImage {
  margin-top: 12px;
  text-align: center; }
  .oTitleSingleDetail ._webComicImage img {
    max-width: 100%;
    border-radius: 6px; }

.mColumnContentWrapper {
  display: flex;
  justify-content: space-between; }
  .mColumnContentWrapper .mContentContainer {
    width: calc(50% - 10px);
    padding: 0; }
    .mColumnContentWrapper .mContentContainer + .mContentContainer {
      border: none; }


.mMeterWrap {
  display: flex;
  align-items: center;
  height: 14px; }
  .mMeterWrap + .mMeterWrap {
    margin-top: 10px; }
  .mMeterWrap .aNumberText {
    width: 38px;
    font-size: 18px;
    line-height: 7px; }
  .mMeterWrap .mMeter {
    height: 8px;
    margin: 0;
    border-radius: 4px;
    flex: 1;
    background-color: #ebebeb;
    display: block;
    overflow: hidden; }
    .mMeterWrap .mMeter .aColorBarSecondary {
      background-color: #4b9ebf;
      display: block;
      height: 100%; }

.mReviewUpperWrap > .mColumnContentWrapper {
  display: flex;
  align-items: center; }
  .mReviewUpperWrap > .mColumnContentWrapper .mWrap {
    width: calc(100% - 140px); }
  .mReviewUpperWrap > .mColumnContentWrapper .mBigScoreWrap {
    text-align: center;
    width: 140px;
    flex: 1; }
    .mReviewUpperWrap > .mColumnContentWrapper .mBigScoreWrap .aNumberText {
      margin: 0;
      font-size: 52px;
      line-height: 31px; }
    .mReviewUpperWrap > .mColumnContentWrapper .mBigScoreWrap .mRatingStarBar {
      width: 75px;
      height: 15px;
      margin: 10px auto 0;
      background-size: auto 15px; }
      .mReviewUpperWrap > .mColumnContentWrapper .mBigScoreWrap .mRatingStarBar .aRatingStar {
        height: 15px;
        background-size: auto 15px; }
    .mReviewUpperWrap > .mColumnContentWrapper .mBigScoreWrap .aText {
      margin-top: 16px;
      font-weight: 700; }

.mReviewUpperWrap > .mButtonsWrap {
  margin-top: 15px;
  justify-content: space-between; }
  .mReviewUpperWrap > .mButtonsWrap .mLargeButtonBorder {
    width: calc(50% - 5px); }

.oFeedItemNews {
  padding: 15px 0;
  color: inherit;
  text-decoration: none;
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  .oFeedItemNews .aText {
    width: calc(100% - 142px);
    height: 4.5em;
    margin-right: 20px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }
  .oFeedItemNews > ._imageWrap {
    width: 122px;
    height: 68px;
    border-radius: 6px;
    overflow: hidden;
    position: relative; }
    .oFeedItemNews > ._imageWrap .aImage {
      width: 100%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%); }
      @supports (object-fit: cover) {
        .oFeedItemNews > ._imageWrap .aImage {
          height: 100%;
          object-fit: cover; } }
  .oFeedItemNews .mSideInnerListRowBottom .aImage {
    display: inline;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    transform: translateY(1px); }
  .oFeedItemNews .mSideInnerListRowBottom .aSubText {
    margin-right: 15px;
    font-size: 10px;
    font-weight: 500; }

.oSideHotNewsWrap {
  padding-bottom: 10px;
  background-color: #fff; }
  .oSideHotNewsWrap > ul {
    margin: 0;
    padding: 0 16px;
    background: #FFF; }
    .oSideHotNewsWrap > ul li {
      list-style: none; }
      .oSideHotNewsWrap > ul li + li {
        border-top: 1px solid #ebebeb; }
  .oSideHotNewsWrap .mHeadingWrap .aArrowLink {
    right: 17px; }
  .oSideHotNewsWrap .mSideInnerListRow .mSideInnerListLink {
    flex-wrap: wrap; }
    .oSideHotNewsWrap .mSideInnerListRow .mSideInnerListLink .aText {
      width: calc(100% - 142px);
      height: 4.5em;
      margin-right: 20px;
      font-size: 14px;
      font-weight: 500;
      overflow: hidden; }
  .oSideHotNewsWrap .mSideInnerListRow .mSideInnerListRowBottom .mIconWrap {
    display: inline; }
  .oSideHotNewsWrap .mSideInnerListRow .mSideInnerListRowBottom .aSubText {
    margin-right: 15px;
    font-size: 10px;
    font-weight: 500; }
  .oSideHotNewsWrap .aBigSecondalyButton {
    margin: 0 16px; }

.oSideSearchBooksWrap {
  padding-bottom: 10px;
  background-color: #fff;
  border-radius: 6px; }
  .oSideSearchBooksWrap .mHeadingWrap .mSideHeading {
    line-height: 18px;
    display: flex;
    border-bottom: none;
    padding-bottom: 15px; }
    .oSideSearchBooksWrap .mHeadingWrap .mSideHeading .mIconWrap {
      height: 18px;
      display: block; }
      .oSideSearchBooksWrap .mHeadingWrap .mSideHeading .mIconWrap .aIcon {
        vertical-align: top;
        margin-top: -1px; }
  .oSideSearchBooksWrap .mIconWrap {
    line-height: 25px; }
  .oSideSearchBooksWrap .mSideInnerList {
    margin: 0;
    padding: 0 16px; }

.oSideColumnWrap {
  width: 340px;
  grid-column: 3;
  grid-row: 3; }
  .oSideColumnWrap .mHeadingWrap .aArrowLink,
  .oSideColumnWrap .mHeadingWrap .mButtonsWrap {
    top: 50%;
    transform: translateY(-50%); }
  .oSideColumnWrap > ._sideBanner,
  .oSideColumnWrap > .mBannerAbout {
    margin: 24px 0;
    overflow: hidden;
    border-radius: 6px; }
    .oSideColumnWrap > ._sideBanner img,
    .oSideColumnWrap > .mBannerAbout img {
      width: 100%;
      height: auto; }
    @media screen and (min-width: 1021px) {
      .oSideColumnWrap > ._sideBanner .mGeneralLink,
      .oSideColumnWrap > .mBannerAbout .mGeneralLink {
        display: block;
        height: 106.08px; } }
  .oSideColumnWrap .oSideSearchBooksWrap,
  .oSideColumnWrap .oSideHotNewsWrap {
    border-radius: 6px; }
  @media screen and (max-width: 1020px) {
    .oSideColumnWrap {
      width: 100%;
      float: none; }
      .oSideColumnWrap .oSideSearchBooksWrap,
      .oSideColumnWrap .oSideHotNewsWrap {
        border-top: 2px solid #ebebeb;
        border-radius: 0px; }
        .oSideColumnWrap .oSideSearchBooksWrap .mHeadingWrap .aArrowLink,
        .oSideColumnWrap .oSideHotNewsWrap .mHeadingWrap .aArrowLink {
          top: 22px;
          transform: none; }
        .oSideColumnWrap .oSideSearchBooksWrap .mSideInnerList,
        .oSideColumnWrap .oSideHotNewsWrap .mSideInnerList {
          padding: 0 22px; }
      .oSideColumnWrap > ._sideBanner,
      .oSideColumnWrap > .mBannerAbout {
        margin: 8px 0;
        border-radius: 0px; }
      .oSideColumnWrap .oSideHotNewsWrap .mSideHeading {
        padding: 22px 22px 4px;
        border: none; }
      .oSideColumnWrap .oSideSearchBooksWrap .mSideHeading {
        padding: 22px 22px 10px;
        border: none; }
      .oSideColumnWrap .oSideSearchBooksWrap .mSideInnerListLink {
        padding-left: 0; }
      .oSideColumnWrap .oGlobalFooter {
        display: none; } }

.mLargeButtonGray {
  padding: 15px 0;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  border-radius: 2px;
  background-color: #ebebeb;
  display: block;
  text-decoration: none; }
  .mLargeButtonGray .aSubText {
    font-size: 14px; }

.oModalLogin > .oLogin > .mContentContainer {
  padding-top: 12px;
  padding-bottom: 24px; }

.oModalVolumeImages {
  position: relative;
  overflow: hidden; }
  .oModalVolumeImages > .display {
    height: 294px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    overflow-x: auto; }
    .oModalVolumeImages > .display ul {
      display: flex;
      padding: 54px 215px 30px;
      position: absolute; }
      @media screen and (max-width: 725px) {
        .oModalVolumeImages > .display ul {
          padding: 54px calc(50% - 94px) 30px; } }
      .oModalVolumeImages > .display ul li {
        margin: 0 10px;
        transition: transform 400ms ease;
        cursor: pointer;
        position: relative; }
        .oModalVolumeImages > .display ul li > ._volumeName {
          position: absolute;
          left: 10px;
          top: 30px;
          right: 10px;
          font-size: 14px;
          line-height: 18px;
          color: #FFF; }
        .oModalVolumeImages > .display ul li .mImageWrap {
          width: 150px;
          height: 210px;
          border-radius: 6px;
          overflow: hidden;
          position: relative; }
          .oModalVolumeImages > .display ul li .mImageWrap img {
            width: 100%;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%); }
            @supports (object-fit: cover) {
              .oModalVolumeImages > .display ul li .mImageWrap img {
                height: 100%;
                object-fit: cover; } }
          .oModalVolumeImages > .display ul li .mImageWrap:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: #000;
            opacity: 0.45;
            transition: opacity 400ms ease; }
        .oModalVolumeImages > .display ul li:hover {
          transform: scale(1.05); }
          .oModalVolumeImages > .display ul li:hover .mImageWrap:after {
            opacity: 0; }
        .oModalVolumeImages > .display ul li.current {
          transform: scale(1.13);
          margin: 0 20px; }
          .oModalVolumeImages > .display ul li.current .mImageWrap:after {
            opacity: 0; }
  .oModalVolumeImages > ._detail {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 16px 24px 0; }
    .oModalVolumeImages > ._detail > ._name {
      font-size: 16px;
      line-height: 20px;
      font-weight: bold;
      margin-bottom: 14px; }
    .oModalVolumeImages > ._detail > ._date {
      font-size: 12px;
      color: #808080;
      margin-bottom: 16px; }
    .oModalVolumeImages > ._detail > ._toTitle {
      padding-bottom: 18px; }
      .oModalVolumeImages > ._detail > ._toTitle > a {
        display: inline-block;
        line-height: 38px;
        border-radius: 19px;
        font-size: 12px;
        color: #606060;
        padding: 0 18px 0 42px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy43NSIgaGVpZ2h0PSIxMy43NSIgdmlld0JveD0iMCAwIDEzLjc1IDEzLjc1Ij4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4xMjUgLTMuMTI1KSI+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjEyNSAzLjEyNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzYwNjA2MCIgc3Ryb2tlLXdpZHRoPSIxIj4KICAgICAgPGNpcmNsZSBjeD0iNi44NzUiIGN5PSI2Ljg3NSIgcj0iNi44NzUiIHN0cm9rZT0ibm9uZSIvPgogICAgICA8Y2lyY2xlIGN4PSI2Ljg3NSIgY3k9IjYuODc1IiByPSI2LjM3NSIgZmlsbD0ibm9uZSIvPgogICAgPC9nPgogICAgPHBhdGggZD0iTS4yNzctMTAuODI1QS42NTUuNjU1LDAsMCwwLS40LTExLjVhLjY0NS42NDUsMCwwLDAtLjY3NS42NzVBLjY1LjY1LDAsMCwwLS40LTEwLjE1LjY2MS42NjEsMCwwLDAsLjI3Ny0xMC44MjVaTS0uOTg4LTQuODA5QS41MjUuNTI1LDAsMCwwLS40LTQuMjc1YS41MTguNTE4LDAsMCwwLC41ODEtLjUzNFYtOC42QS41MTMuNTEzLDAsMCwwLS40LTkuMTMxLjUyLjUyLDAsMCwwLS45ODgtOC42WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuNDQ3IDE3Ljc1KSIgZmlsbD0iIzYwNjA2MCIvPgogIDwvZz4KPC9zdmc+Cg==) no-repeat 20px center #F2F2F2; }
  .oModalVolumeImages > ._bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(10px);
    opacity: 0.75; }
    @media all and (-ms-high-contrast: none) {
      .oModalVolumeImages > ._bg {
        opacity: 0.3; } }
  .oModalVolumeImages._hide {
    opacity: 0; }

.oVolumeModal .oContentContainer {
  flex-direction: column;
  display: flex;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 60px; }
  @media screen and (max-width: 725px) {
    .oVolumeModal .oContentContainer {
      border-radius: 10px 10px 0 0; } }

.oVolumeModal > .mButton._more {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  top: 0;
  right: 14px;
  z-index: 2; }

.oVolumeModal .volumeTitleWrap {
  margin-bottom: 21px;
  width: 100%;
  position: relative; }
  .oVolumeModal .volumeTitleWrap .mHeadingWrap {
    margin-right: 130px; }
    .oVolumeModal .volumeTitleWrap .mHeadingWrap .mContentHedding {
      margin-bottom: 17px; }
      .oVolumeModal .volumeTitleWrap .mHeadingWrap .mContentHedding .aContentHeadding {
        font-size: 18px;
        margin-bottom: 0; }
  .oVolumeModal .volumeTitleWrap .aTextS {
    color: #808080; }
  .oVolumeModal .volumeTitleWrap .volumeActionsWrap {
    display: flex;
    color: #808080;
    position: absolute;
    top: -13px;
    right: 0; }
    .oVolumeModal .volumeTitleWrap .volumeActionsWrap .mBookMarkButton {
      border: 1px solid #d8d8d8;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      width: 50px;
      height: 50px;
      border-radius: 100%; }
      .oVolumeModal .volumeTitleWrap .volumeActionsWrap .mBookMarkButton .mIconWrap {
        margin-bottom: 4px; }
      .oVolumeModal .volumeTitleWrap .volumeActionsWrap .mBookMarkButton.isBookMark .aIconBookmarkGray {
        width: 20px;
        height: 16px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+CiAgICA8Zz4KICAgICAgICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiLz4KICAgICAgICA8cGF0aCBkPSJNMTUsMTdsLTUtMy44ODlMNSwxN1Y0LjU1NkExLjUsMS41LDAsMCwxLDYuNDI5LDNoNy4xNDNBMS41LDEuNSwwLDAsMSwxNSw0LjU1NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNGQkM4MzIiIHN0cm9rZT0iI0ZCQzgzMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPC9nPgo8L3N2Zz4K); }
    .oVolumeModal .volumeTitleWrap .volumeActionsWrap > .mButton {
      margin-left: 16px;
      margin-top: 15px;
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center; }

.oVolumeModal .volumeStoryWrap .mText {
  font-size: 14px;
  line-height: 1.5;
  color: #242a36; }

.oVolumeModal .mButtonsWrap {
  width: 100%;
  box-sizing: border-box;
  bottom: 0;
  overflow: hidden;
  display: block; }
  .oVolumeModal .mButtonsWrap > div {
    display: flex;
    margin: 0 -8px; }
    .oVolumeModal .mButtonsWrap > div > a,
    .oVolumeModal .mButtonsWrap > div > span {
      display: block;
      box-sizing: border-box;
      padding: 15px 0;
      width: calc(100% / 2 - 8px);
      margin: 0 4px;
      font-size: 14px;
      line-height: 14px;
      height: 44px;
      text-align: center;
      font-weight: 700;
      border-radius: 2px; }
      .oVolumeModal .mButtonsWrap > div > a.mBookMarkButton,
      .oVolumeModal .mButtonsWrap > div > span.mBookMarkButton {
        color: #606060;
        background: #f2f2f2;
        border: 1px solid #d8d8d8; }
        .oVolumeModal .mButtonsWrap > div > a.mBookMarkButton:before,
        .oVolumeModal .mButtonsWrap > div > span.mBookMarkButton:before {
          content: '';
          display: inline-block;
          width: 14px;
          height: 14px;
          background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy4xNjciIGhlaWdodD0iMTYuNSIgdmlld0JveD0iMCAwIDEzLjE2NyAxNi41Ij4KICA8cGF0aCAgZD0iTTE2LjY2NywxOGwtNS44MzMtNC4xNjdMNSwxOFY0LjY2N0ExLjY2NywxLjY2NywwLDAsMSw2LjY2NywzSDE1YTEuNjY3LDEuNjY3LDAsMCwxLDEuNjY3LDEuNjY3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuMjUgLTIuMjUpIiBmaWxsPSJub25lIiBzdHJva2U9ImdyYXkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==) no-repeat center center;
          background-size: contain;
          margin-right: 8px;
          vertical-align: top; }
        .oVolumeModal .mButtonsWrap > div > a.mBookMarkButton.isBookMark:before,
        .oVolumeModal .mButtonsWrap > div > span.mBookMarkButton.isBookMark:before {
          background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+CiAgICA8Zz4KICAgICAgICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiLz4KICAgICAgICA8cGF0aCBkPSJNMTUsMTdsLTUtMy44ODlMNSwxN1Y0LjU1NkExLjUsMS41LDAsMCwxLDYuNDI5LDNoNy4xNDNBMS41LDEuNSwwLDAsMSwxNSw0LjU1NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNGQkM4MzIiIHN0cm9rZT0iI0ZCQzgzMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPC9nPgo8L3N2Zz4K); }
  .oVolumeModal .mButtonsWrap._reaction {
    padding: 16px 24px; }
  .oVolumeModal .mButtonsWrap._store {
    padding: 8px 24px;
    background: #ebebeb; }
  .oVolumeModal .mButtonsWrap .mButton._yonda {
    width: 139px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    float: right;
    background: #4b9ebf; }
    @media screen and (max-width: 725px) {
      .oVolumeModal .mButtonsWrap .mButton._yonda {
        width: 84px;
        font-size: 12.44px; } }
  @media screen and (max-width: 725px) {
    .oVolumeModal .mButtonsWrap {
      width: 100%; }
      .oVolumeModal .mButtonsWrap .mButton._tameshiyomi,
      .oVolumeModal .mButtonsWrap .mButton._buy {
        width: 84px; } }

.oVolumeModal > .mButtonCircle {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2; }

.oModalShare {
  position: relative;
  padding: 32px 20px 20px; }
  .oModalShare .mMoleculeSignupWithOutsideAccount + .mHeadingWrap {
    margin-top: 48px; }
  .oModalShare .mLargeButtonGray {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .oModalShare > h1 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 32px; }
  .oModalShare > ul {
    display: flex;
    justify-content: center;
    margin-bottom: 24px; }
    .oModalShare > ul > li {
      margin: 0 16px; }
      .oModalShare > ul > li > .aLink {
        display: block;
        text-align: center;
        color: #808080;
        font-size: 12px; }
        .oModalShare > ul > li > .aLink > span {
          display: block;
          width: 72px;
          height: 72px;
          border-radius: 100%;
          text-align: center;
          line-height: 72px;
          margin-bottom: 16px; }
      .oModalShare > ul > li._facebook > .aLink > span {
        background-color: #3B579D; }
        .oModalShare > ul > li._facebook > .aLink > span .aIconFacebook {
          width: 16px;
          height: 30px; }
      .oModalShare > ul > li._twitter > .aLink > span {
        background-color: #1DA1F2; }
        .oModalShare > ul > li._twitter > .aLink > span .aIconTwitter {
          width: 30px;
          height: 24px; }
  .oModalShare > ._url {
    margin-bottom: 36px; }
    .oModalShare > ._url > input {
      -webkit-appearance: none;
      width: 248px;
      height: 38px;
      border: 1px solid #D8D8D8;
      padding: 0 16px;
      box-sizing: border-box;
      border-radius: 2px;
      color: #0F99EF; }
      @media screen and (max-width: 725px) {
        .oModalShare > ._url > input {
          width: 100%; } }
    .oModalShare > ._url > .mButton {
      color: #0F99EF;
      padding-top: 16px;
      display: block;
      text-align: center;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer; }
  .oModalShare > .mButton {
    font-size: 14px;
    color: #808080;
    text-align: center;
    display: block;
    padding: 4px 0; }

.oHomeImage {
  width: 100%;
  margin-bottom: -84px;
  background: #ffc332;
  position: relative; }
  @media screen and (max-width: 1020px) {
    .oHomeImage {
      margin-bottom: -48px; } }
  .oHomeImage:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(data:image/png;base64,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) no-repeat left center;
    background-size: auto 100%; }
  .oHomeImage:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(data:image/png;base64,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) repeat center center;
    background-size: 6px;
    mix-blend-mode: soft-light; }
  @media screen and (max-width: 725px) {
    .oHomeImage:before {
      left: -18%;
      top: 48%; } }
  .oHomeImage > ._imageWrap {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 2; }
    .oHomeImage > ._imageWrap:before {
      content: "";
      display: block;
      height: 0;
      width: 100%;
      padding-top: 36%;
      background: url(/images/homeMainVisual.png) no-repeat center center;
      background-size: contain; }
      @media screen and (max-width: 725px) {
        .oHomeImage > ._imageWrap:before {
          padding-top: 64%;
          background-image: url(/images/homeMainVisualSP.png); } }
    .oHomeImage > ._imageWrap > ul {
      position: absolute;
      left: 6.45%;
      bottom: 22.2%;
      display: flex;
      width: calc(23.8% + 10px); }
      .oHomeImage > ._imageWrap > ul > li {
        widht: calc(50% - 5px); }
        .oHomeImage > ._imageWrap > ul > li > .mGeneralLink > img {
          width: 100%;
          height: auto; }
        .oHomeImage > ._imageWrap > ul > li + li {
          margin-left: 11px; }
      @media screen and (max-width: 1020px) {
        .oHomeImage > ._imageWrap > ul {
          bottom: 25.92%; } }
      @media screen and (max-width: 725px) {
        .oHomeImage > ._imageWrap > ul {
          display: none; } }
    .oHomeImage > ._imageWrap > ._spButton {
      display: none; }
      @media screen and (max-width: 725px) {
        .oHomeImage > ._imageWrap > ._spButton {
          position: absolute;
          display: block;
          width: 30.4%;
          bottom: 29.16%;
          left: 13.33%; }
          .oHomeImage > ._imageWrap > ._spButton > span {
            display: block;
            height: 0;
            width: 100%;
            padding-top: 25.43%;
            background: url(/images/homeMainVisualSPButton.png) no-repeat center center;
            background-size: contain;
            text-indent: -100%;
            overflow: hidden; } }

.oModalSeries {
  width: 620px; }
  @media screen and (max-width: 725px) {
    .oModalSeries {
      width: 100%;
      left: 0;
      top: auto;
      bottom: 0;
      border-radius: 6px 6px 0 0; } }
  .oModalSeries > .mHeadingWrap {
    display: flex;
    padding: 20px 22px;
    border-bottom: 1px solid #d8d8d8;
    justify-content: space-between;
    align-items: center; }
    .oModalSeries > .mHeadingWrap > .mContentHedding > .aContentHeadding {
      font-size: 18.67px; }
    .oModalSeries > .mHeadingWrap > .mButton {
      font-size: 12.44px;
      color: #808080; }
  .oModalSeries > ._titlesWrap {
    overflow-x: auto; }
    .oModalSeries > ._titlesWrap > ._titles {
      padding: 22px 16px;
      white-space: nowrap;
      display: table; }
      .oModalSeries > ._titlesWrap > ._titles > .oCardTitle {
        display: inline-block;
        flex: 1; }

.oFooter {
  width: 100%;
  display: flex;
  margin-top: 32px;
  flex-direction: column; }
  @media screen and (max-width: 725px) {
    .oFooter {
      margin-top: 0; } }
  .oFooter > ._titleFilter {
    width: 100%;
    background-color: #fff; }
    .oFooter > ._titleFilter > ._wrap {
      max-width: 980px;
      margin: 0 auto;
      padding: 40px 16px 16px; }
      .oFooter > ._titleFilter > ._wrap > ._title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 16px; }
      .oFooter > ._titleFilter > ._wrap > ._content {
        margin-bottom: 40px; }
        .oFooter > ._titleFilter > ._wrap > ._content > p {
          font-size: 14px;
          font-weight: bold;
          margin-bottom: 8.5px; }
        .oFooter > ._titleFilter > ._wrap > ._content > nav > ul {
          display: flex;
          flex-wrap: wrap;
          margin: 0 -16px; }
          .oFooter > ._titleFilter > ._wrap > ._content > nav > ul > li {
            margin: 16px 0 0;
            border-right: 1px solid #d8d8d8; }
            .oFooter > ._titleFilter > ._wrap > ._content > nav > ul > li > .mGeneralLink {
              font-size: 14px;
              color: #0f99ef;
              padding: 0 16px;
              display: block; }
            .oFooter > ._titleFilter > ._wrap > ._content > nav > ul > li:last-child {
              border-right: 0px; }
      .oFooter > ._titleFilter > ._wrap > ._linkHistory {
        font-size: 10px;
        line-height: 15px;
        color: #808080;
        padding-top: 16px;
        overflow: hidden; }
        .oFooter > ._titleFilter > ._wrap > ._linkHistory > li {
          margin-right: 8px;
          float: left; }
  .oFooter > ._scrollTop {
    width: 100%;
    background-color: #ebebeb;
    padding: 16px 0;
    font-size: 12.44px;
    color: #808080;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
    .oFooter > ._scrollTop > p {
      display: block;
      margin-right: 16px; }
  .oFooter > ._info {
    width: 100%;
    background-color: #242a36; }
    .oFooter > ._info > ._wrap {
      max-width: 980px;
      margin: 0 auto;
      padding: 16px 16px 56px; }
      .oFooter > ._info > ._wrap > ._apps {
        display: flex;
        margin-bottom: 22px;
        align-items: center; }
        .oFooter > ._info > ._wrap > ._apps > .mGeneralLink + .mGeneralLink {
          margin-left: 10px; }
      .oFooter > ._info > ._wrap > ._social {
        margin-bottom: 32px; }
        .oFooter > ._info > ._wrap > ._social > p {
          color: #fff;
          font-size: 16px;
          font-weight: bold;
          margin-bottom: 16px; }
          @media screen and (max-width: 725px) {
            .oFooter > ._info > ._wrap > ._social > p > span {
              display: block;
              margin-bottom: 6px; } }
      .oFooter > ._info > ._wrap > ._links {
        font-size: 12.44px;
        color: #808080;
        margin-bottom: 64px; }
        .oFooter > ._info > ._wrap > ._links > li {
          margin-bottom: 24px; }
          .oFooter > ._info > ._wrap > ._links > li:last-child {
            margin-bottom: 0; }
          .oFooter > ._info > ._wrap > ._links > li > .aLink {
            font-size: 12.44px;
            color: #808080; }
      .oFooter > ._info > ._wrap > ._logo {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .oFooter > ._info > ._wrap > ._logo > p {
          font-size: 12.44px;
          color: #808080; }

.oModalError > .mHeadingWrap {
  display: flex;
  padding: 20px 22px;
  border-bottom: 1px solid #d8d8d8;
  justify-content: space-between;
  align-items: center; }
  .oModalError > .mHeadingWrap > .mContentHedding > .aContentHeadding {
    font-size: 18.67px; }
  .oModalError > .mHeadingWrap > .mButton {
    font-size: 12.44px;
    color: #808080; }

.oModalError > ._errors {
  padding: 22px 16px; }
  .oModalError > ._errors > p {
    margin-bottom: 10px;
    font-size: 12px; }

.oModalReview .oFeedItemReview {
  position: relative;
  margin: 20px 0 0;
  box-sizing: border-box;
  padding: 0 22px 22px;
  height: calc(100% - 98px);
  overflow: auto; }
  .oModalReview .oFeedItemReview:before {
    display: none; }
  .oModalReview .oFeedItemReview ._contentArea .aText {
    display: block !important; }
  .oModalReview .oFeedItemReview .mFeedItemSeriesDetail {
    margin-top: 10px; }
  .oModalReview .oFeedItemReview .mRecomendScoreWrap {
    margin-top: 8px; }

.mStampButton > .stampWrap {
  position: relative;
  width: 80px;
  height: 80px; }
  .mStampButton > .stampWrap > .aStamp {
    width: 100%;
    height: 100%; }
  .mStampButton > .stampWrap > .mButtonCircle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px; }
    .mStampButton > .stampWrap > .mButtonCircle > .aIconClose {
      width: 12px;
      height: 12px; }

.aTextS {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.025em; }

.oModalCreateMatomeList {
  width: 620px;
  height: 562px;
  display: flex;
  flex-direction: column; }
  .oModalCreateMatomeList .mButton {
    color: #808080; }
  .oModalCreateMatomeList > .mHeadingWrap {
    display: flex;
    padding: 20px 22px;
    border-bottom: 1px solid #d8d8d8;
    justify-content: space-between;
    align-items: center; }
    .oModalCreateMatomeList > .mHeadingWrap > .mContentHedding > .aContentHeadding {
      font-size: 18.67px; }
    .oModalCreateMatomeList > .mHeadingWrap > .mButton {
      font-size: 12.44px; }
  .oModalCreateMatomeList > .matomeListCreateForm {
    flex-grow: 1;
    border-bottom: 1px solid #d8d8d8; }
    .oModalCreateMatomeList > .matomeListCreateForm > li {
      display: flex;
      flex-direction: column;
      padding: 22px; }
      .oModalCreateMatomeList > .matomeListCreateForm > li > .aText {
        margin-bottom: 10px; }
      .oModalCreateMatomeList > .matomeListCreateForm > li > .aFormTextArea {
        height: 200px; }
  .oModalCreateMatomeList > .saveButtonWrap {
    padding: 24px 0;
    justify-content: center;
    display: flex; }
    .oModalCreateMatomeList > .saveButtonWrap > .mButton {
      border: 1px solid #fc7949;
      font-size: 14px;
      text-align: center;
      padding: 14px 0;
      width: 60%;
      background-color: #fc7949;
      color: #fff; }

.oModalSelectMatomeList {
  width: 620px;
  height: 562px;
  display: flex;
  flex-direction: column; }
  .oModalSelectMatomeList .mButton {
    color: #808080; }
  .oModalSelectMatomeList > .mHeadingWrap {
    display: flex;
    padding: 20px 22px;
    border-bottom: 1px solid #d8d8d8;
    justify-content: space-between;
    align-items: center; }
    .oModalSelectMatomeList > .mHeadingWrap > .mContentHedding > .aContentHeadding {
      font-size: 18.67px; }
    .oModalSelectMatomeList > .mHeadingWrap > .mButton {
      font-size: 12.44px; }
  .oModalSelectMatomeList > .matomeLists {
    flex-grow: 1;
    border-bottom: 1px solid #d8d8d8;
    padding: 0 22px;
    height: calc(100% - 65px - 92px);
    overflow: auto; }
    .oModalSelectMatomeList > .matomeLists > li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 0; }
      .oModalSelectMatomeList > .matomeLists > li + li {
        border-top: 1px solid #e5e5e5; }
      .oModalSelectMatomeList > .matomeLists > li > .aTextS {
        font-size: 13px;
        line-height: 18px;
        width: calc(100% - 90px); }
      .oModalSelectMatomeList > .matomeLists > li > .mButton {
        border: 1px solid #d8d8d8;
        font-size: 12.44px;
        text-align: center;
        padding: 13px 0;
        width: 80px; }
      .oModalSelectMatomeList > .matomeLists > li > .selected {
        background-color: #fc7949;
        border-color: #fc7949;
        color: #fff; }
  .oModalSelectMatomeList > .saveButtonWrap {
    padding: 24px 0;
    justify-content: center;
    display: flex; }
    .oModalSelectMatomeList > .saveButtonWrap > .mButton {
      border: 1px solid #fc7949;
      font-size: 14px;
      text-align: center;
      padding: 14px 0;
      width: 60%;
      background-color: #fc7949;
      color: #fff; }

.oModalSelectStamp {
  position: absolute;
  top: 68px;
  left: 21%;
  width: 620px;
  height: 562px;
  background-color: #fff;
  border-radius: 6px;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 725px) {
    .oModalSelectStamp {
      width: 100%;
      left: 0;
      top: 40px; } }
  .oModalSelectStamp .mButton {
    color: #808080; }
  .oModalSelectStamp > .mHeadingWrap {
    display: flex;
    padding: 20px 22px;
    border-bottom: 1px solid #d8d8d8;
    justify-content: space-between;
    align-items: center; }
    .oModalSelectStamp > .mHeadingWrap > .mContentHedding > .aContentHeadding {
      font-size: 18.67px; }
    .oModalSelectStamp > .mHeadingWrap > .mButton {
      font-size: 12.44px; }
  .oModalSelectStamp > .stampList {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow-y: auto;
    padding: 10px 0; }
    .oModalSelectStamp > .stampList > .mButton {
      width: calc(100% / 3);
      text-align: center;
      margin: 10px 0; }
      .oModalSelectStamp > .stampList > .mButton > .aStamp {
        width: 150px;
        height: auto;
        max-width: 100%; }

.oModalCreateReview {
  width: 620px; }
  .oModalCreateReview .mButton {
    color: #808080; }
  .oModalCreateReview > .mHeadingWrap {
    display: flex;
    padding: 20px 22px;
    border-bottom: 1px solid #d8d8d8;
    justify-content: space-between;
    align-items: center; }
    .oModalCreateReview > .mHeadingWrap > .mContentHedding > .aContentHeadding {
      font-size: 18.67px; }
    .oModalCreateReview > .mHeadingWrap > .mButton {
      font-size: 12.44px; }
  .oModalCreateReview > .reviewActionWrap {
    padding: 20px 22px;
    border-bottom: 1px solid #d8d8d8; }
    .oModalCreateReview > .reviewActionWrap > .mFormSelect {
      width: 100%;
      background-color: #fff;
      border: 1px solid #d8d8d8;
      color: #242a36;
      font-size: 12.44px; }
    .oModalCreateReview > .reviewActionWrap > .mButtonsWrap {
      width: 100%;
      display: flex;
      margin-top: 8px;
      justify-content: space-between; }
      .oModalCreateReview > .reviewActionWrap > .mButtonsWrap > .mButton {
        border: 1px solid #d8d8d8;
        font-size: 12.44px;
        text-align: center;
        padding: 13px 0;
        width: 49%; }
      .oModalCreateReview > .reviewActionWrap > .mButtonsWrap > .isNetabare {
        background-color: #fc7949;
        border-color: #fc7949;
        color: #fff; }
  .oModalCreateReview > .reviewTextArea {
    margin: 10px 22px;
    position: relative; }
    .oModalCreateReview > .reviewTextArea > .aFormTextArea {
      border: 0;
      width: calc(100% - 90px);
      height: 145px; }
      @media screen and (max-width: 725px) {
        .oModalCreateReview > .reviewTextArea > .aFormTextArea {
          height: 100px; } }
    .oModalCreateReview > .reviewTextArea > .mStampButton {
      position: absolute;
      top: 0;
      right: 0; }
  .oModalCreateReview > .aFormText {
    padding: 16px 22px;
    border-left: none;
    border-right: none; }
  .oModalCreateReview > .tagSuggest {
    width: 100%;
    padding: 9px 22px;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    overflow-x: auto;
    white-space: nowrap; }
    .oModalCreateReview > .tagSuggest > .mButton {
      display: inline-block;
      color: #242a36;
      font-size: 12.44px;
      border: 1px solid #d8d8d8;
      padding: 8px;
      margin-right: 8px; }
  .oModalCreateReview > .scoreWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 22px;
    border-bottom: 1px solid #d8d8d8;
    position: relative; }
    .oModalCreateReview > .scoreWrap > .scoreBox {
      display: flex;
      align-items: center; }
      .oModalCreateReview > .scoreWrap > .scoreBox > .aIcon {
        width: 20px;
        height: 20px;
        margin-right: 8px; }
      .oModalCreateReview > .scoreWrap > .scoreBox > .aBoldText {
        font-size: 12.44px; }
    .oModalCreateReview > .scoreWrap > .mFormSelect {
      border: 0;
      font-size: 24px;
      line-height: 24px;
      font-weight: bold;
      background-color: #fff;
      height: 45px;
      width: 50px;
      font-family: comicspace-scorefont;
      padding: 8px 0 12px;
      overflow: hidden;
      vertical-align: center;
      background-position: center right;
      margin-right: 10px; }
    .oModalCreateReview > .scoreWrap > ._sliderWrap {
      position: absolute;
      top: 10px;
      left: 120px;
      right: 120px;
      bottom: 10px; }
      @media screen and (max-width: 725px) {
        .oModalCreateReview > .scoreWrap > ._sliderWrap {
          left: 110px;
          right: 110px; } }
      .oModalCreateReview > .scoreWrap > ._sliderWrap ._barWrap {
        position: absolute;
        height: 8px;
        border-radius: 4px;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: -4px;
        background: #d8d8d8;
        overflow: hidden; }
        .oModalCreateReview > .scoreWrap > ._sliderWrap ._barWrap ._bar {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          background: #4b9ebf; }
      .oModalCreateReview > .scoreWrap > ._sliderWrap ._pointer {
        width: 16px;
        height: 16px;
        background: #fff;
        border-radius: 100%;
        box-shadow: 0 0 12px rgba(37, 38, 40, 0.25);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-8px);
        cursor: grab; }
      .oModalCreateReview > .scoreWrap > ._sliderWrap ._touchArea {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
  .oModalCreateReview > .mButtonsWrap {
    display: flex;
    justify-content: space-between;
    padding: 24px 22px; }
    .oModalCreateReview > .mButtonsWrap > .mButton {
      border: 1px solid #d8d8d8;
      font-size: 14px;
      text-align: center;
      padding: 14px 0;
      width: 49%; }
    .oModalCreateReview > .mButtonsWrap > .reviewSave {
      background-color: #fc7949;
      border-color: #fc7949;
      color: #fff; }

.oModalLoading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1020;
  display: none; }
  .oModalLoading:before {
    content: "";
    display: block; }
  .oModalLoading > .mAutoLoading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%); }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #29d;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/********************************* CSS Reset *********************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none; }

body {
  line-height: 1;
  font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'BIZ UDPGothic', Meiryo, sans-serif; }

* {
  font-family: inherit; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

::-webkit-scrollbar-track {
  background: transparent;
  border: none; }

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: none; }

/********************************* End CSS Reset *********************************/
@font-face {
  font-family: 'comicspace-scorefont';
  font-style: normal;
  font-weight: 100;
  src: url("/font/comicspace-scorefont-Bold.otf") format("opentype");
  font-display: swap; }

body {
  margin: 0; }

a {
  color: inherit;
  text-decoration: none; }

.layout {
  margin: 0;
  padding-top: 80px;
  color: #242a36;
  background-color: #f5f5f5;
  position: relative;
  min-height: 100vh;
  box-sizing: border-box; }
  @media screen and (min-width: 1021px) {
    .layout ::-webkit-scrollbar {
      width: 8px;
      height: 8px; }
    .layout ::-webkit-scrollbar-track {
      box-shadow: none;
      height: 8px; }
    .layout ::-webkit-scrollbar-thumb {
      background: rgba(128, 128, 128, 0.2);
      border-radius: 4px;
      height: 8px; }
    .layout ::-webkit-scrollbar-thumb:hover {
      background: rgba(128, 128, 128, 0.5); } }
  @media screen and (max-width: 1020px) {
    .layout {
      padding-top: 124px; }
      .layout._footerHidden > .contentsWrapper > .oSideColumnWrap {
        display: none; } }
  .layout .contentsWrapper {
    max-width: 1000px;
    margin: 0 auto 0 auto;
    padding: 40px 0 0;
    overflow: hidden;
    position: relative; }
    .layout .contentsWrapper:after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (max-width: 1020px) {
      .layout .contentsWrapper {
        padding: 0 0 0;
        display: block; } }
    @media screen and (max-width: 725px) {
      .layout .contentsWrapper {
        flex-direction: column; } }
    .layout .contentsWrapper > .oLargeCarouselWrap {
      margin-bottom: 8px; }
      @media screen and (max-width: 1020px) {
        .layout .contentsWrapper > .oLargeCarouselWrap {
          margin-bottom: 0; } }
    .layout .contentsWrapper > .oMainColumnWrap {
      width: 628px;
      float: left; }
      @media screen and (max-width: 1020px) {
        .layout .contentsWrapper > .oMainColumnWrap {
          width: 100%;
          float: none; } }
      @media screen and (min-width: 1021px) {
        .layout .contentsWrapper > .oMainColumnWrap {
          border-radius: 6px;
          overflow: hidden; } }
    .layout .contentsWrapper > .oSideColumnWrap {
      width: 340px;
      float: right; }
      @media screen and (max-width: 1020px) {
        .layout .contentsWrapper > .oSideColumnWrap {
          width: 100%;
          float: none; } }

#nprogress .bar {
  height: 6px; }

#nprogress .bar {
  background: #FC7949; }

#nprogress .spinner-icon {
  border-top-color: #FC7949;
  border-left-color: #FC7949; }

#nprogress .peg {
  box-shadow: 0 0 10px #FC7949, 0 0 5px #FC7949; }

.mCarouselContainer {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center; }
  .mCarouselContainer .mCarouselItem {
    padding: 0 5px;
    transform: translateX(-213px); }
    .mCarouselContainer .mCarouselItem a {
      display: block;
      border-radius: 6px;
      overflow: hidden;
      width: 416px;
      height: 234px; }
      .mCarouselContainer .mCarouselItem a .aImage {
        object-fit: cover;
        width: 100%;
        height: 100%; }
    @media screen and (max-width: 1020px) {
      .mCarouselContainer .mCarouselItem {
        transform: translateX(-170px); }
        .mCarouselContainer .mCarouselItem > a .aImage {
          width: 330px;
          height: 186px;
          object-fit: cover; } }


.mCarouselControlWrap .mCarouselControl {
  width: 28px;
  height: 28px;
  line-height: 28px;
  background: rgba(36, 42, 54, 0.75);
  border-radius: 100%;
  position: relative;
  cursor: pointer; }
  .mCarouselControlWrap .mCarouselControl .aIconArrowRightW {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .mCarouselControlWrap .mCarouselControl._left .aIconArrowRightW {
    transform: translate(-50%, -50%) rotate(180deg);
    margin-left: -1px; }
  .mCarouselControlWrap .mCarouselControl._right .aIconArrowRightW {
    margin-left: 1px; }

.oLargeCarouselWrap {
  height: 258px;
  padding: 12px 0;
  background: #fff;
  box-sizing: border-box;
  width: 100%; }
  @media screen and (max-width: 1020px) {
    .oLargeCarouselWrap {
      height: 198px;
      padding: 12px 0 0; } }
  .oLargeCarouselWrap .mCarouselWrap {
    height: 100%;
    position: relative; }
    .oLargeCarouselWrap .mCarouselWrap .mCarouselControlWrap .mCarouselControl {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .oLargeCarouselWrap .mCarouselWrap .mCarouselControlWrap .mCarouselControl._right {
        left: 50%;
        margin-left: 194px; }
      .oLargeCarouselWrap .mCarouselWrap .mCarouselControlWrap .mCarouselControl._left {
        right: 50%;
        margin-right: 194px; }
    @media screen and (max-width: 1020px) {
      .oLargeCarouselWrap .mCarouselWrap .mCarouselControlWrap .mCarouselControl._right {
        margin-left: 152px; }
      .oLargeCarouselWrap .mCarouselWrap .mCarouselControlWrap .mCarouselControl._left {
        margin-right: 152px; } }

.tNews > .oContentContainer .mSearchResultUpper .sortSelectWrap {
  display: flex;
  justify-content: center; }
  .tNews > .oContentContainer .mSearchResultUpper .sortSelectWrap .mFormSelect {
    width: 100%; }

.tNews > .oContentContainer .oFeedItemNews {
  padding-top: 26px; }

.tNews > .oContentContainer .oFeedItemNews + .oFeedItemNews {
  border-top: 1px solid #ebebeb; }

.aToggleButton {
  width: 50px;
  height: 30px;
  border-radius: 15px;
  background: #e5e5e5;
  float: right;
  position: relative;
  cursor: pointer;
  transition: background 200ms ease;
  border: 0; }
  .aToggleButton:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    left: 3px;
    top: 3px;
    transition: left 200ms ease; }
  .aToggleButton > span {
    display: none; }

.toggleActive {
  background: #53d769; }
  .toggleActive:before {
    left: 23px; }

.mFormText {
  width: 100%; }
  .mFormText ._label {
    margin-bottom: 8px; }
    .mFormText ._label .aTextS {
      font-size: 11px;
      color: #808080; }
    .mFormText ._label .aSubText {
      margin-left: 16px;
      font-size: 10px; }
  .mFormText .aFormText {
    font-size: 16px;
    line-height: 18px;
    border-radius: 2px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box; }

.mFormTextArea {
  display: flex;
  flex-direction: column; }

.mProfileAgeGender {
  display: flex;
  margin-top: 24px;
  justify-content: space-between; }
  .mProfileAgeGender > div {
    width: calc(50% - 8px); }
    .mProfileAgeGender > div > .aTextS {
      font-size: 11px;
      color: #808080; }
    .mProfileAgeGender > div > .mFormSelect {
      margin-top: 8px;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
      background-color: transparent;
      border: 1px solid #d8d8d8; }

.oProfileEditForm {
  padding-top: 12px; }
  .oProfileEditForm > .mFormImageUpload {
    margin-bottom: 32px; }
  .oProfileEditForm .mFormText + .mFormText,
  .oProfileEditForm .mFormTextArea + .mFormText {
    margin-top: 24px; }
  .oProfileEditForm .profileToggleForm {
    height: 30px;
    line-height: 30px; }
    .oProfileEditForm .profileToggleForm .aTextS {
      font-size: 11px;
      color: #808080; }
  .oProfileEditForm .profileToggleForm {
    margin-top: 24px; }
    .oProfileEditForm .profileToggleForm > .aFormTextArea {
      height: 100px; }
    .oProfileEditForm .profileToggleForm .aTextS {
      color: #808080;
      margin-right: 16px; }
    .oProfileEditForm .profileToggleForm .aSubText {
      font-size: 11px; }
  .oProfileEditForm .mFormTextArea {
    margin-top: 24px; }
    .oProfileEditForm .mFormTextArea ._label {
      margin-bottom: 8px; }
      .oProfileEditForm .mFormTextArea ._label .aTextS {
        font-size: 11px;
        color: #808080; }
      .oProfileEditForm .mFormTextArea ._label .aSubText {
        margin-left: 16px;
        font-size: 10px; }
    .oProfileEditForm .mFormTextArea .aFormTextArea {
      font-size: 16px;
      line-height: 18px;
      border-radius: 2px;
      padding: 10px;
      width: 100%;
      box-sizing: border-box; }
  .oProfileEditForm .mLargeButtonPrimary {
    margin-top: 32px;
    display: block;
    font-size: 14px;
    margin-bottom: 24px; }
  .oProfileEditForm > .mGeneralLink {
    color: #389aff;
    text-decoration: none;
    cursor: pointer;
    font-size: 12.44px;
    text-align: center;
    width: 100%;
    display: block; }
  .oProfileEditForm .mProfileAgeGender {
    margin-bottom: 24px; }

.oSignUpForm .mFormText {
  margin-top: 24px; }

.oSignUpForm .mLargeButtonPrimary {
  margin-top: 32px;
  display: block;
  font-size: 14px;
  margin-bottom: 24px; }

.oSignUpForm > ._confirm > .aSubText {
  display: block;
  font-size: 12.44px;
  text-align: center; }
  .oSignUpForm > ._confirm > .aSubText + .aSubText {
    margin-top: 5px; }

.oModalTutorial .content {
  width: 300px;
  height: 476px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 5px;
  background: #FFF;
  overflow: hidden; }
  .oModalTutorial .content .slides {
    position: relative;
    width: 1500px;
    overflow: hidden;
    transition: transform 400ms ease; }
    .oModalTutorial .content .slides li {
      width: 300px;
      float: left; }
      .oModalTutorial .content .slides li .title {
        height: 322px;
        padding-top: 22px;
        box-sizing: border-box;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        font-size: 15px;
        line-height: 21px;
        color: #FFF;
        font-weight: 700;
        text-align: center;
        text-shadow: 0 2px 4px rgba(154, 56, 13, 0.35);
        margin-bottom: 36px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
      .oModalTutorial .content .slides li .text {
        padding: 0 20px;
        font-size: 13px;
        line-height: 20px;
        font-weight: 700; }
    .oModalTutorial .content .slides ._1 .title {
      background-image: url(/images/tutorial/1.jpg); }
    .oModalTutorial .content .slides ._2 .title {
      background-image: url(/images/tutorial/2.jpg); }
    .oModalTutorial .content .slides ._3 .title {
      background-image: url(/images/tutorial/3.jpg); }
    .oModalTutorial .content .slides ._4 .title {
      background-image: url(/images/tutorial/4.jpg); }
    .oModalTutorial .content .slides ._5 .title {
      background-image: url(/images/tutorial/5.jpg); }
  .oModalTutorial .content._index-1 > .controle > ._1 {
    background: #ff8c0a; }
  .oModalTutorial .content._index-2 > .slides {
    transform: translateX(-300px); }
  .oModalTutorial .content._index-2 > .controle > ._2 {
    background: #ff8c0a; }
  .oModalTutorial .content._index-3 > .slides {
    transform: translateX(-600px); }
  .oModalTutorial .content._index-3 > .controle > ._3 {
    background: #ff8c0a; }
  .oModalTutorial .content._index-4 > .slides {
    transform: translateX(-900px); }
  .oModalTutorial .content._index-4 > .controle > ._4 {
    background: #ff8c0a; }
  .oModalTutorial .content._index-5 > .slides {
    transform: translateX(-1200px); }
  .oModalTutorial .content._index-5 > .controle > ._5 {
    background: #ff8c0a; }
  .oModalTutorial .content .controle {
    position: absolute;
    top: 337px;
    left: 0;
    right: 0;
    text-align: center; }
    .oModalTutorial .content .controle li {
      display: inline-block;
      width: 5px;
      height: 5px;
      border-radius: 100%;
      background: #bebebe;
      margin: 0 4px; }
  .oModalTutorial .content .buttons {
    height: 39px;
    line-height: 39px;
    border-top: 1px solid #eeeeee;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer; }
    .oModalTutorial .content .buttons a {
      font-size: 14px;
      padding: 0 20px;
      position: absolute;
      font-weight: 500; }
    .oModalTutorial .content .buttons .left {
      left: 0;
      color: #8c8c8c; }
    .oModalTutorial .content .buttons .right {
      right: 0;
      color: #389aff; }

.oModalTutorial.last .buttons.normal {
  display: none; }

.oModalTutorial.last .buttons.last {
  display: block; }

@media (max-width: 320px) {
  .oModalTutorial .content {
    transform: translateX(-50%) translateY(-50%) scale(0.85); } }

.tRegister .mContentContainer {
  position: relative; }
  .tRegister .mContentContainer .mMoleculeSignupWithOutsideAccount + .mHeadingWrap {
    margin-top: 48px; }
  .tRegister .mContentContainer .mLargeButtonGray {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }

.oFeedItemGoods {
  padding: 15px 0;
  color: inherit;
  text-decoration: none;
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  .oFeedItemGoods > ._left {
    width: calc(100% - 144px);
    padding-bottom: 26px;
    position: relative;
    padding-right: 16px; }
    .oFeedItemGoods > ._left .aText {
      font-size: 12px;
      line-height: 18px;
      font-weight: 500;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden; }
      .oFeedItemGoods > ._left .aText + .aText {
        margin-top: 8px;
        font-weight: 800; }
    .oFeedItemGoods > ._left .aSubText {
      position: absolute;
      left: 0;
      bottom: 0;
      font-size: 10px; }
  .oFeedItemGoods > ._right > ._imageWrap {
    width: 128px;
    height: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative; }
    .oFeedItemGoods > ._right > ._imageWrap .aImage {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .oFeedItemGoods .mSideInnerListRowBottom .aImage {
    display: inline;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    transform: translateY(1px); }
  .oFeedItemGoods .mSideInnerListRowBottom .aSubText {
    margin-right: 15px;
    font-size: 10px;
    font-weight: 500; }


@charset "UTF-8";
.mDefinitionListItem {
  padding: 12px 0;
  display: flex; }
  .mDefinitionListItem .mDefinitionListDescription {
    margin: 0;
    flex: 1;
    color: #242a36;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500; }
    .mDefinitionListItem .mDefinitionListDescription a {
      color: #0189EC;
      display: inline-block;
      margin-left: 1em; }
  .mDefinitionListItem .mDefinitionListTerm {
    min-width: 6em;
    color: #808080;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400; }
    .mDefinitionListItem .mDefinitionListTerm::after {
      content: '\FF1A';
      display: inline; }
  .mDefinitionListItem + .mDefinitionListItem {
    border-top: 1px solid #ebebeb; }

.oTitleSingleInfo .oContentContainer._tag .mContentHedding {
  margin-bottom: 0; }

.oTitleSingleInfo .oContentContainer > .mContentHedding {
  margin-bottom: 12px; }

.aBoldText {
  font-weight: 700;
  letter-spacing: 0.025em; }

.oCardUserAuthor {
  width: 100px;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 10px 12px;
  background-color: #FFF;
  margin: 0 5px; }
  .oCardUserAuthor .mUserAvatar {
    width: 42px;
    height: 42px;
    margin: 0 auto;
    position: relative; }
    .oCardUserAuthor .mUserAvatar .mIconWrap .aIconBadge {
      position: absolute;
      right: -2px;
      bottom: -2px; }
  .oCardUserAuthor .mUserCommentUpper {
    justify-content: center;
    margin-top: 10px; }
  .oCardUserAuthor .aBoldText {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .oCardUserAuthor .aSubText {
    margin-top: 10px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    text-align: center; }
  .oCardUserAuthor .mAuthorFunButton {
    min-height: 28px;
    margin-top: 10px;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 0; }
  .oCardUserAuthor .mFollowButton {
    box-sizing: border-box;
    width: 72px;
    height: 32px;
    display: flex;
    margin: 14px auto 0; }
    .oCardUserAuthor .mFollowButton span {
      display: block; }

.oTitleSingleReview .oContentContainer .mReviewUpperWrap {
  margin-top: 25px; }

.oTitleSingleReview .oContentContainer._reviewList {
  padding-bottom: 0; }
  .oTitleSingleReview .oContentContainer._reviewList .oFeedItemReview {
    border-bottom: 1px solid #ebebeb; }
  .oTitleSingleReview .oContentContainer._reviewList .oFeedItemReview:last-child:before {
    display: none; }

.tTitle {
  width: 620px;
  grid-column: 1;
  grid-row: 1 / 3; }
  .tTitle:after {
    content: '';
    display: block;
    height: 90px;
    background: #fff; }
  .tTitle .oContentContainer._titleSingleLargeDetail {
    padding-bottom: 13px; }
  .tTitle .oContentContainer._news .oFeedItemNews {
    padding-top: 26px; }
  .tTitle .oContentContainer._news .oFeedItemNews + .oFeedItemNews {
    border-top: 1px solid #ebebeb; }
  .tTitle .oContentContainer._goods .oFeedItemGoods {
    padding-top: 26px; }
  .tTitle .oContentContainer._goods .oFeedItemGoods + .oFeedItemGoods {
    border-top: 1px solid #ebebeb; }
  .tTitle .oContentContainer._relatedTitles {
    border-top: 2px solid #ebebeb; }
    .tTitle .oContentContainer._relatedTitles .mContentHedding {
      margin-bottom: -4px; }
    .tTitle .oContentContainer._relatedTitles > .oTitleListMore {
      display: flex;
      flex-wrap: wrap; }
      .tTitle .oContentContainer._relatedTitles > .oTitleListMore .oCardTitle {
        width: calc(100% / 4 - 10px);
        margin: 22px 5px 0; }
        @media screen and (max-width: 725px) {
          .tTitle .oContentContainer._relatedTitles > .oTitleListMore .oCardTitle {
            width: calc(100% / 3 - 10px); } }
      .tTitle .oContentContainer._relatedTitles > .oTitleListMore > .mButton {
        height: 44px;
        width: 100%;
        text-align: center;
        color: #4b9ebf;
        font-size: 12px;
        font-weight: 500;
        line-height: 44px;
        border: 1px solid rgba(75, 158, 191, 0.45);
        border-radius: 22px;
        text-decoration: none;
        display: block;
        margin-top: 28px; }
  .tTitle > .oTitleSingleInfo {
    border-bottom: 2px solid #ebebeb; }
  @media screen and (max-width: 1020px) {
    .tTitle {
      width: 100%;
      float: none; } }
  @media screen and (max-width: 1020px) {
    .tTitle .mColumnFooterStickyWrap {
      background: transparent;
      border: none; } }
  .tTitle .mColumnFooterStickyWrap .mButtonsWrap {
    width: 180px;
    height: 50px;
    position: relative; }
    .tTitle .mColumnFooterStickyWrap .mButtonsWrap .mYondaButton._active {
      width: 180px;
      position: absolute;
      left: 0;
      text-outline: 0;
      margin: 0; }

.tAbout > .oContentContainer > .mImageWrap > .aImage {
  width: 100%;
  height: auto; }

.tAbout > .oContentContainer > ._mainTitle {
  margin-top: 24px;
  font-size: 22.4px;
  font-weight: bold;
  color: #242a36; }

.tAbout > .oContentContainer > ._date {
  color: #808080;
  font-size: 11.2px;
  margin-top: 10px; }

.tAbout > .oContentContainer > ._contentsTable {
  padding: 20px 16px;
  margin: 24px 0 32px;
  color: #808080;
  background: #F0F0F0;
  border-radius: 6px; }
  .tAbout > .oContentContainer > ._contentsTable > ._tableTitle {
    font-size: 12.44px;
    font-weight: bold;
    margin-bottom: 4px; }
  .tAbout > .oContentContainer > ._contentsTable > ul > li {
    font-size: 14px; }
    .tAbout > .oContentContainer > ._contentsTable > ul > li > a {
      padding: 12px 0;
      display: block; }
      .tAbout > .oContentContainer > ._contentsTable > ul > li > a > span {
        font-size: 10.18px;
        margin-left: 16px; }
    .tAbout > .oContentContainer > ._contentsTable > ul > li + li {
      border-top: 1px solid #E5E5E5; }

.tAbout > .oContentContainer > .mSectionTitle {
  margin-bottom: 17px; }

.tAbout > .oContentContainer > ._contentBox {
  margin-bottom: 43px; }
  .tAbout > .oContentContainer > ._contentBox > p {
    font-size: 14px;
    color: #242a36;
    line-height: 2; }
    .tAbout > .oContentContainer > ._contentBox > p > span {
      font-weight: bold; }
    .tAbout > .oContentContainer > ._contentBox > p > .mGeneralLink {
      color: #389aff;
      text-decoration: underline; }
  .tAbout > .oContentContainer > ._contentBox > ._appButtons {
    margin-top: 24px;
    background: #F2F2F2;
    padding: 16px;
    border-radius: 8px;
    text-align: center; }
    .tAbout > .oContentContainer > ._contentBox > ._appButtons > li {
      display: inline-block;
      vertical-align: middle;
      margin: 0 8px; }
      .tAbout > .oContentContainer > ._contentBox > ._appButtons > li > .mGeneralLink {
        display: block; }
        .tAbout > .oContentContainer > ._contentBox > ._appButtons > li > .mGeneralLink > .mImageWrap > .aImage {
          width: auto;
          height: auto;
          max-width: 100%;
          max-height: 50px; }
      .tAbout > .oContentContainer > ._contentBox > ._appButtons > li + li + li {
        margin-left: 32px; }
        .tAbout > .oContentContainer > ._contentBox > ._appButtons > li + li + li > .mImageWrap > .aImage {
          max-width: 88px;
          width: 88px;
          height: 88px;
          max-height: 88px; }
    @media screen and (max-width: 725px) {
      .tAbout > .oContentContainer > ._contentBox > ._appButtons > li {
        max-width: calc(50% - 16px); }
        .tAbout > .oContentContainer > ._contentBox > ._appButtons > li + li + li {
          margin-left: 0;
          max-width: 100%;
          width: 100%;
          margin-top: 16px; } }
  .tAbout > .oContentContainer > ._contentBox._1 > p:nth-child(2) {
    font-weight: bold;
    margin: 1em 0; }
  .tAbout > .oContentContainer > ._contentBox._associate p {
    font-size: 11px; }
  .tAbout > .oContentContainer > ._contentBox._appDownloads h2 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px; }

.tAbout > .oContentContainer > ul > li {
  width: 100%;
  margin-bottom: 32px; }
  .tAbout > .oContentContainer > ul > li > ._listTitle {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 24px;
    margin-bottom: 16px; }
    .tAbout > .oContentContainer > ul > li > ._listTitle._news {
      background: #F0F0F0;
      border-radius: 6px;
      padding: 12px;
      font-size: 12px; }
  .tAbout > .oContentContainer > ul > li > ._newsList {
    margin-bottom: 16px; }
    .tAbout > .oContentContainer > ul > li > ._newsList > li > a {
      padding: 10px 16px;
      border-radius: 6px;
      border: 1px solid #E5E5E5; }
    .tAbout > .oContentContainer > ul > li > ._newsList > li + li {
      margin-top: 8px; }
  .tAbout > .oContentContainer > ul > li > .mGeneralLink {
    display: block;
    padding: 14px 0;
    text-align: center;
    width: 100%;
    background-color: #FC7949;
    color: white;
    font-size: 14px;
    border-radius: 2px; }
  .tAbout > .oContentContainer > ul > li > p {
    font-size: 14px;
    color: #242a36;
    line-height: 2;
    margin-bottom: 24px; }
  .tAbout > .oContentContainer > ul > li > .mImageWrap > .aImage {
    width: 100%;
    height: auto; }
  .tAbout > .oContentContainer > ul > li > .aImage {
    width: 100%;
    height: auto; }