@charset "utf-8";
/* CSS Document */


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

Last update:    2022-4-15

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


/*=============================
info_block
=============================*/
.info_block{
    border-bottom:2px dotted #cabbaf;
    padding:0.5em;
}
.info_block:first-of-type{
    border-top:2px dotted #cabbaf;
}

.info_block a:after{
    font-size:1px;
    color:#fff;
    content:"";
    display:block;
    height:0px;
    clear:both;
}
.info_block a{
    display:block;
    zoom:1;
    color:#493c33;
    padding:0.5em;
}
.info_block a:hover{
    background:#f5fcd3;
}

.info_block p{
    float:left;
    width:13em;
    line-height:1.4;
}
.info_block .info_date{
    display:inline-block;
    width:8em;
}



.info_block h2{
    float:left;
    width:calc( 100% - 15.75em );
    line-height:1.4;
    text-indent:-1.5em;
    padding-left:1.5em;
}
.info_block h2:before{
    font-family: 'icomoon';
    content:"\e901";
    font-size:90%;
    margin-right:0.75em;
}


@media screen and (max-width:768px){
    .info_block{
        padding:0.5em 0;
    }
}

@media screen and (max-width:480px){
    .info_block a{
        padding:0 0.5em;
    }
    .info_block a:hover{
        background:none;
    }
    .info_block p{
        float:none;
        width:100%;
    }
    .info_block h2{
        float:none;
        width:calc( 100% - 1.5em );
    }
    .info_block a h2:hover{
        color:#81cde3;
    }
    .info_block p{
        margin-bottom:0.5em;
    }
}




/*=============================
info
icon
=============================*/
#mainarea .ico_news,
#mainarea .ico_event{
    display:inline-block;
    width:5em;
    font-size:70%;
    text-align:center;
    color:#fff;
    border-radius:3px;
}
#mainarea .ico_news{
    background:#8a6c5a;
}
#mainarea .ico_event{
    background:#43c58b;
}






/*=============================
detail_area
=============================*/
#detail_area {
    background:rgba(255,255,255,0.70);
    border-radius:20px;
    padding:3em;
    margin:4em auto 0;
}

#detail_area .info_ico{
    margin-bottom:0.5em;
}

#detail_area .info_date{
    text-align:right;
    margin-bottom:1.5em;
}
#detail_area{
}

.pg_back{
    margin-top:5em;
}
.pg_back a{
    color:#493c33;
}
.pg_back a:before{
    font-family: 'icomoon';
    content:"\e900";
    font-size:90%;
    margin-right:0.25em;
}
.pg_back a:hover{
    color:#31b6dc;
}



@media screen and (max-width:480px){
    #detail_area {
        padding:1em;
    }
}




/*=============================
装飾など
=============================*/
/*.bnr70{
    width:70%;
    text-align:center;
    font-size:120%;
    margin:0 auto 3em;
}*/

.link_bnr02{
    clear:both;
}

.link_bnr02 li{
    float:left;
    width:47.5%;
    text-align:center;
}
.link_bnr02 li:first-of-type{
    margin-right:5%;
}

@media screen and (max-width:480px){
    .link_bnr02 li{
        float:none;
        width:80%;
        margin:0 auto 2em;
    }
    .link_bnr02 li:first-of-type{
        margin:0 auto 3em;
    }
}



.detail_20210703 #mainarea table.table_style th{
    width:11em;
}

@media screen and (max-width:480px){
    .detail_20210703 #mainarea table.table_style.sp100,
    .detail_20210703 #mainarea table.table_style.sp100 th,
    .detail_20210703 #mainarea table.table_style.sp100 td{
        border: none;
    }
    .detail_20210703 #mainarea table.table_style.sp100 th,
    .detail_20210703 #mainarea table.table_style.sp100 td{
        width:100%;
        display: block;
        background: none;
        padding: 0;
    }
    .detail_20210703 #mainarea table.table_style.sp100 th{
        padding-top: 1em;
    }
    .detail_20210703 #mainarea table.table_style.sp100 td{
        border-bottom:2px solid #c9b7ab;
        padding-bottom: 1em;
    }
}

.photo_w600 img{
    max-width: 600px;
    margin-left:auto;
    margin-right:auto;
}
.photo_w800 img{
    max-width: 800px;
    margin-left:auto;
    margin-right:auto;
}



/*=============================
slide_area
=============================*/
#slide_area{
    max-width:800px;
    margin:0 auto 4em;
}
#slide_area.w600{
    max-width:600px;
}
#slide_area.w500{
    max-width:500px;
}

.slide_box{
}
.slide_box li{
    position:relative;
}
.slide_box li span{
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    width:100%;
    box-sizing:border-box;
    color:#fff;
    font-size:110%;
    line-height:1.2;
    background:linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    padding:0.5em;
    
}


@media screen and (max-width:768px){
    #slide_area{
        width:85%;
    }
}

@media screen and (max-width:480px){
    #slide_area{
        width:100%;
    }
}