/* =======================================
LP luckybag2024
======================================= */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
[id='luckybag2024'] {
  font-family: 'Noto Sans JP', sans-serif;
}
[id='luckybag2024'] button {
  font-family: inherit;
}
[id='luckybag2024'] img {
  max-width: 100%;
  height: auto;
}
[id='luckybag2024'] .cont_inner {
  position: relative;
  margin: 0 auto;
}
/* main_area */
[id='luckybag2024'] .main_area {
  position: relative;
}
[id='luckybag2024'] .main_area::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(28 / 750 * 100vw);
  background-image: url(/luckybag2024/files/line_check.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top left;
}
[id='luckybag2024'] .main_area .cont_inner {
  padding: calc(38 / 750 * 100vw) 0 calc(75 / 750 * 100vw);
  background-image: url(/luckybag2024/files/mv_bg_sp.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  background-color: #fdfaef;
  overflow: hidden;
}
[id='luckybag2024'] .main_area h1 {
  position: relative;
  margin: 0 calc(30 / 750 * 100vw);
  z-index: 2;
}
[id='luckybag2024'] .main_area .main_img {
  position: relative;
  margin: calc(-64 / 750 * 100vw) calc(39 / 750 * 100vw) 0;
  z-index: 3;
}
[id='luckybag2024'] .main_area .main_info {
  margin: calc(5 / 750 * 100vw) calc(72.5 / 750 * 100vw) 0;
}
[id='luckybag2024'] .main_area .plum01 {
  position: absolute;
  top: calc(38 / 750 * 100vw);
  right: 0;
  width: calc(118 / 750 * 100vw);
  z-index: 2;
}
[id='luckybag2024'] .main_area .plum02 {
  position: absolute;
  top: calc(224 / 750 * 100vw);
  left: 0;
  width: calc(114 / 750 * 100vw);
  z-index: 2;
}
/* about_area */
[id='luckybag2024'] .about_area .cont_inner {
  padding: calc(42 / 750 * 100vw) calc(40 / 750 * 100vw) calc(53 / 750 * 100vw);
  background-image: url(/luckybag2024/files/collaboration_bg_sp.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: top -11vw center;
  overflow: hidden;
}
[id='luckybag2024'] .about_area .cont_inner > div {
  padding: calc(78 / 750 * 100vw) calc(45 / 750 * 100vw) calc(48 / 750 * 100vw);
  border: calc(6 / 750 * 100vw) solid rgba(219, 196, 85, 0.9);
  border-radius: calc(38 / 750 * 100vw);
  background-color: rgba(255, 255, 255, 0.9);
}
[id='luckybag2024'] .about_area .logo_collabo {
  width: calc(510 / 750 * 100vw);
  margin: 0 auto;
}
[id='luckybag2024'] .about_area h2 {
  width: calc(486 / 750 * 100vw);
  margin: calc(83 / 750 * 100vw) auto 0;
}
[id='luckybag2024'] .about_area .text_collabo {
  width: calc(517 / 750 * 100vw);
  margin: calc(70 / 750 * 100vw) auto 0;
}
[id='luckybag2024'] .about_area .about {
  margin-top: calc(60 / 750 * 100vw);
}
[id='luckybag2024'] .about_area .about .modal_trigger {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(218 / 750 * 100vw);
  padding-left: calc(27 / 750 * 100vw);
  border-radius: 50px;
  font-size: calc(18 / 750 * 100vw);
  line-height: 1.89;
  background-image: url(/luckybag2024/files/icon_exclamation.png);
  background-repeat: no-repeat;
  background-size: calc(20 / 750 * 100vw) auto;
  background-position: left calc(11 / 750 * 100vw) center;
  background-color: #623c21;
  color: #fff;
  cursor: pointer;
}
[id='luckybag2024'] .about_area .about > dl + dl {
  margin-top: calc(40 / 750 * 100vw);
}
[id='luckybag2024'] .about_area .about > dl > dt {
  font-weight: bold;
  font-size: calc(26 / 750 * 100vw);
  line-height: 1.88;
  border-radius: 100px;
  background-color: #90b8b0;
  text-align: center;
  color: #fff;
}
[id='luckybag2024'] .about_area .about > dl > dd {
  position: relative;
  margin-top: calc(28 / 750 * 100vw);
  font-weight: bold;
  font-size: calc(26 / 750 * 100vw);
  line-height: 1.2;
  letter-spacing: 0.005em;
  text-align: center;
}
[id='luckybag2024'] .about_area .about > dl > dd .btn_search {
  display: block;
  position: absolute;
  top: calc(-8 / 750 * 100vw);
  right: 0;
  width: calc(175 / 750 * 100vw);
  padding-right: calc(20 / 750 * 100vw);
  border-radius: 50px;
  font-weight: bold;
  font-size: calc(23 / 750 * 100vw);
  line-height: 2;
  background-image: url(/luckybag2024/files/icon_pin.png);
  background-repeat: no-repeat;
  background-size: calc(23 / 750 * 100vw) auto;
  background-position: center right calc(20 / 750 * 100vw);
  background-color: #f7d9d2;
  color: #623c21;
}
[id='luckybag2024'] .about_area .about > dl > dd small {
  font-weight: normal;
  font-size: max(calc(16 / 750 * 100vw), 1rem);
}
[id='luckybag2024'] .about_area .about .step {
  list-style-type: none;
}
[id='luckybag2024'] .about_area .about .step > li + li {
  margin-top: calc(30 / 750 * 100vw);
}
[id='luckybag2024'] .about_area .about .step .num {
  width: calc(164 / 750 * 100vw);
  border-radius: 50px;
  font-size: calc(24 / 750 * 100vw);
  line-height: 1.42;
  background-color: #623c21;
  color: #fff;
}
[id='luckybag2024'] .about_area .about .step .cont {
  position: relative;
  margin-top: calc(12 / 750 * 100vw);
  padding-left: calc(9 / 750 * 100vw);
  font-size: calc(25 / 750 * 100vw);
  line-height: 1.84;
  text-align: left;
}
[id='luckybag2024'] .notelist > li {
  margin-left: 1em;
  text-indent: -1.1em;
}
[id='luckybag2024'] .notelist > li::before {
  content: '※';
}
[id='luckybag2024'] .about_area .about .notelist {
  margin-top: calc(40 / 750 * 100vw);
}
[id='luckybag2024'] .about_area .about .notelist > li {
  font-size: max(calc(16 / 750 * 100vw), 1rem);
  line-height: 1.875;
}
[id='luckybag2024'] .about_area .about .notelist .emphasis {
  color: #c80303;
}
/* item_area */
[id='luckybag2024'] .item_area .cont_inner {
  padding: calc(50 / 750 * 100vw) 0 calc(30 / 750 * 100vw);
  background-image: url(/luckybag2024/files/itemlist_bg.png), url(/luckybag2024/files/itemlist_bg.png), url(/luckybag2024/files/itemlist_bg.png), url(/luckybag2024/files/itemlist_bg.png);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 100% auto, 100% auto, 100% auto, 100% auto;
  background-position: top calc(-350 / 750 * 100vw) center, top calc(1260 / 750 * 100vw) center, top calc(2935 / 750 * 100vw) center, top calc(4465 / 750 * 100vw) center;
  background-color: #dbc455;
  overflow: hidden;
}
[id='luckybag2024'] .item_area h2 {
  width: calc(509 / 750 * 100vw);
  margin: 0 auto;
}
[id='luckybag2024'] .item_area .item_box {
  margin-top: calc(124 / 750 * 100vw);
  list-style-type: none;
}
[id='luckybag2024'] .item_area .item_box > li {
  position: relative;
}
[id='luckybag2024'] .item_area .item_box > li::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: calc(72 / 750 * 100vw);
  width: calc(202 / 750 * 100vw);
  height: calc(137 / 750 * 100vw);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  z-index: 2;
}
[id='luckybag2024'] .item_area .item_box > li:first-of-type:before {
  background-image: url(/luckybag2024/files/item01_number.png);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(2):before {
  background-image: url(/luckybag2024/files/item02_number.png);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(3):before {
  background-image: url(/luckybag2024/files/item03_number.png);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(4):before {
  background-image: url(/luckybag2024/files/item04_number.png);
}
[id='luckybag2024'] .item_area .item_box > li::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  border-radius: 50%;
  background-color: #fff;
  transform: translateX(-50%);
  z-index: 1;
}
[id='luckybag2024'] .item_area .item_box > li:first-of-type {
  padding-top: calc(173 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(2) {
  padding-top: calc(269 / 750 * 100vw);
  margin-top: calc(84 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(3) {
  padding-top: calc(174 / 750 * 100vw);
  margin-top: calc(79 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(4) {
  margin-top: calc(103 / 750 * 100vw);
  padding-top: calc(174 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:first-of-type::after {
  top: calc(148 / 750 * 100vw);
  width: calc(1812 / 750 * 100vw);
  height: calc(863 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(2)::after {
  top: calc(197 / 750 * 100vw);
  width: calc(1774 / 750 * 100vw);
  height: calc(863 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(3)::after {
  top: calc(177 / 750 * 100vw);
  width: calc(1529 / 750 * 100vw);
  height: calc(729 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(4)::after {
  top: calc(46 / 750 * 100vw);
  width: calc(1529 / 750 * 100vw);
  height: calc(729 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li h3 {
  position: absolute;
  z-index: 2;
}
[id='luckybag2024'] .item_area .item_box > li:first-of-type h3 {
  top: 0;
  right: calc(104 / 750 * 100vw);
  width: calc(310 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(2) h3 {
  top: calc(72 / 750 * 100vw);
  right: calc(50 / 750 * 100vw);
  width: calc(552 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(3) h3 {
  top: calc(43 / 750 * 100vw);
  right: calc(87 / 750 * 100vw);
  width: calc(363 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(4) h3 {
  top: calc(43 / 750 * 100vw);
  right: calc(56 / 750 * 100vw);
  width: calc(395 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li > .item_img {
  position: relative;
  z-index: 2;
}
[id='luckybag2024'] .item_area .item_box > li:first-of-type .item_img {
  margin: 0 calc(59 / 750 * 100vw) 0 calc(57 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(2) .item_img {
  margin: 0 calc(29 / 750 * 100vw) 0 calc(29 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(3) .item_img {
  margin: 0 calc(55 / 750 * 100vw) 0 calc(63 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(4) .item_img {
  margin: 0 calc(83 / 750 * 100vw) 0 calc(90 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:first-of-type .item_img + .item_info {
  margin-top: calc(4 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(2) .item_img + .item_info {
  margin-top: calc(3 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(3) .item_img + .item_info {
  margin-top: calc(16 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(4) .item_img + .item_info {
  padding-top: calc(73 / 750 * 100vw);
  margin-top: calc(26 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li .item_info {
  position: relative;
  padding: calc(38 / 750 * 100vw) calc(38 / 750 * 100vw) calc(45 / 750 * 100vw);
  border: #90b8b0 solid calc(8 / 750 * 100vw);
  border-radius: calc(60 / 750 * 100vw);
  margin: 0 calc(67 / 750 * 100vw);
  background-color: #f7f9f3;
  z-index: 2;
}
[id='luckybag2024'] .item_area .item_box > li .item_info::before {
  content: '';
  display: block;
  position: absolute;
  width: calc(160 / 750 * 100vw);
  height: calc(165 / 750 * 100vw);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 2;
}
[id='luckybag2024'] .item_area .item_box > li:first-of-type .item_info::before {
  top: calc(35 / 750 * 100vw);
  right: calc(-82 / 750 * 100vw);
  background-image: url(/luckybag2024/files/icon_mallet.png);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(2) .item_info::before {
  top: calc(44 / 750 * 100vw);
  right: calc(-63 / 750 * 100vw);
  background-image: url(/luckybag2024/files/icon_top.png);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(3) .item_info::before {
  top: calc(37 / 750 * 100vw);
  right: calc(-50 / 750 * 100vw);
  background-image: url(/luckybag2024/files/icon_daruma.png);
}
[id='luckybag2024'] .item_area .item_box > li:nth-of-type(4) .item_info::before {
  top: calc(-27 / 750 * 100vw);
  right: calc(-42 / 750 * 100vw);
  background-image: url(/luckybag2024/files/icon_ohiri.png);
}
[id='luckybag2024'] .item_area .item_box > li .item_info h4 img {
  display: block;
}
[id='luckybag2024'] .item_area .item_box > li .item_info h4 .icon_collabo {
  width: calc(249 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li .item_info h4 .icon_collabo + .item_name {
  margin-top: calc(43 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li .item_info h4 .item_name {
  width: calc(467 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li .item_info h4 + p {
  margin-top: calc(36 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li .item_info > p {
  font-size: calc(25 / 750 * 100vw);
  line-height: 1.68;
}
[id='luckybag2024'] .item_area .item_box > li .item_info .spec {
  display: flex;
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.7;
}
[id='luckybag2024'] .item_area .item_box > li .item_info > p + .spec {
  margin-top: calc(48 / 750 * 100vw);
}
[id='luckybag2024'] .item_area .item_box > li .item_info .spec > dt::after {
  content: '：';
}
[id='luckybag2024'] .item_area .item_box > li .item_info .notelist {
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.7;
}
[id='luckybag2024'] .item_area .item_box > li .item_info .expiration {
  display: flex;
  margin-top: 1.8em;
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.7;
}
[id='luckybag2024'] .item_area .item_box > li .item_info .expiration > dt::before {
  content: '【';
}
[id='luckybag2024'] .item_area .item_box > li .item_info .expiration > dt::after {
  content: '】';
}
[id='luckybag2024'] .item_area .item_box > li .item_info .how2use {
  margin-top: 1.8em;
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.7;
}
[id='luckybag2024'] .item_area .item_box > li .item_info .how2use > dt::before {
  content: '〈';
}
[id='luckybag2024'] .item_area .item_box > li .item_info .how2use > dt::after {
  content: '〉';
}
[id='luckybag2024'] .item_area .item_box > li .item_info .how2use_list {
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.7;
}
[id='luckybag2024'] .item_area .item_box > li .item_info .how2use_list > li {
  margin-left: 1em;
  text-indent: -1em;
}
[id='luckybag2024'] .item_area .item_box > li .item_info .how2use_list > li::before {
  content: '●';
}
[id='luckybag2024'] .item_area .item_box > li .item_info .note {
  margin-left: 1em;
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.7;
  text-indent: -1em;
}
[id='luckybag2024'] .item_area .item_box > li .item_info .note::before {
  content: '※';
}
[id='luckybag2024'] .item_area .item_box > li .item_info .modal_trigger {
  display: block;
  width: calc(411 / 750 * 100vw);
  padding-left: calc(50 / 750 * 100vw);
  border-radius: 50px;
  margin-top: calc(40 / 750 * 100vw);
  font-size: calc(25 / 750 * 100vw);
  line-height: 2.48;
  background-image: url(/luckybag2024/files/icon_exclamation.png);
  background-repeat: no-repeat;
  background-size: calc(36 / 750 * 100vw) auto;
  background-position: left calc(20 / 750 * 100vw) center;
  background-color: #623c21;
  color: #fff;
  cursor: pointer;
}
[id='luckybag2024'] .item_area .cont_inner > .notelist {
  margin: calc(26 / 750 * 100vw) calc(40 / 750 * 100vw) 0;
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.7;
}
[id='luckybag2024'] .item_area .plum01 {
  position: absolute;
  top: calc(3 / 750 * 100vw);
  right: 0;
  width: calc(118 / 750 * 100vw);
  z-index: 2;
}
[id='luckybag2024'] .item_area .plum02 {
  position: absolute;
  top: calc(136 / 750 * 100vw);
  left: 0;
  width: calc(114 / 750 * 100vw);
  z-index: 2;
}
/* toffy_area */
[id='luckybag2024'] .toffy_area .cont_inner {
  padding: calc(58 / 750 * 100vw) 0 calc(69 / 750 * 100vw);
  background-image: url(/luckybag2024/files/toffy_info_bg_sp.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: top 12vw center;
  overflow: hidden;
}
[id='luckybag2024'] .toffy_area .toffy_info {
  padding: calc(57 / 750 * 100vw) calc(42 / 750 * 100vw) calc(51 / 750 * 100vw);
  border: rgba(219, 196, 85, 0.9) solid calc(6 / 750 * 100vw);
  border-radius: calc(73 / 750 * 100vw);
  margin: 0 calc(40 / 750 * 100vw);
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
}
[id='luckybag2024'] .toffy_area .toffy_logo img {
  width: calc(291 / 750 * 100vw);
}
[id='luckybag2024'] .toffy_area .toffy_info h2 {
  margin-top: calc(47 / 750 * 100vw);
  font-weight: bold;
  font-size: calc(45 / 750 * 100vw);
  color: #68ac9e;
}
[id='luckybag2024'] .toffy_area .toffy_info p {
  margin-top: calc(40 / 750 * 100vw);
  font-size: calc(25 / 750 * 100vw);
  line-height: 1.7;
}
[id='luckybag2024'] .toffy_area .toffy_btn {
  display: block;
  position: relative;
  border-radius: 100px;
  margin-top: calc(50 / 750 * 100vw);
  font-weight: bold;
  font-size: calc(28 / 750 * 100vw);
  line-height: 3.286;
  background-color: #623c21;
  color: #fff;
}
[id='luckybag2024'] .toffy_area .toffy_btn::after {
  content: '\e931';
  display: block;
  position: absolute;
  top: 50%;
  right: calc(45 / 750 * 100vw);
  font-weight: normal;
  font-size: calc(28 / 750 * 100vw);
  font-family: 'cocos';
  color: #000;
  transform: translateY(-50%);
}
[id='luckybag2024'] .toffy_area .luckybag_btn {
  display: block;
  position: relative;
  padding: calc(39 / 750 * 100vw) 0;
  border-radius: calc(90 / 750 * 100vw);
  margin: calc(40 / 750 * 100vw) calc(40 / 750 * 100vw) 0;
  font-weight: bold;
  font-size: calc(39 / 750 * 100vw);
  line-height: 1.45;
  background-color: #fcde3a;
  color: #4d3300;
  text-align: center;
}
[id='luckybag2024'] .toffy_area .luckybag_btn::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: calc(57 / 750 * 100vw);
  width: calc(20 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
  border-right: calc(3 / 750 * 100vw) solid #4d3300;
  border-bottom: calc(3 / 750 * 100vw) solid #4d3300;
  transform: translateY(-50%) rotateZ(-45deg);
}
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 9999;
  overflow-y: auto;
  overscroll-behavior: none;
  -ms-overflow-style: none; /* Edge */
  scrollbar-width: none; /* Firefox */
}
.modal::-webkit-scrollbar {
  display: none; /* Chrome,Safari */
}
.modal::before {
  content: '';
  width: 1px;
  height: calc(100% + 1px);
  display: block;
}
.modal_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 90vw;
  max-height: 85%;
  overflow: auto;
  padding: calc(55 / 750 * 100vw) calc(60 / 750 * 100vw) calc(40 / 750 * 100vw);
  background: #fff;
  transform: translateX(-50%) translateY(-50%);
}
.modal_inner h2 {
  font-weight: bold;
  font-size: calc(30 / 750 * 100vw);
  color: #623c21;
}
.modal_inner .notelist {
  margin-top: calc(55 / 750 * 100vw);
  font-size: max(calc(18 / 750 * 100vw), 1rem);
  line-height: 1.7;
}
.modal_inner .close_btn {
  display: block;
  padding: calc(11 / 750 * 100vw) calc(22 / 750 * 100vw) calc(12 / 750 * 100vw);
  border-radius: calc(7 / 750 * 100vw);
  margin: calc(42 / 750 * 100vw) auto 0;
  font-size: max(calc(18 / 750 * 100vw), 1rem);
  background-color: #e0e0e0;
  color: #222;
}
.modal_inner .cross_btn {
  display: block;
  position: absolute;
  top: calc(56 / 750 * 100vw);
  right: calc(76 / 750 * 100vw);
  width: 1.2em;
  height: 1.2em;
  font-size: calc(27 / 750 * 100vw);
  font-family: 'cocos';
  color: #623c21;
}
@media (min-width: 768px) {
  [id='luckybag2024'] .cont_inner {
    max-width: 750px;
  }
  /* main_area */
  [id='luckybag2024'] .main_area {
    background-image: url(/luckybag2024/files/mv_bg_side.png);
    background-size: 638px auto;
    background-repeat: repeat;
    background-position: center;
    background-color: #f1d55a;
  }
  [id='luckybag2024'] .main_area::after {
    height: 28px;
    background-repeat: repeat-x;
    background-size: contain;
    background-position: top center;
  }
  [id='luckybag2024'] .main_area .cont_inner {
    padding: 38px 0 75px;
    background-image: url(/luckybag2024/files/mv_bg_pc.jpg);
  }
  [id='luckybag2024'] .main_area h1 {
    margin: 0 30px;
  }
  [id='luckybag2024'] .main_area .main_img {
    margin: -64px 39px 0;
  }
  [id='luckybag2024'] .main_area .main_info {
    margin: 5px 72.5px 0;
  }
  [id='luckybag2024'] .main_area .plum01 {
    top: 38px;
    width: 118px;
  }
  [id='luckybag2024'] .main_area .plum02 {
    top: 224px;
    width: 114px;
  }
  /* about_area */
  [id='luckybag2024'] .about_area {
    background-color: #90b8b0;
  }
  [id='luckybag2024'] .about_area .cont_inner {
    padding: 42px 40px 53px;
    background-image: url(/luckybag2024/files/collaboration_bg_pc.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: top center;
  }
  [id='luckybag2024'] .about_area .cont_inner > div {
    padding: 78px 45px 48px;
    border-width: 6px;
    border-radius: 38px;
  }
  [id='luckybag2024'] .about_area .logo_collabo {
    width: 510px;
  }
  [id='luckybag2024'] .about_area h2 {
    width: 486px;
    margin: 83px auto 0;
  }
  [id='luckybag2024'] .about_area .text_collabo {
    width: 517px;
    margin: 70px auto 0;
  }
  [id='luckybag2024'] .about_area .about {
    margin-top: 60px;
  }
  [id='luckybag2024'] .about_area .about .modal_trigger {
    width: 218px;
    padding-left: 27px;
    border-radius: 50px;
    font-size: 1.8rem;
    background-size: 20px auto;
    background-position: left 11px center;
  }
  [id='luckybag2024'] .about_area .about > dl + dl {
    margin-top: 40px;
  }
  [id='luckybag2024'] .about_area .about > dl > dt {
    font-size: 2.6rem;
  }
  [id='luckybag2024'] .about_area .about > dl > dd {
    margin-top: 28px;
    font-size: 2.6rem;
  }
  [id='luckybag2024'] .about_area .about > dl > dd .btn_search {
    top: -8px;
    width: 175px;
    padding-right: 20px;
    font-size: 2.3rem;
    background-size: 23px auto;
    background-position: center right 20px;
  }
  [id='luckybag2024'] .about_area .about > dl > dd small {
    font-weight: normal;
    font-size: 1.6rem;
  }
  [id='luckybag2024'] .about_area .about .step > li + li {
    margin-top: 30px;
  }
  [id='luckybag2024'] .about_area .about .step .num {
    width: 164px;
    font-size: 2.4rem;
  }
  [id='luckybag2024'] .about_area .about .step .cont {
    margin-top: 12px;
    padding-left: 9px;
    font-size: 2.5rem;
  }
  [id='luckybag2024'] .about_area .about .notelist {
    margin-top: 40px;
  }
  [id='luckybag2024'] .about_area .about .notelist > li {
    font-size: 1.6rem;
  }
  /* item_area */
  [id='luckybag2024'] .item_area {
    background-image: url(/luckybag2024/files/mv_bg_side.png);
    background-size: 638px auto;
    background-repeat: repeat;
    background-position: center;
    background-color: #f1d55a;
  }
  [id='luckybag2024'] .item_area .cont_inner {
    padding: 50px 0 30px;
    background-position: top -350px center, top 1260px center, top 2935px center, top 4465px center;
  }
  [id='luckybag2024'] .item_area h2 {
    width: 509px;
  }
  [id='luckybag2024'] .item_area .item_box {
    margin-top: 124px;
  }
  [id='luckybag2024'] .item_area .item_box > li::before {
    left: 72px;
    width: 202px;
    height: 137px;
  }
  [id='luckybag2024'] .item_area .item_box > li:first-of-type {
    padding-top: 173px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(2) {
    padding-top: 269px;
    margin-top: 84px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(3) {
    padding-top: 174px;
    margin-top: 79px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(4) {
    margin-top: 103px;
    padding-top: 174px;
  }
  [id='luckybag2024'] .item_area .item_box > li:first-of-type::after {
    top: 148px;
    width: 1812px;
    height: 863px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(2)::after {
    top: 197px;
    width: 1774px;
    height: 863px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(3)::after {
    top: 177px;
    width: 1529px;
    height: 729px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(4)::after {
    top: 46px;
    width: 1529px;
    height: 729px;
  }
  [id='luckybag2024'] .item_area .item_box > li:first-of-type h3 {
    right: 104px;
    width: 310px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(2) h3 {
    top: 72px;
    right: 50px;
    width: 552px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(3) h3 {
    top: 43px;
    right: 87px;
    width: 363px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(4) h3 {
    top: 43px;
    right: 56px;
    width: 395px;
  }
  [id='luckybag2024'] .item_area .item_box > li:first-of-type .item_img {
    margin: 0 59px 0 57px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(2) .item_img {
    margin: 0 29px 0 29px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(3) .item_img {
    margin: 0 55px 0 63px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(4) .item_img {
    margin: 0 83px 0 90px;
  }
  [id='luckybag2024'] .item_area .item_box > li:first-of-type .item_img + .item_info {
    margin-top: 4px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(2) .item_img + .item_info {
    margin-top: 3px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(3) .item_img + .item_info {
    margin-top: 16px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(4) .item_img + .item_info {
    padding-top: 73px;
    margin-top: 26px;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info {
    padding: 38px 38px 45px;
    border: #90b8b0 solid 8px;
    border-radius: 60px;
    margin: 0 67px;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info::before {
    width: 160px;
    height: 165px;
  }
  [id='luckybag2024'] .item_area .item_box > li:first-of-type .item_info::before {
    top: 35px;
    right: -82px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(2) .item_info::before {
    top: 44px;
    right: -63px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(3) .item_info::before {
    top: 37px;
    right: -50px;
  }
  [id='luckybag2024'] .item_area .item_box > li:nth-of-type(4) .item_info::before {
    top: -27px;
    right: -42px;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info h4 .icon_collabo {
    width: 249px;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info h4 .icon_collabo + .item_name {
    margin-top: 43px;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info h4 .item_name {
    width: 467px;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info h4 + p {
    margin-top: 36px;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info > p {
    font-size: 2.5rem;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info .spec {
    font-size: 2rem;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info > p + .spec {
    margin-top: 48px;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info .notelist {
    font-size: 2rem;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info .expiration {
    margin-top: 1.8em;
    font-size: 2rem;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info .how2use {
    font-size: 2rem;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info .how2use_list {
    font-size: 2rem;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info .note {
    font-size: 2rem;
  }
  [id='luckybag2024'] .item_area .item_box > li .item_info .modal_trigger {
    width: 411px;
    padding-left: 50px;
    border-radius: 50px;
    margin-top: 40px;
    font-size: 2.5rem;
    background-size: 36px auto;
    background-position: left 20px center;
  }
  [id='luckybag2024'] .item_area .cont_inner > .notelist {
    margin: 26px 40px 0;
    font-size: 2rem;
  }
  [id='luckybag2024'] .item_area .plum01 {
    top: 3px;
    width: 118px;
  }
  [id='luckybag2024'] .item_area .plum02 {
    top: 136px;
    width: 114px;
  }
  /* toffy_area */
  [id='luckybag2024'] .toffy_area {
    background-color: #90b8b0;
  }
  [id='luckybag2024'] .toffy_area .cont_inner {
    padding: 58px 0 69px;
    background-image: url(/luckybag2024/files/toffy_info_bg_pc.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: top -67% center;
  }
  [id='luckybag2024'] .toffy_area .toffy_info {
    padding: 57px 42px 51px;
    border: rgba(219, 196, 85, 0.9) solid 6px;
    border-radius: 73px;
    margin: 0 40px;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
  }
  [id='luckybag2024'] .toffy_area .toffy_logo img {
    width: 291px;
  }
  [id='luckybag2024'] .toffy_area .toffy_info h2 {
    margin-top: 47px;
    font-size: 4.5rem;
  }
  [id='luckybag2024'] .toffy_area .toffy_info p {
    margin-top: 40px;
    font-size: 2.5rem;
  }
  [id='luckybag2024'] .toffy_area .toffy_btn {
    border-radius: 100px;
    margin-top: 50px;
    font-size: 2.8rem;
  }
  [id='luckybag2024'] .toffy_area .toffy_btn::after {
    right: 45px;
    font-size: 2.8rem;
  }
  [id='luckybag2024'] .toffy_area .luckybag_btn {
    padding: 39px 0;
    border-radius: 90px;
    margin: 40px 40px 0;
    font-size: 3.9rem;
  }
  [id='luckybag2024'] .toffy_area .luckybag_btn::after {
    right: 57px;
    width: 20px;
    height: 20px;
    border-right: 3px solid #4d3300;
    border-bottom: 3px solid #4d3300;
  }
  .modal_inner {
    max-width: 750px;
    padding: 55px 60px 40px;
  }
  .modal_inner h2 {
    font-size: 3rem;
  }
  .modal_inner .notelist {
    margin-top: 55px;
    font-size: 1.8rem;
  }
  .modal_inner .close_btn {
    padding: 11px 22px 12px;
    border-radius: 7px;
    margin: 42px auto 0;
    font-size: 1.8rem;
  }
  .modal_inner .cross_btn {
    top: 56px;
    right: 76px;
    font-size: 2.7rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  [id='luckybag2024'] a,
  [id='luckybag2024'] button,
  [id='luckybag2024'] .toffy_area .toffy_btn::after,
  [id='luckybag2024'] .toffy_area .luckybag_btn::after {
    transition: all ease-in-out 0.3s;
  }
  [id='luckybag2024'] .about_area .about > dl > dd .btn_search:hover {
    background-image: url(/luckybag2024/files/icon_pin_hover.png);
    background-color: #fae8e4;
    color: #a18a7a;
  }
  [id='luckybag2024'] .about_area .about .modal_trigger:hover,
  [id='luckybag2024'] .item_area .item_box > li .item_info .modal_trigger:hover {
    background-color: #a18a7a;
  }
  [id='luckybag2024'] .toffy_area .toffy_btn:hover {
    background-color: #a18a7a;
  }
  [id='luckybag2024'] .toffy_area .toffy_btn:hover::after {
    color: #666666;
  }
  [id='luckybag2024'] .toffy_area .luckybag_btn:hover {
    background-color: #fdeb89;
    color: #948566;
  }
  [id='luckybag2024'] .toffy_area .luckybag_btn:hover::after {
    border-color: #948566;
  }
  .modal_inner .cross_btn:hover {
    color: #a18a7a;
  }
  .modal_inner .close_btn:hover {
    background-color: #ececec;
    color: #7a7a7a;
  }
}