@media only screen and (max-width: 767px){
 /*--共通パーツ--*/
  /*ハンバーガーメニュー・カート・お気に入り・検索窓 非表示*/
  .header__menuSp,
  .header__menuBtnSp,
  .header__navi{
    display: none;
  }
  .header{
    height: 50px;
  }
  /*パンくず*/
  .breadcrumbs{
    display: none;
  }

  /*--全体レイアウト--*/
  .logIn{
    height: auto !important;
    width: 113%;
  }
  .pageTitle{
    margin: 24px 18px -4px;
  }
  #login-form{
    position: relative;
  }
  /*会員登録されている方*/
  .mainContent__col2even .mainContent__col:first-child .logIn .logIn__heading{
    display: none;
  }
  /*入力フォーム*/
  .logIn__heading2 {
    font-size: 14px;
    position: absolute;
    top: -7px;
    left: 10px;
    z-index: 1;
    background: linear-gradient(to bottom, #fff 50%, rgba(0,0,0,0)50% );
    font-weight: normal;
    color: #666666;
  }
  .logIn__pass{
    margin-top: 14px;
  }
  .logIn__email + .logIn__heading2{
    margin-top: 56px;
  }
  .logIn__heading2:has(+ .logIn__email) {
    top: -8px;
  }
  /*ログインリンクの順番入れ替え*/
  .LoginLinkLayoutABCDE{
    display: flex;
    flex-direction: column;
  }
  .btnList{
    margin: 0;
    order: 3;
  }
  .logIn__linkApps{
    order: 4;
  }
  /*LINEでログイン*/
  .btnList ul li:last-child .btn--green{
    height: 36px;
    width: 66%;
    font-size: 12px;
    padding-left: 45px;
    line-height: 36px;
  }
  .btnList li:nth-child(n+2){
    margin-top: 24px;
  }
  .btn--green .icon-line-old{
    width: 20px;
    height: 24px;
    top: 24%;
    left: 14px;
  }
  .btn--green .icon-line-old:after{
    bottom: 0px;
    right: -8px;
    height: 30px;
  }
  /*ログインリンク下文言　すでに～*/
  .logIn__linkApps{
    display :none;
  }
  /*パスワードをお忘れですか*/
  .logIn__forgetPass{
    margin: 0;
    order: 1;
  }
  /*ログインでお困りの方へ*/
  .logIn__textLink{
    margin: 0 0 20px 0;
    order: 2;
  }
  /*はじめてご利用の方　上余白*/
  .mainContent__col2even .mainContent__col:last-child .logIn{
    padding: 0px 18px 30px;
  }
  /*はじめてご利用の方 商品の注文など～*/
  .logIn .text--regist{
    display: none;
  }
}