@charset "UTF-8";

#header {
  margin: 0;
}
.block-event-page--accessory {
  display: none;
}

/* ==== PC ==== */
html[data-browse-mode="P"] .page-event .pane-contents .container {
  display: block;
  width: 100%;
}
html[data-browse-mode="P"] .pane-left-menu {
  display: none;
}
html[data-browse-mode="P"] .page-event .pane-contents .container .pane-main {
  width: 100%;
}
html[data-browse-mode="P"] .block-event-page--goods {
  width: 1200px;
  margin: 0 auto;
}
html[data-browse-mode="P"] .block-event-page--goods .block-thumbnail-t {
  gap: 20px;
}
html[data-browse-mode="P"] .block-event-page--goods .block-thumbnail-t li {
  width: 224px;
  margin: 0;
}

html[data-browse-mode="P"] #fruit {
  background: #FFF8E3;
  padding: 0 0 100px;
}
html[data-browse-mode="P"] #fruit .sp {
  display: none;
}
html[data-browse-mode="P"] #fruit h1 {
  line-height: 0;
  margin: 0;
}
html[data-browse-mode="P"] #fruit h1 img {
  width: 100%;
}
html[data-browse-mode="P"] #fruit .intro {
  text-align: center;
  padding: 40px 0;
  background: linear-gradient(#ee518d 0%, #e96d9c 100%);
}
html[data-browse-mode="P"] #fruit .intro h2 {
  color: #FFF8E3;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0 0 20px;
}
html[data-browse-mode="P"] #fruit .intro .comment {
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
}
html[data-browse-mode="P"] #fruit .calendar {
  width: 1200px;
  margin: 0 auto;
  padding: 60px 0 100px;
}
html[data-browse-mode="P"] #fruit .title {
  color: #4B252D;
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 35px;
}
html[data-browse-mode="P"] #fruit .title span {
  display: block;
  color: #EE528E;
  font-size: 15px;
  font-family: 'Montserrat';
  margin: 5px 0 0;
}
html[data-browse-mode="P"] #fruit .calendar .img {
  position: relative;
  line-height: 1;
}
html[data-browse-mode="P"] #fruit .calendar li {
  position: absolute;
}
html[data-browse-mode="P"] #fruit .calendar li:nth-child(1) {
  top: 134px;
  left: 0;
  width: 75%;
}
html[data-browse-mode="P"] #fruit .calendar li:nth-child(2) {
  top: 244px;
  left: 0;
  width: 100%;
}
html[data-browse-mode="P"] #fruit .calendar li:nth-child(3) {
  top: 358px;
  left: 25%;
  width: 50%;
}
html[data-browse-mode="P"] #fruit .calendar li:nth-child(4) {
  top: 470px;
  left: 25%;
  width: 75%;
}
html[data-browse-mode="P"] #fruit .calendar li:nth-child(5) {
  top: 582px;
  left: 50%;
  width: 50%;
}
html[data-browse-mode="P"] #fruit .calendar li:nth-child(6) {
  top: 694px;
  left: 75%;
  width: 25%;
}
html[data-browse-mode="P"] #fruit .calendar li:nth-child(7) {
  top: 850px;
  left: 12.5%;
  width: 87.5%;
}
html[data-browse-mode="P"] #fruit .calendar li a {
  display: block;
  background: #FFF;
  font-size: 26px;
  font-weight: 500;
  padding: 20px 0 20px 110px;
  border-radius: 30px 0 0 30px;
}
html[data-browse-mode="P"] #fruit .calendar li a:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 66px;
  height: 66px;
  background: #EE528E;
}
html[data-browse-mode="P"] #fruit .calendar li a:after {
  content: '';
  position: absolute;
  top: 22px;
  right: 26px;
  width: 14px;
  height: 14px;
  border-right: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  rotate: 45deg;
}
html[data-browse-mode="P"] #fruit .calendar li figure {
  position: absolute;
  top: -13px;
  left: -46px;
  width: 92px;
}
html[data-browse-mode="P"] #fruit .calendar li:nth-child(-n+2) figure {
  left: 0;
}
html[data-browse-mode="P"] #fruit .inner {
  background: url(bg.png) repeat-y center / 2642px;
}
html[data-browse-mode="P"] #fruit .ranking {
  width: 1200px;
  padding: 40px 60px 45px;
  margin: 0 auto 100px;
  background: #FFF;
}
html[data-browse-mode="P"] #fruit .ranking .ranking-note--wrap {
  font-weight: 500;
  margin: 0 0 20px;
}
html[data-browse-mode="P"] #fruit .ranking .tab {
  position: relative;
  display: flex;
  gap: 12px;
  margin: 0 0 32px;
}
html[data-browse-mode="P"] #fruit .ranking .tab:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #ee528e 0%, #be1777 100%);
}
html[data-browse-mode="P"] #fruit .ranking .tab-item {
  flex: 1;
  text-align: center;
  border-radius: 4px 4px 0 0;
  background: #F6E6E6;
  padding: 8px 0;
  cursor: pointer;
}
html[data-browse-mode="P"] #fruit .ranking .tab-item.active {
  cursor: default;
  background: linear-gradient(to left, #ee518d 0%, #e96d9c 100%);
}
html[data-browse-mode="P"] #fruit .ranking .tab-item span {
  color: #D5A0A0;
  font-size: 22px;
  font-weight: bold;
}
html[data-browse-mode="P"] #fruit .ranking .tab-item.active span {
  color: #FFF;
}
html[data-browse-mode="P"] #fruit .ranking .tab-item.fruit span {
  padding: 0 0 0 40px;
  background: url(icon_fruit.png) no-repeat left center / 27px;
}
html[data-browse-mode="P"] #fruit .ranking .tab-item.fruit.active span {
  background-image: url(icon_fruit_w.png);
}
html[data-browse-mode="P"] #fruit .ranking .tab-item.sweets span {
  padding: 0 0 0 46px;
  background: url(icon_cake.png) no-repeat left center / 32px;
}
html[data-browse-mode="P"] #fruit .ranking .tab-item.sweets.active span {
  background-image: url(icon_sweets_w.png);
}
html[data-browse-mode="P"] #fruit .ranking .ranking-items:not(:first-child) {
  display: none;
}
html[data-browse-mode="P"] #fruit .block-top-event--goods {
  margin: 0 0 40px;
}
html[data-browse-mode="P"] #fruit .block-ranking-r--items {
  flex-wrap: nowrap;
  margin: 0;
  overflow-x: auto;
}
html[data-browse-mode="P"] #fruit .block-ranking-r--items > li {
  margin-bottom: 20px;
}
html[data-browse-mode="P"] #fruit .block-thumbnail-t {
  width: 1080px;
  margin: 0 auto;
  flex-wrap: nowrap;
  gap: 35px;
  overflow-y: auto;
}
html[data-browse-mode="P"] #fruit .block-ranking-r--items::-webkit-scrollbar,
html[data-browse-mode="P"] #fruit .block-thumbnail-t::-webkit-scrollbar {
  height: 8px;
  background: #e7e7e7;
  border-radius: 10px;
}
html[data-browse-mode="P"] #fruit .block-ranking-r--items::-webkit-scrollbar-thumb,
html[data-browse-mode="P"] #fruit .block-thumbnail-t::-webkit-scrollbar-thumb {
  background: #CC0000;
  border-radius: 10px;
}
html[data-browse-mode="P"] #fruit .block-thumbnail-t li {
  width: 188px;
  margin: 0 0 20px 0;
  display: block;
  background: #fff;
}
html[data-browse-mode="P"] .block-thumbnail-t--goods-image figure {
  width: 188px;
  height: 188px;
  background: none;
}
html[data-browse-mode="P"] .block-thumbnail-t--goods-description {
  padding: 10px;
}
html[data-browse-mode="P"] #fruit .btn-more {
  display: block;
  width: 280px;
  margin: 0 auto;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-radius: 40px;
  background: #C00;
  padding: 14px 0;
}
html[data-browse-mode="P"] #fruit .btn-more:hover {
  opacity: .8;
}
html[data-browse-mode="P"] #fruit .category {
  position: relative;
  padding: 60px 0 90px;
}
html[data-browse-mode="P"] #fruit .category:before {
  content: '';
  position: absolute;
  left: 0;
  top: -10px;
  width: 100%;
  height: 10px;
}
html[data-browse-mode="P"] #fruit .category .img {
  width: 1200px;
  line-height: 0;
  margin: 0 auto;
}
html[data-browse-mode="P"] #fruit .category .item-area {
  width: 1200px;
  margin: 0 auto;
  padding: 50px 50px 60px;
  background: #FFF;
}
html[data-browse-mode="P"] #fruit .category .block-thumbnail-t {
  gap: 45px;
}
html[data-browse-mode="P"] #fruit .category .block-thumbnail-t li {
  width: 240px;
}
html[data-browse-mode="P"] #fruit .category  .block-thumbnail-t--goods-image figure {
  width: 240px;
  height: 240px;
}
#fruit .category#loquat:before {
  background: linear-gradient(to right, #E57A0A 0%, #F9BB44 100%);
}
#fruit .category#loquat .title span {
  color: #E57A0A;
}
#fruit .category#watermelon:before {
  background: linear-gradient(to right, #559B37 0%, #C3C96C 100%);
}
#fruit .category#watermelon .title span {
  color: #559B37;
}
#fruit .category#cherry:before {
  background: linear-gradient(to right, #D84563 0%, #EE528E 100%);
}
#fruit .category#cherry .title span {
  color: #D84563;
}
#fruit .category#melon:before {
  background: linear-gradient(to right, #C3C96C 0%, #E8E350 100%);
}
#fruit .category#melon .title span {
  color: #C3C96C;
}
#fruit .category#mango:before {
  background: linear-gradient(to right, #F9BB44 0%, #F9DB44 100%);
}
#fruit .category#mango .title span {
  color: #F9BB44;
}
#fruit .category#peach:before {
  background: linear-gradient(to right, #FFB4B4 0%, #FFCBCB 100%);
}
h#fruit .category#peach .title span {
  color: #FFB4B4;
}
#fruit .category#seasonal:before {
  background: linear-gradient(to right, #E57A0A 0%, #F9BB44 100%);
}
#fruit .category#seasonal .title span {
  color: #E57A0A;
}
html[data-browse-mode="P"] #fruit .pickup {
  background: #FEE;
  padding: 100px 0;
}
html[data-browse-mode="P"] #fruit .pickup .title span {
  color: #EE528E;
}
html[data-browse-mode="P"] #fruit .pickup .shop {
  position: relative;
  width: 1200px;
  margin: 0 auto 60px;
  padding: 80px 60px 70px;
  background: #FFF;
  border-radius: 10px;
  overflow: hidden;
}
html[data-browse-mode="P"] #fruit .pickup .shop:last-child {
  margin-bottom: 0;
}
html[data-browse-mode="P"] #fruit .pickup .shop:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(to right, #fe9dc1 0%, #ffed60 49.8%, #e57a0a 100%);
}
html[data-browse-mode="P"] #fruit .pickup .shop .info {
  display: flex;
  gap: 50px;
  margin: 0 0 60px;
}
html[data-browse-mode="P"] #fruit .pickup .shop .img {
  width: 320px;
  line-height: 0;
}
html[data-browse-mode="P"] #fruit .pickup .shop h3 {
  color: #4B252D;
  font-display: 24px;
  font-weight: bold;
  margin: 0 0 15px;
}
html[data-browse-mode="P"] #fruit .pickup .shop .text p {
  font-size: 16px;
  line-height: 1.875;
}
html[data-browse-mode="P"] #fruit .feature {
  padding: 100px 0;
}
html[data-browse-mode="P"] #fruit .pickup .title span {
  color: #EE528E;
}
html[data-browse-mode="P"] #fruit .feature-list {
  margin: 0 0 80px;
}
html[data-browse-mode="P"] #fruit .btn-top {
  position: relative;
  width: 340px;
  height: 40px;
  border-radius: 44px;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #CC0000;
  margin: 0 auto;
}
html[data-browse-mode="P"] #fruit .btn-top:after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
  display: block;
  transform: rotate(45deg);
  border-color: #fff;
}
html[data-browse-mode="P"] #fruit .feature {
  width: 1200px;
  margin: 0 auto;
}
html[data-browse-mode="P"] #fruit .feature .campaign-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 30px;
  margin: 0 0 80px;
}
html[data-browse-mode="P"] #fruit .feature .campaign-list li {
  width: 373px;
}
html[data-browse-mode="P"] #fruit .feature .campaign-list li a:hover {
  opacity: .8;
}
html[data-browse-mode="P"] #fruit .feature .campaign-list .campaign-list-detail {
  margin: 8px 0 0;
}
html[data-browse-mode="P"] #fruit .feature .campaign-list .text-title {
  color: #4B252D;
  font-size: 20px;
  font-weight: bold;
}
html[data-browse-mode="P"] #fruit .feature .campaign-list .text-period {
  display: none;
}
html[data-browse-mode="P"] #fruit .feature .campaign-list .text-sub {
  display: block;
  color: #4B252D;
  font-size: 16px;
  margin: 5px 0 0;
}

/* ==== SP ==== */
html[data-browse-mode="S"] #fruit .pc {
  display: none;
}
html[data-browse-mode="S"] #fruit {
  background: #FFF8E3;
  padding: 0 0 80px;
}
html[data-browse-mode="S"] #fruit h1 {
  margin: 0;
}
html[data-browse-mode="S"] #fruit .intro {
  text-align: center;
  padding: 30px 14px;
  background: linear-gradient(#ee518d 0%, #e96d9c 100%);
}
html[data-browse-mode="S"] #fruit .intro h2 { 
  color: #FFF8E3;
  font-size: 18px;
  line-height: 1.44;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 0 12px;
}
html[data-browse-mode="S"] #fruit .intro .comment {
  color: #FFF;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
}
html[data-browse-mode="S"] #fruit .calendar {
  padding: 50px 12px 60px;
}
html[data-browse-mode="S"] #fruit .title {
  color: #4B252D;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 20px;
}
html[data-browse-mode="S"] #fruit .title span {
  display: block;
  color: #EE528E;
  font-size: 15px;
  font-weight: 700;
  font-family: 'Montserrat';
  margin: 5px 0 0;
}
html[data-browse-mode="S"] #fruit .calendar .img {
  position: relative;
}
html[data-browse-mode="S"] #fruit .calendar li {
  position: absolute;
}
html[data-browse-mode="S"] #fruit .calendar li:nth-child(1) {
  top: calc(100vw * 137 / 430);
  left: 2%;
  width: 73%;
}
html[data-browse-mode="S"] #fruit .calendar li:nth-child(2) {
  top: calc(100vw * 221 / 430);
  left: 2%;
  width: 98%;
}
html[data-browse-mode="S"] #fruit .calendar li:nth-child(3) {
  top: calc(100vw * 305 / 430);
  left: 25%;
  width: 50%;
}
html[data-browse-mode="S"] #fruit .calendar li:nth-child(4) {
  top: calc(100vw * 389 / 430);
  left: 25%;
  width: 75%;
}
html[data-browse-mode="S"] #fruit .calendar li:nth-child(5) {
  top: calc(100vw * 473 / 430);
  left: 50%;
  width: 50%;
}
html[data-browse-mode="S"] #fruit .calendar li:nth-child(6) {
  top: calc(100vw * 557 / 430);
  left: 75%;
  width: 25%;
}
html[data-browse-mode="S"] #fruit .calendar li:nth-child(7) {
  top: calc(100vw * 700 / 430);
  left: 5%;
  width: 95%;
}
html[data-browse-mode="S"] #fruit .calendar li a {
  display: block;
  background: #FFF;
  font-size: 18px;
  font-weight: 500;
  padding: 18px 0 19px 40px;
  border-radius: 15px 0 0 15px;
}
html[data-browse-mode="S"] #fruit .calendar li:nth-child(-n+2) a,
html[data-browse-mode="S"] #fruit .calendar li:nth-child(7) a {
  border-radius: 30px 0 0 30px;
  padding-left: 72px;
}
html[data-browse-mode="S"] #fruit .calendar li a:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 64px;
  background: #EE528E;
}
html[data-browse-mode="S"] #fruit .calendar li a:after {
  content: '';
  position: absolute;
  top: 27px;
  right: 10px;
  width: 7px;
  height: 7px;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  rotate: 45deg;
}
html[data-browse-mode="S"] #fruit .calendar li figure {
  position: absolute;
  top: 0;
  left: -32px;
  width: 64px;
}
html[data-browse-mode="S"] #fruit .calendar li:nth-child(-n+2) figure,
html[data-browse-mode="S"] #fruit .calendar li:nth-child(7) figure {
  left: 0;
}
html[data-browse-mode="S"] #fruit .inner {
  background: url(bg_sp.png) repeat-y center / 670px;
}
html[data-browse-mode="S"] #fruit .ranking {
  padding: 40px 12px;
  margin: 0 10px 60px;
  background: #FFF;
  border-radius: 5px;
}
html[data-browse-mode="S"] #fruit .ranking .ranking-note--wrap {
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 10px;
  width: 100%;
}
html[data-browse-mode="S"] #fruit .ranking .tab {
  position: relative;
  display: flex;
  gap: 4px;
  margin: 0 0 25px;
}
html[data-browse-mode="S"] #fruit .ranking .tab:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #ee528e 0%, #be1777 100%);
}
html[data-browse-mode="S"] #fruit .ranking .tab-item {
  flex: 1;
  text-align: center;
  border-radius: 4px 4px 0 0;
  background: #F6E6E6;
  padding: 8px 0;
  cursor: pointer;
}
html[data-browse-mode="S"] #fruit .ranking .tab-item.active {
  cursor: default;
  background: linear-gradient(to left, #ee518d 0%, #e96d9c 100%);
}
html[data-browse-mode="S"] #fruit .ranking .tab-item span {
  color: #D5A0A0;
  font-size: 18px;
  font-weight: bold;
}
html[data-browse-mode="S"] #fruit .ranking .tab-item.active span {
  color: #FFF;
}
html[data-browse-mode="S"] #fruit .ranking .tab-item.fruit span {
  padding: 1px 0 5px 30px;
  background: url(icon_fruit.png) no-repeat left center / 27px;
}
html[data-browse-mode="S"] #fruit .ranking .tab-item.fruit.active span {
  background-image: url(icon_fruit_w.png);
}
html[data-browse-mode="S"] #fruit .ranking .tab-item.sweets span {
  padding: 2px 0 2px 36px;
  background: url(icon_cake.png) no-repeat left center / 32px;
}
html[data-browse-mode="S"] #fruit .ranking .tab-item.sweets.active span {
  background-image: url(icon_sweets_w.png);
}
html[data-browse-mode="S"] #fruit .ranking .ranking-items:not(:first-child) {
  display: none;
}
html[data-browse-mode="S"] #fruit .block-top-event--goods {
  padding: 0 0 30px;
}
html[data-browse-mode="S"] #fruit .block-thumbnail-t--items {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  padding: 0 0 20px;
  overflow-y: auto;
}
html[data-browse-mode="S"] #fruit .block-thumbnail-t--items::-webkit-scrollbar {
  height: 8px;
  background: #e7e7e7;
  border-radius: 10px;
}
html[data-browse-mode="S"] #fruit .block-thumbnail-t--items::-webkit-scrollbar-thumb {
  background: #CC0000;
  border-radius: 10px;
}
html[data-browse-mode="S"] #fruit .block-thumbnail-t--items li {
  width: 166px;
  margin: 0;
  display: block;
  background: #fff;
}
html[data-browse-mode="S"] .block-thumbnail-t--goods-image figure {
  width: 166px;
  height: 166px;
  background: none;
}
html[data-browse-mode="S"] .block-thumbnail-t--goods-description {
  padding: 10px;
}
html[data-browse-mode="S"] #fruit .btn-more {
  display: block;
  width: 90%;
  margin: 0 auto;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 40px;
  background: #C00;
  padding: 11px 0;
}
html[data-browse-mode="S"] #fruit .category {
  position: relative;
  padding: 43px 10px 50px;
}
html[data-browse-mode="S"] #fruit .category:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
}
html[data-browse-mode="S"] #fruit .category .block-top-event--goods {
  padding: 0;
}
html[data-browse-mode="S"] #fruit .category .item-area {
  padding: 20px 10px 30px;
  background: #FFF;
}
html[data-browse-mode="S"] #fruit .category .block-thumbnail-t--items {
  flex-wrap: wrap;
  gap: 30px 14px;
}
html[data-browse-mode="S"] #fruit .category .block-thumbnail-t--items li {
  width: calc((100% - 14px) / 2);
}
html[data-browse-mode="S"] #fruit .category  .block-thumbnail-t--goods-image figure {
  width: 100%;
  height: auto;
  aspect-ratop: 1;
}
html[data-browse-mode="S"] #fruit .pickup {
  background: #FEE;
  padding: 40px 15px 60px;
}
html[data-browse-mode="S"] #fruit .pickup .title span {
  color: #EE528E;
}
html[data-browse-mode="S"] #fruit .pickup .shop {
  position: relative;
  margin: 0 0 25px;
  padding: 38px 15px 40px;
  background: #FFF;
  border-radius: 5px;
  overflow: hidden;
}
html[data-browse-mode="S"] #fruit .pickup .shop:last-child {
  margin-bottom: 0;
}
html[data-browse-mode="S"] #fruit .pickup .shop:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(to right, #fe9dc1 0%, #ffed60 49.8%, #e57a0a 100%);
}
html[data-browse-mode="S"] #fruit .pickup .shop .info {
  text-align: center;
  margin: 0 0 30px;
}
html[data-browse-mode="S"] #fruit .pickup .shop .img {
  padding: 0 30px;
  margin: 0 0 25px;
}
html[data-browse-mode="S"] #fruit .pickup .shop h3 {
  color: #4B252D;
  font-display: 18px;
  font-weight: bold;
  margin: 0 0 10px;
}
html[data-browse-mode="S"] #fruit .pickup .shop .text p {
  font-size: 14px;
  line-height: 1.57;
}
html[data-browse-mode="S"] #fruit .feature {
  padding: 40px 15px 60px;
}
html[data-browse-mode="S"] #fruit .pickup .title span {
  color: #EE528E;
}
html[data-browse-mode="S"] #fruit .btn-top {
  position: relative;
  width: 300px;
  height: 40px;
  border-radius: 44px;
  font-size: 16px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #CC0000;
  margin: 0 auto;
}
html[data-browse-mode="S"] #fruit .btn-top:after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
  display: block;
  transform: rotate(45deg);
  border-color: #fff;
}
html[data-browse-mode="S"] #fruit .feature .campaign-list li {
  margin: 0 0 35px;
}
html[data-browse-mode="S"] #fruit .feature .campaign-list .campaign-list-detail {
  margin: 12px 0 0;
}
html[data-browse-mode="S"] #fruit .feature .campaign-list .text-title {
  color: #4B252D;
  font-size: 20px;
  font-weight: bold;
}
html[data-browse-mode="S"] #fruit .feature .campaign-list .text-period {
  display: none;
}
html[data-browse-mode="S"] #fruit .feature .campaign-list .text-sub {
  display: block;
  color: #4B252D;
  font-size: 16px;
  margin: 6px 0 0;
}