@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;
    border: 1px solid #ccd7dd;
    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_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; }