@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');


@media screen and (min-width: 1100px) {

    #p-br {
        margin-bottom: 1em;
    }

    #p-big {
        font-size: 20px;
        font-weight: bold;
        color: blue;
    }

    .lit-table table {
        width: 90%;
        border-collapse: collapse;
        margin-bottom: 10px;
    }

    .lit-table table th {
        border: solid 1.5px #000;
        background-color: #4169E1;
        color: #fff;
        padding: 5px;
    }

    .lit-table table td {
        border: 1.5px solid #000;
        padding: 5px;    
    }

    .lit-flex {
        display: flex;
        margin-top: 10px;
    }

    .lit-flex-img {
        width: 40%;
        order: 2;
    }
	
	 .lit-flex-img img {
        width: 277px;
        order: 2;
    }

    .lit-flex-letter {
        order: 1;
        margin-right: 20px;
    }

    #line-none {
        text-decoration: line-through;   
    }

    #flex-letter-big {
        font-size: 20px;
        font-weight: bold;
        color: red;
    }

}

@media screen and (max-width: 1099px) {

    #p-br {
        margin-bottom: 1em;
    }

    #p-big {
        font-size: 18px;
        font-weight: bold;
        color: blue;
    }

    .lit-table {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .lit-table table {
        width: 90%;
        border-collapse: collapse;
        margin-bottom: 10px;
    }

    .lit-table table th {
        border: solid 1.5px #000;
        background-color: #4169E1;
        color: #fff;
        padding: 5px;
    }

    .lit-table table td {
        border: 1.5px solid #000;
        padding: 5px;    
    }

    .lit-flex {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .lit-flex-img {
        width: 50%;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    #line-none {
        text-decoration: line-through;   
    }

    #flex-letter-big {
        font-size: 18px;
        font-weight: bold;
        color: red;
    }


}

@media screen and (max-width:480px) {

    .lit-table th {
        text-align: left;
    }

}