@charset "UTF-8";
/* パラメータ
----------------------------------------------- */
.NA_my {
  background: #ffffff;
  -webkit-box-shadow: 0 2px 3px rgba(20, 25, 28, 0.2);
  box-shadow: 0 2px 3px rgba(20, 25, 28, 0.2);
  font-size: 16rem;
  line-height: 1.6;
  /* ページ個別 */ }
  .NA_my .NA_my_content {
    padding: 50px 50px 60px;
    max-width: 680px;
    margin: 0 auto; }
    .NA_my .NA_my_content .NA_my_title {
      font-size: 22rem;
      font-weight: 600;
      line-height: 1.3;
      margin-bottom: 20px; }
    .NA_my .NA_my_content .NA_my_text {
      font-size: 16rem;
      line-height: 1.75;
      margin-top: 30px;
      margin-bottom: 30px; }
      .NA_my .NA_my_content .NA_my_text:last-child {
        margin-bottom: 0; }
      .NA_my .NA_my_content .NA_my_text.NA_my_text-annotation {
        border: 1px solid;
        padding: 20px;
        margin-bottom: 40px;
        font-size: 15rem; }
    .NA_my .NA_my_content .NA_my_textlink {
      width: 400px;
      margin: 20px auto 0; }
      .NA_my .NA_my_content .NA_my_textlink a {
        display: block;
        text-align: center;
        font-size: 15rem; }
    .NA_my .NA_my_content .NA_my_btn a {
      display: block;
      color: #0e77d0;
      background: #e9f3fa;
      font-weight: 600;
      text-align: center;
      border-radius: 5px;
      padding: 15px;
      width: 400px;
      margin: 0 auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .NA_my .NA_my_content .NA_my_btn a:hover {
        opacity: 0.8; }
    .NA_my .NA_my_content .NA_my_btn_wrap {
      display: -ms-grid;
      display: grid;
      gap: 20px 0;
      margin-top: 30px; }
    .NA_my .NA_my_content .NA_my_resend {
      margin-top: 30px; }
    .NA_my .NA_my_content .NA_my_linklist {
      list-style: none;
      display: -ms-grid;
      display: grid;
      gap: 15px 0;
      width: 400px;
      margin: 0 auto; }
      .NA_my .NA_my_content .NA_my_linklist li a {
        display: block;
        background: #f2f4f6;
        padding: 15px;
        border-radius: 5px;
        color: #222222;
        text-align: center;
        font-weight: 600; }
        .NA_my .NA_my_content .NA_my_linklist li a:hover {
          opacity: 0.7; }
    .NA_my .NA_my_content .NA_my_image img {
      width: 100%;
      height: auto; }
    .NA_my .NA_my_content .NA_my_form {
      margin: 30px auto 0;
      padding: 60px 80px;
      background: #f2f4f6;
      border-radius: 10px;
      /*//numberの矢印消す
			input[type="number"]::-webkit-outer-spin-button,
			input[type="number"]::-webkit-inner-spin-button {
				-webkit-appearance: none;
				margin: 0;
			}
			input[type="number"] {
				-moz-appearance: textfield;
			}*/ }
      .NA_my .NA_my_content .NA_my_form .NA_my_text-alert {
        margin-bottom: 50px; }
      .NA_my .NA_my_content .NA_my_form .NA_my_form_title {
        font-size: 18rem;
        font-weight: 600;
        margin-bottom: 30px;
        text-align: center; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_title:first-of-type {
          margin-top: -0.5em; }
      .NA_my .NA_my_content .NA_my_form .NA_my_form_container {
        position: relative;
        margin-top: 30px; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_container:first-child {
          margin-top: 0; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_container + .NA_my_form_container {
          margin-top: 20px; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_container + .NA_my_form_annotation {
          margin-top: 30px; }
      .NA_my .NA_my_content .NA_my_form input:not(.NA_my_submit) {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 32px 15px 10px;
        width: 100%;
        font-size: 16rem;
        border: 1px solid #ccd7dd;
        border-radius: 5px;
        box-sizing: border-box;
        background: #fff; }
      .NA_my .NA_my_content .NA_my_form input:not(.NA_my_submit):focus {
        border-color: #0e77d0;
        outline: none; }
      .NA_my .NA_my_content .NA_my_form input[type="password"] {
        padding-right: 55px; }
      .NA_my .NA_my_content .NA_my_form .NA_my_form_radio label,
      .NA_my .NA_my_content .NA_my_form .NA_my_form_checkbox label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        line-height: 1;
        font-size: 16rem;
        gap: 0 2px;
        cursor: pointer; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_radio label input,
        .NA_my .NA_my_content .NA_my_form .NA_my_form_checkbox label input {
          width: 1em;
          margin: 0 5px 0 0;
          height: 1em;
          padding: 0;
          cursor: pointer;
          border-color: #ccd7dd;
          background: #fff; }
      .NA_my .NA_my_content .NA_my_form .NA_my_form_radio {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px 30px; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_radio input {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          position: relative;
          width: 20px;
          height: 20px;
          border-radius: 20px; }
          .NA_my .NA_my_content .NA_my_form .NA_my_form_radio input:checked {
            border: 1px solid #0e77d0; }
            .NA_my .NA_my_content .NA_my_form .NA_my_form_radio input:checked:after {
              content: "";
              position: absolute;
              inset: 0;
              width: 10px;
              height: 10px;
              margin: auto;
              border-radius: 10px;
              background: #0e77d0; }
      .NA_my .NA_my_content .NA_my_form .NA_my_form_checkbox {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto)[4];
        grid-template-columns: repeat(4, auto);
        gap: 20px; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_checkbox input {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          position: relative;
          width: 20px;
          height: 20px;
          border-radius: 2px; }
          .NA_my .NA_my_content .NA_my_form .NA_my_form_checkbox input:checked {
            border: 1px solid #0e77d0;
            background: #0e77d0; }
            .NA_my .NA_my_content .NA_my_form .NA_my_form_checkbox input:checked:after {
              content: "";
              position: absolute;
              top: 3px;
              left: 1px;
              width: 11px;
              height: 4px;
              border-bottom: 2px solid #ffffff;
              border-left: 2px solid #ffffff;
              -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
      .NA_my .NA_my_content .NA_my_form .NA_my_form_select {
        position: relative; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_select:after {
          position: absolute;
          margin: auto;
          right: 15px;
          top: 0;
          bottom: 0;
          width: 12px;
          height: 8px;
          background-color: #0e77d0;
          -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
          content: '';
          pointer-events: none; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_select select {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          color: #222222;
          background: #fff;
          font-size: 16rem;
          border: 1px solid #ccd7dd;
          border-radius: 5px;
          padding: 15px;
          padding-right: 40px;
          width: 100%;
          font-family: inherit; }
          .NA_my .NA_my_content .NA_my_form .NA_my_form_select select:focus {
            outline: none;
            border-color: #0e77d0; }
      .NA_my .NA_my_content .NA_my_form .NA_my_form_section_title {
        font-size: 17rem;
        color: #222222;
        margin-top: 45px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_section_title small {
          display: inline-block;
          font-size: 13rem;
          border-radius: 3px;
          padding: 0 5px;
          background: rgba(255, 255, 255, 0.7);
          color: #657178; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_section_title:not(label):first-of-type {
          margin-top: -0.25em; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_section_title + .NA_my_form_container {
          margin-top: 20px; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_section_title + .NA_my_form_annotation {
          margin-bottom: -10px; }
      .NA_my .NA_my_content .NA_my_form input + .NA_my_form_section_title {
        color: #657178;
        margin-top: 0;
        position: absolute;
        top: 18px;
        left: 15px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        pointer-events: none;
        font-weight: normal;
        font-size: 16rem; }
      .NA_my .NA_my_content .NA_my_form input:focus + .NA_my_form_section_title,
      .NA_my .NA_my_content .NA_my_form input:not(:placeholder-shown) + .NA_my_form_section_title {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        font-weight: 600;
        font-size: 13rem; }
      .NA_my .NA_my_content .NA_my_form .NA_my_form_masking {
        border: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 53px;
        margin: 5px;
        border-radius: 5px;
        background: url("../image/my/icon-eye_off.png") no-repeat center center/30px auto;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_masking.NA_my_form_masking-on {
          background-image: url("../image/my/icon-eye_on.png"); }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_masking span {
          position: absolute;
          width: 1px;
          height: 1px;
          margin: -1px;
          padding: 0;
          border: 0;
          clip: rect(0, 0, 0, 0);
          overflow: hidden; }
      .NA_my .NA_my_content .NA_my_form .NA_my_text {
        margin-top: 0; }
      .NA_my .NA_my_content .NA_my_form .NA_my_text-alert {
        border: 1px solid;
        padding: 20px;
        margin-bottom: 50px;
        font-size: 15rem;
        border-color: #c82437;
        color: #c82437; }
        .NA_my .NA_my_content .NA_my_form .NA_my_text-alert ul {
          margin-left: 1em; }
          .NA_my .NA_my_content .NA_my_form .NA_my_text-alert ul li + li {
            margin-top: 0.4em; }
      .NA_my .NA_my_content .NA_my_form .NA_my_form_text {
        margin-top: 10px; }
      .NA_my .NA_my_content .NA_my_form .NA_my_form_error {
        color: #c82437;
        font-size: 14rem;
        margin: 10px 0 20px; }
      .NA_my .NA_my_content .NA_my_form .NA_my_form_annotation {
        font-size: 14rem;
        margin-top: 10px; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_annotation:first-child {
          margin-top: 0; }
      .NA_my .NA_my_content .NA_my_form .NA_my_form_container.NA_my_form_container-agreement {
        padding: 15px;
        margin: 50px 0 55px;
        background: #fff; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_container.NA_my_form_container-agreement .NA_my_form_checkbox {
          display: block; }
          .NA_my .NA_my_content .NA_my_form .NA_my_form_container.NA_my_form_container-agreement .NA_my_form_checkbox label {
            display: block;
            line-height: 1.65; }
            .NA_my .NA_my_content .NA_my_form .NA_my_form_container.NA_my_form_container-agreement .NA_my_form_checkbox label input {
              margin-top: -0.2em;
              margin-right: 7px; }
        .NA_my .NA_my_content .NA_my_form .NA_my_form_container.NA_my_form_container-agreement .NA_my_form_error {
          margin-bottom: 0; }
      .NA_my .NA_my_content .NA_my_form .NA_my_submit {
        border: none;
        background: #0e77d0;
        color: #fff;
        padding: 15px;
        font-weight: 600;
        font-size: 17rem;
        margin: 10px auto 0;
        width: 100%;
        display: block;
        line-height: 1.5;
        border-radius: 5px;
        margin-top: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        letter-spacing: 0.05em; }
        .NA_my .NA_my_content .NA_my_form .NA_my_submit:hover {
          opacity: 0.8; }
        .NA_my .NA_my_content .NA_my_form .NA_my_submit:active {
          opacity: 1; }
        .NA_my .NA_my_content .NA_my_form .NA_my_submit.NA_my_submit_disabled {
          opacity: 0.3; }
      .NA_my .NA_my_content .NA_my_form .NA_my_scrollbox {
        margin-top: 10px;
        background: #fff;
        padding: 0 15px;
        height: 250px;
        overflow-y: scroll; }
  .NA_my.NA_my-new .NA_my_content .NA_my_title_wrap, .NA_my.NA_my-login .NA_my_content .NA_my_title_wrap {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .NA_my.NA_my-new .NA_my_content .NA_my_title_wrap .NA_my_title, .NA_my.NA_my-login .NA_my_content .NA_my_title_wrap .NA_my_title {
      margin-bottom: 0; }
    .NA_my.NA_my-new .NA_my_content .NA_my_title_wrap .NA_my_title_link a, .NA_my.NA_my-login .NA_my_content .NA_my_title_wrap .NA_my_title_link a {
      color: #0e77d0;
      background: #e9f3fa;
      padding: 7px 10px;
      font-size: 14rem;
      border-radius: 3px; }
      .NA_my.NA_my-new .NA_my_content .NA_my_title_wrap .NA_my_title_link a:hover, .NA_my.NA_my-login .NA_my_content .NA_my_title_wrap .NA_my_title_link a:hover {
        opacity: 0.8;
        color: #0e77d0; }
  .NA_my.NA_my-new .NA_my_content .NA_my_oauth, .NA_my.NA_my-login .NA_my_content .NA_my_oauth {
    margin-top: 45px;
    padding-top: 40px;
    border-top: 1px solid #ccd7dd; }
    .NA_my.NA_my-new .NA_my_content .NA_my_oauth .NA_my_oauth_title, .NA_my.NA_my-login .NA_my_content .NA_my_oauth .NA_my_oauth_title {
      font-size: 18rem;
      font-weight: 600;
      margin-bottom: 20px;
      text-align: center; }
    .NA_my.NA_my-new .NA_my_content .NA_my_oauth .NA_my_oauth_list, .NA_my.NA_my-login .NA_my_content .NA_my_oauth .NA_my_oauth_list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
      gap: 0 15px;
      list-style: none; }
      .NA_my.NA_my-new .NA_my_content .NA_my_oauth .NA_my_oauth_list li a, .NA_my.NA_my-login .NA_my_content .NA_my_oauth .NA_my_oauth_list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 50px;
        border-radius: 5px;
        gap: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #222222;
        background: no-repeat 5px center / contain #fff;
        border: 1px solid #ccd7dd; }
        .NA_my.NA_my-new .NA_my_content .NA_my_oauth .NA_my_oauth_list li a:hover, .NA_my.NA_my-login .NA_my_content .NA_my_oauth .NA_my_oauth_list li a:hover {
          opacity: 0.8; }
      .NA_my.NA_my-new .NA_my_content .NA_my_oauth .NA_my_oauth_list li.NA_my_oauth_apple a, .NA_my.NA_my-login .NA_my_content .NA_my_oauth .NA_my_oauth_list li.NA_my_oauth_apple a {
        background-image: url("../image/my/icon-apple.svg"); }
      .NA_my.NA_my-new .NA_my_content .NA_my_oauth .NA_my_oauth_list li.NA_my_oauth_google a, .NA_my.NA_my-login .NA_my_content .NA_my_oauth .NA_my_oauth_list li.NA_my_oauth_google a {
        background-image: url("../image/my/icon-google.svg");
        background-size: 38px auto;
        background-position: 2px center; }
  .NA_my.NA_my-new .NA_my_image {
    margin-top: 30px; }
    .NA_my.NA_my-new .NA_my_image .NA_my_image_title {
      font-size: 20rem;
      inline-size: -webkit-fit-content;
      inline-size: -moz-fit-content;
      inline-size: fit-content;
      margin-inline: auto;
      border-bottom: 3px solid #0e77d0;
      margin-bottom: 20px;
      padding-bottom: 3px; }
  .NA_my.NA_my-login .NA_my_content .NA_my_oauth {
    position: relative; }
    .NA_my.NA_my-login .NA_my_content .NA_my_oauth .NA_my_oauth_title {
      position: absolute;
      padding: 0 10px;
      color: #657178;
      font-weight: normal;
      font-size: 14rem;
      text-align: center;
      margin: auto;
      left: 0;
      right: 0;
      top: -0.5em;
      line-height: 1;
      display: inline-block;
      width: 3em;
      background: #f2f4f6; }
  .NA_my.NA_my-register .NA_my_scrollbox .NA_article_header > * {
    margin-left: 0;
    margin-right: 0; }
  .NA_my.NA_my-register .NA_my_scrollbox .NA_article_header .NA_article_title {
    margin-top: 0;
    font-size: 15rem; }
  .NA_my.NA_my-register .NA_my_scrollbox .NA_article_header .NA_article_data .NA_article_date {
    font-size: 13rem; }
  .NA_my.NA_my-register .NA_my_scrollbox .NA_article_body {
    margin: 0;
    padding-bottom: 0; }
    .NA_my.NA_my-register .NA_my_scrollbox .NA_article_body h2 {
      font-size: 15rem; }
    .NA_my.NA_my-register .NA_my_scrollbox .NA_article_body h3 {
      font-size: 14rem; }
    .NA_my.NA_my-register .NA_my_scrollbox .NA_article_body h4, .NA_my.NA_my-register .NA_my_scrollbox .NA_article_body p, .NA_my.NA_my-register .NA_my_scrollbox .NA_article_body ol, .NA_my.NA_my-register .NA_my_scrollbox .NA_article_body ul {
      font-size: 14rem; }
    .NA_my.NA_my-register .NA_my_scrollbox .NA_article_body .NA_article_credit {
      font-size: 13rem; }
  .NA_my.NA_my-register .NA_my_scrollbox + .NA_my_form_section_title,
  .NA_my.NA_my-register .NA_my_scrollbox + .NA_my_form_container-agreement {
    margin-top: 30px; }
  .NA_my.NA_my-mypage {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr; }
    .NA_my.NA_my-mypage .NA_my_nav {
      background: #323537; }
      .NA_my.NA_my-mypage .NA_my_nav ul {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1;
        display: -ms-grid;
        display: grid;
        gap: 20px;
        padding: 30px 20px; }
        .NA_my.NA_my-mypage .NA_my_nav ul li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 100%;
          font-weight: 600;
          padding: 7px 20px 7px 15px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          color: #fff;
          font-size: 16rem;
          border-radius: 2em 0 0 2em;
          margin-right: -20px; }
          .NA_my.NA_my-mypage .NA_my_nav ul li a:hover {
            background: rgba(255, 255, 255, 0.15); }
          .NA_my.NA_my-mypage .NA_my_nav ul li a:before {
            content: "";
            display: block;
            width: 25px;
            height: 25px;
            background: no-repeat center center / 100% auto;
            margin-right: 12px; }
        .NA_my.NA_my-mypage .NA_my_nav ul li.NA_my_nav_current a {
          background: #fff;
          color: #222; }
          .NA_my.NA_my-mypage .NA_my_nav ul li.NA_my_nav_current a:before {
            -webkit-filter: invert(87%);
            filter: invert(87%); }
        .NA_my.NA_my-mypage .NA_my_nav ul li.NA_my_nav_feed a:before {
          background-image: url("../image/my/icon-feed.png"); }
        .NA_my.NA_my-mypage .NA_my_nav ul li.NA_my_nav_follow a:before {
          background-image: url("../image/my/icon-follow.png"); }
        .NA_my.NA_my-mypage .NA_my_nav ul li.NA_my_nav_fav a:before {
          background-image: url("../image/my/icon-fav.png"); }
        .NA_my.NA_my-mypage .NA_my_nav ul li.NA_my_setting_link {
          padding-top: 20px;
          margin-top: 20px;
          margin-right: -20px;
          border-top: 1px solid rgba(255, 255, 255, 0.15); }
          .NA_my.NA_my-mypage .NA_my_nav ul li.NA_my_setting_link a {
            margin-right: 0;
            letter-spacing: 0.05em; }
            .NA_my.NA_my-mypage .NA_my_nav ul li.NA_my_setting_link a:before {
              width: 23px;
              height: 23px;
              background-image: url("../image/my/icon-setting.png");
              margin-left: 1px;
              margin-right: 13px; }
    .NA_my.NA_my-mypage .NA_my_content {
      width: 680px;
      padding-top: 40px;
      padding-left: 0;
      padding-right: 0; }
      .NA_my.NA_my-mypage .NA_my_content .NA_my_lead {
        font-size: 14rem;
        border-bottom: 1px solid #ccd7dd;
        padding-bottom: 30px;
        margin-bottom: 30px;
        margin-top: -0.3em; }
      .NA_my.NA_my-mypage .NA_my_content .NA_my_pulldown {
        text-align: center;
        margin: 0 auto 30px;
        position: relative;
        width: 10em; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_pulldown:after {
          position: absolute;
          margin: auto;
          right: 10px;
          top: 0;
          bottom: 4px;
          height: 10px;
          aspect-ratio: 1;
          background-color: #657178;
          -webkit-clip-path: polygon(100% 45%, 50% 100%, 0 45%, 10% 45%, 50% 90%, 90% 45%);
          clip-path: polygon(100% 45%, 50% 100%, 0 45%, 10% 45%, 50% 90%, 90% 45%);
          content: '';
          pointer-events: none; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_pulldown select {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          color: #222222;
          background: #f2f4f6;
          border: none;
          font-size: 14rem;
          border-radius: 5px;
          padding: 10px 25px 10px 15px;
          width: 100%;
          font-family: inherit; }
          .NA_my.NA_my-mypage .NA_my_content .NA_my_pulldown select:focus {
            outline: none;
            border-color: #0e77d0; }
      .NA_my.NA_my-mypage .NA_my_content .NA_my_feed {
        margin: 30px auto; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_feed .NA_card {
          min-height: 100px;
          -webkit-box-sizing: content-box;
          box-sizing: content-box; }
          .NA_my.NA_my-mypage .NA_my_content .NA_my_feed .NA_card + .NA_card {
            margin-top: 20px;
            padding-top: 20px; }
            .NA_my.NA_my-mypage .NA_my_content .NA_my_feed .NA_card + .NA_card .NA_thumb {
              top: 20px; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_feed .NA_card_entity {
          margin-bottom: 0.5em;
          line-height: 1.4;
          color: #657178;
          font-weight: 600;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          gap: 5px;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .NA_my.NA_my-mypage .NA_my_content .NA_my_feed .NA_card_entity .NA_card_entity_text {
            font-size: 14rem;
            background: #f2f4f6;
            padding: 3px 5px;
            border-radius: 3px; }
          .NA_my.NA_my-mypage .NA_my_content .NA_my_feed .NA_card_entity .NA_card_entity_other {
            font-size: 13rem; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_feed .NA_card_title {
          min-height: 2.5em; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_feed .NA_card_link + a .NA_thumb {
          margin-top: 0; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_feed .NA_thumb {
          position: absolute;
          top: 0; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_feed .NA_ad {
          margin: 50px 0; }
      .NA_my.NA_my-mypage .NA_my_content .NA_my_follow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px 30px;
        margin: 30px 0; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_my_follow_card {
          width: calc( 50% - 15px);
          padding-bottom: 20px;
          border-bottom: 1px solid rgba(20, 25, 28, 0.1); }
          .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_my_follow_card:last-of-type, .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_my_follow_card:nth-last-of-type(2) {
            border: none;
            padding-bottom: 0; }
          .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_my_follow_card a:first-child {
            overflow: hidden; }
            .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_my_follow_card a:first-child:hover {
              opacity: 0.8; }
            .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_my_follow_card a:first-child .NA_my_follow_card_thumb {
              background: rgba(160, 164, 166, 0.2);
              aspect-ratio: 1 / 1;
              width: 85px;
              height: 85px;
              float: left; }
              .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_my_follow_card a:first-child .NA_my_follow_card_thumb img {
                -o-object-fit: contain;
                object-fit: contain;
                -o-object-position: center;
                object-position: center;
                display: block;
                width: 100%;
                height: 100%; }
            .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_my_follow_card a:first-child .NA_my_follow_card_title {
              color: #222222;
              line-height: 1.5;
              margin-left: 100px; }
              .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_my_follow_card a:first-child .NA_my_follow_card_title.NA_card_title-reduce {
                -webkit-line-clamp: 2;
                font-size: 16rem; }
          .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_my_follow_card .NA_my_follow_btn {
            display: block;
            width: 90px;
            height: 30px;
            background: url("../image/common/btn_user-function.png") no-repeat;
            background-size: 225px 60px;
            font-size: 0;
            text-indent: 100%;
            position: relative;
            margin: 10px 0 0 100px; }
            .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_my_follow_card .NA_my_follow_btn.NA_my_follow_btn-on {
              background-position: 0 -30px; }
            .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_my_follow_card .NA_my_follow_btn:hover {
              opacity: 0.8; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_follow .NA_ad {
          width: 100%;
          margin: 30px 0 40px; }
      .NA_my.NA_my-mypage .NA_my_content .NA_my_fav .NA_card .NA_card_text .NA_card_title {
        padding-right: 26px; }
      .NA_my.NA_my-mypage .NA_my_content .NA_my_fav .NA_card .NA_my_fav_btn {
        position: absolute;
        right: 0;
        top: 0;
        width: 16px;
        height: 24px;
        font-size: 0;
        text-indent: 100%;
        background: url("../image/common/btn_user-function.png") no-repeat;
        background-size: 180px 48px;
        background-position: -76px 0; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_fav .NA_card .NA_my_fav_btn.NA_my_fav_btn-on {
          background-position: -76px -24px; }
      .NA_my.NA_my-mypage .NA_my_content .NA_my_fav .NA_card + .NA_card .NA_my_fav_btn {
        top: 20px; }
      .NA_my.NA_my-mypage .NA_my_content.NA_my_empty .NA_my_empty_info {
        margin-bottom: 40px; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my_empty .NA_my_empty_info .NA_my_text {
          text-align: center;
          padding: 60px 0;
          color: #657178;
          font-weight: 600;
          font-size: 17rem; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my_empty .NA_my_empty_info .NA_my_empty_guide {
          text-align: center;
          line-height: 2.3;
          background: #f2f4f6;
          inline-size: -webkit-fit-content;
          inline-size: -moz-fit-content;
          inline-size: fit-content;
          margin-inline: auto;
          padding: 25px 40px;
          border-radius: 1000px;
          position: relative;
          font-size: 15rem; }
          .NA_my.NA_my-mypage .NA_my_content.NA_my_empty .NA_my_empty_info .NA_my_empty_guide:after {
            content: "";
            position: absolute;
            margin: auto;
            left: 0;
            right: 0;
            bottom: -20px;
            width: 0;
            border-width: 20px 15px 0 15px;
            border-style: solid;
            border-color: #f2f4f6 transparent transparent transparent; }
          .NA_my.NA_my-mypage .NA_my_content.NA_my_empty .NA_my_empty_info .NA_my_empty_guide .NA_my_follow_btn {
            display: inline-block;
            width: 90px;
            height: 30px;
            background: url("../image/common/btn_user-function.png") no-repeat;
            background-size: auto;
            background-size: 225px 60px;
            font-size: 0;
            text-indent: 100%;
            vertical-align: middle;
            margin-right: 5px; }
          .NA_my.NA_my-mypage .NA_my_content.NA_my_empty .NA_my_empty_info .NA_my_empty_guide .NA_my_fav_btn {
            display: inline-block;
            border: 2px solid #1182e1;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 120px;
            height: 36px;
            overflow: hidden;
            border-radius: 3px;
            font-size: 0;
            text-indent: 100%;
            position: relative;
            background: #fff;
            color: #0e77d0;
            vertical-align: middle;
            -webkit-transform: scale(0.95);
            -ms-transform: scale(0.95);
            transform: scale(0.95);
            margin: 0 3px; }
            .NA_my.NA_my-mypage .NA_my_content.NA_my_empty .NA_my_empty_info .NA_my_empty_guide .NA_my_fav_btn:before {
              display: block;
              content: "";
              position: absolute;
              margin: auto;
              top: 0;
              bottom: 0;
              right: 0;
              left: 0;
              width: 84px;
              height: 24px;
              background: transparent url(../image/common/btn_user-function.png) no-repeat;
              background-position: -96px 0;
              background-size: auto;
              background-size: 180px 48px;
              font-size: 0; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my_empty .NA_my_empty_info .NA_my_btn {
          margin-top: 40px; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my_empty .NA_my_empty_info + .NA_my_realtime {
          margin-top: 30px; }
      .NA_my.NA_my-mypage .NA_my_content.NA_my_empty .NA_my_follow {
        margin-top: 0;
        padding: 40px 40px 50px;
        border: 1px solid #ccd7dd;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 10px; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my_empty .NA_my_follow .NA_my_title_sub {
          width: 100%;
          margin-bottom: 20px;
          font-size: 20rem;
          font-weight: 600;
          line-height: 1.3;
          text-align: center; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my_empty .NA_my_follow .NA_my_btn {
          width: 100%;
          margin: 30px 0 5px; }
      .NA_my.NA_my-mypage .NA_my_content .NA_my_realtime {
        margin-top: 50px;
        padding-top: 40px;
        border-top: 1px solid #ccd7dd;
        width: 680px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_realtime .NA_my_realtime_title {
          text-align: center;
          margin-bottom: 20px;
          font-size: 20rem; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_realtime .NA_card_wrapper {
          display: -ms-grid;
          display: grid;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-bottom: 45px; }
          .NA_my.NA_my-mypage .NA_my_content .NA_my_realtime .NA_card_wrapper .NA_card a {
            width: 400px;
            display: -ms-grid;
            display: grid;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .NA_my.NA_my-mypage .NA_my_content .NA_my_realtime .NA_card_wrapper .NA_card a .NA_thumb {
              width: 400px;
              height: 290px;
              margin-bottom: 5px; }
            .NA_my.NA_my-mypage .NA_my_content .NA_my_realtime .NA_card_wrapper .NA_card a .NA_card_text .NA_card_title {
              font-size: 16rem; }
        .NA_my.NA_my-mypage .NA_my_content .NA_my_realtime .NA_mynatalie {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 400px;
          margin: 0 auto; }
          .NA_my.NA_my-mypage .NA_my_content .NA_my_realtime .NA_mynatalie .NA_mynatalie_title {
            font-size: 15rem;
            color: #fff;
            background: #323537;
            display: -ms-grid;
            display: grid;
            place-items: center;
            padding: 20px;
            line-height: 1.5; }
          .NA_my.NA_my-mypage .NA_my_content .NA_my_realtime .NA_mynatalie .NA_mynatalie_qr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 0 15px;
            font-size: 14rem;
            font-weight: 600;
            padding: 20px;
            background: #f2f4f6; }
            .NA_my.NA_my-mypage .NA_my_content .NA_my_realtime .NA_mynatalie .NA_mynatalie_qr li {
              text-align: center;
              list-style-type: none; }
              .NA_my.NA_my-mypage .NA_my_content .NA_my_realtime .NA_mynatalie .NA_mynatalie_qr li .NA_mynatalie_qr_image {
                margin-bottom: 2px; }
                .NA_my.NA_my-mypage .NA_my_content .NA_my_realtime .NA_mynatalie .NA_mynatalie_qr li .NA_mynatalie_qr_image img {
                  width: 90px;
                  height: auto;
                  display: block; }
      .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_linklist {
        margin-top: 30px; }
      .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_title {
        text-align: center;
        margin-bottom: 30px; }
      .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_btn_logout {
        margin: 20px auto 0;
        width: 200px; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_btn_logout a {
          display: block;
          border: 1px solid #ccd7dd;
          padding: 10px;
          border-radius: 5px;
          color: #222222;
          font-size: 14rem;
          text-align: center; }
          .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_btn_logout a:hover {
            opacity: 0.7; }
      .NA_my.NA_my-mypage .NA_my_content.NA_my-setting.NA_my-setting-edit .NA_my_submit {
        margin-top: 50px; }
      .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_linklist.NA_my_linklist-social {
        margin-top: 0; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_linklist.NA_my_linklist-social li a {
          text-align: left;
          background: no-repeat 5px center / contain #fff;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding-left: 50px;
          height: 60px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_linklist.NA_my_linklist-social li a:has(.NA_my_social_link-disabled) {
            pointer-events: none; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_linklist.NA_my_linklist-social li.NA_my_social_apple a {
          background-image: url("../image/my/icon-apple.svg"); }
        .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_linklist.NA_my_linklist-social li.NA_my_social_google a {
          background-image: url("../image/my/icon-google.svg");
          background-size: 42px auto; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_linklist.NA_my_linklist-social li .NA_my_social_condition {
          color: #657178;
          font-weight: normal;
          font-size: 14rem;
          margin-left: auto;
          margin-right: 15px; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_linklist.NA_my_linklist-social li .NA_my_social_link {
          border-radius: 3px;
          color: #0e77d0;
          border: 1px solid #0e77d0;
          background: #fff;
          font-size: 14rem;
          padding: 5px;
          font-weight: 600;
          min-width: 70px;
          text-align: center;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_linklist.NA_my_linklist-social li .NA_my_social_link.NA_my_social_link-on {
            background: #e9f3fa;
            border-color: #e9f3fa;
            color: #0e77d0; }
          .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_linklist.NA_my_linklist-social li .NA_my_social_link.NA_my_social_link-disabled {
            background: #f2f4f6;
            border-color: #f2f4f6;
            color: #657178; }
      .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_text + .NA_my_linklist-social {
        margin-top: 50px; }
      .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_notification_list {
        margin-top: 0;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        width: auto;
        gap: 25px 0; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_notification_list li {
          list-style: none; }
          .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_notification_list li label {
            min-height: 60px;
            background: rgba(255, 255, 255, 0.6);
            border-radius: 5px;
            margin-bottom: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            line-height: 1.5;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 15px; }
            .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_notification_list li label:has(input:checked) {
              background: #fff; }
            .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_notification_list li label input {
              margin-right: 7px;
              margin-left: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0; }
          .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_notification_list li .NA_my_notification_list_annotation {
            font-size: 13rem;
            color: #657178; }
      .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_link_cancel {
        width: 400px;
        margin: 20px auto 0;
        font-size: 15rem;
        text-align: center; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_link_cancel a {
          display: block; }
      .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_textlink + .NA_my_link_cancel {
        margin-top: 30px; }
      .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_link_delete {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #ccd7dd;
        font-size: 14rem;
        text-align: center; }
        .NA_my.NA_my-mypage .NA_my_content.NA_my-setting .NA_my_link_delete a {
          display: inline-block;
          width: 400px; }

/*
Notyf

Copyright (c) 2016-2020 Carlos Roso

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
@-webkit-keyframes notyf-fadeinup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25%);
    transform: translateY(25%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes notyf-fadeinup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(25%);
    transform: translateY(25%); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes notyf-fadeinleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(25%);
    transform: translateX(25%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes notyf-fadeinleft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(25%);
    transform: translateX(25%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes notyf-fadeoutright {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    opacity: 0;
    -webkit-transform: translateX(25%);
    transform: translateX(25%); } }

@keyframes notyf-fadeoutright {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    opacity: 0;
    -webkit-transform: translateX(25%);
    transform: translateX(25%); } }

@-webkit-keyframes notyf-fadeoutdown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(25%);
    transform: translateY(25%); } }

@keyframes notyf-fadeoutdown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(25%);
    transform: translateY(25%); } }

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(0) translateY(-45%) translateX(13%);
    transform: scale(0) translateY(-45%) translateX(13%); }
  to {
    -webkit-transform: scale(1) translateY(-45%) translateX(13%);
    transform: scale(1) translateY(-45%) translateX(13%); } }

@keyframes ripple {
  0% {
    -webkit-transform: scale(0) translateY(-45%) translateX(13%);
    transform: scale(0) translateY(-45%) translateX(13%); }
  to {
    -webkit-transform: scale(1) translateY(-45%) translateX(13%);
    transform: scale(1) translateY(-45%) translateX(13%); } }

.notyf {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  color: #fff;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px; }

.notyf__icon--error, .notyf__icon--success {
  height: 21px;
  width: 21px;
  background: #fff;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative; }

.notyf__icon--error:after, .notyf__icon--error:before {
  content: "";
  background: currentColor;
  display: block;
  position: absolute;
  width: 3px;
  border-radius: 3px;
  left: 9px;
  height: 12px;
  top: 5px; }

.notyf__icon--error:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.notyf__icon--error:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.notyf__icon--success:after, .notyf__icon--success:before {
  content: "";
  background: currentColor;
  display: block;
  position: absolute;
  width: 3px;
  border-radius: 3px; }

.notyf__icon--success:after {
  height: 6px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 9px;
  left: 6px; }

.notyf__icon--success:before {
  height: 11px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 5px;
  left: 10px; }

.notyf__toast {
  display: block;
  overflow: hidden;
  pointer-events: auto;
  -webkit-animation: notyf-fadeinup .3s ease-in forwards;
  animation: notyf-fadeinup .3s ease-in forwards;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25);
  position: relative;
  padding: 0 15px;
  border-radius: 2px;
  max-width: 300px;
  -webkit-transform: translateY(25%);
  -ms-transform: translateY(25%);
  transform: translateY(25%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.notyf__toast--disappear {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: notyf-fadeoutdown .3s forwards;
  animation: notyf-fadeoutdown .3s forwards;
  -webkit-animation-delay: .25s;
  animation-delay: .25s; }

.notyf__toast--disappear .notyf__icon, .notyf__toast--disappear .notyf__message {
  -webkit-animation: notyf-fadeoutdown .3s forwards;
  animation: notyf-fadeoutdown .3s forwards;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.notyf__toast--disappear .notyf__dismiss {
  -webkit-animation: notyf-fadeoutright .3s forwards;
  animation: notyf-fadeoutright .3s forwards;
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.notyf__toast--disappear .notyf__message {
  -webkit-animation-delay: .05s;
  animation-delay: .05s; }

.notyf__toast--upper {
  margin-bottom: 20px; }

.notyf__toast--lower {
  margin-top: 20px; }

.notyf__toast--dismissible .notyf__wrapper {
  padding-right: 30px; }

.notyf__ripple {
  height: 400px;
  width: 400px;
  position: absolute;
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;
  right: 0;
  top: 0;
  border-radius: 50%;
  -webkit-transform: scale(0) translateY(-51%) translateX(13%);
  -ms-transform: scale(0) translateY(-51%) translateX(13%);
  transform: scale(0) translateY(-51%) translateX(13%);
  z-index: 5;
  -webkit-animation: ripple .4s ease-out forwards;
  animation: ripple .4s ease-out forwards; }

.notyf__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 15px;
  border-radius: 3px;
  position: relative;
  z-index: 10; }

.notyf__icon {
  width: 22px;
  text-align: center;
  font-size: 1.3em;
  opacity: 0;
  -webkit-animation: notyf-fadeinup .3s forwards;
  animation: notyf-fadeinup .3s forwards;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  margin-right: 13px; }

.notyf__dismiss {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 26px;
  margin-right: -15px;
  -webkit-animation: notyf-fadeinleft .3s forwards;
  animation: notyf-fadeinleft .3s forwards;
  -webkit-animation-delay: .35s;
  animation-delay: .35s;
  opacity: 0; }

.notyf__dismiss-btn {
  background-color: rgba(0, 0, 0, 0.25);
  border: none;
  cursor: pointer;
  -webkit-transition: opacity .2s ease,background-color .2s ease;
  -o-transition: opacity .2s ease,background-color .2s ease;
  transition: opacity .2s ease,background-color .2s ease;
  outline: none;
  opacity: .35;
  height: 100%;
  width: 100%; }

.notyf__dismiss-btn:after, .notyf__dismiss-btn:before {
  content: "";
  background: #fff;
  height: 12px;
  width: 2px;
  border-radius: 3px;
  position: absolute;
  left: calc(50% - 1px);
  top: calc(50% - 5px); }

.notyf__dismiss-btn:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.notyf__dismiss-btn:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.notyf__dismiss-btn:hover {
  opacity: .7;
  background-color: rgba(0, 0, 0, 0.15); }

.notyf__dismiss-btn:active {
  opacity: .8; }

.notyf__message {
  vertical-align: middle;
  position: relative;
  opacity: 0;
  -webkit-animation: notyf-fadeinup .3s forwards;
  animation: notyf-fadeinup .3s forwards;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  line-height: 1.5em; }

@media only screen and (max-width: 480px) {
  .notyf {
    padding: 0; }
  .notyf__ripple {
    height: 600px;
    width: 600px;
    -webkit-animation-duration: .5s;
    animation-duration: .5s; }
  .notyf__toast {
    max-width: none;
    border-radius: 0;
    -webkit-box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.13);
    width: 100%; }
  .notyf__dismiss {
    width: 56px; } }

.notyf__toast {
  width: 400px !important; }

.notyf__message {
  font-size: 15rem; }

.notyf__dismiss-btn:focus {
  border: 2px solid rgba(0, 0, 0, 0.5); }

.notyf__dismiss-btn:after,
.notyf__dismiss-btn:before {
  height: 16px !important;
  top: calc(50% - 8px) !important; }