@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

img {
    display: block;

}



.title {
    font-family: "Limelight", sans-serif;

    color: rgb(34, 36, 36);
    text-align: center;
    margin: 40px 0;
}

.bnr_title {
    font-family: "Limelight", sans-serif;
    margin-bottom: 24px;
}

.tab_content {
    font-family: "Limelight", sans-serif;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* div {
    display: flex;
} */

.row {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding: 50px 0;
    border-bottom: 1px solid#ddd;
}

.col {
    padding: 50px 0;
    border-bottom: 1px solid#ddd;
}

.col img {
    margin-left: auto;
    margin-right: auto;
}

.col div:first-child {
    margin-bottom: 50px;
}

label {
    cursor: pointer;
}

label::after {
    content: " / ";
}

label:last-of-type::after {
    content: "";
}

label span {
    background-image: linear-gradient(to top, rgb(236, 50, 192) 50%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: 0.2s;
}

input:checked+label span,
label:hover span {
    background-size: 100% 100%;
}

/* body {
    background-image: linear-gradient(to top, green, blue);
    background-size: 200px 100%;
    background-repeat: no-repeat;
} */

input {
    display: none;
}

.tab_content {
    display: none;
}

.bnr_tab:has(#bijoude_tab:checked)~#bijoude_content,
.bnr_tab:has(#airtori_tab:checked)~#airtori_content {
    display: block;
}

.bnr_tab {
    text-align: center;
    margin-bottom: 40px;
}