.wrapper {position: relative;height: 450px;}
.banner-wrapper-fixed {position: fixed;top: 0;left: 0;width: 100%;height: 450px;background-image:none;}
.foreground{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.0);background-image: url('../imgs/main/sp-undermain-event.jpg');background-position: center;background-size: cover;transition: all 0.1s ease 0s;background-repeat: no-repeat;}
.foreground img{width:auto;height:600px;}

.mainvis{display:flex;width:100%;position:relative;overflow:hidden;height:450px;}
.mainvis img{
    width:auto;height:100%;
    object-fit: cover;
    /* font-family: 'object-fit: cover;'; */
}
.mainvis div.h1box{position:absolute;top:48%;left:50%;transform: translate(-50%,-52%)!important;width:100%;padding:0 .45em;z-index:900;}
.mainvis h1{
    letter-spacing:2px;
    font-size:1.4rem;
    font-weight:700;color:#fff;
    line-height:1.5;
    z-index:10;text-align:center;
    /* font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif; */
}
/* .mainvis p{letter-spacing:2px;font-size:.8rem;font-weight:300;color:#fff;text-align:center;fdisplay:block;line-height:1.9;padding-top:.75em;font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;} */
.mainvis p.keisai{font-size:.6rem;padding:2em 0 0 1em;}

@keyframes slideInUp {
from {opacity: 0;transform: translateY(150px);}  
to {opacity: 1;transform: translateX(0);}
}
@keyframes slideInbk {
from {opacity: 0;}  
to {opacity: 1;}
}

.mainvis .mainnavi{position:absolute;bottom:0;right:0;width:37.5%;padding:1em;}
.mainvis .mainnavi p{text-align:right;font-size:.7rem;font-weight:700;line-height:1;letter-spacing:3px;margin-bottom:1em;}
.mainvis .mainnavi ul{width:100%;display: flex; justify-content: flex-end;padding-right:.1em;}
.mainvis .mainnavi li{background-color:#ccc;width:8px;height:8px;border-radius:50%;margin-left:.6em}
.mainvis .mainnavi li.current{background-color:#1a1a1a;}

.white h1,.white p{animation: scrollh1 2s both;}
.white .swiper-container{animation: scrollswiper 8s both;}

@keyframes scrollh1 {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes scrollswiper {
0% {opacity: 1}
100% {opacity: 0;}
}

.event_wrap{padding:0 0;}
.event_wrap dd a{
    position:relative;
    /* border-bottom:1px solid #fff; */
    display:block;
    /* margin-bottom: 1em; */
}
.event_wrap dd a .datebox{
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    padding: 0.3em 0.2em 0.4em 0.4em;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: .05em;
    background: rgb(0 0 0 / 40%);
    text-align: center;
    line-height: 1.5;
}
.event_wrap dd a .datebox span{font-size:.6rem;font-weight:700;padding:0 .4em 0 .2em;}
.event_wrap dd a .datebox .year{font-size:.6rem;}
.event_wrap dd a .finish-img{opacity: .9;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}

.event_wrap dd a .titlebox{
    /* position: absolute; */
    /* top: 9em;
    left: 0;
    bottom: 0; */
    /* background: rgb(0 0 0 / 80%); */
    color: var(--color-black);
    padding: 1em;
    width: 100%;
    min-height: 8em;
}
.event_wrap dd a .finish{width:24%;position:absolute;right:.5em;top:.6em;}
.event_wrap dd a .titlebox .category{
    font-size:1rem;
    /* font-family:'Oswald', sans-serif; */
    color:#999;
    /* margin-bottom:.25em; */
}
.event_wrap dd a .titlebox .title{
    font-size: 1.4em;
    font-weight: 400;
    margin-bottom: 0.25em;
    line-height: 1em;
}
.event_wrap dd a .titlebox .place{
    font-size: 1em;
}
.top-eventbox a.link{
    font-size:.65rem;
    font-weight:normal;
    border:1px solid;
    padding:1em 1.5em 1em 1.8em;
    /* color:#fff; */
    letter-spacing:6px;
    line-height:1;
    text-align:center;
    margin:0 auto;
    display:block;width:60%;
}

.news-categorybox{padding:0 1.5em 1em;}
.news-categorybox ul.category_box{text-align:center;font-size:.9rem;width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.news-categorybox ul.archive_box{text-align:center;font-size:.7rem;width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.news-categorybox ul.archive_box:before{content:"";display: block;width:22%;order:1;}
.news-categorybox ul.archive_box:after{content:"";display: block;width:22%;}
.news-categorybox ul.category_box li{width:48%;margin:0 0 1.5em;}
.news-categorybox ul.archive_box li{width:22%;margin:0 0 1.5em;}
.news-categorybox ul.archive_box li span{display:block;width: 100%;}

/* .news-post-wrap{background-color:#efefef; padding:4em 0em 0;overflow:hidden;} */
.slick-slide{opacity: 1;}
/* div.newspostslider{margin: 0 0; width: 100%; position: relative;} */
div.newspostslider ul{display: block; width: 100%; text-align: center; position: relative; padding: 0;}
div.newspostslider ul li{
    display: inline-block;
    /* margin: 0 10px; */
    vertical-align: top;
    padding: 0;
}
/* div.newspostslider ul li img{
    object-fit: cover;
} */
div.newspostslider ul li:not(.slick-current){cursor: pointer;}
div.newspostslider div.slick-list{padding: 0!important;}
div.newspostslider ul.slick-dots{clear: both; padding: 25px 0 0;}
div.newspostslider ul.slick-dots li{float: none; width: 20px; height: 2px; margin: 0 4px; background: #DDD; color:#DDD!important;display: inline-block; text-indent: -999px; overflow: hidden; cursor: pointer;}
div.newspostslider ul.slick-dots li.slick-active{background: #333;}
div.newspostslider ul.slick-dots li button{ width: 20px; height: 2px;}
div.newspostslider ul.slick-dots li button:before{ width: 20px; height: 2px;border-radius:0;}

.news-detail-box li{
    padding-bottom: 4.5em;
    word-break: break-all
}
.news-detail-box li p.date{
    font-size: 1.8rem;
    line-height: 1.7;
    font-weight: 400;
}
.news-detail-box li a{
    color:var(--color-red);
    font-size: 1em;
}
.news-detail-box section:last-child{margin-top:1.5em;}
.news-detail-box a{
    color:var(--color-grey);
}
.news-detail-box strong{font-weight:bold;}
.news-post-bt {width:100%;margin:3em auto 0;display:block;text-align:center;}
.news-post-bt a{
    font-size:.65rem;border:1px solid;
    padding:1em 1.5em 1em 1.8em;
    letter-spacing:6px;
    line-height:1;
    text-align:center;
    font-weight:400;
}
.block11 {
   padding-bottom: 1em;
} 
.sec_ttl .en {
    font-size: 3.8em;
    font-weight: 500;
}
.eventbox {
    padding-top: 2em;
}

@media screen and (min-width:768px){
    
    .wrapper {position: relative;height: 950px;}
    .banner-wrapper-fixed {height:950px;}
    .foreground {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.0);}
    .mainvis img{
        width:100%;
        height:auto;
        object-fit: cover;
        /* font-family: 'object-fit: cover;'; */
    }
	
    .mainvis div.h1box{position:fixed;top:48%;left:50%;transform: translate(-50%,-52%)!important;width:100%;padding:0 .45em;z-index:900;}
    .mainvis h1{font-size:2.2rem;}
    .mainvis p{
        font-size:1.2rem;
        padding-top:.75em;
    }
    .mainvis p.keisai{font-size:1rem;padding-top:1.5em;}	
	
    .mainvis .mainnavi{padding: 1.5em;}
    .mainvis .mainnavi p{font-size: 1rem;letter-spacing: 5px;}
    .mainvis .mainnavi ul{padding-right: .3em;}
    .mainvis .mainnavi li{margin-left: 1em;width: 10px;height: 10px;}
	
    /* .top-eventbox{padding:2em 0em 0;}	 */
    .event_wrap{padding:0 0;}
    .event_wrap dd a .datebox{
        padding: 0.1em 0.2em 0.2em 0.4em;
        font-size: 1.8em;
    }
    .event_wrap dd a .datebox span{font-size:1rem;padding:0 .4em 0 .2em;}
    .event_wrap dd a .datebox .year{font-size:.9rem;}
    .event_wrap dd a .finish{width:25%;right:.75em;top:1em;}
    .event_wrap dd a .titlebox .category{font-size:.8rem;}	
    .event_wrap dd a .titlebox{
        padding: 1em 0.8em 2em;}
    .event_wrap dd a .titlebox .title{
        font-size: 1.2em;
        margin-bottom: 0.4em;
        line-height: 1.4;
    }
    /* .event_wrap dd a .titlebox .place{font-size:1rem;}	 */
    .top-eventbox a.link{font-size:1rem;}
    .event_wrap{padding:0 0 1.5em;display: flex; flex-wrap: wrap; justify-content: space-between;}

    .news-categorybox{padding:0 1.5em 1em;}
    .news-categorybox ul.category_box{text-align:center;font-size:1rem;width: 100%;margin-bottom:1em;}
    .news-categorybox ul.archive_box{text-align:center;font-size:.75rem;width: 100%;}
    .news-categorybox ul.archive_box:before{content:"";display: block;width:20%;order:1;}
    .news-categorybox ul.archive_box:after{content:"";display: block;width:20%;}	
    .news-categorybox ul.category_box li{width:30%;margin:0 0 1.5em;}
    .news-categorybox ul.archive_box li{width:20%;margin:0 0 1.5em;}
    .news-categorybox ul.archive_box li span{display:block;width: 100%;}	
	
    .news-detail-box section p{font-size:.9rem;}
    .news-detail-box li p.date{font-size:1.2rem;font-weight:700;letter-spacing:1px;line-height:1.5;}
	
    .news-post-bt a{width:100%}
	.block11 {
        width: 32%;
    }
    
} /* */

@media screen and (min-width: 960px){
    .wrapper {position: relative;height: 80vh;}
    .banner-wrapper-fixed {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-image:none;background-position: center;background-size: cover;transition: all 0.1s ease 0s;}
    .foreground {position: absolute;top: 0;left: 0;width: 100%;height: 80vh;background-color: rgba(0,0,0,0.0);background-image: url('../imgs/main/pc-undermain-event.jpg');}
    .mainvis img{width:100%!important;}
    .white .swiper-container{animation: scrollswiper 2s both;}

    .mainvis div.h1box{position:absolute;}
    .mainvis h1{letter-spacing:2px;font-size:1.8rem;}
    .mainvis p.keisai{font-size:.8rem;padding-top:1.5em;}	
	
    .top-eventbox{padding:2em 0em 1em;}

    .event_wrap dd a .finish{width:20%;right:.85em;top:1em;}	
    .event_wrap dd a{margin-bottom:0;}
    .event_wrap dd a .datebox{
        padding:.1em .1em .2em .5em;
    }
    .event_wrap dd a .datebox span{font-size:.7rem;padding:0 .6em;}
    .event_wrap dd a .datebox .year{font-size:.7rem;}
    .event_wrap dd a .titlebox{
        padding: 1em 0.7em 3em;
    }
    .event_wrap dd a .titlebox .title{
        font-size: 1.4rem;
        margin-bottom: 0.2em;
        line-height: 1.4;
    }
    .top-eventbox a.link{font-size:.8rem;width:40%;}

    .news-categorybox{padding:0 1.5em 1em;}
    .news-categorybox ul.category_box{text-align:center;font-size:1.1rem;width: 100%;padding:0 6em;}
    .news-categorybox ul.archive_box{text-align:center;font-size:.75rem;width: 100%;}
    .news-categorybox ul.archive_box:before{content:"";display: block;width:20%;order:1;}
    .news-categorybox ul.archive_box:after{content:"";display: block;width:20%;}	
    .news-categorybox ul.category_box li{width:33.33%;margin:0 0 2em;}
    .news-categorybox ul.archive_box li{width:20%;margin:0 0 2em;}
    .news-categorybox ul.archive_box li span{display:block;width: 100%;}	

    .news-post-wrap .left_news_box{width:100%; float:none; padding:.5em 4em 0; text-align:left;}
    .news-post-wrap .left_news_box li{padding:1em; width:22%;}

    .news-post-bt a{width:35%;margin:5em auto 4em;}

    .news-detail-box{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top: 7em;
    }
    .news-detail-box section{width:47%;margin:0 0;}	
    .news-detail-box section:last-child{margin-top:0;}		
	.eventbox {
        padding: 2em 2em 0;
    }
} /* */


.evt-ttl-box {
    padding: 5em 0;
}
.e-evt-field {
    font-size:  1rem;
    color: #3c415082;
    padding-bottom: .5em;
}
.e-evt-field.pa-none {
    padding-bottom: 0em;
}
.e-evt-ttl .year {
    font-size: .6em;
    font-weight: 300;
}
.e-evt-ttl {
    font-size: 1.9em;
    font-weight: 400;
}
.evt-about-txt {
    /* padding: .5em 0 3em; */
    font-size: 1.3em;
    line-height: 2em;
}
.event_detail_text {
    font-size: 1.3em;
    line-height: 1.6em;
    font-weight: 300;
    /* padding-bottom: .5em; */
}

@media screen and (min-width: 769px){
    .evt-ttl-box {
        padding: 0 0 3em;
    }
    .evt-about-txt,
    .event_detail_text {
        font-size: 1.1em;
    }
} /* */

@media screen and (min-width: 960px){
    .evt-flex {
        width: 46%;
    }
    .evt-about-txt {
        padding: 0;
    }
} /* */