@import url("https://fonts.googleapis.com/css?family=Sawarabi+Gothic");
.l-main {
  background-color: #f9c659;
}

.sec-campaign {
  background: #f9c659;
}

.sec-campaign:first-child {
  background-image: url("../img/campaign/halloween2023/campaign_bg.jpg"), url("../img/campaign/halloween2023/img-lead-l.png"), url("../img/campaign/halloween2023/img-lead-r.png");
  background-repeat: no-repeat, repeat-y, repeat-y;
  background-size: 100% 630px, 14% auto, 14% auto;
  background-position: top center, top left, top right;
}

@media screen and (max-width: 768px) {
  .sec-campaign:first-child {
    background-image: url("../img/campaign/halloween2023/campaign_bg.jpg"), none, none;
    background-size: 100% 51vw, 5% auto, 5% auto;
  }
}

@media screen and (max-width: 768px) {
  .sec-campaign .sec-inner {
    background-image: none;
  }
}

.sec-campaign .sec-inner h1 .jp {
  font-family: "Sawarabi Gothic";
  font-size: 320%;
}

@media screen and (max-width: 768px) {
  .sec-campaign .sec-inner h1 .jp {
    font-size: 240%;
  }
}

.sec-campaign .sec-inner .lead {
  text-underline-offset: 5px;
  -webkit-text-decoration: underline solid #FFF 0.15em;
  text-decoration: underline solid #FFF 0.15em;
  font-family: "Sawarabi Gothic";
  font-size: 140%;
  max-width: 880px;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", arial, sans-serif;
  font-weight: 500;
  color: #000;
}

@media screen and (max-width: 768px) {
  .sec-campaign .sec-inner .lead {
    font-size: 110%;
  }
}

.sec-campaign .sec-inner .txtarea {
  color: #000;
}

.sec-campaign .sec-inner .page_link .btn-square a {
  background: #ed611e;
}

.sec-campaign .sec-inner .img-box img {
  -webkit-box-shadow: 6px 6px 0px 0px #b894c0;
  box-shadow: 6px 6px 0px 0px #b894c0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sec-campaign .sec-inner .img-txt-box img {
  -webkit-box-shadow: 6px 6px 0px 0px #b894c0;
  box-shadow: 6px 6px 0px 0px #b894c0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sec-campaign .sec-inner {
  position: relative;
  /*&:before {
			content: "";
			display: block;
			width: 22%;
			height: 0;
			padding-top: 27%;
			background: url('../img/campaign/halloween2023/img-lead-l.png') no-repeat;
			background-size: 100%;
		    position: absolute;
		    bottom: -50px;
		    left: -7%;
		}
		&:after {
			content: "";
			display: block;
			width: 22%;
			height: 0;
			padding-top: 27%;
			background: url('../img/campaign/halloween2023/img-lead-r.png') no-repeat;
			background-size: 100%;
		    position: absolute;
		    bottom: -50px;
		    right: -7%;
		}*/
}

.sec-campaign .store-contents {
  background-image: url("../img/campaign/halloween2023/bg-hata.png"), url("../img/campaign/halloween2023/bg_dot.png");
  background-repeat: repeat-x, repeat;
  background-size: 70%, auto;
  background-position: top center;
  background-color: #f0f0f0;
  margin: 5%;
}

.sec-campaign .store-contents .inner h2 {
  font-family: "Sawarabi Gothic";
}

.sec-campaign .store-contents .inner .store-list .store-blc p {
  font-family: "Sawarabi Gothic";
}

.sec-campaign-other h2 {
  font-family: "Sawarabi Gothic";
}

.sec-campaign-other .hashtag-nav-container .hashtag-nav-pickup:before {
  border-left: 2px solid #fe7f04;
  border-top: 2px solid #fe7f04;
}

.sec-campaign-other .hashtag-nav-container .hashtag-nav-pickup:after {
  border-right: 2px solid #fe7f04;
  border-top: 2px solid #fe7f04;
}

.sec-campaign-other .hashtag-nav-container .hashtag-nav {
  border: 2px solid #fe7f04;
  border-top: 0 solid #000;
}

.sec-campaign-shop {
  position: relative;
  z-index: 10;
  padding: 0 0 1px 0;
  background-color: #f9c659;
}

.sec-campaign-shop .sec-inner {
  padding: 60px 0;
  background-image: url("../img/campaign/halloween2023/bg-hata.png"), url("../img/campaign/halloween2023/bg_dot.png");
  background-repeat: repeat-x, repeat;
  background-size: 70%, auto;
  background-position: top center;
  background-color: #f0f0f0;
  margin: 0 5% 5%;
}

@media screen and (max-width: 768px) {
  .sec-campaign-shop .sec-inner {
    padding: 30px 0;
  }
}

.sec-campaign-shop .shop-list .shop-blc {
  border-radius: 12px;
  border: 1px solid #ddd;
}

.sec-campaign-shop .shop-list .shop-blc a:after {
  background-color: #fee47b;
}

.sec-campaign-info {
  padding-bottom: 1px;
  padding-top: 70px;
  background: #f59e3a;
}

@media screen and (max-width: 768px) {
  .sec-campaign-info {
    padding-top: 20px;
  }
}

.sec-campaign-info .sec-inner {
  background-color: #fff;
  margin: 0 5% 5%;
  padding: 60px 0;
  background-image: url("../img/campaign/halloween2023/bg-kira.png"), url("../img/campaign/halloween2023/bg-kira-2.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top 30px center,bottom center;
}

@media screen and (max-width: 768px) {
  .sec-campaign-info .sec-inner {
    padding: 30px 0;
  }
}

.sec-campaign-info .thumb-list .thumb-box {
  background: #f0f0f0;
}

.sec-campaign-info .thumb-list .thumb-box .shiten_name {
  margin: 0.7em 0;
}

.sec-campaign-info .thumb-list .thumb-box a {
  background: none;
}

.sec-campaign-info .thumb-list .thumb-box a:after {
  background-color: #fff;
}

.sec-campaign-event {
  background-color: #b894c0;
  padding: 70px 0;
}

@media screen and (max-width: 768px) {
  .sec-campaign-event {
    padding-top: 20px;
  }
}

.sec-campaign-event .sec-inner {
  background-color: #f2f2f2;
  margin: 0 5% 0;
  padding: 60px 0;
  background-image: url("../img/campaign/halloween2023/bg-web.png"), url("../img/campaign/halloween2023/bg-hana-2.png"), url("../img/campaign/halloween2023/bg.png");
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 100%, 100.1%, auto;
  background-position: top center, bottom -0.5px center, top center;
}

@media screen and (max-width: 768px) {
  .sec-campaign-event .sec-inner {
    padding: 30px 0;
  }
}

.sec-campaign-event .thumb-list .thumb-box {
  border: 1px solid #ddd;
}

.sec-campaign-tag {
  background-color: #fff;
}

.page-sougou .sec-campaign-info {
  background: #b995c0;
}

.page-sougou .sec-campaign-info .thumb-list .thumb-box p {
  font-size: 90% !important;
}