@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;
}

.container2{
  display: flex;
  justify-content: space-between;
}

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

.article img {
  width: 40%;
  height: auto;
  float: left;
  margin: 0 5px 0 0;
  vertical-align: bottom;
}
.text1 {
  font-size:14px;
  font-weight:bold;
  line-height: 0;
  color:rgb(87, 90, 90);
  text-align: left;
  float: left;
  margin: 100px 0 0 15px;
}

.text2 {
  font-size:12px;
  line-height: 0;
  text-align: right;
  margin: 100px 15px 0 15px;
}

.text3 {
  font-size:14px;
  line-height: 1.3;
  color:rgb(87, 90, 90);
  margin: 12px 15px 0 15px;
}

.text4{
  font-size:40px;
  line-height: 0;
  margin: 60px 15px 0 15px;
}

.text5 {
  font-size:14px;
  color:rgb(87, 90, 90);
  margin: 27px 15px 0 15px;
}

.text6 {
  font-size:16px;
  margin: 4px 15px 0 15px;
}

.text7 {
  color:rgb(11, 123, 60);
  margin:10px 15px 0 15px;
}

.text8 {
  font-size:16px;
  margin: 7px 15px 0 15px;
}

.text9 {
  font-size:16px;
  margin: 0px 15px 0 15px;
  color:rgb(222, 121, 33);
}

.text10 {
  font-size:16px;
  line-height: 21px;
  margin: 0px 15px 0 15px;
}

.text11{
  font-size:12px;
  color:#57585a;
  margin: 0px 15px 0 15px;
}

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

.span2{
  color:gray;
}

.span3{
  font-size:30px;
  line-height: 0;
  color:rgb(200, 0, 0);
  vertical-align: 5px;
}

.span4{
  font-size:20px;
  vertical-align: 15px;
  margin: 0 3px 0 8px;
}

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

.span6{
  color:rgb(200, 0, 0);
}

.span7{
  font-size:14px;
  vertical-align: 1.5px;
  color:rgb(11, 123, 60);
}

.span8{
  font-size:16px;
  color:#000;
}

.span9{
  font-weight: bold;
}

.span10{
  font-size:12px;
  font-weight: bold;
}

.rounded{
  font-size:16px;
  display: inline-block;
  max-width: 100%;
  height: 50px;
  border-radius: 50px;
  background-color: #ffd814;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:15px 15px 10px 15px;
}

.rounded2{
  font-size:16px;
  display: inline-block;
  max-width: 100%;
  height: 50px;
  border-radius: 50px;
  background-color: #ffa41c;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:15px 15px 10px 15px;
}

.square {
  display: inline-block;
  text-align: center;
  padding: 5px 15px 5px 15px;
  border: solid 2px;
  border-radius: 20px;
  border-color:#eaecec;
  margin:0 15px 0 0;
}

.checkmark{
	padding-left:24px;
	position:relative;
}

.checkmark:before,
.checkmark:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark:before{
	width:18px;
	height:18px;
	border-radius:10px;
	background:#077e62;
	left:0;top:-1px;
}
.checkmark:after{
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	width:8px;
	height:4px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:4px;
	top:4px;
}

.pin {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  position: relative;
  width: 1.0em;
  height: 1.0em;
  border: 0.17em solid;
  border-radius: 40% 60% 0% 100% / 40% 100% 0% 60%;
  box-sizing: content-box;
  transform: rotate(45deg);
  margin: 0 5px 5px 0;
}

.pin::before {
  content: '';
  position: absolute;
  top: 10%;
  left: 10%;
  width: 0.55em;
  height: 0.55em;
  border: 0.17em solid;
  border-radius: 50%;
  box-sizing: border-box;
}

.pin2{
  width:4%;
  vertical-align: -3px;
  margin:0 5px 0 0;
}

.place {
  color: #2162a1;
  text-decoration: none;
 }
 
.line{
  border:1px solid #d5d9d8;
  margin:20px 0;
}

.line2{
  border:1px solid #d5d9d8;
  margin:20px 15px;
}

.h2{
  margin:0 15px;
}

.customer{
  width:7%;
  vertical-align: -6px;
  margin:10px 10px 0 0;
}


/*------ スライダーの横幅 ------*/
.slider{
  width:100%;
  margin:5px 0 0 0;
}

/*------ スライダー画像 ------*/
.slider img{
    width:100%;
}

/*-------- 高さ調整 ----------*/
.slider .slick-slide{
    height:auto!important;
}