/*------------------------------------------
イベント
------------------------------------------*/
#store-pet #event {
  background-color: #ffd4d4;
  padding-bottom: 4%;
}
#store-pet #event h2 {
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
}
#store-pet #event h3 {
  font-size: 30px;
  color: #eb1c1b;
  text-align: center;
  margin-bottom: 5px;
}
#store-pet #event ul {
  width: 90%;
  margin: 0 auto;
}
#store-pet #event ul li {
  background-color: #b9b9b9;
  margin-bottom: 15px;
  position: relative;
}
#store-pet #event ul li .point_icon {
  position: absolute;
  top: -5%;
  left: -5%;
  width: 150px;
  height: 150px;
}
#store-pet #event .medama {
  text-align: center;
  width: 450px;
  margin: 0 auto 5%;
}
#store-pet #event .event_btn {
  width: 90%;
  margin: 30px auto 20px;
  background: linear-gradient(90deg, #eb1c1b, #eb1c1b);
  border: solid 2px #eb1c1b;
  border-radius: 5px;
  position: relative;
}
#store-pet #event .event_btn::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 40%;
  right: 18%;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  transform: rotate(45deg);
  transition: 0.3s;
}
#store-pet #event .event_btn a {
  font-size: 24px;
  color: #fff;
  text-align: center;
  padding: 7px 0;
  display: block;
  transition: 0.3s;
}
#store-pet #event .event_btn:hover {
  background: #fff;
  transition: 0.3s;
}
#store-pet #event .event_btn:hover::after {
  right: 15%;
  border-top: solid 3px #ea1c1c;
  border-right: solid 3px #ea1c1c;
  transition: 0.3s;
}
#store-pet #event .event_btn:hover a {
  color: linear-gradient(90deg, #ea1c1c, #ff3000);
}

/*------------------------------------------
アイリス祭 後夜祭
------------------------------------------*/
#store-pet #irisfes_after {
  background-color: #293549;
  padding-bottom: 4%;
}
#store-pet #irisfes_after h2 {
  width: 100%;
  margin-bottom: 15px;
  padding: 0;
}
#store-pet #irisfes_after h3 {
  font-size: 30px;
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
}
#store-pet #irisfes_after ul {
  width: 90%;
  margin: 0 auto;
}
#store-pet #irisfes_after ul li {
  background-color: #b9b9b9;
  margin-bottom: 15px;
  position: relative;
}
#store-pet #irisfes_after ul li .point_icon {
  position: absolute;
  top: -5%;
  left: -5%;
  width: 150px;
  height: 150px;
}
#store-pet #irisfes_after .medama {
  text-align: center;
  width: 450px;
  margin: 0 auto 5%;
}
#store-pet #irisfes_after .event_btn {
  width: 90%;
  margin: 30px auto 20px;
  background: linear-gradient(90deg, #eb1c1b, #eb1c1b);
  border: solid 2px #eb1c1b;
  border-radius: 5px;
  position: relative;
}
#store-pet #irisfes_after .event_btn::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 40%;
  right: 18%;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  transform: rotate(45deg);
  transition: 0.3s;
}
#store-pet #irisfes_after .event_btn a {
  font-size: 24px;
  color: #fff;
  text-align: center;
  padding: 7px 0;
  display: block;
  transition: 0.3s;
}
#store-pet #irisfes_after .event_btn:hover {
  background: #fff;
  transition: 0.3s;
}
#store-pet #irisfes_after .event_btn:hover::after {
  right: 15%;
  border-top: solid 3px #ea1c1c;
  border-right: solid 3px #ea1c1c;
  transition: 0.3s;
}
#store-pet #irisfes_after .event_btn:hover a {
  color: linear-gradient(90deg, #ea1c1c, #ff3000);
}
#store-pet #irisfes_after .cate_item li {
  display: flex;
}

/*------------------------------------------
いいネット通販×ペットの日
------------------------------------------*/
#wanwan {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
#wanwan h3 {
  font-size: 30px;
  color: #59aac1;
  text-align: center;
}
#wanwan .col_1 li {    
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
#wanwan .col_2 li {
  margin-bottom: 10px;
}
#wanwan .other_btn {
  width: 100%;
  background-color: #db1717;
  border: solid 2px #db1717;
  border-radius: 5px;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 3%;
}
#wanwan .other_btn a {
  font-size: 18px;
  color: #fff;
  padding: 10px 0;
  display: block;
}
#wanwan .other_btn:hover {
  background-color: #fff;
}
#wanwan .other_btn:hover a {
  color: #db1717 !important;
}
#wanwan .swiper-container {
  padding: 0;
}

/*------------------------------------------
ブラックフライデー
------------------------------------------*/
#blackfriday {
  background-color: #d4c974;
  padding-bottom: 2%;
  margin-bottom: 2%;
}
#blackfriday h2 {
  padding: 0;
}
#blackfriday h3 {
  font-size: 30px;
  color: #f1354d;
  text-align: center;
}
#blackfriday .coupon {
  margin-bottom: 5%;
}
#blackfriday ul {
  width: 92%;
  margin: 0px auto 2%;
}
#blackfriday .col_1 li {    
  display: flex;
  margin-bottom: 15px;
}

#blackfriday .swiper-container {
  padding-bottom: 0px;
}
#blackfriday .swiper-slide {
  opacity: 0 !important;
  transition: 0.3s;
}
#blackfriday .swiper-slide-active {
  opacity: 1 !important;
  transition: 0.3s;
}
#blackfriday .other_btn {
  width: 92%;
  background-color: #fa1b36;
  border: solid 2px #fa1b36;
  border-radius: 5px;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto 5%;
}
#blackfriday .other_btn a {
  font-size: 18px;
  color: #fff;
  padding: 10px 0;
  display: block;
}
#blackfriday .other_btn:hover {
  background-color: #fff;
}
#blackfriday .other_btn:hover a {
  color: #fa1b36 !important;
}


/*------------------------------------------
仰天祭
------------------------------------------*/
#gyouten {
  background-color: #fff5a7;
  padding-bottom: 2%;
  margin-bottom: 2%;
}
#gyouten h2 {
  padding: 0;
}
#gyouten h3 {
  font-size: 30px;
  color: #f1354d;
  text-align: center;
}
#gyouten .coupon {
  margin-bottom: 5%;
}
#gyouten ul {
  width: 92%;
  margin: 0px auto 2%;
}

#gyouten .col_1 li {    
  display: flex;
  margin-bottom: 15px;
}

#gyouten .col_1 li dd {
  margin: auto 0.5%;
}

#gyouten .swiper-container {
  padding-bottom: 0px;
}
#gyouten .swiper-slide {
  opacity: 0 !important;
  transition: 0.3s;
}
#gyouten .swiper-slide-active {
  opacity: 1 !important;
  transition: 0.3s;
}
#gyouten .other_btn {
  width: 92%;
  background-color: #fa1b36;
  border: solid 2px #fa1b36;
  border-radius: 5px;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto 5%;
}
#gyouten .other_btn a {
  font-size: 18px;
  color: #fff;
  padding: 10px 0;
  display: block;
}
#gyouten .other_btn:hover {
  background-color: #fff;
}
#gyouten .other_btn:hover a {
  color: #fa1b36 !important;
}

/*------------------------------------------
スペシャルセール
------------------------------------------*/
#special {
  margin-bottom: 3%;
}
#special ul {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 3%;
}
#special ul.col_3 {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 0;
}
#special ul.col_3s {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
}
#special h3 {
  font-size: 28px;
  text-align: center;
  color: #f94f03;
  margin-bottom: 5px;
}
#special .coupon {
  margin-bottom: 3%;
}

/*最強ランキング*/
#special .swiper-slide {
  opacity: 0 !important;
  display: flex;
  gap: 10px;
}
#special .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

#special .other_btn {
  width: 92%;
  background-color: #ec3132;
  border: solid 2px #ec3132;
  border-radius: 5px;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto 5%;
}
#special .other_btn a {
  font-size: 18px;
  color: #fff;
  padding: 10px 0;
  display: block;
}
#special .other_btn:hover {
  background-color: #fff;
}
#special .other_btn:hover a {
  color: #ec3132 !important;
}

/*------------------------------------------
初売り
------------------------------------------*/
#newyear .hidden {
  display: none;
}
#newyear ul {
  margin-bottom: 3%;
}
#newyear h3.mi {
  text-align: center;
  background-color: #fff;
  padding: 0 2%;
  position: relative;
}
#newyear h3.mi:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #535353;
}
#newyear h3.mi span {
  position: relative;
  padding: 0 1em;
  background: #fff;
  font-size: 24px;
  color: #535353;
}
#newyear .swiper-slide {
  opacity: 0 !important;
  display: flex;
  gap: 10px;
}
#newyear .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
#newyear .other_btn {
  width: 92%;
  background-color: #ec3132;
  border: solid 2px #ec3132;
  border-radius: 5px;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto 5%;
}
#newyear .other_btn a {
  font-size: 18px;
  color: #fff;
  padding: 10px 0;
  display: block;
}
#newyear .other_btn:hover {
  background-color: #fff;
}
#newyear .other_btn:hover a {
  color: #ec3132 !important;
}