html,body{
    overflow: hidden
  }
body{
    padding:0vw;
    margin:0;
    background-color: rgba(0, 0, 0, 0.315);
    z-index:1;
    position:absolute;
    top:0vw;
}

.background-item{
    background-repeat:no-repeat;
    background-size:contain;    
    position:relative;
    right:10vw;
    top:-10vw;
    z-index:1;
}
.glass {
    position:relative;
    top:-110vw;
    left:-5vw;
    width: 120vw;
    height:120vh;
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.1); /* 背景色 */
    background-size:cover;
    -webkit-backdrop-filter: blur(100px); /* ぼかしエフェクト */
    backdrop-filter: blur(100px);
    z-index:2;
  }

.slick-slide {
    padding:54vw;
  }

#main{
    display:flex;
    position:absolute;
    top:0vw;
    z-index:10;
}
#side{
    width:30vw;
}
.planetext{
    font-size:2vw;
    font-family: "Hannari";
    position:relative;
    color:white;
    margin-left:1vw;
    letter-spacing:0.5vw;
}
.planetext1{
    font-size:1.5vw;
    font-family: "Hannari";
    position:relative;
    color:white;
    margin-left:1vw;
    letter-spacing:0.2vw;
}
.planetext2{
    font-size:1vw;
    font-family: "Hannari";
    position:relative;
    color:darkblue;
    margin-left:1vw;
}
.headline_overview{
    font-size:2.5vw;
    font-family: "Hannari";
    position:relative;
    margin-top:-3vw;
    color:rgb(255, 255, 255);
}
#overview p{
    position:relative;
    margin-top:-2vw;
}
.headline_news{
    font-size:2.5vw;
    font-family: "Hannari";
    position:relative;
    margin-top:-3vw;
    color:rgb(255, 255, 255);
}
.link1{
    margin-top:5vw;
    margin-bottom:2.5vw;

}
#title{
    font-size:3.9vw;
    font-family: "Hannari";
    position:relative;
    color:rgb(255, 255, 255);
    letter-spacing:-0.8vw;
    font-weight: bold;
    margin-top:-5vw;
    white-space: nowrap;
}
.small{
    font-size:3vw;
}
.newsticker{
    list-style-type:none;
    text-decoration:none;
    position:relative;
    left:-3vw;
    margin-top:0.3vw;
    background-color:rgb(230, 230, 230);
}

.newsticker a{
    display: block;
    background-color:rgb(230, 230, 230);
    padding:20px;
    font-size:1.2vw;
    text-decoration:none;
}

/*日付*/
.newsticker span{
    display:inline-block;
    font-size:1vw;
    margin-right:10px;
    color:#777;
}
li{
    list-style-type:none;
}
.newslink{
    color:#333;
}
.headline{
    font-size:2.5vw;
    font-family: "Hannari";
    position:relative;
    margin-top:-3vw;
    color:rgb(0, 0, 0);
}
.link2{
    margin-top:2.5vw;
    margin-bottom:7vw;
}
.wrap{
    position:relative;
    left:-5vw;
    margin-top:-47vw;
}
.slider{
    width:75vw;
}
.slier-object{
    display: flex;

}

.slider-item{
    background-repeat:no-repeat;
    background-size:contain; 
    height:30vw; 
    width:50vw;
    margin-left:-50vw;
}
.slick-prev,
.slick-next{
    position:absolute;
    z-index:15;
    top:68vw;
    cursor:pointer;
    outline:none;
    border-top:3px solid #ffffff96;
    border-right:3px solid #ffffff96;
    height:25px;
    width:25px;
}
.slick-prev{
    left:7vw;
    transform:rotate(-135deg);
}
.slick-next{
    left:49vw;
    transform:rotate(45deg);
}
.comment-text{
    position:relative;
    right:5vw;
    margin-top:-30vw;
}
.comment-text p{
    background: rgb(178, 207, 226);
    width: 20vw;
    word-wrap: break-word;
    line-height:3vw;
    z-index:5;
}
.slider-item1{
    background-image: url(./picture/DSC_1242.jpg);
}
.slider-item2{
    background-image: url(./picture/DSC_1244.jpg);    
}
.slider-item3{
    background-image: url(./picture/DSC_1638.jpg);
}
.slider-item4{
    background-image: url(./picture/DSC_2838.jpg);
}
.slider-item5{
    background-image: url(./picture/DSC_2853.jpg);
}
.slider-item6{
    background-image: url(./picture/DSC_2873.jpg);
}
.slider-item7{
    background-image: url(./picture/DSC_2892.jpg);
}
.slider-item8{
    background-image: url(./picture/DSC_2915.jpg);
}
.slider-item9{
    background-image: url(./picture/DSC_2920.jpg);
}
.slider-item10{
    background-image: url(./picture/DSC_2990.jpg);
}
.slider-item11{
    background-image: url(./picture/DSC_3049.jpg);
}
.slider-item12{
    background-image: url(./picture/DSC_3071.jpg);
}
.slider-item13{
    background-image: url(./picture/DSC_3498.jpg);
}
.slider-item14{
    background-image: url(./picture/DSC_3517.jpg);
}
.slider-item15{
    background-image: url(./picture/DSC_3538.jpg);
}
.slider-item16{
    background-image: url(./picture/DSC_3552.jpg);
}
.slider-item17{
    background-image: url(./picture/DSC_3565.jpg);
}
.slider-item18{
    background-image: url(./picture/DSC_3571.jpg);
}
.slider-item19{
    background-image: url(./picture/DSC_3581.jpg);
}
.slider-item20{
    background-image: url(./picture/DSC_3591.jpg);
}
.slider-item21{
    background-image: url(./picture/DSC_3605.jpg);
}
.slider-item22{
    background-image: url(./picture/DSC_3645.jpg);
}
.slider-item23{
    background-image: url(./picture/DSC_3702.jpg);
}
.slider-item24{
    background-image: url(./picture/DSC_3728.jpg);
}
.slider-item25{
    background-image: url(./picture/DSC_3732.jpg);
}
.slider-item26{
    background-image: url(./picture/DSC_3734.jpg);
}