.gray-out {
    filter: grayscale(1);
}

.span-block {
    display: inline-block;
}

.link-killer {
    color: rgb(33, 37, 41);
}

.list_cups {
    height: 40px;
}

.list_get_cups {
    width: calc((100vw - 90px)/5);
    max-width: 85px;
}

.gray_cup {
    filter: grayscale(100%);
    opacity: 0.10;
}

.btn_push {
    background-color: rgb(40, 167, 69) !important;
    color: white !important;
}

/* element *************************************/
td {
    vertical-align: middle !important;
}

p {
    margin-top: 1em;
}

ul {
    padding-left: 25px;
}


.table-cups tr td:nth-of-type(1) {
    text-align: center;
}

.table-cups tr td:nth-of-type(3) {
    text-align: center;
}

.p_narrow {
    padding: 2px 5px;
}


.container {
    max-width: 900px;
}

h1 {
    color: #364e96;
    /*文字色*/
    padding: 0.2em 0;
    margin: 0.2em 0;
    /*上下の余白*/
    border-top: solid 3px #364e96;
    /*上線*/
    border-bottom: solid 3px #364e96;
    /*下線*/
}

h2 {
    color: #6594e0;
    /*文字色*/
    /*線の種類（点線）2px 線色*/
    border-bottom: dashed 2px #6594e0;
}

h3 {
    border-bottom: solid 3px #cce4ff;
    position: relative;
}

h3:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #5472cd;
    bottom: -3px;
    width: 20%;
}

h4 {
    padding-left: 10px;
    border-bottom: solid 3px rgb(119, 195, 223);
}



h1,
h2,
h3,
h4,
h5 {
    margin-top: 2rem !important;
}