@charset "UTF-8";
@media(max-width:600px){
  background-size: 600px 700px;
}

/*背景*/
/*body {
  background-image: url(../images/back.jpg);
  background-repeat: repeat-y;
  background-size: cover;
  background-position: center top;
  height: 250vh;
  width: 100%;
  /*
  min-height: 140vh;
  width: 100%;
  text-align: center;*/
}
/*
.big-bg{
  background-size: cover;
  background-position: center top;
  width: 100%;
  text-align: center;
}
*/
body{
  background-position: center top;
  
}

/*本文の大きさ*/
.main{
  padding: 5% 10%;
}


/*タイトル画像*/
.title-img img{
/*margin: 10rem 0rem 0rem 0rem;*/
/*  padding: 5% 10% 0% 10%;*/
  color: #5D1318;
  text-align: center;
  width: 100%;
}

/*タイトル文*/
.title-text{
  margin: 1% 10%;
  color: #5D1318;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}

.number_of_winners{
  color: #fff;
border: 2px dashed #fff;
background-color: #5D1318;
box-shadow: 0px 0px 0px 10px #5D1318;
padding: 10px;
margin: 5% 30%;
text-align: center;
font-size: 1.5rem;
}

/*テキスト*/
h1{
  color: #5D1318;
  text-align: center;
  font-size: 3.0rem;
  margin: 1% 30%;
  padding: 0.0em 0em;/*上下の余白*/
  border-top: solid 5px #5D1318;/*上線*/
  border-bottom: solid 5px #5D1318;/*下線*/
}

h2{
  color: #5D1318;
  text-align: center;
  font-size: 1.8rem;
}

h3{
  color: #5D1318;
  font-size: 1.5rem;
}
p{
  color: #5D1318;
  text-align: center;
  font-size: 1.2rem;
}
ul{
  color: #5D1318;
  list-style: none;
}
li{
  color: #5D1318;
  font-size: 1.2rem;
}
a{
  text-decoration: none;
}
.attention1{
  margin: 5% 20%;
  padding: 1.0rem 2.5rem;
  border: double 5px #5D1318;
  border-radius: 10px;
  line-height: 2.5rem;
}
.attention2{
  margin: 5% 20%;
  padding: 1.0rem 2.5rem;
  border: double 5px #5D1318;
  border-radius: 10px;
  line-height: 2.5rem;
}

.goods-img img{
  color: #5D1318;
  text-align: center;
  margin: 0em ;
  width: 100%;
}

/*ボタン*/
.button_center{
  margin:2.0em 3.5em;
  text-align: center;
}
.button{
  font-size: 2.0rem;
  background-color: #5D1318;
  color: #fff;
  border-radius: 15px;
  padding: 20px 40px;
  text-align: center;
}
.button:hover{
  background: #945a56;
}

/*フッター
--------------------------------*/
footer {
  background: #5D1318;
  text-align: center;
  padding: 26px 0;
}
footer p{
  color: #fff;
  font-size: 1.1rem;
}