html{
    scroll-padding-top: 100px;
    
}
body{
    padding:3% 3%;
    /*scroll-padding-top: 100px;*/
}

h2{
    margin-bottom: 0px;
}

h3{
    margin-top: 0px;
    margin-bottom: 0px;
}

.main_color {
    background: #4b0082;
}
.sub_color1{
    background: #9966cc;
}
.sub_color2{
    background: #f5f5f5;
}
.point_color{
}


.site-header{
    z-index:9999;/*最前面に持ってくるのに必要*/
    display: flex;
    /*grid-template-columns: 1fr 4fr;*/
    /*grid-auto-rows: minmax(150px,auto);*/
    height: 80px;
    /*position: fixed;*/
    justify-content: space-between;
    width: 100%

    /*opacity: 0.9;*/
    /*z-index:9999;
    display: flex;
    padding: 10px 10px;
    position: fixed;
    justify-content: space-between;
    transition: .5s;
    width: 100% ;/*←指定の仕方きもちわるいけど仕方ない*/
    /*height: auto;
    max-height:170px;*/
}
.site-header h1{
    color: #ffffff;
    float:left;
}
.site-logo{
    height:80px;
}
.site-logo img{
    height: 100%;
}
.school-logo{
    height:80px;
}
.school-logo img{
    height: 100%;
}
.gnav{
    height: 80px;
}
.gnav_menu{
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    height:100%;
}
.gnav_menu_item{
    color: #ffffff;
}
.gnav_menu_item a{
    color: #ffffff;
    text-decoration: none;
}

.content{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.gbox_left_s{
    grid-column-start: 1;
    grid-column-end: 2;
}
.gbox_right_s{
    grid-column-start: 3;
    grid-column-end: 4;
}
.gbox_left_l{
    grid-column-start: 1;
    grid-column-end: 3;
}
.gbox_right_l{
    grid-column-start: 2;
    grid-column-end: 4;
}
.bosyuu{
    grid-column-start: 1;
    grid-column-end: 3;
}
.bosyuu_poster{
    grid-column-start: 3;
    grid-column-end: 4;

}

.content_inner{
    margin: 10px 0;
    padding: 10px 20px;
}
.content_inner p{
    padding-left: 2em;
}
.content_inner img {
    width:100%;
}

.yotei_brock{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(150px,auto);
    /*border: 4px solid;
    border-color: #9966cc;
    border-radius: 4px;*/

}
.yotei{
    border: 4px solid;
    border-color: #9966cc;
    border-radius: 4px;
}
.yotei_inner{
    padding: 0 10px;
    margin:0 5px;
    /*display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(150px,auto);
    */
    border: 2px solid;
    border-color: #9966cc;
    border-radius: 2px;
}
.yotei_item{
    /*border: 2px solid;
    border-color: #9966cc;
    border-radius: 2px;
    backgroundcolor: #000000;*/
    margin: 10px 10px;
    padding:0 5px 5px 5px;
}
.site-footer{
    /*background: #4b0082;*/
    padding: 20px 0;
}
.copyright{
    color: #ffffff;
    font-size: 16px;
    text-align: center;
}

iframe[src$=".pdf"]{
    width:100%;
    height:90vh;
}