html {
    font-family: 'Noto Sans JP', sans-serif;
    color: #231815;
}

main {
    font-family: 'Noto Sans JP', sans-serif;
    color: #231815;
}


.theme-container {
    text-align: center;
    margin-top: 150px;
    margin-bottom: 150px;
}

.theme-container h1 {
    font-family: 'Ms Madi', cursive;
    color: #801A33;
    font-size: 80px;
}

.theme-container h2 {
    font-size: 20px;
}

.theme-container p {
    font-size: 20px;
}

.theme-container a {
    color: #fa8213;
    text-decoration: underline;
}

.NEWS {
    text-align: center;
    margin-top: 150px;
    margin-bottom: 150px;
}

.NEWS h3 {
    font-family: 'Ms Madi', cursive;
    color: #801A33;
    font-size: 40px;
}

.NEWS h6 {
    font-size: 15px;
}

.NEWS a {
    color: #fa8213;
    text-decoration: underline;
}

.ACCESS {
    text-align: center;
    margin-top: 150px;
    margin-bottom: 150px;
}

.ACCESS h3 {
    font-family: 'Ms Madi', cursive;
    color: #801A33;
    font-size: 40px;
}

.ACCESS h6 {
    font-size: 15px;
}

.ACCESS a {
    color: #fa8213;
    text-decoration: underline;
}

.OTHER {
    text-align: center;
    margin-top: 150px;
    margin-bottom: 150px;
}

.OTHER h3 {
    font-family: 'Ms Madi', cursive;
    color: #801A33;
    text-align: center;
    font-size: 35px;
    padding-bottom: 25px;
}

.other-contents li {
    display: center;
}


.attention-wrapper {
    padding-top: 20px;
    border: inset;
    border-color: #801A33;
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: 80px;
    margin-right: 80px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
}

.attention-wrapper a {
    display: block;
    color: #801A33;
    font-size: 20px;
}

.attention-wrapper h6 {
     font-size: 10px;
}

.booth-wrapper {
    padding-top: 20px;
    border: inset;
    border-color: #801A33;
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: 80px;
    margin-right: 80px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
}

.booth-wrapper a {
    display: block;
    color: #801A33;
    font-size: 20px;
}

.booth-wrapper h6 {
     font-size: 10px;
}
.schedule-wrapper {
    padding-top: 20px;
    border: inset;
    border-color: #801A33;
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: 80px;
    margin-right: 80px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
}

.schedule-wrapper a {
    display: block;
    color: #801A33;
    font-size: 20px;
}

.schedule-wrapper h6 {
     font-size: 10px;
}
.contact-wrapper {
    padding-top: 20px;
    border: inset;
    border-color: #801A33;
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: 80px;
    margin-right: 80px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
}

.contact-wrapper a {
    display: block;
    color: #801A33;
    font-size: 20px;
}

.contact-wrapper h6 {
     font-size: 10px;
}

.kyousan-wrapper {
    padding-top: 20px;
    border: inset;
    border-color: #801A33;
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: 80px;
    margin-right: 80px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
}

.kyousan-wrapper a {
    display: block;
    color: #801A33;
    font-size: 20px;
}

.kyousan-wrapper h6 {
     font-size: 10px;
}

/*ここからPC用css*/


@media (min-width:700px) {
    .theme-container h2 {
        font-size: 30px;
    }

    .other-contents ul {
        text-align: center;
    } 
    
    .attention-wrapper {
        padding-top: 20px;
        border: inset;
        border-color: #801A33;
        margin-top: 50px;
        margin-bottom: 20px;
        margin-left: 300px;
        margin-right: 300px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    }
    
    .attention-wrapper a {
        display: block;
        color: #801A33;
        font-size: 20px;
    }
    
    .attention-wrapper h6 {
         font-size: 15px;
    }
    
    .booth-wrapper {
        padding-top: 20px;
        border: inset;
        border-color: #801A33;
        margin-top: 50px;
        margin-bottom: 20px;
        margin-left: 300px;
        margin-right: 300px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    }
    
    .booth-wrapper a {
        display: block;
        color: #801A33;
        font-size: 20px;
    }
    
    .booth-wrapper h6 {
         font-size: 15px;
    }
    .schedule-wrapper {
        padding-top: 20px;
        border: inset;
        border-color: #801A33;
        margin-top: 50px;
        margin-bottom: 20px;
        margin-left: 300px;
        margin-right: 300px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    }
    
    .schedule-wrapper a {
        display: block;
        color: #801A33;
        font-size: 20px;
    }
    
    .schedule-wrapper h6 {
         font-size: 15px;
    }
    .contact-wrapper {
        padding-top: 20px;
        border: inset;
        border-color: #801A33;
        margin-top: 50px;
        margin-bottom: 20px;
        margin-left: 300px;
        margin-right: 300px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    }
    
    .contact-wrapper a {
        display: block;
        color: #801A33;
        font-size: 20px;
    }
    
    .contact-wrapper h6 {
         font-size: 15px;
    }

    .kyousan-wrapper {
        padding-top: 20px;
        border: inset;
        border-color: #801A33;
        margin-top: 50px;
        margin-bottom: 20px;
        margin-left: 300px;
        margin-right: 300px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    }
    
    .kyousan-wrapper a {
        display: block;
        color: #801A33;
        font-size: 20px;
    }
    
    .kyousan-wrapper h6 {
         font-size: 15px;
    }
}