/* common */
.offscreen { overflow: hidden; white-space: nowrap; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0; } 

.only-pc { display: inherit !important; } 
.only-m { display: none !important; } 

.txt-bold { font-weight: 600; } 

.inblock { display: inline-block !important; } 
.block { display: block !important; } 
.m-block { display: none !important; } 
.pc-block { display: block !important; } 

 ul, ol { list-style: none; padding-left: 0; } 

.evt-wrap { width: 100%; max-width: 120rem; margin: 0 auto; padding: 0; background-color: #fff; font-size: 18px; } 
.evt-wrap a { color: #fff; } 

.evt-skyshop__essential__box { text-align: left; position: relative; background: #333333; padding: 6rem 10.3rem; margin-top: -0.1rem; } 
.evt-skyshop__essential__tit { margin-right: 3rem; font-weight: bold; font-size: 1.6rem; color: #fff; margin-bottom: 1rem; } 
.evt-skyshop__cautions.-circle .evt-skyshop__caution { word-break: break-all; line-height: 1.8; font-weight: 300; } 
.evt-skyshop__cautions.-circle .evt-skyshop__caution:before { position: absolute; margin-left: -1rem; top: 1.2rem; width: 0.2rem; height: 0.2rem; border-radius: 100%; content: ''; background: #fff; } 
.evt-skyshop__caution { position: relative; padding-left: 0.8rem; line-height: 2; } 
.evt-skyshop__cautions { display: inline-block; font-size: 1.4rem;color: #fff; margin: 0 0 2rem; } 
.evt-skyshop__cautions li { margin-top: 0; } 
.evt-skyshop__essential__box a { color: #fff; } 

.evt-skyshop__cautions_in { word-break: break-all; line-height: 1.8; font-weight: 300; } 
.evt-skyshop__cautions_in .evt-skyshop__caution_in:before { position: absolute; margin-left: -1rem; width: 0.2rem; height: 0.2rem; content: '-'; } 
.evt-skyshop__caution_in { position: relative; padding-left: 0.8rem; line-height: 2; } 
/* common */

.evt-section-wraps { background-color: #fff; margin: 0 auto; padding: 2rem 8.3rem; } 

.evt-title-wrap { color: #051766; text-align: center; margin-bottom: 2rem; font-size: 3.6rem; font-weight: 400;} 
.evt-title-wrap span {display: block;}
.evt-title {font-size: 1.8rem; margin-bottom: 2rem; font-weight: 600;} 
.evt-section .period {margin: 0 auto 4rem; text-align: center; color: #5e5e5e;}

.changeblock-wrap { display: flex; justify-content: space-between; } 
.changeblock { display: inline-block; text-align: center; background-color: #f0f0f0; padding: 3rem 2.8rem 3.6rem; width: 32%; border-radius: 1rem; } 

.coupon-img { background-color: #fff; padding: 20% 5%; border-radius: 1rem; } 
.coupon-value { margin: 2rem 0; font-weight: bold; } 

.mil-wrap { display: flex; justify-content: space-around; } 

.percent-img { display: inline-block; width: 6rem; vertical-align: middle; } 

.mil-box { display: inline-block; width: fit-content; vertical-align: middle; } 
.mil-box p:last-child { font-weight: bold; } 


.btn-wrap {display: flex; flex-direction: column; row-gap: 2rem; justify-content: center; align-items: center; text-align: center; margin: 5rem auto 0; width: 100%;}
.btn-wrap .evtbtn {display: block; text-align: center; background: #fff; border-radius: 5rem; border: 2px solid #051766; font-size: 1.8rem; color: #051766; font-weight: 400;  padding: 1.2rem 0; min-width: 36rem; line-height: 2.3rem;}
.btn-wrap .evtbtn.-subbtn {background: #57BBEB; border: 0; line-height: 1.5;}

.discounted { text-decoration: line-through; color: #797979; } 

@media screen and (max-width: 1059px) { 
 /* common */
 .only-pc { display: none !important; } 
 .only-m { display: inherit !important; } 
 .m-block { display: block !important; } 
 .pc-block { display: none !important; } 

 img { vertical-align: top; width: 100%; } 

 .evt-section-wraps { padding: 2rem; } 
 .evt-skyshop__essential__tit { font-size: 1.6rem; } 
 .evt-skyshop__essential__box { padding: 3rem 2rem; margin-bottom: 0; } 
 .evt-skyshop__cautions { font-size: 1.4rem; } 
 .evt-skyshop__cautions.-circle .evt-skyshop__caution { line-height: 1.5; margin-bottom: 0.3rem; } 
 .evt-skyshop__cautions.-circle { display: block; margin-left: 0.6rem; } 
 /* common */

 .evt-section-wraps { font-size: 1.6rem; } 
 .evt-section { position: relative; } 

 .evt-title-wrap {font-size: 2.4rem; margin-bottom: 0rem;}
 .evt-title { padding: 0; font-size: 1.6rem; margin-bottom: 0.5rem;} 
 .evt-section .period {margin-bottom: 2rem;}

 .changeblock { display: block; width: 100%; margin: 0 auto 1.5rem; padding: 3.4rem 2.9rem 2.4rem; } 
 .changeblock-wrap { display: block; } 
 .changeblock:last-child { margin-bottom: 0; } 

 .coupon-img { margin: 0 auto; padding: 4.3rem 5.2rem 4.3rem 5rem;} 
 .coupon-img img { max-width: 19.7rem; }
 .coupon-value { margin: 4rem 0; } 

 .mil-wrap { justify-content: center; gap:5rem } 

 .percent-img { width: 8rem; margin-top: -2rem; } 
 
 .btn-wrap {margin: 4rem auto 0;}
 .btn-wrap .evtbtn {min-width: auto; width: 100%; font-size: 1.6rem; line-height: 2rem;}
 } 
 
@media screen and (max-width: 599px) { 
 
 .coupon-value { margin: 2rem 0; } 
 
 .mil-wrap { gap:2.5rem } 
 
 .percent-img { width: 6rem; margin-top: -0.5rem; } 
 
 .evt-section-wraps { padding: 2rem 2rem; } 
 }