@media screen and (min-width: 980px) {
  div#cms-footer{
    width: 100%;
  }
}

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

  /* 全体　初期化 */
  html {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
  }

  * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  html body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  html body:not(.siteinit) #cms-menu + #cms-main {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  /* Sp Tab時 非表示 */
  div#cms-header{
    display: none !important;
  }

  div#cms-header{
    display: block  !important;
  }

  /* Pw Sp Header */
  #cms-header {
    min-height: 72px;
    height: auto;
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #fff;
  }
  #cms-header div.header-inner {
    padding: 12px 12px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #cms-header div.header-Area {
    width: 100%;
    float: none;
    display: flex;
    margin: 0;
    margin-bottom: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #cms-header div.header-Area img {
    width: 144px;
    max-height: 100%;
    padding: 0;
    margin: 0 0 0 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  
  /* 内容 */
  /* 背景 */
  div#cms-container {
    padding-top: 108px;
  }

  /* 見出し */
  div.cms-contents-title{
    margin: 0 12px 0;
  }
  
  /* Password　関連P */
  div.cms-password-wrap{
    padding: 12px;
  }


  fieldset div p.control-group.font-error{
    font-size: 16px;
    color:red;
  }

  /* Adress認証　関連P */
  div.cms-contents-wrap.cms-address-auth-wrap{
    padding: 12px;
  }

  /* 入力部 */
  input[type=text].input-text-m,
  input[type=password].input-text-m{
    width: 100%;
    height: 40px;
  }
 
  /* ButtonCansel */
  div.btn-std-m.btn-std-secondary{
    width: 100%;
    height: 40px;
    margin: 24px 0 24px 0;
  }



    /* ButtonCTA */
  div.cms-contents-wrap-btn-area a.btn-std-m{
    width: 100%;
    height: 40px;
    margin: 24px 0 24px 0;
  }
  
  div.cms-contents-wrap-btn-area input.btn-std-m{
    width: 100%;
    height: 40px;
    margin: 24px 0 24px 0;
  }

   /* Footer */
  div#cms-footer{
    position: fixed !important;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background-color: #888;
  }

}
/* @media screen and (max-width: 979px)  END*/