@charset "utf-8";

/**********************************************/
/*年中行事*/
/**********************************************/

#event {
    padding: 100px 0 80px;
    text-align: center;
}

/*内枠*/
#event .contents {}

/*余白*/
.event-inner {
    padding: 0 20px;
}

/*見出し*/
#event .header-ttl .h2-header {
    margin-bottom: 30px;
}


/****************************/
/*イベント一覧*/
/****************************/
#event-list {}

/*内枠*/
#event-list .contents {}

/*余白*/
.event-list-inner {
    padding: 30px 20px;
}

.event-box {
    width: 100%;
    padding: 30px 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    align-items: center;
}
.event-box .event-box-photo {
    width:calc(8.333% * 3);
    text-align: center;
}
.event-box-photo img {

    clip-path: circle(50% at 50% 50%);
} 
.event-box .event-box-text {
    width:calc(8.333% * 4.5);  
}
.event-box .event-box-none {
    width:calc(8.333% * 4.5);
}

.event-box .event-box-text .event-name {
    font-size: 1.8rem;
}
.event-box .event-box-text .event-name span {
    color: #808080;
    font-size: 1.6rem;
    margin-left: 20px;
}
.event-box .event-box-text .enent-title {
    font-size: 1.8rem;
}
.event-box .event-box-text p {}



/*テキスト左配置*/
.style-left {}
.style-left .event-box-photo {
    order:2;
}
.style-left .event-box-text {
    order:1;
    padding: 20px 80px 20px 0;
}
.style-left .event-box-none {
    order:3;
    padding: 20px 0 20px 80px;
}

/*テキスト右配置*/
.style-right {}
.style-right .event-box-photo {
    order:2;
}
.style-right .event-box-text {
    order:3;
    padding: 20px 0 20px 80px;
}
.style-right .event-box-none {
    order:1;
    padding: 20px 80px 20px 0;
}


/*段落分け*/
.list-box1 {}
.list-box2 {
    background-color: #f1efe9;
}
.list-box3 {}


/*イラスト*/
.illust01 {
    background: url("../images/illust/obousan.png") no-repeat left center;
    background-size: 250px;
}
.illust02 {
    background: url("../images/illust/obousan02.png") no-repeat right center;
    background-size: 180px;
}
.illust03 {
    background: url("../images/illust/tourou.png") no-repeat 10% center;


}
.illust04 {
    background: url("../images/illust/matu.png") no-repeat right center;
    background-size: 200px;
}




/****************************/
/*レスポンシブ*/
/****************************/
@media screen and (max-width: 1240px) {
}

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

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

    .event-box .event-box-photo {
        width:calc(8.333% * 4);
    }
    .event-box .event-box-text {
        width:calc(8.333% * 8);
    }
    .event-box .event-box-none {
        display:none;
    }
    
    .illust01 {
        background-image: none;
    }
    .illust02 {
        background-image: none;
    }
    .illust03 {
        background-image: none;
    }
    .illust04 {
        background-image: none;
    }
    
    .list-box1 {
        padding: 200px 0;
        background-image: url("../images/illust/obousan.png"), url("../images/illust/obousan02.png");/*------------------------*/
        background-repeat: no-repeat, no-repeat;
        background-position: center top, 95% 95%;
        background-size: 220px, 180px;
    }
    .list-box1 .style-left .event-box-text {
        padding: 20px 40px 20px 0;
    }
    .list-box1 .style-left .event-box-none {
        padding: 20px 0 20px 40px;
    }
    .list-box1 .style-right .event-box-text {
        padding: 20px 0 20px 40px;
    }
    .list-box1 .style-right .event-box-none {
        padding: 20px 40px 20px 0;
    }
    
    .list-box2 {}
    .list-box2 .event-box-photo {
        width: 100%;
        order:1;
    }
    .list-box2 .event-box-text {
        width: 100%;
        order:2;
        text-align: center;
    }
    .event-box .event-box-photo img {
        width: 100%;
        max-width: 260px;
    }
    .list-box2 .event-box-text .event-name {
        font-size: 2.6rem;
    }
    .list-box2 .event-box-text .event-name span {
        margin-left: 0;
        display: block;
    }
    .list-box2 .event-box-text .enent-title {}
    .list-box2 .event-box-text p {
       text-align: left;
    }
    .list-box2 .style-left .event-box-text {
        padding: 20px 0;
    }
    .list-box2 .style-left .event-box-none {
        padding: 20px 0;
    }
    .list-box2 .style-right .event-box-text {
        padding: 20px 0;
    }
    .list-box2 .style-right .event-box-none {
        padding: 20px 0;
    }
    
    .list-box3 {
        padding-bottom: 80px;
        background: url("../images/illst_4.png") no-repeat right bottom;
        background-size: 180px;
    }
    .list-box3 .event-box-photo {
        width: 100%;
        order:1;
    }
    .list-box3 .event-box-text {
        width: 100%;
        order:2;
        text-align: center;
    }
    
    .list-box3 .event-box-text .event-name {
        font-size: 2.6rem;
    }
    .list-box3 .event-box-text .event-name span {
        margin-left: 0;
        display: block;
    }
    .list-box3 .event-box-text .enent-title {}
    .list-box3 .event-box-text p {
       text-align: left;
    } 
    .list-box3 .style-left .event-box-text {
        padding: 20px 0;
    }
    .list-box3 .style-left .event-box-none {
        padding: 20px 0;
    }
    .list-box3 .style-right .event-box-text {
        padding: 20px 0;
    }
    .list-box3 .style-right .event-box-none {
        padding: 20px 0;
    }
        .message-txt span {
        height: 75%;
    }
}

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

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