@charset "UTF-8";

section.navigation-block {
  max-width: 940px;
  width: 100%;
  margin: 20px auto 20px auto;
}

section.navigation-block>div {
  width: 100%;
  text-align: center;
}

section.navigation-block div.sellMenu,
section.navigation-block div.buyMenu {
  max-width: 300px;
  width: 100%;
  margin: 0px 10px 20px 10px;
  padding: 10px 0px 10px 0px;
  background: #c5c5c5;
  border-radius: 12px;

  color: #333;
  text-align: center;

  -moz--sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section.navigation-block div.sellMenu:hover,
section.navigation-block div.buyMenu:hover {
  background: #D5D5D5;
}

section.navigation-block span.sub {
  font-size: 15px;
}

section.navigation-block span.main {
  font-size: 27px;
}

section.navigation-block div.buyMenu {
  margin-right: 80px;
}

section.navigation-block div.selected {
  background: #EE9250;
  border-radius: 12px;
}

section.navigation-block div.selected:hover,
section.navigation-block div.selected:hover {
  background: #FFA260;
}

section.navigation-block a {
  text-decoration: none;
}

section.price {
  display: none;
}

/* 中古端末一覧画面 */
.item_list_area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4vh;
  padding: 4vh;
  justify-content: center;
  align-items: center;
}
.item_list_box {
  margin-bottom: 40px;
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.item_list_image {
  width: 70%;
  margin: 0px 15%;
  font-weight: bold;
  cursor: pointer;
}
.item_list_text {
  width: 70%;
  margin: 0px 15%;
  text-align: left;
}
.item_list_button {
  text-align: center;
}
@media screen and (max-width:800px) {
  .item_list_area {
    display: flex;
    flex-direction: column;
    gap: 4vh;
    padding: 4vh;
  }
  .item_list_box {
    text-align: center;
    width: 100%;
  }
  .item_list_image {
    font-weight: bold;
    width: 90%;
    height: 90%;
    margin: 0px 5%;
  }
  .item_list_text {
    width: 90%;
    margin: 0px 5%;
  }
}

button.sale {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 12px 64px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 15px;
}
button.applied {
  pointer-events: none;
  background-color: #ccc;
  border: none;
  color: white;
  padding: 12px 64px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 15px;
}

/* 中古端末詳細画面 */
.item_detail_area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4vh;
  padding: 4vh;
  justify-content: center;
  align-items: center;
}
.item_detail_box {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.item_detail_image {
  width: 70%;
  margin: 0px 15%;
  font-weight: bold;
  cursor: pointer;
}
.item_detail_text {
  width: 70%;
  margin: 0px 15%;
  text-align: left;
}
@media screen and (max-width:800px) {
  .item_detail_area {
    display: flex;
    flex-direction: column;
  }
  .item_detail_box {
    text-align: center;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .item_detail_image {
    font-weight: bold;
    width: 90%;
    height: 90%;
    margin: 0px 5%;
  }
  .item_detail_text {
    width: 90%;
    margin: 0px 5%;
  }
}

div.installment_area {
  display: none;
}
button.installment {
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 25px;
  background-color: #CCC;
}
button.one {
  padding: 12px 16px;
}
button.ten {
  padding: 12px 12px;
}
button.active {
  background-color: #FFA260;
}

.payment_type {
  height: 40px;
}
.payment_type input {
  display: none;
}
.payment_type label {
  display: block;
  float: left;
  cursor: pointer;
  width: 80px;
  margin: 0;
  padding: 10px;
  background: #bdc3c7;
  color: #869198;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  transition: .2s;
}
.payment_type label:first-of-type {
  border-radius: 3px 0 0 3px;
}
.payment_type label:last-of-type {
  border-radius: 0 3px 3px 0;
}
.payment_type input[type="radio"]:checked + .bulk {
  background-color: #a1b91d;
  color: #fff;
}
.payment_type input[type="radio"]:checked + .installment {
  background-color: #a1b91d;
  color: #fff;
}