@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');

/* 共通部分　*/
html{
  scroll-behavior: smooth;
}
img{
  margin-top: -3px;
}

.font1{
font-family: 'Sawarabi Gothic', sans-serif;
}
.container{
  position: relative;
}

.head{
  position: relative;
  width: 100%;
  padding: 10px 0;
}
.head h1{
  width: 100%;
  padding: 20px 0;
  text-align: center;
}

.head h1 img{
  width: 60%;
}


.footer{
  padding: 50px 0;
  text-align: center;
}
.footer img{
  width: 40%;
}

.common_variable{
  width: 80%;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
}

.common_variable img{
  width: 100%;

}
footer{
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: 20px;
}
.footer_flex{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  text-align: center;
}

.footer_item{
  width: 30%;
  padding: 20px;
}

.footer_item:nth-child(1){
  background-color: #ea6000;
}

.footer_item:nth-child(2){
  background-color: #009a63;
}

.footer_item:nth-child(3){
  background-color: #eb609f;
}

.footer_item a{
  text-decoration: none;
  color: #fff;
}

@media screen and (max-width: 600px) {
  .footer{
    padding: 20px 0;
    padding-bottom: 80px;
  }
}

/* 共通部分終わり　*/


.event{
  width: 100%;
  text-align: center;
  background-image: url(../img/event_back.jpg);
  background-size: contain;
}

.event img{
  width: 100%;
}
.event2{
  width: 100%;
  text-align: center;
  background-image: url(../img/event_back2.jpg);
  padding-bottom: 30px;
}

.event2 img{
  width: 100%;
}

.event_1{
  width: 95%;
  margin: 0 auto;
  padding-bottom: 10px;
}

.event_1 img{
  width: 100%;
  padding: 10px 0;
}

.event_2{
  width: 100%;
  margin: 0 auto;
  padding-top: 10px;
  background-color: #ffe100;
}

.event_2 img{
  width: 100%;
}

.coupon{
  padding: 30px 0;
  background-color: #fff;
  width: 90%;
  margin: 0 auto;
  border-radius: 60px;
}
.coupon2{
  background-color: #fffce4;
  padding: 20px 0;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
}
.coupon2 img{
  width: 90%;
  padding: 10px 0;
}

.application{
  background-color: #ffd900;
  width: 100%;
  margin-top: -3px;

}

.application img{
  width: 100%;
}

.application_2{
  width: 80%;
  margin: 0 auto;
  background-color: #fff6ce;
  text-align: center;
  padding: 20px 0;
  margin-top: 20px;
}

.application_2 img{
  width: 80%;
  margin-top: 20px;
}

.application_3{
  background-color: #ffd900;
  width: 100%;
}

.application_3 img{
  width: 100%;
}



.tenpo{
  width: 100%;
  text-align: center;
  background-color: #ec4f5f;
}

.tenpo img{
  width: 90%;
  padding: 20px 0;
}
.tenpo2{
  display: block;
  width: 80%;
  margin: 0 auto;
  margin-top: -500px;
}


.shop{
  width: 100%;
  text-align: center;
  margin-top: -3px;

}

.shop img{
  width: 100%;
}

.shop2{
  width: 80%;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
}

.shop2 img{
  width: 100%;
}


@media screen and (max-width: 600px) {
  .tenpo2{

    margin-top: -50px;
  }

}