/* ===================================
   HPB23SP オリジナル修正
   作成日: 2026-06
   =================================== */

html,
body{
    overflow-x:hidden;
}

@media screen and (max-width: 1024px) and (orientation: landscape){

  #sp-site-branding-1{
      min-height:170px;
      overflow:visible;
  }

}

@media screen and (max-width:1024px){

  #sp-site-navigation-1 .menu-toggle{
      background-color : #8fc31f;
      background-image : url(img/icon-menu1.png);
      background-repeat : no-repeat;
      background-position : center center;
      text-indent : -999em;
      padding : 10px;
      cursor : pointer;
  }

  .button-menu#sp-site-navigation-1 .menu-toggle{
      display:block;
  }

  .button-menu#sp-site-navigation-1 > ul{
      display:none;
  }

  .button-menu#sp-site-navigation-1 ul.toggled-on{
      display:block;
  }

  #sp-site-navigation-1 > ul > li{
      float:none;
      width:auto;
  }
}

@media screen and (max-width:1024px){

  #sp-block-container-1{
      position:relative !important;
      top:0 !important;
      left:0 !important;
      width:100% !important;
      clear:both !important;
      display:block !important;
      margin-top:10px !important;
  }

  #sp-block-container-1 p{
      text-align:center !important;
  }

}

/* 横スクロール対策 */

#main,
#colophon,
#sp-site-branding-1 .inner-box,
#sp-site-branding-1 .site-description{
    width:100% !important;
    max-width:1000px !important;
    box-sizing:border-box !important;
}

@media screen and (max-width:1024px){

  .button-menu#sp-site-navigation-1 ul.toggled-on{
      display:block;
  }

  #sp-site-navigation-1 > ul > li{
      float:none;
      width:auto;
  }

  #sp-block-container-1{
      position:relative !important;
      top:0 !important;
      left:0 !important;
      width:100% !important;
      clear:both !important;
      display:block !important;
      margin-top:10px !important;
  }

  #sp-block-container-1 p{
      text-align:center !important;
  }

}

@media screen and (max-width:1024px){

  #page,
  #masthead,
  #main-inner,
  #primary{
      width:100% !important;
      max-width:100% !important;
      box-sizing:border-box !important;
  }

}

@media screen and (max-width:1024px){

  #sp-site-navigation-1{
      margin-bottom:0 !important;
      padding-bottom:0 !important;
  }

  #sp-image-1{
      margin-top:0 !important;
      display:block !important;
  }

}

@media screen and (max-width:1024px){

  #sp-image-1{
      display:block !important;
      margin:0 !important;
      width:100% !important;
      height:auto !important;
  }

}

@media screen and (max-width:1024px){

  #contenthead > a{
      display:block !important;
      margin:0 !important;
      padding:0 !important;
      line-height:0 !important;
  }

}

@media screen and (max-width:1024px){

  #sp-site-navigation-1 .menu-toggle{
      margin-bottom:0 !important;
      border-bottom:none !important;
      line-height:1 !important;
  }

}