@media screen and (max-width:500px) {
    .rectangle{
        width: 100%;
        height: 57vw;
        position: relative;
        float: right;
        margin-top: 60%;
        z-index: 1;
    }
    .rectangle-content{
        background-color: white;
        position: absolute;
        width: 80%;
        height: 58vw;
        right: 10%;
        margin-top: 50%;
        z-index: 1;
    }

    .walk-content:before {
        top: -40px;
        left: -5px;
    }

    .walk > .rectangle-content{
        width: 90%;
        right: 5%;
    }

    #rikoten > .rectangle-content{
        margin-top: 45%;
    }

    /* ヘッダー部分 */
    .head-img{
        display:none;
    }
    .head-sm-logo{
        padding-top: 20px;
        display:block;
    }
    .head-sm-title p{
        background-color: black;
        height: 16vw;
        text-align: center;
        margin:0;
        padding-bottom: 3vw;
    }
    .head-sm-title .w img{
        width:75%;
    }
    .head-sm-title .r img{
        width:46%;
    }

    /* 概要部分 */
    .color-white{
        box-shadow: 0px 10px 3px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
    }
    .intro h1,.intro h2{
        text-align: center;
    }
    .intro p{
        padding-left:0;
        font-size:20px;
    }
    .intro h1{
        font-size: 15vw;
    }
    .intro h2{
        font-size: 8vw;
    }
    .intro p{
        font-size:5vw;
    }

    /* 2祭の概要 */
    .fes-pic{
        position: absolute; 
        width: 100%;
        margin-left:-5%;
        float:none;
    }
    .fes{
        position: relative; 
        padding: 0;
        margin: 0;
    } 
    .fes h2{
        position: absolute; 
        top: -5vw; 
        font-size: 10vw; 
        z-index: 2;
        text-align: center;
    }
    .fes p{
        position: absolute; 
        top:16vw;
        width: 70%;
        right: 15%;
        font-size: 3.5vw;
        z-index: 2;
    }
    #wasedasai{
        margin-top:110%;
    }
    #rikoten > .rectangle-content > h2{
        right:7%;
    }
    #wasedasai > .rectangle-content > h2{
        right:6%;
    }
    #rikoten .fes-pic{
        top: 0;
    }
    #wasedasai .fes-pic{
        top: 3vw;
    }
    .btn-sticky {
        display: inline-block;
        padding-left: 4vw;
        padding-right: 0vw;;
        padding-top: 0.3em;
        padding-bottom: 0.7em;
        text-decoration: none;
        background: #f7f7f7;
        border-left: solid 6px #76171D;/*左線*/
        color: #76171D;/*文字色*/
        font-weight: bold;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        position: absolute;
        left: 40vw;
        top: 48.5vw;
        width: 27%;
        font-size: 2.4vw;
        height: 2vw;
        z-index: 10;
      }
      .btn-sticky:active {
        box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
        transform: translateY(2px);
      }
      #wasedasai .btn-sticky{
        top: 43vw;
      }
      .color-white{
          left: 10%;
          
      }
      .right-side{
        display: none; 
      } 
      
}