:root {
  --w-basesize: 1000px;
  overflow-x: hidden;
  --f-size-small: 0.9rem;
  --f-size-medium: 1.03rem;
  --f-size-p-base: 1.1rem;
  --f-size-large: 1.4rem;
  --f-size-xlarge: 1.6rem;
  --f-size-button: 1.3rem;
}
:root {
  --point-color01: #043BB1;
  --point-color02: #FFF41E;
  --point-color03: #4B4B4B;
  --point-color04: #EC9200;
  --sell: #009AF0;
  --trade-in: #6E7582;
}
br.sp-br {
  display: none;
}
br.pc-br {}
body.back001 {
  background: #FFFA7B;
}
.bg_mob01 {
  background: repeating-linear-gradient(45deg, #E9FFCF, #E9FFCF 8px, #DFFFBA 8px, #DFFFBA 16px);
}
strong {
  font-size: 120%;
  font-weight: bold;
}
small {
  font-size: 90%;
}
p {
  text-align: left;
  font-size: 105%;
  letter-spacing: 0.1rem;
  font-weight: bold;
}
.unl_yellow {
  background: linear-gradient(transparent 60%, yellow 30%);
  display: inline-block;
}
.ta_center{
display: block;
text-align: center;
}
.ta_right{
display: block;
text-align: right;
}
.t_tate{
       writing-mode: vertical-rl;
}
.font-size70 {
  font-size: 70%;
  font-weight: bold;
}
.font-size80 {
  font-size: 80%;
}
.font-size90 {
  font-size: 90%;
}
.font-size100 {
  font-size: 100%;
}
.impact-120 {
  font-size: 120%;
}
.impact-150 {
  font-size: 150%;
}
.price {
  color: red;
}
.outline_2px {
  text-shadow: 2px 2px 0 #009AF0, -2px -2px 0 #009AF0, -2px 2px 0 #009AF0, 2px -2px 0 #009AF0, 0px 2px 0 #009AF0, 0-2px 0 #009AF0, -2px 0 0 #009AF0, 2px 0 0 #009AF0;
}
.outline_white2px {
  text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0-2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
}
.f_col-yellow {
  color: #ffff00;
  font-weight: bold;
}
.f_col-red_price {
  color: red;
  font-weight: bold;
}
.f_col-pink {
  color: #ffc0cb;
}
.f_col-red {
  color: red;
  font-weight: bold;
}
.f_col-sell {
  color: var(--sell);
}
.f_col-trade-in {
  color: var(--trade-in);
}
.animate-wrap {
  max-width: 900px;
  margin: 500px auto;
  display: flex;
  flex-wrap: wrap;
}

.animate {
  opacity: 0;
  transform: translateY(10px);
  transition: all 1.0s;
}
.animate.show {
  opacity: 1;
  transform: translateY(0);
}
.animate.show:nth-of-type(1) {
  transition-delay: 0s;
}
.animate.show:nth-of-type(2) {
  transition-delay: 0.3s;
}
.animate.show:nth-of-type(3) {
  transition-delay: 0.6s;
}
.animate.show:nth-of-type(4) {
  transition-delay: 0.9s;
}
.animate.show:nth-of-type(5) {
  transition-delay: 1.2s;
}
.animate.show:nth-of-type(6) {
  transition-delay: 1.5s;
}
table.hikaku01 {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
}
table.hikaku01 th {
  padding: 10px;
  border: solid 2px #ffffff;
}
table.hikaku01 th:nth-child(1) {
  width: 18%;
  background: #F0F0F0;
}
table.hikaku01 th:nth-child(2) {
  background: #FF8484;
}
table.hikaku01 th:nth-child(3) {
  background: #FFC74F;
}
table.hikaku01 th:nth-child(4) {
  background: #C9C9C9;
}
table.hikaku01 th:nth-child(5) {
  color: #FFE32A;
  background: #0008A3;
}
table.hikaku01 td {
  padding: 10px;
  border: solid 1px #ffffff;
  background: #F0F0F0;
  vertical-align: middle;
}
table.hikaku01 td.docomo {
  background: #FFE4E4;
}
table.hikaku01 td.au {
  background: #FFE9BB;
}
table.hikaku01 td.sb {
  background: #F3F3F3;
}
table.hikaku01 td.geo {
  background: #EBFDFF;
  border-bottom: solid 2px #0008A3;
}
table.hikaku01 td:nth-child(1) {
  background: #F0F0F0;
}
/* アニメーション */
.rotate-fadeUp {
  animation-name: rotate-fadeUp-animation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes rotate-fadeUp-animation {
  from {
    opacity: 0;
    transform: translateY(100px) rotate(40deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(0);
  }
}