.egg-container {padding:120px 15px 200px 15px;  width:100%;}
.egg-container section  * {display: flex; }

    .egg-container section {position: relative; margin:10px 0; min-height:70px; width:100%;}   
    .egg-container section .gamble-bg { width:100%;}   
    .egg-container section .gamble-bg img { width:100%;}   
    .egg-container section .gamble-content { position: absolute; top:10%; left:33%;  flex-direction: column; font-size:14px; padding-right:2%; gap:3px;}   
    .egg-container section .gamble-content h2 { font-size:1.25em; font-weight:900;   color: rgba(13,79,82,1); line-height:1; }   
    .egg-container section .gamble-content h3 { font-size:1.15em; color: rgba(26,129,108,1); letter-spacing:-.75px; line-height:1.5; }   
    .egg-container section .gamble-content p { font-size:1.2em; color: rgba(255,255,255,1); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:1.1;; overflow: hidden; margin-top:-2px; }   
   
.egg-container section .icon-bar {position:absolute; left:-2px; top:-1px; width:20%; z-index:1 !important;}
.egg-container section .icon-bar.icon-view { left:auto; right:4%; top:10%; width:20px;}
.egg-container section .icon-bar img { width:100%;}
.egg-container section figure {position: absolute;  width:28%;  left:3%; top:15%; }
.egg-container section figure img {width:100%;}
.egg-container section > ul  { position: absolute; top:73%; right:3%; width:70%; height:20%; gap:5px; justify-content: flex-end;}   
.egg-container section > ul > li { position: relative; background: rgba(91,152,154,1); align-items: center; border-radius:50px; width:50%; box-shadow:0 0 5px rgba(0,0,0,.2) inset; justify-content: space-between;}
.egg-container section > ul > li input {  background: none; border: none;; height:100%; text-align: right; align-items: center; font-size:18px; font-weight: 900; width:100%; color:rgba(255,255,255,1); padding-right:15px; padding-bottom:3px;}
.egg-container section > ul >  button { background: none; height:100%}
.egg-container section > ul >  button img { height:100%}
.egg-container section > ul > li label {position: absolute; top:-15%; }


.egg-wrap #content > h1{ display: flex;}
.egg-container section  div ul .box-open-btn { width:52%; justify-content: center;  font-size:14px; font-weight:600; align-items: center; height:34px; padding-bottom:5px;
    background:url(../img/egg/bg_btn.png) center top; background-size: 100% 100%;  color: rgba(255,255,255,1); }
.egg-container section div  ul input {width:100%; text-align: right; height:30px; background:rgba(60,122,122,1); box-shadow: 0 0 7px rgba(0,0,0,.3) inset; border: 1px solid rgba(0,0,0,.15); border-radius: 50px;  
    padding:0 25px 3px 10px; font-size:20px; font-weight:800; color:rgba(255,255,255,1)}

.egg-wrap {padding:5px 15px; overflow-y: auto !important; margin-top:50px;}

.egg-container section.end-game { opacity: .2;;}  

.egg-moneybox, .egg-prizebox {background: rgba(182,219,215,1); border-radius:30px; padding:20px; box-shadow: 0 -3px 2px 1px rgba(0,0,0,.2) inset;}
.lvBox, .lvBox * { display: flex; align-items: center; }
.lvBox { justify-content:space-between; margin:10px 0; border-radius: 50px; background: rgba(0,0,0,.3); padding:10px;}
.lvBox ul:first-child { position: relative; width:80%; }
.lvBox ul:last-child  { width:calc(20% - 5px); background-color: rgba(0,0,0,.3); border-radius: 30px; align-items: center; justify-content: center;  padding:5px 0; color:rgba(255,255,255,1)}
.lvBox li {position: absolute;  right:0; bottom:0; top:0; width:100%; justify-content: flex-end;}
.lvBox span {position: absolute;  left:0; bottom:0; top:0; width:100%; }

.rewardBox { position: relative;  overflow: hidden;}
.rewardBox .innerBox {  position: absolute; width:100%; height:100%; top:0; left:0; display: flex; flex-direction: column; gap:13px;  overflow: hidden; padding:8px 15px ; }
.rewardBox  .bg-right { position: absolute; right:0px; top:0; width:15px; height:100%;   background: url(../../assets/img/egg/bg_level_2.png) center right no-repeat; }
.rewardBox .innerBox > div {display: flex; }
.rewardBox .innerBox .levelTop {   gap:7px;  align-items: center; justify-content: space-between;}
.rewardBox .innerBox .btn_reward {background: none; margin:0; padding: 0;}
.rewardBox .innerBox .btn_reward img  { height:32px;}
.rewardBox .innerBox .levelTop * {display: flex; align-items: center;  gap:3px;}
.rewardBox .innerBox .lvTarget  {white-space: nowrap; background: rgba(250,245,225,1); border-radius:30px; height:30px; margin-bottom:-3px; align-items: center; padding:0 10px 3px 15px; box-shadow: 0 -3px 1px rgba(118,183,175,1) inset; font-weight: 800; 
color: rgba(30,114,28,1); margin-top:-2px;}
.rewardBox .innerBox .ap_grade { white-space: nowrap; border-radius:30px; height:30px; justify-content: center; color: rgba(241,77,143,1);  padding:0 3px 0 0; font-weight: 900;}
.ap_step {white-space: nowrap; background: rgba(195,234,230,1); border-radius: 50px; padding:0 10px 3px 10px; color:rgba(47,135,126,1); font-weight:700; display: flex; height:24px; align-items: center;}
.ap_ex { white-space: nowrap; background: rgba(195,234,230,1); border-radius: 50%;color:rgba(47,135,126,1); font-weight:900; display: flex; align-items: center; justify-content: center; height:24px; width:24px;}
.levelBox { align-items: center; }

.levelBox > ul:first-child {background: url(../../assets/img/egg/lv_bar.png) center left no-repeat; background-size:cover; width:100%; height:28px; padding:0 5px 0 30px;
    display: flex; align-items: center; position: relative;}
.levelBox > ul:nth-child(2) {width:80px; background: rgba(0, 0, 0, .3); text-align: right; border-radius: 30px; padding:7px 10px; color: #FFF;}
.ui-widget.ui-widget-content {border-radius: 3px; height:12px; width:100%; border: 0px solid rgba(169,13,77,1); background:rgba(255,255,255,0); }
.ui-widget.ui-widget-content .ui-progressbar-value.ui-corner-left.ui-widget-header {border-radius: 3px; height:10px; width:100%; height:14px; margin-top:-1px;}
.ui-widget.ui-widget-content .ui-progressbar-value.ui-corner-left.ui-widget-header {background: rgb(169,13,77);
    background: linear-gradient(0deg, rgba(169,13,77,1) 0%, rgba(241,77,143,1) 50%, rgba(251,138,183,1) 51%, rgba(255,164,200,1) 100%); border: 1px solid rgba(169,13,77,1); }
.levelBox > ul:first-child span {position: absolute; top:-5px; left:0; height:34px; display: flex;}


.pic-egg {width:100%;}
.btn-daily {    border: none; background:rgba(241,77,143,1); color: #fff; border-radius: 5px; display: flex ; height: 45px; line-height:45px; justify-content: center; font-size: 16px; font-weight: 700; padding-bottom: 6px;}
.egg-guide ul.guide-line {background:rgba(47,135,126,.3); height:1px; width:100%; margin:10px 0;}


.egg_manage_wrap {position: relative; margin-bottom: 10px;;}
.egg_manage_wrap .r-pricebox { position: absolute; top:12%; left: 20%;  color: rgba(255,255,255, 1);  display: flex; align-items: center;  }
.egg_manage_wrap .kong_price { font-weight: bold; font-size: 24px; }
.egg_manage_wrap .r-balancebox { position: absolute; bottom:12%; left: 20%; color: rgba(255,255,255, 1); display: flex; align-items: center;  }
.egg_manage_wrap .kong_balance { font-weight: bold; font-size: 24px; }

.egg_manage_wrap .btn-exchange {position: absolute; top:12%; left:54%; z-index: 5;}
.egg_manage_wrap .btn-b-exchange {position: absolute; bottom:11%; left:54%; z-index: 5;}
.egg-charge {padding:5px 0; flex-direction: column; gap:5px}
.egg-charge, .egg-charge *  { display: flex;}
.egg-charge ul.moneybox { display:grid; grid-template-columns: repeat(4, 1fr); gap:1px; margin-bottom:5px;}
.egg-charge ul.inputbox {position:relative;}
.egg-charge ul.inputbox button {position:absolute; background: none; right:3px; top:-1px; bottom:2px; }
.egg-charge ul.inputbox button img {height:100%; width:auto;}
.egg-charge input {border-radius:5px; background:rgba(0,0,0,.3); border-radius: 30px; border:none; box-shadow: 0 -3px 0 rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.1) inset; width:100%;  height:40px; padding:0px 70px 7px 30px;  display: flex; 
text-align: right; font-weight: bold; font-size: 20px; color: rgba(255,255,255,1); }
.egg-charge ul.moneybox button {position: relative; background: none; }
.egg-charge ul.moneybox button span {position: absolute; color:rgba(255,255,255,1); font-weight:800; text-shadow: 0px 0px 2px rgba(0,0,0,0.3); top:0; right:0; left:0; bottom:0; width:100%; height:100%; display: flex; align-items: center; justify-content: center; padding-bottom:2px;}
.egg-charge ul.moneybox button img {width:100%;}
.egg-charge a.btn-charge img { width:100%; }
.egg-charge h3 {font-weight: 700; font-size: 14px; padding:0 0 4px 7px; color: rgba(13, 79, 82, 1);}

.egg-notice {background: rgba(102,128,131,1); border-radius:35px; padding:10px 15px; box-shadow: 0 5px 6px 1px rgba(0,0,0,.3) inset; display: grid; grid-template-columns: repeat(3,1fr); gap:7px;}
.egg-notice dl { }
.egg-notice dl img {width:100%; }

.egg-list-container {border-radius: 30px; overflow: hidden; margin-top:20px; padding-bottom: 100px;; }
.swiper-container {width:100%;background:rgba(255,255,255,1); border-radius: 0 0 30px 30px;;}
.swiper-slide { background:rgba(255,255,255,1); display: flex; justify-content: center; align-items: flex-start; padding:60px 0 30px 0; }
.swiper-container-horizontal > .swiper-pagination { top: 0; bottom: auto; width:100%; }
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {  margin: 0;}

.swiper-slide .egg_filter_list > ul  { background-color: rgba(255,255,255,1) !important; max-height:400px; display: flex; flex-direction: column; overflow-y: auto !important; }

.active-mark {
    background:rgba(241,241,241,1);
    width: 50%;
    height: 4px;
    position: absolute;
    left: 0;
    top: 52px;
    transition: left 0.2s ease-out;
  }
  
  .swiper-pagination-bullet {box-shadow: 0 -4px 0 rgba(251,251,251,1) inset;
      background:rgba(255,255,255,1);
    border-radius: 0;
    box-sizing: border-box;
    color: rgba(125,125,125,1);
    cursor: pointer;
    font-size:18px; font-weight:bold;
    opacity: 1;
    height: 56px;
    width: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: font-weight 0.22s ease;
  }
  .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active ~ .active-mark {
    left: 0%;
  }
  .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active ~ .active-mark {
    left: 50%;
  }
  
  .swiper-pagination-bullet-active {
    font-weight: bold; color:rgba(0,0,0,1)
  }

.egg_filter_list {width:100%; padding:10px 15px; }
.egg_filter_listst_wrap .egg_list {  display: grid; grid-template-columns: repeat(2,1fr);  } 
.egg_filter_list .egg_list > * {   width:100%; display: flex; align-items: center; justify-content: center;   border-bottom:1px solid rgba(239,239,239,1); padding:15px 0;} 
/* .egg_filter_list >  ul  { max-height: 300px; display: flex; flex-direction: column;  height:500px;
    overflow-y: scroll !important;}  */
 
.egg_filter_list > ul > li { display: flex;  background: rgba(241,241,241,1); border-radius: 10px; padding: 10px; margin-bottom:15px; gap:20px;   } 
.egg_filter > div{ height:60px; width:60px;   }
.egg_filter > div.save_icon {   background:url(../img/egg/rp_a.png) no-repeat; background-size:cover;}
.egg_filter > div.send_icon {   background:url(../img/egg/rp_b.png) no-repeat; background-size:cover;}
.egg_filter ul { width:calc(100% - 80px); }
.egg_filter .egg_history {display: flex; flex-direction: column; position: relative;  }
.egg_filter .egg_history .save {position: absolute; top:calc(50% - 12px); right:10px; font-size:14px;  color:rgba(237,99,134,1); }
.egg_filter .egg_history .save strong {font-weight: bold; font-size:24px; padding-right:3px;}
.egg_filter .egg_history .date { color:rgba(165,165,165,1); font-size:11px; padding-left:3px; }
.egg_filter .egg_history .title { font-size: 16px;  font-weight: bold;  }

.egg_filter_list.charge .egg_filter > div {  margin:-10px 0 -10px -10px; height:80px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size:14px; }
.egg_filter_list.charge .egg_filter > div.charge_icon { background:rgba(168,232,240,.3); color:rgba(29,139,163,1); }
.egg_filter_list.charge .egg_filter > div.charge_icon ~ ul li div:nth-child(2)   { color:rgba(29,139,163,1); }
.egg_filter_list.charge .egg_filter > div.exchange_icon { background:rgba(255,137,168,.3); color:rgba(243,88,153,1);}
.egg_filter_list.charge .egg_filter > div.exchange_icon ~ ul li div:nth-child(2)   { color:rgba(243,88,153,1); }
.egg_filter .egg_history .charge_txt {position: absolute; top:-3px; right:5px; font-size:12px;  color:rgba(115,115,115,1); text-align: right; }
.egg_filter .egg_history .charge_txt strong {font-weight: 800;   padding-right:3px;}
.egg_filter .egg_history .charge_txt .total { font-size: 17px; color:rgba(33,33,33,1);}

.egg_filter_list .egg_page_nav { display: flex; justify-content: center; align-items: center; gap:10px; margin-top:50px;}
.egg_filter_list .egg_page_nav ul {width:12px; height:12px; border-radius: 50%; background: rgba(215,215,215,1);}
.egg_filter_list .egg_page_nav ul.active { background: rgba(145,145,145,1);}


.egg-prizebox {padding:20px 15px; padding-bottom:100px; margin-top:10px;}
.egg-prizebox ul {display: flex ; background: rgba(255,255,255,1); border-radius:15px; padding: 10px; margin-bottom: 15px; gap: 10px; overflow: hidden; color:rgba(115,115,115,1)}


.egg-prizebox .pd-pic { height:100px; width:auto;}
.egg-prizebox .pd-pic img { height:100%;}
.egg-prizebox ul li.btnwrap { display: flex; flex-direction: column; justify-content: space-between; gap:1px; }

.egg-prizebox ul li.btnwrap a img {height:100%; width:auto;  }
.egg-prizebox ul li:nth-child(2)  { width:100%;}
.egg-prizebox ul li .date {font-size:11px;}
.egg-prizebox ul li .title { font-size:16px; font-weight:bold; color: rgba(30,153,154,1);}

.egg-prizebox ul.deal-after {opacity:.2;}


.egg-title { display: flex; justify-content: space-between;  justify-content: space-between;}
.egg-title .agg-input { position: relative; background:url(../img/egg/bg_input.png) no-repeat; width:174px; height:41px; }
.egg-title .agg-input img { position: absolute; width:auto; }
.egg-title .agg-input img.pic1 { top:0px; left:8px; height:38px;}
.egg-title .agg-input img.pic2 { top:8px; right:12px;  height:23px;}
.egg-title .agg-input .balance-area { border: none;background: none; display: flex; align-items: center; justify-content: flex-end; padding:0px 45px 3px 20px; color: #fff; font-weight: 900; font-size: 18px; width:100%; text-align: right;
    text-shadow: 0 0 9px rgba(255,255,86,0.7) ; display: flex; align-items: center; height:100%;}




#wrap {height:100vh;}
.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 300ms ease-in;
	-moz-transition: opacity 300ms ease-in;
	transition: opacity 300ms ease-in;
	pointer-events: none;
    display: flex; justify-content: center;
}

.modalDialog:target { opacity:1; pointer-events: auto; color:rgba(255,255,255,1)}
.modalDialog > div { max-width:500px; width:100%; position: relative;  }
.modalDialog > div .modal-bg {  width:100%; max-width:480px; margin: 0 auto; height:700px; background: url(/assets/img/egg/bg_pup.png) center top no-repeat; background-size: 100%;  }
.modalDialog > div .modal-bg.bg-long {  height:1000px; background: url(/assets/img/egg/bg_pup_long1.png) center top no-repeat; background-size: 100%;  }
.modalDialog > div * {display: flex;}
.modalDialog > div .modal-bg > div { width:66%; flex-direction: column; position: relative; margin:0 auto; gap:4px; align-items: center;}
.modalDialog > div .modal-bg div > * {align-items: center;}
.modalDialog > div .modal-bg div h2 { justify-content: center; padding-top:38%;  margin-bottom:5px; width:80%; }
.modalDialog > div .modal-bg div h2  img {width:100%;}
.modalDialog .close { padding: 0;  position: absolute; top:60px;; right:-15%; text-align: center;  width: 50px; }
.modalDialog .close img { width:100%; }
.modalDialog > div .modal-bg div ul { justify-content: center; width:100%;}
.modalDialog > div .modal-bg div ul.bankbox { flex-direction: column; gap:4px;}
.modalDialog > div .modal-bg div ul.bankbox input { text-align: left;}
.modalDialog > div .modal-bg div ul.bankbox input::placeholder { color: rgba(34, 84, 87, 1);}
.modalDialog > div .modal-bg div ul img {width:60%;}
.modalDialog > div .modal-bg div input {background:rgba(255,255,255,1); width:100%; border-radius: 7px; border: 2px solid rgba(148,197,196,1); height:40px; padding:0 15px; line-height:45px; font-size:18px; font-weight:800; text-align: right; align-items: center;}
.modalDialog > div .modal-bg div button { margin-top:20px; height:50px; width:100%;  background: none;}
.modalDialog > div .modal-bg div button img{width:100%;}
.modalDialog > div .modal-bg div ul.formBox {justify-content: space-between; gap:5px; margin-top:5px;}
.modalDialog > div .modal-bg div ul.formBox button {background:rgba(133,205,203,1); border-radius:7px; height:40px; margin: 0; justify-content: center; align-items: center; width:80px; color:rgba(255,255,255,1); font-size:12px;}

.modalDialog > div .modal-bg figure * {display: flex; }
.modalDialog > div .modal-bg figure {background:rgba(255,255,255,1); border-radius:7px; display: flex; align-items: center; justify-content: space-between; gap:7px; width:100%; padding:10px;}
.modalDialog > div .modal-bg figure label {  color: rgba(58,117,115,1); font-weight:bold;  }
.modalDialog > div .modal-bg figure h3 {  font-size:16px; font-weight:800; color: rgba(34,84,87,1); padding-bottom:5px;  }
.modalDialog > div .modal-bg  div > label {color: rgba(34,84,87,1); width:100%; text-align: left; padding:5px 0 0 10px; font-weight:700;}

.modalDialog .modalbox ul.chargeInfo {background:rgba(120,208,205,.5); border-radius:15px; width:100%;    padding:0 10px 10px 10px; text-align: center; font-size:14px; font-weight:bold; 
display: flex; flex-direction: column; margin-bottom:5px;}
.modalDialog .modalbox ul.chargeInfo li {border-bottom: 1px solid rgba(255,255,255,.3); font-weight:500; display: flex;    flex-direction: column; width:100%; color: rgba(27,120,128,1); }
.modalDialog .modalbox ul.chargeInfo li:last-child {border-bottom: none;}
.modalDialog .modalbox ul.chargeInfo li h3 {font-size:16px; font-weight:600; color: rgba(36,174,156,1); margin-bottom:4px;}
.modalDialog .modalbox ul.chargeInfo li h5 {font-size:14px; font-weight:700;  align-items: center; gap:7px;}
.modalDialog .modalbox ul.chargeInfo li h5 .icon-copy { height:15px; width:auto;  }
.modalDialog .modalbox ul.chargeInfo input {height:24px; padding:0 15px;}

.modalDialog .modalbox div.balanceBox {background:rgba(120,208,205,.3); border-radius:15px; padding:10px; display: flex; flex-direction: column; width:100%;  }
.modalDialog .modalbox div.balanceBox li  { width:100%; gap:10px; color: rgba(34, 84, 87, 1);  }
.modalDialog .modalbox div.payBox {background:rgba(120,208,205,.6); border-radius:15px; padding:10px; display: flex; flex-direction: column; width:100%; color: rgba(15,155,164, 1);  }
.modalDialog .modalbox div.payBox li  { width:100%; justify-content: space-between;}
.modalDialog .modalbox div.payBox dl  { width:100%; justify-content: flex-end; gap:10px; border-top:1px solid rgba(36,174,156,.4); padding-top: 4px; margin-top:4px;}
.modalDialog .modalbox div.payBox dl strong  { font-size:14px; font-weight:700; color: rgba(15,155,164, 1); }
.modalDialog .modalbox dd  { gap:10px; margin: 10px 5px;;}
.modalDialog .modalbox dd label  { white-space: nowrap; color: rgba(15,155,164, 1);  }

.modalDialog .modalbox ul p input.input-egg { background: none; border: none; padding:0; text-align: center;  }
.modalDialog .modalbox ul li { padding-top: 5px; display: flex; flex-direction: column; align-items: center; color: rgba(34,84,87,1);}
.modalDialog .modalbox ul li strong { font-weight: 600;  }
.modalDialog .modalbox ul li h4 { font-size:13px; font-weight: 400; }
.modalDialog > div .modal-bg div form  {  width:100%; justify-content: flex-end; flex-direction: row;}
.modalDialog > div .modal-bg div  .form-group { justify-content: flex-end; }
.form-group {
    display: block;
    margin-bottom: 15px;
  }
  
  .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  .form-group label {
    position: relative;
    cursor: pointer;
  }
  
  .form-group label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid rgba(148,197,196,1);
    background:rgba(255,255,255,1);
    border-radius: 5px;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
  }
  
  .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 18px;
    width: 8px;
    height: 18px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }


.egg-wrap {height:100%; padding-bottom:50px;}
.egg-guide {background:rgba(229,249,247,1); border-radius: 15px; padding:35px; margin-top:20px; clear: both; display:flex; flex-direction: column;  gap:30px; } 
.egg-guide p {padding-bottom:10px; font-size:16px; font-weight: 600; color: rgba(21,141,111, 1); letter-spacing: -1;;}
.egg-guide img {width:100%;}
.egg-guide figure { display: grid; grid-template-columns: repeat(1, 4fr); gap:15px 15px;}
.icon-c-blue {background:rgba(103,132,206,1); border-radius:50px; color: #FFF; font-size:12px; font-weight: 700; width:21px; height:21px; display:inline-flex;  padding:0 0 4px 7px;}
.icon-c-pink {background:rgba(255,92,134,1); border-radius:50px; color: #FFF; font-size:12px; font-weight: 700; width:21px; height:21px; display:inline-flex;  padding:0 0 4px 7px;}


.yakwan1 {padding: 50px 15px 100px 15px; height:100%; overflow-y: auto;}
.agBox-head {background: rgba(0,0,0,.2); height:50px; padding:0 10px; display: flex; align-items: center; margin:0 -15px 15px -15px; color:rgba(255,255,255,1); font-weight:800; font-size:18px;}
.agBox_contents .innerBox {display: flex; flex-direction: column; gap:5px;}
.agBox_contents .agBox-line.headline {font-weight:700;}
.agBox_contents .agBox-line {}
.pv-img img {width:100%;}

@media screen and (min-width: 500px){
    .egg-prizebox ul li.btnwrap a {height:32px;  }
}
@media screen and (max-width: 499px){
    .modalDialog .modalbox ul.chargeInfo li:first-child { flex-direction: row; justify-content: center; align-items: center; gap:10px;}
    .modalDialog > div .modal-bg div input,.modalDialog > div .modal-bg div ul.formBox button {height:34px;}
}