@charset "UTF-8";
/* common */
.wrapper {
  overflow-x: hidden;
}
.block-click-kiosk-logo {
  display: none;
}
h2,h3 {
  background: transparent;
}
.block-event-page {
  background: #FFFAE1
}
.block-event-page--accessory {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #111111;
  max-width: 750px;
  margin: 0 auto;
  background: #fff;
}
.pane-left-menu,
.pane-right-menu {
  display: none;
}
@media (min-width: 751px) {
  .pane-header {
    position: relative;
    z-index: 1;
  }
  .pane-contents {
    padding-bottom: 0;
  }
  .pane-contents .container {
    width: 100%;
  }
}


/* PC fixed background */
.pc_bk_left {
  position: fixed;
  left: calc(50% - 649px);
  top: 50%;
  transform: translate(-50%, -50%);
  width: 548px;
  height: 100%;
  display: flex;
  align-items: center;
}
.pc_bk_right {
  position: fixed;
  right: calc(50% - 649px);
  top: 50%;
  transform: translate(50%, -50%);
  width: 548px;
  height: 100%;
  display: flex;
  align-items: center;
}
.pc_bk img {
  width: 100%;
}
@media (max-width: 750px) {
  .pc_bk {
    display: none;
  }
}


/* mv */
.mv_wrapper {
  padding-bottom: clamp(10px, calc(12 / 375 * 100vw), 24px);
}
.mv_img {

}
.mv_img h1 {
  padding: 0;
  margin: 0;
}
.mv_bottom {
  margin-left: -1%;
}
.mv_img img {
  width: 100%;
}
.mv_content {
  padding: 0 clamp(20px, calc(25 / 375 * 100vw), 50px);
}
.mv_header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(16px, calc(18 / 375 * 100vw), 36px);
}
.mv_header_img {
  width: calc(80 / 375 * 100vw);
  height: calc(80 / 375 * 100vw);
  max-width: 160px;
  max-height: 160px;
}
.mv_header_txt {
  width: calc(100% - calc(98 / 375 * 100vw));
  padding-top: clamp(6px, calc(7 / 375 * 100vw), 14px);
}
.mv_header_desc {
  font-size: clamp(12px, calc(13.5 / 375 * 100vw), 27px);
  font-weight: bold;
  display: flex;
  gap: clamp(8px, calc(8.8 / 375 * 100vw), 17.6px);
}
.mv_header_desc::before {
  content: "";
  background: url(/img/event/y-collab/icon_train.png) no-repeat;
  display: block;
  width: calc(14.6 / 375 * 100vw);
  max-width: 29.2px;
  height: auto;
  background-size: cover;
}
.mv_header_name {
  font-size: clamp(14px, calc(16 / 375 * 100vw), 32px);
  margin-top: clamp(6px, calc(7 / 375 * 100vw), 14px);
}
.mv_header_name span {
  font-size: clamp(20px, calc(22.5 / 375 * 100vw), 45px);
}
.mv_content_desc {
  margin-top: clamp(10px, calc(12 / 375 * 100vw), 24px);
  font-size: clamp(12.5px, calc(14 / 375 * 100vw), 27px);
}
@media (min-width: 751px) {
  .mv_header_txt {
    width: calc(100% - 160px);
  }
}



.bk_blue {
  background: url(/img/event/y-collab/bk_content.png);
  background-position: 20px 10px;
  background-size: 24px 24px;
  padding: clamp(25px, calc(28 / 375 * 100vw), 56px) clamp(12.5px, calc(14 / 375 * 100vw), 27px); 
}
.about_wrapper {
  width: 100%;
  margin: 0 auto;
  background: url(/img/event/y-collab/bk_line.png);
  background-size: 16px 16px;
  background-position: -8px -8px;
  border-radius: 10px;
  padding: clamp(25px, calc(28 / 375 * 100vw), 56px) clamp(22px, calc(24 / 375 * 100vw), 48px);
}

.about_header {
  text-align: center;
}
.about_sttl {
  color: #EA6C00;
  font-size: clamp(13px, calc(15 / 375 * 100vw), 30px);
  font-weight: bold;
  display: flex;
  gap: clamp(4.5px, calc(5 / 375 * 100vw), 10px);
  justify-content: center;
  align-items: center;
}
.about_sttl::before {
  content: "";
  width: calc(13 / 375 * 100vw);
  height: calc(15.5 / 375 * 100vw);
  max-width: 26px;
  max-height: 31px;
  background: url(/img/event/y-collab/ico_about_ttl_l.png) no-repeat;
  background-size: cover;
  display: block;
}
.about_sttl::after {
  content: "";
  width: calc(13 / 375 * 100vw);
  height: calc(15.5 / 375 * 100vw);
   max-width: 26px;
  max-height: 31px;
  background: url(/img/event/y-collab/ico_about_ttl_r.png) no-repeat;
  background-size: cover;
  display: block;
}
.about_ttl {
  font-size: clamp(24px, calc(27 / 375 * 100vw), 54px);
  line-height: 1.3333;
  width: 90%;
  margin: clamp(8px, calc(10 / 375 * 100vw), 20px) auto clamp(10px, calc(20 / 375 * 100vw), 40px);
}
.about_ttl span {
  color: #EA6C00;
  position: relative;
  z-index: 2;
}
.about_ttl span:before {
  content: "";
  width: 104%;
  height: calc(6.5 / 375 * 100vw);
  background: #FFF3B8;
  position: absolute;
  bottom: 1px;
  z-index: -1;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
}



.about_cont_ttl {
  background: #EA6C00;
  color: #fff;
  text-align: center;
  padding: calc(3 / 375 * 100vw) 0;
  font-size: clamp(12px, calc(13 / 375 * 100vw), 26px);
}
.about_cont_block {
  padding-top: clamp(22px, calc(24 / 375 * 100vw), 48px);
  padding-bottom: clamp(22px, calc(24 / 375 * 100vw), 48px);
}
.about_cont_flex {
  display: flex;
  justify-content:space-between;
  align-items: center;
  gap: clamp(9px, calc(10 / 375 * 100vw), 20px);
}
.about_cont_fimg {
  width: calc(80 / 375 * 100vw);
  height: calc(80 / 375 * 100vw);
  max-width: 160px;
  max-height: 160px;
}
.about_cont_ftxt {
  width: calc(100% - calc(90 / 375 * 100vw));
  font-size: clamp(12px, calc(13 / 375 * 100vw), 26px);
  font-weight: bold;
}
.about_cont_ftxt span.bk_yellow {
  background: linear-gradient(180deg, transparent 80%, #FFF3B8 80%);
}
.about_cont_ftxt span.fc_orange {
  color: #EA6C00;
}
.about_cont_block + .about_cont_ttl {
  margin-top: clamp(0px,calc(12 / 375 * 100vw),24px)
}
@media (min-width: 751px) {
  .about_cont_ftxt {
    width: calc(100% - 180px);
  }
}

.about_cont_lottery_item {
  margin-top: clamp(20px,calc(36 / 375 * 100vw), 72px);
  text-align: center;
  position: relative;
}
.about_cont_lottery_item_inner {
  background: #fff;
  border: 1px solid #CCD9EA;
  border-radius: calc(9 / 375 * 100vw);
  box-shadow: 0 3px 0px #CCD9EA;
  padding-bottom: clamp(20px, calc(22 / 375 * 100vw), 44px);
}
.about_cont_lottery_item.-special {
  width: 100%;
}
.about_cont_lottery_item.-normal {
  width: 90%;
  margin: 0 auto;
  margin-top: clamp(20px, calc(36 / 375 * 100vw), 72px);
}
.about_cont_lottery_img {
  max-height: 260px
}
.about_cont_lottery_img img {
  width: 100%;
  height: auto;
}
.about_cont_lottery_catch {
  width: calc(60 / 375 * 100vw);
  max-width: 120px;
  margin: 0 auto;
}
.about_cont_lottery_ttl {
  font-size: clamp(13.5px, calc(15 / 375 * 100vw), 30px);
  font-weight: bold;
  margin-top: clamp(6px, calc(10 / 375 * 100vw), 20px);
}
.about_cont_lottery_desc {
  margin-top: clamp(6px, calc(10 / 375 * 100vw), 20px);
  font-size: clamp(12.5px, calc(13.5 / 375 * 100vw), 27px);
}
.about_cont_lottery_flag {
  position: absolute;
  top: calc(-20 / 375 * 100vw);
  left: calc(-10 / 375 * 100vw);
  width: calc(85 / 375 * 100vw);
  max-width: 170px;
}
@media (min-width: 751px) {
  .about_cont_lottery_flag {
    top: -40px;
    left: -20px
  }
}
.about_cont_lottery_suzu {
  position: absolute;
  top: 40%;
  right: calc(-20 / 375 * 100vw);
  width: calc(110.5 / 375 * 100vw);
  max-width: 221px;
  transform: translateY(-50%)
}
@media (min-width: 751px) {
  .about_cont_lottery_suzu {
    right: -40px
  }
}
.about_cont_lottery_note {
  margin-top: clamp(6px, calc(10 / 375 * 100vw), 20px);
  font-size: clamp(10px, calc(11 / 375 * 100vw), 22px);
  color: #707070;
}

section:has(> .about_wrapper) {
  padding-bottom: calc(150 / 375 * 100vw);
  position: relative;
}
section:has(> .about_wrapper)::after {
  content:"";
  width: 100%;
  height: auto;
  aspect-ratio: 412 / 125;
  background: url(/img/event/y-collab/bk_about_bottom.png);
  background-size: cover;
  position: absolute;
  bottom:0;
  left: 50%;
  transform: translateX(-50%)
}
@media (min-width: 751px) {
  section:has(> .about_wrapper) {
    padding-bottom:300px;
  }
}







section:has(> .sec_wrapper) {
  position: relative;
  margin-top: clamp(-60px,calc(-30 / 375 * 100vw),-25px);
  padding-bottom: clamp(90px,calc(100 / 375 * 100vw),200px);
}
section.sec_bk_yellow {
  background: #FFF3B8;
}
section.sec_bk_blue {
  background: #EAF2FF;
}
.sec_wrapper {
  padding: 0 clamp(15px, calc(15 / 375 * 100vw), 30px)
}
.sec-01-top {
  position: absolute;
  top: calc(-101 / 375 * 100vw);
  left: calc(214 / 375 * 100vw);
  width: calc(185 / 375 * 100vw);
  height: calc(148 / 375 * 100vw);
  max-width: 370px;
  max-height: 296px;
  z-index: 2;
}
.sec-02-top {
  position: absolute;
  top: calc(-60 / 375 * 100vw);
  left: calc(258 / 375 * 100vw);
  width: calc(125 / 375 * 100vw);
  height: calc(130 / 375 * 100vw);
  max-width: 250px;
  max-height: 260px;
  z-index: 2;
}
.sec-03-top {
  position: absolute;
  top: calc(-60 / 375 * 100vw);
  left: calc(279 / 375 * 100vw);
  width: calc(100 / 375 * 100vw);
  height: calc(180 / 375 * 100vw);
  max-width: 200px;
  max-height: 360px;
  z-index: 2;
}
@media (min-width: 751px) {
  .sec-01-top {
    top: -202px;
    left: 428px;
  }
  .sec-02-top {
    top: -120px;
    left: 506px;
  }
  .sec-03-top {
    top: -120px;
    left: 558px;
  }
}
.sec_head {
  text-align: center;
  position: relative;
}
.sec_num {
  font-size: clamp(40px, calc(44 / 375 * 100vw), 80px);
  width: calc(115 / 375 * 100vw);
  height: calc(75 / 375 * 100vw);
  max-width: 230px;
  max-height: 150px;
  border-radius: 50%;
  position: absolute;
  top: clamp(-50px, calc(-25 / 375 * 100vw), -20px);
  left: 50%;
  transform: translate(-50%);
  clip-path: polygon(0 0,100% 0,100% 70%, 0 70%);
}
.sec_num img {
  width: calc(60 / 375 * 100vw);
  height: calc(58 / 375 * 100vw);
  max-width: 120px;
  max-height: 116px;
}
section.sec_bk_yellow .sec_num {
  color: #004095;
  background: #FFF3B8;
}
section.sec_bk_blue .sec_num {
  color: #EA6C00;
  background: #EAF2FF;
}
.sec_head h2 {
  padding-top: clamp(35px,calc(50 / 375 * 100vw),100px);
  font-size: clamp(26px, calc(28 / 375 * 100vw), 56px);
  margin: 0;
}
section:has(.sec-01-top) .sec_head h2 img {
  width: 55%;
}
section:has(.sec-02-top) .sec_head h2 img {
  width: 70%;
}
section:has(.sec-03-top) .sec_head h2 {
  margin-bottom: clamp(5px, calc(10 / 375 * 100vw), 20px);
}
section:has(.sec-03-top) .sec_head h2 img {
  width: 55%;
}
.sec_head h2 span {
  display: flex;
  font-size: clamp(15px, calc(17 / 375 * 100vw), 34px);
  gap: clamp(4px, calc(5 / 375 * 100vw), 10px);
  justify-content: center;
  align-items: center;
  padding-left: clamp(3px, calc(4 / 375 * 100vw), 8px);
  font-weight: bold;
}
.sec_head h2 span::before {
  content: "";
  width: calc(13 / 375 * 100vw);
  height: calc(15.5 / 375 * 100vw);
  max-width: 26px;
  max-height: 31px;
  display: block;
}
section.sec_bk_yellow .sec_head h2 span::before {
  background: url(/img/event/y-collab/ico_sec_ttl_l.png) no-repeat;
  background-size: cover;
}
section.sec_bk_blue .sec_head h2 span::before {
  background: url(/img/event/y-collab/ico_sec_ttl_o_l.png) no-repeat;
  background-size: cover;
}
.sec_head h2 span::after {
  content: "";
  width: calc(13 / 375 * 100vw);
  height: calc(15.5 / 375 * 100vw);
  max-width: 26px;
  max-height: 31px;
  display: block;
  position: relative;
  left: clamp(-16px, calc(-6 / 375 * 100vw), -3px);
}
section.sec_bk_yellow .sec_head h2 span::after {
  background: url(/img/event/y-collab/ico_sec_ttl_r.png) no-repeat;
  background-size: cover;
}
section.sec_bk_blue .sec_head h2 span::after {
  background: url(/img/event/y-collab/ico_sec_ttl_o_r.png) no-repeat;
  background-size: cover;
}

.sec_fromto {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(4px, calc(5 / 375 * 100vw), 10px);
  font-weight: bold;
  font-size: clamp(13.5px, calc(15 / 375 * 100vw), 30px);
  margin-bottom: clamp(4px, calc(5 / 375 * 100vw), 10px);
  margin-top: clamp(4px, calc(5 / 375 * 100vw), 10px);
}
section.sec_bk_yellow .sec_fromto {
  color: #2D5C90;
}
section.sec_bk_blue .sec_fromto {
  color: #EA6C00;
}
.sec_from, .sec_to {
  padding-left: clamp(18px, calc(20 / 375 * 100vw), 40px);
}
.sec_from.-home {
  background: url(/img/event/y-collab/icon_home.png) no-repeat;
  background-size: calc(15 / 375 * 100vw) calc(13 / 375 * 100vw);
  background-position: left calc(3.5 / 375 * 100vw);
  padding-left: clamp(16px, calc(18 / 375 * 100vw), 36px);
}
.sec_from.-station {
  background: url(/img/event/y-collab/icon_train_ora.png) no-repeat;
  background-size: calc(10.5 / 375 * 100vw) calc(14.5 / 375 * 100vw);
  background-position: left calc(3.5 / 375 * 100vw);
  padding-left: clamp(15px, calc(16 / 375 * 100vw), 32px);
}
.sec_arrow {
  width: calc(22 / 375 * 100vw);
  height: calc(22 / 375 * 100vw);
  max-width: 44px;
  max-height: 44px;
}
.sec_to.-station {
  background: url(/img/event/y-collab/icon_train.png) no-repeat;
  background-size: calc(10.5 / 375 * 100vw) calc(14.5 / 375 * 100vw);
  background-position: left calc(3.5 / 375 * 100vw);
  padding-left: clamp(15px, calc(16 / 375 * 100vw), 32px);
}
.sec_to.-destination {
  background: url(/img/event/y-collab/icon_destination.png) no-repeat;
  background-size: calc(10.5 / 375 * 100vw) calc(14.5 / 375 * 100vw);
  background-position: left calc(3.5 / 375 * 100vw);
  padding-left: clamp(15px, calc(16 / 375 * 100vw), 32px);
}

@media (min-width: 751px) {
  .sec_from.-home {
    background-size: 30px 26px;
    background-position: left 7px;
    padding-left: 36px;
  }
  .sec_from.-station {
    background-size: 21px 29px;
    background-position: left 7px;
    padding-left: 32px;
  }
  .sec_to.-station {
    background-size: 21px 29px;
    background-position: left 7px;
    padding-left: 32px;
  }
  .sec_to.-destination {
    background-size: 21px 29px;
    background-position: left 7px;
    padding-left: 32px;
  }
}

.sec_mv {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.sec_mv_txt {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
}
.sec_mv_ttl {
  font-size: clamp(15px, calc(16 / 375 * 100vw), 32px);
  font-weight: bold;
}
.sec_mv_desc {
  font-size: clamp(13px, calc(13.5 / 375 * 100vw), 27px);
  font-weight: 500;
  padding-bottom: clamp(8px, calc(10 / 375 * 100vw), 20px);
}


.sec_content {
  margin-top: clamp(8px, calc(40 / 375 * 100vw), 80px);
}

.sec_item {
  position: relative;
}
.sec-01-item {
  position: absolute;
  width: calc(160 / 375 * 100vw);
  height: calc(145 / 375 * 100vw);
  top: calc(-138 / 375 * 100vw);
  left: calc(-62 / 375 * 100vw);
  max-width: 320px;
  max-height: 290px;
}
.sec-02-item {
  position: absolute;
  width: calc(90 / 375 * 100vw);
  height: calc(118 / 375 * 100vw);
  top: calc(-98 / 375 * 100vw);
  left: calc(-32 / 375 * 100vw);
  max-width: 180px;
  max-height: 237px;
}
.sec-03-item {
  position: absolute;
  width: calc(111 / 375 * 100vw);
  height: calc(134 / 375 * 100vw);
  top: calc(-103 / 375 * 100vw);
  left: calc(-29 / 375 * 100vw);
  max-width: 222px;
  max-height: 268px;
}

@media (min-width: 751px) {
  .sec-01-item {
    top: -276px;
    left: -124px;
  }
  .sec-02-item {
    top: -196px;
    left: -64px;
  }
  .sec-03-item {
    top: -206px;
    left: -58px;
  }
}
.sec_item + .sec_item{
  margin-top: clamp(16px, calc(18 / 375 * 100vw), 36px);
}
.sec_item_info {
  position: absolute;
  top: 5%;
  width: 82.5%;
  left: 15%;
  display: flex;
  height: 85%;
  gap: clamp(4px, calc(5 / 375 * 100vw), 10px);
  align-items: center;
}
.sec_item_txt {
  width: calc(100% - (143 / 375 * 100vw));
  padding-top: 3%;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.sec_item_ttl {
  font-size: clamp(18px, calc(20 / 375 * 100vw), 40px);
  /* margin-bottom: clamp(14px, calc(16 / 375 * 100vw), 32px); */
  line-height: clamp(24px, calc(26 / 375 * 100vw), 52px);
  font-weight: bold;
}
.sec_item_desc {
  font-size: clamp(11px, calc(12 / 375 * 100vw), 24px);
  /* margin-bottom: clamp(16px, calc(18 / 375 * 100vw), 36px); */
  color: #333333;
}
.sec_item_price {
  font-size: clamp(16px, calc(18 / 375 * 100vw), 36px);
  font-weight: bold;
}
.sec_item_price img {
  width: 70%
}
.sec_item_price span.-unit {
  font-size: clamp(13.5px, calc(15 / 375 * 100vw), 30px);
}
.sec_item_price span.-tax {
  font-size: clamp(11px, calc(12 / 375 * 100vw), 24px);
}
section.sec_bk_yellow .sec_item_ttl,
section.sec_bk_yellow .sec_item_price{
  color: #004095;
}
section.sec_bk_blue .sec_item_ttl,
section.sec_bk_blue .sec_item_price {
  color: #EA6C00;
}

.sec_item_img {
  width: calc(138 / 375 * 100vw);
  max-width: 276px;
}

.sec_item_img03 {
  width: calc(105 / 375 * 100vw);
  max-width: 210px;
}
.sec_item_info:has(.sec_item_img01) .sec_item_ttl img {
  width: 100%;
}
.sec_item_info:has(.sec_item_img02) .sec_item_ttl img {
  width: 87.5%;
}
.sec_item_info:has(.sec_item_img03) .sec_item_ttl img {
  width: 87.5%;
}
.sec_item_info:has(.sec_item_img04) .sec_item_ttl img {
  width: 80%;
}
.sec_item_info:has(.sec_item_img06) .sec_item_ttl img {
  width: 99%;
}
.sec_item_info:has(.sec_item_img03) .sec_item_txt {
  width: calc(100% - (110 / 375 * 100vw))
}
.sec_item_img04 {
  width: calc(105 / 375 * 100vw);
  max-width: 210px;
}
.sec_item_info:has(.sec_item_img04) .sec_item_txt {
  width: calc(100% - (110 / 375 * 100vw))
}
.sec_item_img05 {
  width: calc(105 / 375 * 100vw);
  max-width: 210px;
}
.sec_item_info:has(.sec_item_img05) .sec_item_txt {
  width: calc(100% - (110 / 375 * 100vw))
}
.sec_item_img06 {
  width: calc(140 / 375 * 100vw);
  max-width: 280px;
  position: absolute;
  right: clamp(-16px, calc(-8 / 375 * 100vw), 0px);
  top: clamp(20px, calc(70 / 375 * 100vw), 140px);
}
.sec_item_info:has(.sec_item_img06) .sec_item_txt {
  width: calc(100% - (50 / 375 * 100vw));
  gap: clamp(1px, calc(5 / 375 * 100vw), 10px);
  padding-top: 1%;
}
.sec_item_info:has(.sec_item_img06) .sec_item_desc {
  width: 65%;
}
.sec_item_info:has(.sec_item_img06) .sec_item_price img {
  width: 49.5%;
}
.sec_item:has(.sec_item_img06) .sec_item_bk {
  width: 100%;
  height: auto;
  aspect-ratio: 723 / 461;
}
.sec_item:has(.sec_item_img06) .sec_item_bk img {
  height: 100%;
}
@media (min-width: 751px) {
  .sec_item_txt {
    width: calc(100% - 286px);
  }
  .sec_item_info:has(.sec_item_img03) .sec_item_txt {
    width: calc(100% - 220px);
  }
  .sec_item_info:has(.sec_item_img04) .sec_item_txt {
    width: calc(100% - 220px);
  }
  .sec_item_info:has(.sec_item_img05) .sec_item_txt {
    width: calc(100% - 220px);
  }
  .sec_item_info:has(.sec_item_img06) .sec_item_txt {
    width: calc(100% - 100px);
    padding-top: 1%;
  }
}


.sec_item_img img {
  width: 100%;
  height: auto;
}

.sec_event_items_ttl {
  text-align: center;
  margin-top: clamp(40px, calc(45 / 375 * 100vw), 90px);
  font-size: clamp(13.5px, calc(15 / 375 * 100vw), 30px);
  font-weight: bold;
  margin-bottom: clamp(16px, calc(18 / 375 * 100vw), 36px);
  color: #111;
}

/* その他商品SP */
[data-browse-mode="S"] .block-pickup-list-p {
  overflow-x: auto;
  margin: 0;
}
[data-browse-mode="S"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items {
  display: flex;
  flex-wrap: nowrap;
  width: fit-content;
}
[data-browse-mode="S"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items > li.block-pickup-list-p--item {
  width: calc(110 / 375 * 100vw);
}
[data-browse-mode="S"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items > li.block-goods-detail-y--item {
  width: calc(110 / 375 * 100vw);
}
[data-browse-mode="S"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items > li:nth-of-type(2n) {
  margin-right: 15px;
}
[data-browse-mode="S"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items > li.block-pickup-list-p--item .block-icon,
[data-browse-mode="S"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items > li.block-goods-detail-y--item .block-icon {
  display: none;
}
[data-browse-mode="S"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items > li.block-pickup-list-p--item .block-pickup-list-p--shop-name,
[data-browse-mode="S"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items > li.block-goods-detail-y--item .block-goods-detail-y--shop-name {
  display: none;
}
[data-browse-mode="S"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items > li.block-pickup-list-p--item .block-pickup-list-p--price-infos,
[data-browse-mode="S"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items > li.block-goods-detail-y--item .block-goods-detail-y--price-infos {
  display: none;
}

/* その他商品PC */
[data-browse-mode="P"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items li {
  display: flex;
  flex-wrap: nowrap;
  width: fit-content;
}
[data-browse-mode="P"] .sec_event_items .block-pickup-list-p .block-pickup-list-p--item-body {
  margin-bottom: 0;
}
[data-browse-mode="P"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items .block-icon {
  display: none;
}
[data-browse-mode="P"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items .block-pickup-list-p--shop-name {
  display: none;
}
[data-browse-mode="P"] .sec_event_items .block-pickup-list-p ul.block-pickup-list-p--items .block-pickup-list-p--price-infos {
  display: none;
}

.sec_item_more a {
  width: calc(275 / 375 * 100vw);
  height: calc(50 / 375 * 100vw);
  max-width: 550px;
  max-height: 100px;
  margin: clamp(25px,calc(30 / 375 * 100vw),40px) auto 0;
  border: 3px solid #fff;
  display: block;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(16px, calc(18 / 375 * 100vw), 36px);
  border-radius: calc(25 / 375 * 100vw);
  font-weight: bold;
  text-decoration: none;
}
section.sec_bk_yellow .sec_item_more a {
  background: #004095;
  box-shadow: 2px 3px 0 #004095;
}
section.sec_bk_blue .sec_item_more a {
  background: #EA6C00;
  box-shadow: 2px 3px 0 #EA6C00;
}



.schedule {
  background: #EAF2FF;
  padding-bottom: clamp(90px, calc(100 / 375 * 100vw), 200px);
  position: relative;
}
.schedule_wrapper {
  position: relative;
  padding-right: clamp(13.5px, calc(14 / 375 * 100vw), 28px);
  padding-left: clamp(13.5px, calc(14 / 375 * 100vw), 28px);
}
.schedule_ticket {
  position: absolute;
  right: 0;
  top: clamp(-100px, calc(-50 / 375 * 100vw), -45px);
  width: calc(110 / 375 * 100vw);
  max-width: 219px;
  cursor: pointer;
}
.schedule_head {
  text-align: center;
}
.schedule_catch {
  background: #EAF2FF;
  width: calc(115 / 375 * 100vw);
  height: calc(75 / 375 * 100vw);
  max-width: 230px;
  max-height: 150px;
  border-radius: 50%;
  position: absolute;
  top: clamp(-60px,calc(-25 / 375 * 100vw),-20px);
  left: 50%;
  transform: translate(-50%);
  clip-path: polygon(0 0, 100% 0, 100% 60%, 0 60%);
}
.schedule_catch img {
  width: calc(66 / 375 * 100vw);
  height: calc(17.4 / 375 * 100vw);
  max-width: 132px;
  max-height: 34.8px;
  margin-top: calc(20 / 375 * 100vw);
  margin-left: calc(3 / 375 * 100vw);
}
@media (min-width: 751px) {
  .schedule_catch img {
    margin-top: 40px;
    margin-left: 6px;
  }
}
.schedule_head h2 {
  padding-top: clamp(36px,calc(40 / 375 * 100vw),80px);
  font-size: clamp(26px, calc(28 / 375 * 100vw), 56px);
  text-align: center;
  margin: 0;
}
.schedule_head h2 img {
  width: 75%;
}
.schedule_head h2 span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: clamp(15px, calc(17 / 375 * 100vw), 34px);
}
.schedule_head h2 span::before {
  content: "";
  width: calc(13 / 375 * 100vw);
  height: calc(15.5 / 375 * 100vw);
  max-width: 26px;
  max-height: 31px;
  display: block;
  background: url(/img/event/y-collab/ico_sec_ttl_o_l.png) no-repeat;
  background-size: cover;
}
.schedule_head h2 span::after {
  content: "";
  width: calc(13 / 375 * 100vw);
  height: calc(15.5 / 375 * 100vw);
  max-width: 26px;
  max-height: 31px;
  display: block;
  position: relative;
  left: -4px;
  background: url(/img/event/y-collab/ico_sec_ttl_o_r.png) no-repeat;
  background-size: cover;
}
.schedule_desc {
  font-size: clamp(15px, calc(17 / 375 * 100vw), 34px);
  font-weight: 500;
}

.schedule_item {
  width: 100%;
  margin-top: clamp(18px, calc(20 / 375 * 100vw), 40px);
  background: #fff;
  border-radius: clamp(18px, calc(20 / 375 * 100vw), 40px);
  position: relative;
  padding-right: clamp(15px, calc(17 / 375 * 100vw), 34px);
  padding-left: clamp(15px, calc(17 / 375 * 100vw), 34px);
  padding-top: clamp(11px, calc(12 / 375 * 100vw), 24px);
  padding-bottom: clamp(18px, calc(20 / 375 * 100vw), 40px);
}
.schedule_item_flag {
  position: absolute;
  width: calc(60 / 375 * 100vw);
  height: calc(53.2 / 375 * 100vw);
  max-width: 120px;
  max-height: 106.4px;
  left: clamp(-4px, calc(-2 / 375 * 100vw), -2px);
  top: clamp(-8px, calc(-5 / 375 * 100vw), -5px);
}
.schedule_item_head {
  display: flex;
  align-items: flex-end;
  gap: clamp(13.5px, calc(15 / 375 * 100vw), 30px);
  padding-left: clamp(9px, calc(10 / 375 * 100vw), 20px);
  border-bottom: 2px dashed #EA6C00;
}
.schedule_item_part {
  font-size: clamp(20px, calc(22 / 375 * 100vw), 44px);
}
.schedule_item_part span {
  font-size: clamp(40px, calc(45 / 375 * 100vw), 90px);
  position: relative;
  top: clamp(1.8px, calc(2 / 375 * 100vw), 4px);
  color: #E77A18;
}
.schedule_item_ttl {
  font-size: clamp(20px, calc(30 / 375 * 100vw), 60px);
  color: #2D5C90;
}
.schedule_item_info {
  display: flex;
  align-items: center;
  padding-top: clamp(13.5px, calc(15 / 375 * 100vw), 30px);
}
.schedule_item_txt {
  width: calc(100% - (110 / 375 * 100vw));
}
.schedule_item_info_ttl {
  font-size: clamp(13.5px, calc(15 / 375 * 100vw), 30px);
  font-weight: bold;
}
.schedule_item_desc {
  font-size: clamp(12.5px, calc(13.5 / 375 * 100vw), 27px);
}
.schedule_item_img {
  width: calc(110 / 375 * 100vw);
  max-width: 220px;
}
.schedule_item_more a {
  width: calc(275 / 375 * 100vw);
  height: calc(75 / 375 * 100vw);
  max-width: 550px;
  max-height: 150px;
  margin: 0 auto 0;
  border: clamp(2.8px, calc(3 / 375 * 100vw), 6px) solid #fff;
  display: block;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(16px, calc(18 / 375 * 100vw), 36px);
  border-radius: calc(40 / 375 * 100vw);
  margin-top: clamp(40px, calc(45 / 375 * 100vw), 90px);
  background: #FFD81A;
  color: #004095;
  text-align: center;
  box-shadow: 2px 5px #FFD81A;
  font-weight: bold;
  text-decoration: none;
}
@media (min-width: 751px) {
  .schedule_item_txt {
    width: calc(100% - 220px);
  }
}
.schedule_bottom {
  position: absolute;
  width: calc(120 / 375 * 100vw);
  height: calc(146 / 375 * 100vw);
  bottom: calc(-39 / 375 * 100vw);
  left: calc(5 / 375 * 100vw);
  max-width: 240px;
  max-height: 292px;
}
.pane-footer {
  position: relative;
}
@media (min-width: 751px) {
  .schedule_bottom {
    left: 10px;
    bottom: -78px;
  }
}





/* --- 基本的なスタイル（デモ用） --- */
.lottery_modal_content {
  /* background: white; */
  /* padding: 20px; */
  /* border-radius: 10px; */
  max-width: 500px;
  width: 90%;
  text-align: center;
}

/* --- ここからがモーダルとアニメーションの重要なスタイル --- */

/* モーダル全体 */
.lottery_modal {
  /* 普段は非表示 */
  display: none;
  opacity: 0;
  visibility: hidden;

  /* 画面全体を覆う設定 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;

  /* 中央寄せ */
  display: flex;
  justify-content: center;
  align-items: center;

  /* 表示時のフェードインアニメーション */
  transition: opacity 0.4s, visibility 0.4s;
}

/* モーダル表示時に付与されるクラス */
.lottery_modal.is-open {
  opacity: 1;
  visibility: visible;
}

/* オーバーレイ（背景の黒い部分） */
.lottery_modal_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

/* モーダルの中身 */
.lottery_modal_content {
  position: relative; /* ドクターイエローの位置の基準点にする */
  z-index: 1001;
  overflow: hidden; /* はみ出したドクターイエローを隠す */
}

/* ドクターイエロー */
.lottery_modal_dryellow {
  position: absolute;
  right: 0;
  top: clamp(221px, calc(286 / 375 * 100vw), 424px);
  opacity: 0;
  transform: translateX(100%);
  transition: transform .8s ease-out;
}

/* ドクターイエローのアニメーション発動時に付与されるクラス */
.lottery_modal_dryellow.is-active {
  opacity: 1;
  transform: translateX(0); /* 元の位置（右端）に戻る */
}

/* キーワード */
.lottery_modal_key {
  opacity: 0;
  transition: opacity 0.5s ease-in 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(13px, calc(14/375*100vw), 20px);
}
.lottery_modal_key.is-active {
  opacity: 1;
}
.lottery_modal_key_ttl {
  font-size: clamp(13px, calc(15/375*100vw), 22px);
  background: url(/img/event/y-collab/icon_destination.png) no-repeat;
  background-size: calc(10.5 / 375 * 100vw) calc(14.5 / 375 * 100vw);
  background-position: left calc(3.5 / 375 * 100vw);
  padding-left: clamp(15px, calc(16 / 375 * 100vw), 32px);
  font-weight: bold;
}
@media (min-width: 751px) {
  .lottery_modal_key_ttl {
    background-size: 16px 22px;
    background-position: left 5px;
    padding-left: 22px;
  }
}
.lottery_modal_key_box {
  font-size: clamp(13px, calc(15/375*100vw), 22px);
  color: #004095;
  border: 1px dashed #EA6C00;
  border-radius: clamp(4px, calc(5/375*100vw), 8px);
  padding: clamp(2.5px, calc(3/375*100vw), 5px) clamp(13px, calc(15/375*100vw), 22px);
}
.lottery_modal_more {
  margin-top: clamp(13px, calc(15/375*100vw), 22px);
}
.lottery_modal_more_catch {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(6px, calc(8/375*100vw), 12px);
  font-weight: bold;
  font-size: clamp(12px, calc(13/375*100vw), 20px);
}
.lottery_modal_more_catch:before {
  content:"/";
  transform: scaleX(-1);
}
.lottery_modal_more_catch:after {
  content:"/";
}
.lottery_modal_more_btn {
  width: calc(234 / 375 * 100vw);
  height: calc(44 / 375 * 100vw);
  max-width: 400px;
  max-height: 70px;
  margin: 0 auto 0;
  border: 3px solid #fff;
  display: block;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(16px, calc(18 / 375 * 100vw), 27px);
  border-radius: calc(40 / 375 * 100vw);
  background: #FFD81A;
  color: #004095;
  text-align: center;
  box-shadow: 2px 5px #FFD81A;
  font-weight: bold;
  text-decoration: none;
}
.lottery_modal_more_note {
  color: #707070;
  font-size: clamp(10px, calc(11 / 375 * 100vw), 16px);
  margin-top: clamp(9px, calc(10/375*100vw), 20px);
}
.lottery_modal_img {
  position: relative;
}

.lottery_modal_catch {
  position: absolute;
  z-index: 2;
  top: clamp(59px, calc(80/375*100vw), 115px);
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(13px, calc(22/375*100vw), 34px);
  width: 100%;
  line-height: 1.4;
}
.lottery_modal_catch span {
  color: #EA6C00;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.lottery_modal_catch span:before {
  content: "";
  width: 105%;
  height: clamp(6px, calc(8/375*100vw), 14px);
  background: #FFF3B8;
  border-radius: 10px;
  position: absolute;
  bottom: 0;
  left: -2.5%;
  z-index: -1
}
.lottery_modal_txt {
  position: absolute;
  top: clamp(320px,calc(397/375*100vw), 582px);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  line-height: 1.4;
}