@font-face {
    font-family: "しょかきさらり";
    src: url("fonts/Shokaki_Sarari.ttf");
}
@font-face {
    font-family: "玉ねぎ楷書体";
    src: url("fonts/tamanegi_kaisho.ttf");
}
.element::-webkit-scrollbar {
    display: none;
}
.Space-80px{
    position: relative;
    width: 100%;
    height: 80px;
    top: 0;
}

.Space-100px{
    position: relative;
    width: 100%;
    height: 100px;
}
.Space-200px{
    position: relative;
    width: 100%;
    height: 200px;
}
.Space-300px{
    position: relative;
    width: 100%;
    height: 300px;
}
.Space-500px{
    position: relative;
    width: 100%;
    height: 500px;
}

.Heri{
    width: 100%;
    height: 40px;
    background-image: url("img/wagara4.png"),linear-gradient(#7B8D42 80%, #555555 100%);
}

.karano-naiyou{
    width: 100%;
    height: auto;/*じゆうにするにはここをなくせ*/
    background-image: url("img/wagara1.png");
    background-repeat: repeat;
}
.news-title{
    width: 100%;
    height: 100px;
    font-size: 4vw;
    text-align: center;
    font-family: "玉ねぎ楷書体", sans-serif;
    z-index: 1;
}
.news_date{
    position: relative;
    left: 20px;
    font-size: 20px;
    font-family: sans-serif;
}

#pic_bg{
    overflow: hidden;
}

.picture_bg{
    width: 120%;
    position: relative;
    top: 50%;/*要調整*/
    translate: 0 -50%;
}

.green_decorate{
    width: 100%;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    z-index: -1;
}
.leftreaf{
    height: 100%;
    position: absolute;
    left: 40%;
    translate: -50% 0;
}

.rightreef{
    height: 100%;
    position: absolute;
    right: 40%;
    translate: 50% 0;
}
/*スマホ版*/
@media screen and (max-width:500px) and (max-height: 900px){
    html,body{
        font-size: 12px;
    }
    .news-title{
        font-size: 18px;
    }
}
/*PC横*/
@media screen and (min-width: 1500px) and (min-height: 900px){
    html,body{
        font-size: 24px;
    }
    .news-title{
        font-size: 52px;
    }
}
/*中途半端*/
@media screen and (min-width: 1100px) and (max-width: 1500px){
    html,body{
        font-size: 18px;
    }
    .news-title{
        font-size: 36px;
    }
}