@charset "UTF-8";

/* setting */
footer *,
.footer_con * { font-size:0.75rem; line-height:1.0; } /* 1.0rem = 16px / 0.75rem = 12px */

/* footer */
footer { position:absolute; left:0px; bottom:0px; background:#EFEFEF; width:100%; z-index: 101; }
footer .footer_area,
footer .footer_area dl { display:flex; align-items:center; justify-content:center; gap:0.35rem; }
footer .footer_area { gap:0.35rem; padding:0.65rem 0 0.55rem; }
footer .footer_area > img { margin-top:-0.2rem; padding-left:0px; width:65px; }
  footer .footer_area > img + a:before { display:none; }
footer .footer_area > * { position:relative; padding-left:0.4rem; color:#999; font-weight:bold; }
footer .footer_area .contact_area { display: flex; align-items: center; }
footer .footer_area > *:before { content:""; position:absolute; left:0px; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:12px; background:#999; }
footer .footer_area .btn_contact { position:relative; padding:0.25rem 0.95rem 0.15rem 0.25rem; font-size:0.7rem; border:1px solid #999; border-radius:30px;background:url('../../_images/footer/btn_contect.svg') 85% no-repeat; background-size:0.28rem auto; }
footer .footer_area .btn_footer { display:inline-block; vertical-align:top; border: none; }
  footer .footer_area .btn_footer img { display:inline-block; vertical-align:middle; }
footer .footer_area .btn_footer.on { transform:rotate(180deg); transition:transform .3s; }

.footer_con { width:100%; height: 0; display: flex; overflow: hidden; background:#FF6371; color:#eee; font-weight:400; transition: height 0.5s ease-in; }
.footer_con.on { height: 9.4rem; }
.footer_con .footer_inner { display: flex; justify-content: space-between; overflow:hidden; position:relative; margin:0 auto; width:56rem; padding:1.5rem 0; }
.footer_con .footer_inner ul { display:flex; align-items:center; justify-content:left; flex-wrap:wrap; margin:-0.45rem 0 0 -0.9rem;; width:32rem; }
  .footer_con .footer_inner ul strong { margin-right:0.4rem; font-weight:bold; }
.footer_con .footer_inner ul > li { position:relative; padding-left:0.45rem; margin:0.45rem 0 0 0.45rem; }
.footer_con .footer_inner ul > li:before { content:""; position:absolute; left:0px; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:9px; background:#ddd; }
.footer_con .footer_inner ul > li a { color:#FFFA7A; }
.footer_con .footer_inner .copy { margin-top:1.3rem;}

.footer_con .sns_group a { position:relative; display:inline-block; margin-left:0.35rem; width:2.5rem; height:2.5rem; border:1px solid rgba(255, 255, 255, 0.4); border-radius:100%; box-sizing:border-box; }
.footer_con .sns_group a img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:1.3rem; }
.footer_con .sns_group a:last-child img { width:7px; }


/* popup */
.bg_layer {  position:fixed; top:0px; left:0px; width:100%; height:100%; background:#5A371E; opacity:0.8; z-index: 100; }
.pop_wrap { display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); padding:1.9rem; max-width:30rem; background-color:#fff; border-radius:25px; border:2px solid #5A371E; border:2px solid #5A371E; z-index: 102; }
.pop_wrap * { line-height:1.0; }
.pop_wrap .pop_close { position:absolute; top:-15px; right:-15px; }

.pop_wrap .btn_close { text-align:center; margin:1.3rem 0 0; padding-top:1.3rem; border-top:1px dashed #ddd; }
.pop_wrap .btn_close a { display:inline-block; width:100%; height:3.5rem; line-height:3.3rem; font-size:1.3rem; background:#5a371d url('../../_images/footer/btn_point.png') 7px 7px no-repeat; box-shadow:0 0.01rem #5A371E, inset 0 0 0 2px #785C48; border-radius:30px; color:#fff; font-weight:bold; border:2px solid #5A371E; box-sizing:border-box; }

.rules_con { overflow-y:auto; height:22.5rem; padding-right: 1.4rem; }
.rules_con::-webkit-scrollbar { width: 0.6rem; }
.rules_con::-webkit-scrollbar-track { background-color: transparent; }
.rules_con::-webkit-scrollbar-thumb { background-color: #D9D9D9; height: 14.5rem; border-radius: 4rem; }

.miraen_rules h1 { display:block; text-align:center; margin-bottom:1.5rem; font-size:1.9rem; font-weight:800; color:#5A371E; } 
.miraen_rules * { font-size:1.0rem; color:#5A371E; }
.miraen_rules h2 { margin:1.3rem 0 0.6rem; font-size:1.15rem; font-weight:bold; }
    .rules_con > p:first-child { margin-top:0.6rem; }
.miraen_rules li,
.miraen_rules p { line-height:1.5; }
.miraen_rules ol li ol { padding-left: 1rem; }

.miraen_rules table { margin:.448rem 0; width:100%; }
.miraen_rules table th,
.miraen_rules table td { word-break:keep-all; }
.miraen_rules table th { padding:1.3rem; text-align:center; border:1px solid #fff; background:#ddd; vertical-align:middle; }
.miraen_rules table td { padding:1.3rem; border:1px solid #ddd; vertical-align:middle; }
.miraen_rules table tbody td { text-align:center; }