@charset "UTF-8";

body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
}

.header{
  position: fixed;
  background: linear-gradient(90deg, rgb(131, 216, 226), rgb(164, 230, 207));
  width:100%;
  height:80px;
  z-index: 2;
}

.amazon {
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.p-box1{
  height:80px;
}

.article {
  position: relative;
  margin:10px 10px 0px 0;
  padding: 0px;
  z-index: 1;
}

a{
  text-decoration: none;
}

.topimg {
  padding:0px 0 0 0;
}

.article img {
  width: 40%;
  height: auto;
  float: left;
  margin: 0 5px 0 0;
  vertical-align: bottom;
}
.text1 {
  font-size:10px;
  margin: 0px 0 0 0;
  color: gray;
  line-height: 3;
}

.text2 {
  padding: 10px 0 0 0;
  margin: 0px 15px 0 0;
  font-size:15px;
  line-height: 1.5;
  color: #000;
}

.text3 {
  margin: 5px 0 0 0;
  font-size:13px;
  line-height: 1.5;
  color: #000;
}

.text4 {
  margin: 0px 0 0 0;
  font-size:13px;
  line-height: 1.3;
  color: gray;
}

.text5{
  font-size:24px;
  line-height: 0;
  color:rgb(200, 0, 0);
}

.text6{
  margin: 5px 0 13px 0;
  font-size:13px;
  line-height: 0;
  color:rgb(200, 0, 0);
}

.text7 {
  margin: 0px 0 0 0;
  font-size:13px;
  line-height: 1.6;
  color: gray;
}

.text8{
  font-size:13px;
  line-height: 1.5;
}

.span1{
  color:rgb(222, 121, 33);
}

.span2{
  color:gray;
}

.span3{
  vertical-align: 3px;
  font-size: 18px;
}

.span4{
  color:gray;
  font-size: 13px;
}

.span5{
  text-decoration: line-through;
}

img.primal{
  width:60px;
  height:auto;
}

.container{
  width: 55%;
  height: 35px;
  background-color: rgb(254, 216, 19);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:20px 0 0 0;
  z-index: 3;
}

.article::after {
  content: "";
  display: block;
  clear: both;
}