@charset "UTF-8";
/* 買う使う
-----------------------------------------------------------*/
.buy {
  position: relative;
}
.buy .tabPanel_inner {
  position: relative;
  z-index: 10;
}
.buy .searchStoreBtn_img {
  width: 60.2rem;
}
.buy .buyItems .buyItems_title img {
  width: 69.5rem;
}
.buy .buyItems .buyItems_text {
  width: 100%;
  margin: 2rem 0;
  text-align: center;
}
.buy .buyItems .buyItems_text p {
  padding-left: 1em;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  text-indent: -1em;
}
.buy .buyItems .itemList_card {
  padding: 2rem;
}
.buy .buyItems .itemList_card .buyItem_list {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  margin: 0;
  text-align: center;
}
.buy .buyItems .itemList_card .buyItem_list li {
  display: flex;
  flex-direction: column;
}
.buy .buyItems .itemList_card .buyItem_list li p {
  line-height: 1.3;
  text-align: center;
}
.buy .buyItems .itemList_card .buyItem_list .item_image {
  flex-grow: 0;
  width: 100%;
  height: 20rem;
  text-align: center;
}
.buy .buyItems .itemList_card .buyItem_list .item_image img {
  width: auto;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
}
.buy .buyItems .itemList_card .buyItem_list .item_labels {
  display: flex;
  flex-grow: 0;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}
.buy .buyItems .itemList_card .buyItem_list .item_labels .item_label {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  line-height: 1;
}
.buy .buyItems .itemList_card .buyItem_list .item_labels .item_label.-old {
  background-color: #67be00;
  color: white;
}
.buy .buyItems .itemList_card .buyItem_list .item_labels .item_label.-simfree {
  background-color: #fed700;
}
.buy .buyItems .itemList_card .buyItem_list .item_labels .item_label.-docomo {
  background-color: #192b5b;
  color: white;
}
.buy .buyItems .itemList_card .buyItem_list .item_labels .item_label.-tablet {
  background-color: #192b5b;
  color: white;
}
.buy .buyItems .itemList_card .buyItem_list .item_name {
  flex-grow: 1;
  margin-top: 1rem;
  font-size: 1.8rem;
  font-weight: bold;
}
.buy .buyItems .itemList_card .buyItem_list .item_volume {
  flex-grow: 0;
  margin-top: 0.2rem;
  font-size: 1.6rem;
}
.buy .buyItems .itemList_card .buyItem_list .item_color {
  display: inline-block;
  flex-grow: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.2rem auto 0;
  padding: 0.2rem;
  border: 0.1rem solid black;
  font-size: 1.6rem;
  line-height: 1;
}
.buy .buyItems .itemList_card .buyItem_list .item_priceLabel {
  flex-grow: 0;
  margin-top: 0.3rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.buy .buyItems .itemList_card .buyItem_list .price_wrap {
  flex-grow: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.buy .buyItems .itemList_card .buyItem_list .price_wrap .item_price {
  font-size: 3.6rem;
  font-weight: bold;
  text-align: right;
  color: #f46d37;
}
.buy .buyItems .itemList_card .buyItem_list .price_wrap .item_price span {
  font-size: 2rem;
  font-weight: inherit;
  color: inherit;
}
.buy .buyItems .itemList_card .buyItem_list .price_wrap .item_intax {
  position: relative;
  right: -0.5em;
  font-size: 2rem;
  font-weight: bold;
  text-align: right;
  color: #f46d37;
}
.buy .buyItems .itemList_card .buyItem_list .price_wrap .item_intax span {
  font-size: 1.4rem;
  font-weight: inherit;
  color: inherit;
}
.buy .buyItems .buyItems_notes {
  width: -moz-fit-content;
  width: fit-content;
  margin: 4rem auto 0;
}
.buy .buyItems .buyItems_notes li {
  padding-left: 1em;
  font-size: 2rem;
  font-weight: bold;
  text-indent: -1em;
}
.buy .buyItems .searchStore_wrap {
  margin-top: 7rem;
}
.buy .worry {
  position: relative;
}
.buy .worry .title-secondary {
  width: 128.9rem;
  height: 21.3rem;
}
.buy .worry .title-secondary img {
  position: absolute;
  top: 0;
  left: -24rem;
  width: 128.9rem;
  max-width: 128.9rem;
}
.buy .worry .worry_wrap {
  position: relative;
}
.buy .worry .worry_wrap img {
  width: 92.6rem;
}
.buy .worry .worry_wrap p {
  position: absolute;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
}
.buy .worry .worry_wrap p span {
  display: inline-block;
  font-size: 3rem;
  font-weight: inherit;
}
.buy .worry .worry_wrap p:nth-of-type(1) {
  top: 2rem;
  left: 5rem;
}
.buy .worry .worry_wrap p:nth-of-type(2) {
  top: 6rem;
  left: 42rem;
}
.buy .worry .worry_wrap p:nth-of-type(3) {
  top: 20rem;
  left: 21rem;
}
.buy .worry .worry_wrap p:nth-of-type(4) {
  top: 37rem;
  left: 4rem;
}
.buy .worry .worry_wrap p:nth-of-type(5) {
  top: 49.5rem;
  left: 42rem;
}
.buy .resolution {
  margin-top: 7rem;
}
.buy .resolution .resolution_image {
  position: relative;
  width: 125.9rem;
  height: 41.8rem;
}
.buy .resolution .resolution_image img {
  position: absolute;
  top: 0;
  left: -14rem;
  width: 125.9rem;
  max-width: 125.9rem;
}
.buy .resolution .resolution_card {
  position: relative;
  overflow: hidden;
  width: 75rem;
  margin: -6rem auto 0;
}
.buy .resolution .resolution_card .resolution_listWrap {
  padding: 4rem;
}
.buy .resolution .resolution_card .resolution_listWrap .resolution_list {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.buy .resolution .resolution_card .resolution_listWrap .resolution_list li + li {
  margin-top: 2rem;
}
.buy .resolution .resolution_card .resolution_listWrap .resolution_list li h4 {
  font-size: 2.8rem;
  font-weight: bold;
}
.buy .resolution .resolution_card .resolution_listWrap .resolution_list li h4 .num {
  display: inline-block;
  width: 4.7rem;
  height: 4.7rem;
  margin-right: 1rem;
  border-radius: 50%;
  background-color: var(--color-primary);
  font-size: inherit;
  font-weight: inherit;
  line-height: 4.7rem;
  text-align: center;
  color: white;
}
.buy .resolution .resolution_card .resolution_listWrap .resolution_list li h4 mark {
  background: linear-gradient(transparent 50%, #fae276 50%);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.buy .resolution .resolution_card .resolution_listWrap .resolution_list li h4 .-red {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.buy .resolution .resolution_text {
  margin-top: 4rem;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
}
.buy .resolution .resolution_text span {
  font-size: inherit;
  font-weight: inherit;
}
.buy .resolution .resolution_text small {
  display: block;
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: bold;
}
.buy .resolution .resolution_btnWrap {
  margin-top: 4rem;
}
.buy .resolution .resolution_btnWrap img {
  width: 47.2rem;
}
.buy .recommend {
  margin-top: 7rem;
}
.buy .recommend .recommend_image {
  position: relative;
  width: 109.7rem;
  height: 47.3rem;
}
.buy .recommend .recommend_image img {
  position: absolute;
  top: 0;
  left: 4rem;
  width: 109.7rem;
  max-width: 109.7rem;
}
.buy .recommend .recommend_card {
  position: relative;
  overflow: hidden;
  margin-top: -5.5rem;
  padding: 4rem 5rem;
}
.buy .recommend .recommend_card > div {
  position: relative;
  margin-top: 3rem;
  padding: 3rem 7rem;
  border-radius: 2rem;
  background-color: white;
}
.buy .recommend .recommend_card > div img {
  position: absolute;
  top: -2rem;
  right: 3rem;
}
.buy .recommend .recommend_card > div:nth-of-type(1) img {
  width: 10.3rem;
}
.buy .recommend .recommend_card > div:nth-of-type(2) img {
  width: 14.9rem;
}
.buy .recommend .recommend_card > div h4 {
  position: relative;
  padding-left: 4.3rem;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 3.3rem;
}
.buy .recommend .recommend_card > div h4::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.3rem;
  height: 3.3rem;
  background-image: url(/v2/pc/img/feature/mobile/reusesmartphone/buy/recommend_check.svg);
  background-repeat: no-repeat;
  content: "";
}
.buy .recommend .recommend_card > div h4 + h4 {
  margin-top: 2rem;
}
.buy .recommend .searchStore_wrap {
  margin-top: 4rem;
}
.buy .merit {
  margin-top: 10rem;
}
.buy .merit h2 {
  position: relative;
  width: 115.9rem;
  height: 46rem;
}
.buy .merit h2 img {
  position: absolute;
  top: 0;
  left: -28rem;
  width: 115.9rem;
  max-width: 115.9rem;
}
.buy .merit h2 p {
  position: absolute;
  top: 19rem;
  left: 19rem;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
}
.buy .merit h2 p span {
  font-size: inherit;
  font-weight: inherit;
}
.buy .merit .merit_list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 4rem;
}
.buy .merit .merit_list li {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 28.6rem;
  padding: 9rem 2rem 2rem;
  border: 0.4rem solid black;
  background-color: white;
}
.buy .merit .merit_list li .num {
  position: absolute;
  top: -2rem;
  right: 0;
  left: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 1rem 2rem;
  background-color: black;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: white;
}
.buy .merit .merit_list li .num span {
  display: block;
  margin-top: 0.5rem;
  font-size: 4rem;
  font-weight: inherit;
  line-height: 1;
  text-align: center;
}
.buy .merit .merit_list li h4 {
  flex-grow: 1;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.buy .merit .merit_list li .merit_image {
  flex-grow: 0;
  margin-top: 1rem;
}
.buy .merit .merit_list li .merit_image img {
  margin: 0 auto;
}
.buy .merit .merit_list li:nth-of-type(1) .merit_image img {
  width: 16.8rem;
}
.buy .merit .merit_list li:nth-of-type(2) .merit_image img {
  width: 16.2rem;
}
.buy .merit .merit_list li:nth-of-type(3) .merit_image img {
  width: 22rem;
}
.buy .merit .merit_comment p {
  margin-top: 2rem;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
}
.buy .merit .merit_comment p span {
  font-size: inherit;
  font-weight: inherit;
}
.buy .merit .merit_comment a {
  display: block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1rem auto 0;
  padding-right: 2rem;
  border-bottom: 0.2rem solid var(--color-primary);
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  color: var(--color-primary);
}
.buy .merit .merit_comment a::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-top: 0.2rem solid var(--color-primary);
  border-right: 0.2rem solid var(--color-primary);
  transform: translateY(-50%) rotate(45deg);
  content: "";
}
.buy .tabPanelBottom .scrollSell_button img {
  width: 42.7rem;
}
.buy .cloud_img1 {
  position: absolute;
  top: 27rem;
  left: 115rem;
  width: 15rem;
}
.buy .cloud_img2 {
  position: absolute;
  top: 329rem;
  left: -42rem;
  width: 19.8rem;
}
.buy .cloud_img3 {
  position: absolute;
  top: 469rem;
  left: 130rem;
  width: 22.2rem;
}
.buy .cloud_img4 {
  position: absolute;
  top: 602rem;
  left: -2rem;
  z-index: 1;
  width: 127rem;
  max-width: 127rem;
}