/* 見出し
----------------------------------------------- */
.box h1 {
  background: #356262;
  background: -webkit-gradient(linear, left top, right top, from(rgba(53,98,98,1)),to(rgba(113,154,43,1)));
  background: -o-linear-gradient(left, rgba(53,98,98,1) 0%,rgba(113,154,43,1) 100%);
  background: linear-gradient(to right, rgba(53,98,98,1) 0%,rgba(113,154,43,1) 100%);
  border: 3px #356262 solid;
  color: #FFF;
  line-height: 1.2em;
  margin: 20px 0;
  padding: 10px;
}
.box h2.heading {
  background: #356262;
  background: -webkit-gradient(linear, left top, right top, from(rgba(53,98,98,1)),to(rgba(113,154,43,1)));
  background: -o-linear-gradient(left, rgba(53,98,98,1) 0%,rgba(113,154,43,1) 100%);
  background: linear-gradient(to right, rgba(53,98,98,1) 0%,rgba(113,154,43,1) 100%);
  border: 3px #356262 solid;
  border-radius: 0;
  color: #FFF;
  line-height: 1.2em;
  margin: 20px 0;
}
.box h2.heading:before {
  content: none;
}
.box h1 span,
.box h2 span {
  color: #FFF;
  font-size: 0.8em;
}



/* トップバナー直下のボタン
----------------------------------------------- */
.box ul.app-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.box ul.app-btn li {
  text-align: center;
  margin: 1em 0 0;
  padding: 0;
  width: 48% !important;
}


/* リンクボタン
----------------------------------------------- */
#content .more {
  text-align: center;
}
#content  .more a {
  background: #619949;
  border: 3px #84d461 solid;
  border-radius: 2em;
  color: #FFF;
  display: inline-block;
  padding: 10px 2em;
}
#content .more a:hover {
  opacity: 0.8;
}


#content .box:not(.houhou) .more {
  text-align: center;
}
#content .box:not(.houhou) .more a {
  background: #619949;
  border: 3px #84d461 solid;
  border-radius: 2em;
  color: #FFF;
  display: inline-block;
  padding: 10px 2em;
}
#content .box:not(.houhou) .more a:hover {
  opacity: 0.8;
}


/* 買取強化アイテム
----------------------------------------------- */
#kyouka ul li {
  list-style: none;
  line-height: 1.5em;
}
#kyouka ul li img {
  border: 3px #cf8934 solid;
}
#kyouka ul li .maker {
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 5px;
}
#kyouka ul li .note {
  margin-top: 5px;
}
#kyouka ul li .price {
  color: #f04b2f;
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack:  distribute;
      justify-content:  space-around;
}
#kyouka ul li .price span {
  color: #f04b2f;
  font-size: 1.5em;
}



/* こんな○○大歓迎
----------------------------------------------- */
#content .taishou ul.item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#content .taishou ul.item li {
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0;
  width: 48%;
}



/* 取り扱い一覧
----------------------------------------------- */
#content .maker .categorise {
  background: none;
  padding: 0;
}
#content .maker .categorise ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
    background: none;
}
#content .maker .categorise ul li {
  background: #dfd7ac;
  border: 5px #5c370e solid;
  border-radius: 1em;
  margin: 0 0 0.5em;
  padding: 0 0.5em 0.5em;
  width: 48% !important;
  position: relative;
  overflow: hidden;
}
#content .maker .categorise ul li a {
  background: #FFF;
  border-radius: 5px 5px 0 0;
  display: block;
  text-align: center;
  margin: 0 -0.5em 0.5em;
  z-index: 1;
}
#content .maker .categorise ul li a span {
  display: block;
  padding-bottom: 5px;
}
}
#content .maker .categorise ul li:before {
  border: 5px outset;
  border-top-color: rgba( 0, 0, 0, 0.3 );
  border-right-color: rgba( 0, 0, 0, 0.3 );
  border-bottom-color: rgba( 255, 255, 255, 0.4 );
  border-left-color: rgba( 255, 255, 255, 0.4 );
  border-radius: calc( 1em - 5px );
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#content .maker .categorise ul li img {
  width: 100%;
  margin-bottom: 5px;
  max-width: initial;
}



/* メリット
----------------------------------------------- */
#merit ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#merit ul li {
  margin: 0 0 1em;
  width: 48%;
}
#merit>p {
  display: none;
}


/* 地域
----------------------------------------------- */
#area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#area ul li {
  margin: 0 10px; 1em 0;
  padding: 0 1em;
  width: auto !important;
  min-width: 8em;
}
#area ul li:nth-child(11) {
    padding-right: 0;  /*かすみがうら市配置調整*/
}

#area ul li:nth-child(26) {
    padding-right: 0;  /*つくばみらい市配置調整*/
}


/* SP （w690px 未満）
----------------------------------------------- */
@media only screen and (max-width: 689px){

  /* スマホで非表示 */
  #content .pc-on {
    display: none;
  }

  /* 買取強化アイテム */
  #kyouka ul li {
    clear: both;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px #CCC dashed;
  }
  #kyouka ul li:after {
    content: "";
    clear: both;
    display: table;
  }
  #kyouka ul li > div:not(.img) {
    margin-left: 40%;
    width: auto !important;
  }
  #kyouka ul li > div.img {
    float: left;
    width: 35%;
  }


  /* メーカー一覧 */
  #maker .categorise ul li {
    padding: 8px;
  }
  #maker .categorise ul li img {
    float: none;
    margin-bottom: 0.5em;
    margin-right: 0;
  }


}/* Eo max689 */



/* PC （w690px 以上）
----------------------------------------------- */
@media only screen and (min-width: 690px){

  /* PCで非表示 */
  #content .sp-on {
    display: none;
  }

  /* 見出し */
  #content h1,
  #content h2.heading {
    font-size: 1.8em;
  }


  /* 買取強化アイテム */
  #kyouka ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #kyouka ul li {
    width: 30% !important;
  }

  #kyouka p.more{
    float: left;
    width: 50%;
  }


  /* こんな○○大歓迎 */
    #content .taishou ul.item li {
      width: 18%;
    }


  /* 取り扱い一覧 */
  #content .maker .categorise ul li  {
    width: 32% !important;
  }


}/* Eo min690 */