.titleHF {
  margin-left: 4.5rem;
}

@media screen and (max-width:1250px){  /* スマホ版 */
  .header2 {
    position: fixed;
    top: 0;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 170px;
    background-color: rgb(221, 221, 211);
    transition: all 0.3s ease-out;
  }

  .header2.fixed-hide{
    top: -171px;
  }

  .titleHF_under_text2 {
    color: #e49826;
    font-size: small;
    font-weight: bold;
    padding-left: 5px;
  }  
  
  .titleHF2 {
    margin-left: 0rem;
  }
  .tdMenu_Pad2 {
    padding-top: 10px;
  }

  .order2 {
    font-size: 16px;
  }

  .media_img {
    width: 280px;
    height: 50px;
  }

  .HFPad2 {
    padding-top: 160px;
  }
}


@media screen and (min-width: 1280px) {  /* PC版 */
  #header {
    position: fixed;
    top: 0;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 135px;
    background-color: rgb(221, 221, 211);
    transition: all 0.3s ease-out;
  }
  
  #header.fixed-hide{
    top: -135px;
  }
  
  .tdMenu_Pad {
    padding-top: 15px;
  }

  .titleHF_under_text {
    color: #e49826;
    font-size: 14px;
    text-indent: 5rem;
    font-weight: bold;
  }

  .HFPad {
    padding-top: 130px;
  }

  .order {
    font-size: 19px;
  }
}


body {
  margin: 0;
}

/*メニュー 中央寄せ*/
.textHF_align {
  text-align: center;
  background-color: rgba(221, 221, 211, 0.5);
}
    
/*テキストのセンタリング*/
.textHF_center {
  text-align: center;
  color: rgba(65, 62, 39, 0.87);
}
    
footer {
  background: rgba(32, 32, 32, 0.87);
  color: #c4c4c4;
  width: 100%;
  height: 7vw;
  text-align: center;
  line-height: 7vw;  
  bottom: 0;
}

a {
  text-decoration: none;
  color: #544a47;
}

a:link { /*アクセスしたことのないリンク*/
  color: #544a47;
}

a:visited { /*アクセスしたことのあるリンク*/
  color: #544a47;
}

a:hover {/*マウスが上に乗っている状態*/
  color: rgb(95, 163, 94);
}

a:active {/*クリック中*/
  color: rgb(95, 163, 94);
}

/*関連リンク*/
a.linkHF {
  color: rgb(95, 163, 94);
}

a.linkHF:visited {
  color: rgb(95, 163, 94);
}

a.linkHF:hover {
  text-decoration: underline;
  color: #544a47;
}

a.linkHF:active {
  color: #544a47;
}

a.order {
  color: #0000cd;
  font-weight: bold;
}