@media(max-width: 599px){

  /* HTML全体にbox-sizing適用 */
  *{
    box-sizing:border-box;
  }

  /* リンク全般の設定 */
  a {
    text-decoration: none;
  }

  .header-container { /* ヘッダーメニュー */
    background-color: #ff6633;
    height: 0px
  }

  /* コンテナ幅設定 */
  .container{
    width:100%;
  }


  /* ヘッダー画像設定 */
  .header-photo{
    background: url(img/bg-top.jpg) center / cover; /* ヘッダー画像全画面 */
    background-position: 0 0;
    height: 200px;
  }

  .pc-rogo{
    position: absolute;
    top:30px;
    left:30px;
  }
  .pc-rogo img{
    width:60%;
  }





  /*クルマ買取*/
  .buying{ /* 買取背景オレンジ */
    background-color: #ff6633;
    width:100%;
    height:100%;
    padding:10px;
  }



  .buy-container{ /* サブタイトルとアイコンを横並びに */
    flex-direction:column;
  }
  .title-box{
    text-align: center;
  }


  .buy-icon li{ /* アイコンを２段に */
    flex: auto;
    width:50%;
    list-style: none;
  }
  .buy-icon img{
    width:70%;
  }


}

/* スマホ用に表記を変えたものたち */

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

  .pc-menu {/* PCメニュー非表示 */
    display: none;
  }

  .menu-btn{
    position:fixed;
    top:10px;
    right:10px;
    display:flex;
    height:60px;
    width:60px;
    justify-content:center;
    align-items:center;
    z-index:90;
    background-color:#;
    border:2px solid #000000;
  }
  .menu-btn span,
  .menu-btn span:before,
  .menu-btn span:after{
    content: '';
    display: block;
    height:3px;
    width:25px;
    border-radius:3px;
    background-color:#000000;
    position:absolute;
  }
  .menu-btn span:before{
    bottom:8px;
  }
  .menu-btn span:after{
    top:8px;
  }
  #menu-btn-check:checked ~ .menu-btn span{
    background-color:rgba(255,255,255,0);/*メニューオープン時は真ん中の線を透明にする*/
  }
  #menu-btn-check:checked ~ .menu-btn span::before{
    bottom:0;
    transform:rotate(45deg);
  }
  #menu-btn-check:checked ~ .menu-btn span::after{
    top:0;
    transform:rotate(-45deg);
  }
  #menu-btn-check{
    display:none;
  }

  .menu-content{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:80;
    background-color:#ff6633;
  }
  .menu-content ul{
    padding:70px 10px 0 0;
  }
  .menu-content ul li{
    border-bottom:solid apx #ffffff;
    list-style:none;
  }
  .menu-content ul li a{
    display:block;
    width:100%;
    font-size:15px;
    box-sizing:border-box;
    color:#000000;
    text-decoration:none;
    padding:9px 15px 10px 0;
    position:relative;
  }
  .menu-content ul li a::before{
    content:"";
    width:7px;
    height:7px;
    border-top:solid 2px #000000;
    border-right:solid 2px #000000;
    transform:rotate(45deg);
    position:absolute;
    right:11px;
    top:16px;
  }
  .menu-content{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:100%;/*leftの値を変更してメニューを画面外にだす*/
    z-index:80;
    background-color:#ff6633;
    transition:all 0.5s;/*アニメーション設定*/
  }
  #menu-btn-check:checked ~ .menu-content{
    left:0;/*メニューを画面内へ*/
  }

  .pc-banar{
    display: none;
  }
  .tb-banar{
    display: none;
  }
  .sp-banar{
    display: block;
  }
  .sp-banar img{
    width:50%;
  }



  /* その他コンテンツ */

  .other{
    display: none;
  }

  .other-sp{
    display: block;
  }

  .o-box1-sp{
    background-color: #ff6633;
    text-align: center;
    margin:30px 0;
    padding:30px 0;
  }

  .o-box1-sp a{
    color:#ffffff;
    font-family: 'HiraKakuProN-W6';
  }

  .sp-img img{
    width:100%;
  }

  .o-link1-sp {
    text-align: left;
    margin:0 auto;
    width:120px;
  }


  .o-box2-sp{
    background-color: #ff6633;
    text-align: center;
    margin:30px 0;
    padding:30px 0;
  }

  .o-box2-sp a{
    color:#ffffff;
    font-family: 'HiraKakuProN-W6';
  }

  .o-link2-sp {
    text-align: left;
    margin:0 auto;
    width:220px;
  }

  .o-box3-sp{
    background-color: #ff6633;
    text-align: center;
    margin:30px 0;
    padding:30px 0;
  }
  /* アクセス */

  .access-sp{
    display: block;
  }

  .access{
    display: none;
  }
  .access-box{
    flex-direction: column;
    padding:20px;
    margin: 0 auto;
    width: 100%;
  }

  .add img{
    width:100%;
  }

  .map iframe{
    width:100%;
  }



/*フッター設定*/

.footer-box{
  display: none;
}

.footer-box-tb{
  display: none;
}

.footer-box-sp{
  display: block;
  margin: 0 auto;
  width:350px;
}


.f-menu-sp{
  display: flex;
  flex-wrap: wrap;
}

.f-menu-sp li{
  flex:auto;
  width:50%;
  list-style: none;
}

.f-menu-sp a{
  color:#000000;
  font-size: 11px;
}


/* コピーライト */
.copy{
  background-color: #ffffff;
  border-top: 1px solid #000000;
  height: 20px;
  font-size: 12px;
  text-align: center;
  margin-bottom: 70px;
}

/*スクロールバー非表示*/
.page_top{
  display: none;
}

/*フッター固定メニュー*/
.bottom-menu {
    display: block;
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:50px;/*高さ*/
    margin:0;
    padding:0;
    background-color:#ff6633;/*背景色*/
    border-top:2px solid #ffffff;/*バーの上の線*/
    border-bottom:2px solid #ffffff;/*バーの下の線*/
    z-index:30;
  }

.bottom-menu li {
    float:left;
    width:25%;
    background-color:#ff6633;/*背景色*/
    list-style-type:none;
    text-align:center;
  }

.bottom-menu li a {
    display: block;
    color:#ffffff;/*アイコン＆文字の色*/
    padding-top:0px;
    padding-bottom:0px;
    line-height:0px;
    text-decoration:none;}






}