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

body {
    color: #231815;
}

.site-main p {
    margin: 0;
}

.content {
    padding: 0 3%;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #231815;
}

.title-event {
    font-size: 180%;
    color: #202321;
    font-weight: normal;
    padding: 0 0 20px 0;
    margin: 30px 0 28px;
    border-bottom: 1px solid #cccccc;
}

h1 {
    border: none;
}

.wrap-youtube {
    margin: 30px 0 50px;
}


h2 {
    display: inline-block;
    margin: 50px 0;
    padding: 10px 0 10px 20px;
    font-size: 200%;
    font-weight: 700;
    border-left: 9px solid #231815;
}

.youtube-movie {
    text-align: center;
}

h3 {
    font-size: 150%;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
}

.gisele-mainbnr img {
    display: block;
    margin: 60px auto;
}

.wrap-news {
    margin: 50px 0;
}

.wrap-items {
    margin-bottom: 80px;
}

.wrap-item-list {
    width: 80%;
    margin: 2% auto;
    padding: 1% 0;
    font-size: 120%;
    text-align: center;
    background-color: #231815;
}

.wrap-item-list a {
    color: #fff;
}

.item-spec {
    margin: 40px 0;
}

.item-number {
    margin: 50px 0 0;
    font-size: 200%;
    font-weight: 800;
}

.item-number p {
    text-align: center;
}

.wrap-coordinate {
    margin: 80px 0;
}

.wrap-coordinate li img {
    display: block;
    margin: 0 auto;
}

.about-item {
    margin-bottom: 1%;
}

.item-name {
    margin-bottom: 1%;
}

.item-name a {
    text-decoration: underline;
}

.wrap-instagram {
    margin-bottom: 80px;
    text-align: center;
}


/*--共通--*/


.flex-img {
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
    justify-content: center;
}

.flex-img li {
    width: 45%;
}

.flex-logo {
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
    justify-content: center;
    margin: 5% 0 10%;
}

.flex-logo li {
    width: 30%;
    margin: 3% 0;
}

#back {
    margin-bottom: 10%;
}

#back a {
    display: block;
    flex-grow: 1;
    text-align: center;
    font-size: 110%;
    padding: 2% 10%;
    background: #efefef;
    color: #808080;
    border: #808080 1px solid;
    border-radius: 5px;
}

.back-btn {
    margin-bottom: 2%;
}

#annotation {
    margin-bottom: 10%;
    text-align: right;
}

#bunner {
    margin-bottom: 40px;
}

/* efect */

.effect-fade {
    opacity : 0;
    transform : translate(0, 0);
    transition : all 500ms;
    transition-duration: 1.0s;

}
    
.effect-fade.effect-scroll {
    opacity : 1;
    transform : translate(0, 0);
}

/*--------------------*/

}