@charset "UTF-8";

@media screen and (min-width: 1080px) {

   /*--------------------------------footer----------------------*/
   footer {
      width: 100%;
      margin: 0;
      padding: 20px 0 10px 0;
      background: #aaa;

   }

   ul.footer {
      width: 900px;
      margin: 0 auto;
      padding: 0 180px 0 0;
      display: flex;
      justify-content: space-between;
      background: url(../image/telbuttonw.png) no-repeat center right;
   }

   address {
      width: 100%;
      margin: 0 auto;
      padding: 10px 0;
      font-size: 1.1rem;
      font-style: normal;
      text-align: center;
      background: #888;
      color: #fff;

   }

   #sp-fixed-menu {
      display: none;
   }
}

@media screen and (min-width:600px) and (max-width:1079px) {

   footer {
      clear: both;
      width: 100%;
      margin: 4% 0 0 0;
      padding: 1% 2% 1% 2%;
      background: #aaa;
      box-sizing: border-box;

   }

   ul.footer {
      width: 100%;
      text-align: center;
      box-sizing: border-box;
   }

   img.bottomlogo {
      width: 60%;
      height: auto;
      box-sizing: border-box;
   }

   img.bottomlogomail {
      display: none;
   }

   address {
      clear: both;
      width: 100%;
      margin: 0;
      padding: 0 0 8% 0;
      font-size: 0.9rem;
      font-style: normal;
      text-align: center;
      background: #888;
      color: #fff;

   }

   /*メニューをページ下部に固定*/
   #sp-fixed-menu {
      width: 100%;
      position: fixed;
      bottom: 0px;
      z-index: 99;
      box-sizing: border-box;
   }

   /*メニューを横並びにする*/
   #sp-fixed-menu ul {
      width: 100%;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: space-between;
      border-top: 1px solid #c0c0c0;
      background: #cce6ff;
      box-sizing: border-box;
   }

   #sp-fixed-menu li {
      width: 33.33%;
      margin: 0;
      padding: 2% 0;
      text-align: center;
      vertical-align: middle;
      box-sizing: border-box;
   }

   img.sp {
      width: 10%;
      height: auto;
   }

   /*左側メニューを緑色に*/
   li.toppage {
      background: #f0f0f0;
      border-right: 1px solid #c0c0c0;
   }

   li.phone {
      background: #dcdcdc;
      border-right: 1px solid #c0c0c0;
   }

   li.mailform {
      background: #FFA64D;
   }

   /*ボタンを調整*/
   #sp-fixed-menu li a {
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
   }
}


@media screen and (max-width: 599px) {
   footer {
      clear: both;
      width: 100%;
      margin: 4% 0 0 0;
      padding:2% 2% 1.5% 2%;
      background: #aaa;
      box-sizing: border-box;

   }

   ul.footer {
      width: 100%;
      text-align: center;
      box-sizing: border-box;
   }

   img.bottomlogo {
      width: 70%;
      height: auto;
      box-sizing: border-box;
   }

   img.bottomlogomail {
      display: none;
   }

   address {
      clear: both;
      width: 100%;
      margin: 0;
      padding: 0 0 10% 0;
      font-size: 0.9rem;
      font-style: normal;
      text-align: center;
      background: #888;
      color: #fff;

   }

   /*メニューをページ下部に固定*/
   #sp-fixed-menu {
      width: 100%;
      position: fixed;
      bottom: 0px;
      z-index: 99;
      box-sizing: border-box;
   }

   /*メニューを横並びにする*/
   #sp-fixed-menu ul {
      width: 100%;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: space-between;
      border-top: 1px solid #c0c0c0;
      background: #cce6ff;
      box-sizing: border-box;
   }

   #sp-fixed-menu li {
      width: 33.33%;
      margin: 0;
      padding: 2.5% 0 2% 0;
      text-align: center;
      vertical-align: middle;
      box-sizing: border-box;
   }

   img.sp {
      width: 15%;
      height: auto;
   }

   /*左側メニューを緑色に*/
   li.toppage {
      background: #f0f0f0;
      border-right: 1px solid #c0c0c0;
   }

   li.phone {
      background: #dcdcdc;
      border-right: 1px solid #c0c0c0;
   }

   li.mailform {
      background: #FFA64D;
   }

   /*ボタンを調整*/
   #sp-fixed-menu li a {
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
   }
}