@media screen and (min-width: 1000px) {
    /*ウィンドウ幅が1100px以上の場合に適用,pc*/
    .spview{
        display: none;
    }
    .modal-container{
        justify-content: center;
    }
    .bl_3daysSearchBlock_ttl_sub{
        font-size: 12px;
    }
    /* a[href^="tel:"]{
        pointer-events: none;
      }
    */
    h3>img{
        width: 10%;
    }
    
    h1{
        margin: 0;
      }
    h3{
        padding-bottom: 0.5rem;
    }
    .footer-001 .img{
        margin: 0 auto;
        width: 20%;
    }
    .footer-001 a img{
        margin: 0 auto;
        text-align: center;
    }
    .footer-001 a {
        width: 20%;
    }
    }

    @media screen and (max-width: 1000px) {
        .pcview{
            display: none;
        }
       h1 img{
        width: 60%;
       }
       .bl_3daysSearchBlock_ttl_sub {
        width: 80%;
        margin: 0 auto;
       }
       /* .serch2>div{
        width: 50%;
      } */
      .bl_3daysSearchBlock_ttl{
        height: 100vh;
    }
    .bl_selectBlock{
        padding: 2%;
    }
    .serch2>div>.bl_searchResultBlock_item{
        width: 47%;
        /* height: 2; */
    }
    .modal_text{
        width: 100%;
    }
    /* .footer-001 img{
        width: 60%;
    } */
        }


@media (min-width: 767px) and (max-width: 999px) {
/* 767px以上999px以下に適用されるCSS（タブレット用） */
.pcview{
    display: none;
}
h1 img{
    width: 40%;
}
.tops{
    width: 50%;
}
a[href^="tel:"]{
    pointer-events: none;
  }
  .serch2>div>.bl_searchResultBlock_item{
    height: auto;
  }
.tops{
    width: 30%;
}
.bl_3daysSearchBlock_ttl{
    height: 90vh;
}
.footer-001 a{
    width: 60%;
}
.bl_selectBlock_content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.modal_img{
    width: 70%;
  } 
  h3>img{
    width: 30%;
}
}
@media(min-width: 320px)   and (max-width: 1000px) {
    h3>img{
        width: 10%;
    }
    h1>img{
        width: 90%;
      }
    .maru1 {
        width: 80%;
    }
    .maru2{
        width: 80%;
    }
    .kumo1{
        width: 40%;
    }
    .kumo2{
        width: 40%;
    }
    .footer-001 a{
        width: 70%;
        margin: 0 auto;
    }
    .modal_img{
        width: 100%;
    }
    .kazari1,.kazari2,.kazari3,.kazari4{
        width: 30%;
    }
    .bl_selectBlock_check{
        margin-right: 12px;
        text-align: center;
    }
    .modal_text>div {
        padding-left: 0px;
    }
    h4{
        font-size: 15px;
    }
    .modal_text>div>h4{
        line-height: 1.5em;
        padding: 0.7rem 0;
    }
    .buttonRound {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 200px;
    }
    h3>img{
        width: 50%;
    }
    h1{
        margin: 0;
    }
    
    .modal-content{
       width: 75%;
       max-height: 80vh;
    }
    h4,h5,h6{
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
        font-weight:700;
    }
    .serch2>div>.bl_searchResultBlock_item{
        height: auto;
    }
    .bl_3daysSearchBlock_ttl{
        min-height: 90vh;
    }
    .bl_selectBlock_content{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    h4{
        font-weight: 600;
    }
    .serch2>div>.bl_searchResultBlock_item{
        width: 80%;
    }

}
@media(min-width: 548px)   and (max-width: 700px) {
    .tops{
        width: 100%;
    }
    h1 img{
        width: 60%;
    }
    h3>img{
        width: 20%;
    }
    .bl_selectBlock{
        padding: 0 10px;
    }
}
@media(min-width: 701px)   and (max-width: 900px) {
    .tops{
        width: 40%;
    }
    h3>img{
        width: 20%;
    }
}
@media(min-width: 200px)   and (max-width: 500px) {
    .tops{
        width: 80%;
    }
    h3>img{
        width: 20%;
    }
}
@media(min-width: 501px)   and (max-width: 700px) {
    .tops{
        width: 60%;
    }
    h3>img{
        width: 20%;
    }
}