.bg_top {
    text-shadow: none;
}

/*背景*/
#about0 {background-image: url('../img/bgAbout00.jpg');}
#food0 {background-image: url('../img/bgFood.jpg');}
#food2 {background-image: url('../img/bgFood02.jpg');}
#House0 {background-image: url('../img/bgHouse00.jpg');}
#House2 {background-image: url('../img/bgHouse02.jpg');}
#House3 {background-image: url('../img/bgHouse03.jpg');}
#Act0 {background-image: url('../img/bgActivity00.jpg');}
#Act2 {background-image: url('../img/bgActivity02.jpg');}


@media screen and (max-width:1023px) {
/*　画面サイズが1023pxまではここを読み込む　*/
    
  /*2段目の固定背景*/
    #about1::before  {background-image: url('../img/bgAbout01.jpg');}  
    #food1::before {background-image: url('../img/bgFood01.jpg');}
    #House1::before  {background-image: url('../img/bgHouse01.jpg');}
    #Act1::before {background-image: url('../img/bgActivity01.jpg');}
    
    /*トップ画像の大きさ*/
    .bg_top {
        height: 600px;
        z-index: 1;
        background-position: 50% 100px;
    }
    .bg_pic2 {
        height:500px; 
        background-size: 100%;
        background-position: bottom center;
    }
    .contHead{
        color: white;
        background:linear-gradient(to right, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 100%);
        position: absolute;
        top: 350px;
        left: 400px;
        min-height:400px;
        min-width:700px;
        text-align:left;
        padding: 50px;
        z-index: 3;
    }
    /*最上部見出し*/
    .contHead h2{
        margin: 100px 0px 0px;
    }
    /*text内の画像*/
    .text img{
        margin-bottom:20px;
    }
    /*背景のみ枠*/
    .bg_pic1, .bg_pic2{
        background-position: 50% 0%;
    }
    /*予約ボタン*/
    .css-button-arrow--black{
        width:700px;
    }
}

@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
    
    /*2段目の固定背景*/
    #about1 {background-image: url('../img/bgAbout01.jpg');}
    #food1 {background-image: url('../img/bgFood01.jpg');}
    #House1 {background-image: url('../img/bgHouse01.jpg');}
    #Act1 {background-image: url('../img/bgActivity01.jpg');}
    
    .contHead{
        color: white;
        background:linear-gradient(to right, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 100%);
        position: absolute;
        top: 220px;
        left: 0px;
        text-align:left;
        padding:20px 20px 20px 320px;
        z-index: 3;
    }
    /*背景*/
    .bg_top{
        background-size: cover;
        background-position: 120px 0px;
        margin: auto;
        z-index: 1;
        height: 700px;
    }
    /*最上部見出し*/
    .contHead h2{
        margin:0;
    }
    /*見出し*/
    .text h2{
        margin:0;
    }
    
}
/*PCここまで*/

/*予約ボタン*/
.css-button-arrow--black{
    text-align: center;
    margin: 0px;
}