.border_line {
    background-image: linear-gradient(0deg,
            #fff 20%,
            #f0f8f8 70%,
            #fff 20%,
            #f0f8f8 70%);
    background-size: 6px 6px;
}

.green {
    background-color: #84bfa0;
}

.text_color_green {
    font-weight: bold;
    color: #6c9c84;
}

.text_gray {
    color: #797979;
}

.text_side {
    color: #f6f8ea;
}

.bg_pink {
    background-color: #E98794;
}

.op_7{
    opacity: 0.7;
}

.ml_10{
    margin-left: 10px;
}

.h_400{
    height: 400px;
}

.border-green {
    border-bottom: 5px solid #b9d7c1;
}



.url_generation_label {
    font-size: 1.0rem;
    font-weight: bold;
}

@media screen and (max-width:479px) {
    h3 {
        font-size: 1.5rem;
    }

    .br {
        display: block;
    }
    .br-pc {
        display: none;
    }
    .fa-caret-right {
        display: inline;
    }

    .bg-gray-naris {
        border: 1px solid #c6c6c6;
        padding: 0.5rem;
        border-radius: 3px;
        background-color: #f8f8f8;
    }

    .bg-gray-naris p {
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
    }

    .url_generation_button {
        border-radius: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        background-color: #dc8c95;
        border: none;
        color: white;
    }
    .url_generation_button:hover {
        color: white;
        opacity: 0.8;
    }
    .url_generation_button_inverse {
        border-radius: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        background-color: white;
        border: 1px solid #dc8c95;
        color: #dc8c95;
    }
    .url_generation_button_inverse:hover {
        opacity: 0.8;
        color: #dc8c95;
    }
    .url_generation_muted {
        color: #1f1f1f;
    }
    .url_generation_nbacode_sp {
        display: block;
    }
    .url_generation_nbacode_pc {
        display: block;
    }
}
@media screen and (min-width:480px) {
    h3 {}
    .br {
        display: block;
    }
    .br-pc {
        display: block;
    }
    .fa-caret-right {
        display: inline;
    }
    .bg-gray-naris {
        border: 1px solid #c6c6c6;
        padding: 0.5rem;
        border-radius: 3px;
        background-color: #f8f8f8;
    }
    .bg-gray-naris p {
        margin-bottom: 0.5rem;
    }

    .url_generation_button {
        border-radius: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        background-color: #dc8c95;
        border: none;
        color: white;
    }
    .url_generation_button:hover {
        color: white;
        opacity: 0.8;
    }
    .url_generation_button_inverse {
        border-radius: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        background-color: white;
        border: 1px solid #dc8c95;
        color: #dc8c95;
    }
    .url_generation_button_inverse:hover {
        opacity: 0.8;
        color: #dc8c95;
    }
    .url_generation_muted {
        color: #000000;
    }
    .url_generation_nbacode_sp {
        display: none;
    }
    .url_generation_nbacode_pc {
        display: block;
    }
    /*::placeholder {*/
    /*    color: white !important;*/
    /*}*/
}