*{
            margin:0;
        }
      .underline {
        border-bottom: solid 3px #000000;
      }      
      .pccut{
        display: none;
        }
      .centerimg{
        text-align:center;
        }
      .centermargin{
        margin-left:auto;
        margin-right:auto;
        }
      .header ,.footer{
       position: relative;
       background-color: #ffa538;
      }

      .head-char {
        font-size: 1.4rem;
      }

      .head__logo_menu {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        display: flex;
        padding:0;

        & li {
        display: block;
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        align-content: center;
        text-align: center;
        }

        & li:first-child::before {
          display: block;
          content: " ";
          padding: 1.5rem 0;
          background-color: #888;
          width: 50px;
          margin: 0 auto .5rem;
          border-radius: 30px;
        }

        & li:nth-child(2)::before {
          display: block;
          content: " ";
          padding: 1.5rem 0;
          background-color: #2f4ab3;
          width: 50px;
          margin: 0 auto .5rem;
          border-radius: 30px;
        }

        & li:nth-child(4)::before {
          display: block;
          content: " ";
          padding: 1.5rem 0;
          background-color: #78a453;
          width: 50px;
          margin: 0 auto .5rem;
          border-radius: 30px;
        }

        & li:last-child::before {
          display: block;
          content: " ";
          padding: 1.5rem 0;
          background-color: #c70000;
          width: 50px;
          margin: 0 auto .5rem;
          border-radius: 30px;
        }
      }
      .head__logo {
        background-image: url(../images/LOGO.svg);
        padding: 4rem 0;
        width: 100%;
        max-width: 310px;
        margin: 0 auto;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 1rem;
      }
      .footer{
      height:75rem;

      div ul{
        position: absolute;
        font-size: 2rem;
        list-style-type: none;
        left:33%;
      }
      .foot-logo {
        display:block;
        width:12rem; 
        /*width:25rem;*/
        height:auto;
      }
      .footsnsbuttons{
        display:flex;
        justify-content:center;
        text-align: center;
        list-style-type: none;
        padding:0;
        padding:0;
        width:100%;
        max-width: 200px;
        margin:15px auto;
        li{
          display: block;

            width: 40px;
            margin:0 auto;

        }
      }
      .instalink{
        display: block;
        width:40px;
      }
      .instaimg{
        max-width:40px;
        margin-right: 50px;
      }
      .ximg{
        max-width:40px
        /*max-width:100px*/
      }
      .footul{
        padding:0;
      }
      .opendays{
        display:block;
        margin-top:20px;
      }
      .foot-pccut{
        display: none;
      }
    }
     

    /*ハンバーガーメニュー*/
      .menu-wrapper {
        position: relative;
      }

      .menu-icon {
        width: 40px;
        height: 30px;
        position: fixed; /* ← fixedにして常に左上固定 */
        top: 20px;
        left: 20px;
        cursor: pointer;
        z-index: 3;
        display: inline-block;
      }

      .menu-icon span {
        display: block;
        height: 4px;
        margin: 6px 0;
        background: #ff4646;
        border-radius: 2px;
        transition: 0.4s;
      }

      /* ハンバーガーがXに変形 */
      #menu-toggle:checked + .menu-icon span:nth-child(1) {
       transform: translateY(10px) rotate(45deg);
      }
      #menu-toggle:checked + .menu-icon span:nth-child(2) {
       opacity: 0;
      }
      #menu-toggle:checked + .menu-icon span:nth-child(3) {
       transform: translateY(-10px) rotate(-45deg);
      }

      /* オーバーレイ背景 */
      .overlay {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.5);
        opacity: 0;
        pointer-events: none;
        transition: 0.4s;
        z-index: 1;
      }

      #menu-toggle:checked ~ .overlay {
        opacity: 1;
        pointer-events: auto;
      }

      /* メニュー本体（左から出す） */
      .menu {
        position: fixed;
        top: 0;
        left: -250px; /* ← 初期位置を左へ */
        width: 250px;
        height: 100%;
        background: #fff;
        box-shadow: 2px 0 8px rgba(0,0,0,0.2);
        transition: left 0.4s ease;
        z-index: 2;


        #menu-toggle:checked ~ & {
          left: 0; /* ← 開いたときは左0へ */
        }
        & ul {
          list-style: none;
          padding: 60px 20px;
        }

        & li {
          margin: 20px 0;
        }

        & a {
          text-decoration: none;
          color: #333;
          font-size: 1.7rem;
          transition: color 0.3s;
        }

        & a:hover {
          color: #007bff;
        }
        & .menu-snsbuttons {
          display: flex;
          justify-content: space-around;
          .menu-icons{
            max-width:40px;
          }
        }
      }
     @media (width < 600px) {
      .pccut{
        display:block;
      }
      .head__logo_menu > .head-char{
        display:none;
      }
      .footer{
         height:65rem;
      }
      .footsnsbuttons{
        padding:0;
        width:100%;
        max-width: 200px;
        margin:15px auto;
      }

     .footul{
       font-size: 1.2rem;
       list-style-type: none;
       margin-top: 10px;
       padding:0;
      }
      .foot-logo {
        display:block;
        height:auto;
        margin-left: auto;
        margin-right: auto;
      }
    
      .instaimg .ximg{
        width:40px;

      }
      .opendays{
        display: block;
        margin-top:15px;
      }
      .foot-spcut{
        display:none;
      }
    
     }