@charset "utf-8";

/*메인 페이지*/

main .movie-section{width: 100%;height: 1019rem;position: relative;overflow: hidden;}
main .movie-section iframe{    pointer-events: none;object-fit: cover;width: calc(100% + 110rem);height: calc(100% + 120rem);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
main .main-section{padding-top: 48rem;}
main .main-section h2{font-weight: 600;font-size: 52rem;line-height: 1.28846154;color: #01461A;text-align: center;}
main .main-section p{font-weight: 400;font-size: 20rem;line-height: 2;text-align: center;color: var(--color01);margin-top: 13rem;}
main .main-section .info-box{display: flex;justify-content: space-between;margin-top: 45rem;}
main .main-section .info-box .info-item {padding:45rem 40rem;width: calc((100% - 32rem) / 3);background: var(--color06);border: 1px solid var(--color04);}
main .main-section .info-box .info-item h3{font-weight: 500;font-size: 23rem;line-height: 1;color: var(--color01);margin-top: 20rem;}
main .main-section .info-box .info-item p{font-weight: 400;font-size: 14rem;line-height: 1.64;color: var(--color01);margin-top: 20rem;text-align: left}
main .map-section{width: 100%;padding-top: 45rem;padding-bottom: 87rem;}
main .map-section #map {width: 100%;height: 480rem;}

.title-box{display:block;padding-top:71rem;}
.title-box h1{display:block;width: 100%;height: 61rem;background-image: url("../_Img/title-bg.png");background-repeat: no-repeat;background-size:483rem 100%;background-position: right bottom;border-bottom: 4rem solid var(--logo-color);font-weight: 600;font-size: 38rem;line-height: 1;color: var(--logo-color);}

.content-box{padding:57rem 0 87rem;}
.content-box .row-box{display: flex;width: 100%;justify-content:space-between;margin: 0 auto;}
.content-box .row-box.w-1125{max-width: 1125rem;}
.content-box .row-box.col-2 .item-box{width: calc((100% - 35rem) / 2);}
.content-box .row-box .item-box .img-box img{width: 100%;display: block;}
.content-box .row-box .list-box{display: flex;width: 100%;justify-content: space-between;}
.content-box .row-box .list-box.col-4 .list-item{width: calc((100% - 105rem) / 4);}


.section01{}
.section01 .row-box:nth-of-type(1) {border-bottom: 1px solid var(--color03);}
.section01 .row-box:nth-of-type(1) .item-box:nth-of-type(1){display: flex;align-items: center;}
.section01 .row-box:nth-of-type(1) .text-box{font-weight: 400;font-size: 52rem;line-height: 1.48;color: var(--color01);}
.section01 .row-box:nth-of-type(1) .text-box em{font-weight: 700;}
.section01 .row-box:nth-of-type(1) .text-box .color1{color: var(--logo-color);}

.section01 .row-box:nth-of-type(2){margin-top: 135rem;}
.section01 .row-box:nth-of-type(2) .top-box{border: 1px solid rgba(123, 123, 123, 0.2);display: flex;justify-content: center;align-items: center;}
.section01 .row-box:nth-of-type(2) .bottom-box{display: flex;}
.section01 .row-box:nth-of-type(2) .logo-size{width: 489rem;height: 367rem;}
.section01 .row-box:nth-of-type(2) .bottom-box{border: 1px solid rgba(123, 123, 123, 0.2);border-top: 0;}
.section01 .row-box:nth-of-type(2) .bottom-box .logo-image{width: 50%;height:152rem;display: flex;justify-content: center;align-items: center;}
.section01 .row-box:nth-of-type(2) .bottom-box .logo-image:nth-of-type(1){border-right: 1px solid rgba(123, 123, 123, 0.2);}
.section01 .row-box:nth-of-type(2) .bottom-box .logo-image:nth-of-type(1) img{width: 124rem;height: 100rem;}
.section01 .row-box:nth-of-type(2) .bottom-box .logo-image:nth-of-type(2) img{width: 179rem;height: 26rem;}

.section01 .row-box:nth-of-type(2) .logo-info h2 {font-weight: 600;font-size: 52rem;line-height: 1.28846154;color: var(--logo-color);}
.section01 .row-box:nth-of-type(2) .logo-info p {font-weight: 400;font-size: 16rem;line-height: 1.88;color: var(--color01);margin-top: 35rem;}

.section01 .row-box:nth-of-type(2) .logo-color{margin-top: 88rem;}
.section01 .row-box:nth-of-type(2) .logo-color h2 {display:flex;align-items:center;font-weight: 700;font-size: 32rem;line-height: 1.4375;color: var(--logo-color);}
.section01 .row-box:nth-of-type(2) .logo-color h2:before{content:'';display:inline-block;width: 47rem;height: 47rem;border-radius: 100%;background-color: var(--logo-color);margin-right: 23rem;}
.section01 .row-box:nth-of-type(2) .logo-color h2:after {content:'#01461A';display:inline-block;font-weight: 400;font-size: 38rem;line-height: 1.28947368;color: var(--logo-color);margin-left: 8rem;}
.section01 .row-box:nth-of-type(2) .logo-color p {font-weight: 400;font-size: 16rem;line-height: 1.88;color: var(--color01);margin-top: 35rem;}

.section01 .row-box:nth-of-type(3){margin-top: 110rem;}
.section01 .row-box:nth-of-type(3) .list-box .list-item{height: 390rem;overflow: hidden;}
.section01 .row-box:nth-of-type(3) .list-box .list-item img{object-fit:cover;width: 100%;height:100%;display: block;}

/*info 스타일*/
main.info .content-box{display: flex;justify-content: space-between;}
main.info .content-box aside{width: 297rem;}

.side-menu .side-list{height: 0;overflow: hidden;transition-duration: .3s;transition-property: height;}
.side-menu .side-item{display: flex;width: 100%;height: 37rem;align-items: center;padding:0 8rem;background: var(--color06);border-bottom: 1px solid var(--logo-color);font-weight: 400;font-size: 14rem;line-height: 1.28571429;color: var(--color01);position: relative;}
.side-menu .side-item > a{color: var(--color01);width: 100%;height: 100%;display: flex;align-items: center;}
.side-menu .side-item.active{background: #E8E8E8;font-weight: 500;}
.side-menu .side-item.active::after{content:'';width: 8rem;height: 8rem;border-radius: 100%;right: 8rem;top:50%;transform: translateY(-50%);position: absolute;background-color: var(--color01);}
.side-menu .label{width:100%;height: 37rem;text-align:left;padding:0 8rem;background: var(--color06);font-weight: 700;font-size: 14rem;line-height: 1.42857143;color: var(--logo-color);position: relative;border-bottom: 2px solid var(--logo-color);transition-duration: .3s;transition-property: background-color,color;}
.side-menu .label::after{content:'';display:block;background-image:url("../_Img/icons/icon-down-arrow.svg");width: 10rem;height:8rem;position: absolute;right: 8rem;top:50%;transform: translateY(-50%);transition-duration: .3s;transition-property: transform;}
.side-menu.open .label{background-color: var(--logo-color);color: var(--color06);}
.side-menu.open .label::after{background-image:url("../_Img/icons/icon-w-arrow.svg");transform: rotate(180deg);}

main.info .content-box .content{width: calc(100% - 332rem);}
main.info .content-box .content h2{font-weight: 700;font-size: 32rem;line-height: 1;color: var(--logo-color);}
main.info .content-box .content p{font-weight: 400;font-size: 12rem;line-height: 1.41666667;color: var(--color01);margin-top: 16rem;}
main.info .content-box .content .floor {font-weight: 600;font-size: 67rem;line-height: 1;color: var(--logo-color);margin-top: 31rem;}
main.info .content-box .content .info-text {font-weight: 400;font-size: 16rem;line-height: 1.4375;color: var(--color01);margin-top: 5rem;}
main.info .content-box .content .img-box {margin-top: 12rem;width: 100%;height: 580rem;overflow: hidden;border-radius: 10rem;}
main.info .content-box .content .img-box.noimg{background-image: url("../_Img/default/info-noimg.svg");background-position: center;background-repeat: no-repeat;background-size: 233rem 110rem;background-color: #F6F6F6;}
main.info .content-box .content .img-box img{display: block;object-fit: cover;max-width: 100%;max-height: 100%;}

main.info .content-box .content .list-box{display: flex;justify-content:flex-start;margin-top: 35rem;flex-wrap: wrap;}
main.info .content-box .content .list-box .list-item{width: calc((100% - 140rem) /5);height: 200rem;background-color: var(--color05);margin-left: 35rem;background-image: url("../_Img/default/preparing.svg");background-repeat: no-repeat;background-position: center;background-size: 73rem 100rem;}
main.info .content-box .content .list-box .list-item:nth-of-type(n+6){margin-top: 35rem;}
main.info .content-box .content .list-box .list-item:nth-of-type(1){margin-left: 0;}
main.info .content-box .content .list-box .list-item:nth-of-type(6n){margin-left: 0;}

main.store .floor-title{width: 220rem;font-weight: 600;font-size: 28rem;line-height: 1;text-align: right;color: var(--logo-color);margin-right: 7rem;padding-top: 20rem;}


/*info 스타일*/
main.event .content-box{display: flex;justify-content: space-between;}
main.event .content-box aside{width: 197rem;}
main.event .content-box aside .floor-item{display: flex;width: 100%;height: 37rem;align-items: center;padding:0 8rem;background: var(--color06);border-bottom: 1px solid var(--logo-color);font-weight: 400;font-size: 14rem;line-height: 1.28571429;position: relative;}
main.event .content-box aside .floor-item a{color: var(--color01);width: 100%;height: 100%;display: flex;justify-content: flex-start;align-items: center;}
main.event .content-box aside .floor-item.active{background: #E8E8E8;font-weight: 500;}
main.event .content-box aside .floor-item.active::after{content:'';width: 8rem;height: 8rem;border-radius: 100%;right: 8rem;top:50%;transform: translateY(-50%);position: absolute;background-color: var(--color01);}
main.event .content-box aside .floor-item.t-box{background: #01461A;font-weight: 700;font-size: 14rem;line-height: 1.42857143;color: var(--color06);}
main.event .content-box aside .floor-item.t-box::after{content:'';display:block;background-image:url("../_Img/icons/icon-w-arrow.svg");width: 10rem;height:8rem;position: absolute;right: 8rem;top:50%;transform: translateY(-50%);}

main.event .content-box .content{width: calc(100% - 232rem);}
main.event .content-box .content h2{font-weight: 700;font-size: 32rem;line-height: 1;color: var(--logo-color);}
main.event .content-box .content p{font-weight: 400;font-size: 12rem;line-height: 1.41666667;color: var(--color01);margin-top: 16rem;}

/*리스트 스타일*/
.list-box.list-style1 {width: 100%;max-width:1125px;margin: 0 auto;}
.list-box.list-style1 .list-item{width: 100%;display: flex;justify-content:space-between;padding:94rem 0;border-bottom: 1px solid rgba(123, 123, 123, 0.2);}
.list-box.list-style1 .list-item .text-box h2{font-weight: 600;font-size: 44rem;line-height: 1;color: var(--logo-color);}
.list-box.list-style1 .list-item .text-box p{font-weight: 400;font-size: 16rem;line-height: 1.4375;color: var(--color01);margin-top: 19rem;}
.list-box.list-style1 .list-item .text-box ul{margin-top: 27rem;}
.list-box.list-style1 .list-item .text-box ul li{display: flex;margin-top: 17rem;}
.list-box.list-style1 .list-item .text-box ul li:first-of-type{margin-top:0rem;}
.list-box.list-style1 .list-item .text-box ul li .t-box{width: 70rem;font-weight: 700;font-size: 12rem;line-height: 1.41666667;color: var(--color01);}
.list-box.list-style1 .list-item .text-box ul li .v-box{font-weight: 400;font-size: 12rem;line-height: 1.41666667;color: var(--color01);}
.list-box.list-style1 .list-item .text-box .button-box{margin-top: 27rem;}
.list-box.list-style1 .list-item .text-box .button-box .button {display: flex;justify-content: center;align-items: center;width: 360rem;height: 48rem;background: var(--logo-color);border-radius: 4rem;font-weight: 700;font-size: 16rem;line-height: 1.4375;color: var(--color06);}
.list-box.list-style1 .list-item .img-box{width: 545rem;height: 240rem;background: var(--color05);border-radius: 10rem;overflow: hidden;background-image: url("../_Img/default/list1-preparing.svg");background-repeat: no-repeat;background-position: center;background-size: 233rem 106rem;}
.list-box.list-style1 .list-item .img-box img{width: 100%;height: 100%;object-fit: cover;}
.list-box.list-style1 .list-item .img-box.futsal {background-image: url("../_Img/default/play-futsal.jpg");background-size:cover}
.list-box.list-style1 .list-item:nth-of-type(2n) .text-box{order: 2}
.list-box.list-style1 .list-item:nth-of-type(2n) .img-box{order: 1}

.content-box .row-box{margin-top: 26rem;}
.content-box .row-box:first-of-type{margin-top: 0;}
.content-box .row-box .list-box.list-style2 {width: 100%;flex-wrap: wrap;justify-content: flex-start;}
.content-box .row-box .list-box.list-style2 .list-item {cursor:pointer;width: 216rem;height: 216rem;background: var(--color05);border-radius: 10rem;overflow: hidden;background-image: url("../_Img/default/list2-preparing.svg");background-repeat: no-repeat;background-position: center;background-size: cover;margin-left: 16rem;margin-top: 20rem;position: relative;}
.content-box .row-box .list-box.list-style2 .list-item img{width: 100%;height: 100%;object-fit: cover;transition-duration: .3s;}
.content-box .row-box .list-box.list-style2 .list-item h2{font-weight: 500;font-size: 26rem;line-height: 1.46153846em;text-align: center;letter-spacing: 0.15em;color: var(--color06);position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);z-index:2;}
.content-box .row-box .list-box.list-style2 .list-item::before{content:'';width: 100%;height: 100%;position: absolute;left: 0;top:0;opacity: 0;transition-duration: 0.3s;transition-property: opacity;    z-index: 1;}
.content-box .row-box .list-box.list-style2 .list-item:hover img{transform: scale(1.2);}
.content-box .row-box .list-box.list-style2 .list-item:hover::before{opacity: 1;}

/*hover 컬러 설정*/
.content-box .row-box .list-box.list-style2 .list-item.hover-color1::before {background-color: var(--logo-color);}
.content-box .row-box .list-box.list-style2 .list-item.hover-color2::before {background-color: var(--color08)}
.content-box .row-box .list-box.list-style2 .list-item.hover-color3::before {background-color: var(--logo-color);}
.content-box .row-box .list-box.list-style2 .list-item.hover-color4::before {background-color: var(--logo-color);}
.content-box .row-box .list-box.list-style2 .list-item.hover-color5::before {background-color: var(--logo-color);}
.content-box .row-box .list-box.list-style2 .list-item.hover-color6::before {background-color: var(--logo-color);}
.content-box .row-box .list-box.list-style2 .list-item.hover-color7::before {background-color: var(--logo-color);}


.list-box.list-style3 {width: 100%;max-width:1125px;margin: 0 auto;}
.list-box.list-style3 .list-item{width: 100%;display: flex;justify-content:flex-start;padding:94rem 0;border-bottom: 1px solid rgba(123, 123, 123, 0.2);}
.list-box.list-style3 .list-item .text-box {display: flex;justify-content: center;flex-direction: column;}
.list-box.list-style3 .list-item .text-box h2{font-weight: 700;font-size: 20rem;line-height: 1.5;color: var(--color01);}
.list-box.list-style3 .list-item .text-box ul{margin-top: 27rem;}
.list-box.list-style3 .list-item .text-box ul li{display: flex;margin-top: 17rem;}
.list-box.list-style3 .list-item .text-box ul li:first-of-type{margin-top:0rem;}
.list-box.list-style3 .list-item .text-box ul li .t-box{width: 50rem;font-weight: 700;font-size: 12rem;line-height: 1.41666667;color: var(--color01);}
.list-box.list-style3 .list-item .text-box ul li .v-box{font-weight: 400;font-size: 12rem;line-height: 1.41666667;color: var(--color01);}
.list-box.list-style3 .list-item .img-box{width: 432rem;height: 240rem;background: var(--color05);border-radius: 10rem;overflow: hidden;background-image: url("../_Img/default/list1-preparing.svg");background-repeat: no-repeat;background-position: center;background-size: 233rem 106rem;margin-right: 32rem;}
.list-box.list-style3 .list-item .img-box img{width: 100%;height: 100%;object-fit: cover;}


main.play .content-box {padding: 57rem 116rem 87rem;}
main.play .row-box{position: relative;margin-top: 100rem;}
main.play .row-box:nth-of-type(1){justify-content: center;height: 428rem;margin-top: 0;}
main.play .row-box:nth-of-type(1) .img-box{width: 777rem;height: 100%;background-color: #FBFBFB;overflow: hidden;background-image: url("../_Img/default/info-noimg.svg");background-size: 232rem auto;background-repeat: no-repeat;background-position: center;border-radius: 10px 0px 0px 10px;overflow: hidden; }
main.play .row-box:nth-of-type(1) .img-box.futsal {background-image: url("../_Img/default/play-futsal.jpg");background-size:cover}
main.play .row-box:nth-of-type(1) .text-box{width: 348rem;height: 100%;background: var(--logo-color);border-radius: 0 10px 10px 0;overflow: hidden;padding:40rem;display: flex;flex-direction: column;justify-content: center;}
main.play .row-box:nth-of-type(1) .text-box h2{font-weight: 600;font-size: 44rem;line-height: 1;color: var(--color06);}
main.play .row-box:nth-of-type(1) .text-box p{font-weight: 400;font-size: 16rem;line-height: 1.56;color: var(--color06);margin-top: 20rem;}
main.play .row-box:nth-of-type(1) .text-box ul{margin-top: 27rem;}
main.play .row-box:nth-of-type(1) .text-box ul li{display: flex;margin-top: 17rem;}
main.play .row-box:nth-of-type(1) .text-box ul li:first-of-type{margin-top:0rem;}
main.play .row-box:nth-of-type(1) .text-box ul li .t-box{width: 70rem;font-weight: 700;font-size: 12rem;line-height: 1.41666667;color: var(--color06);}
main.play .row-box:nth-of-type(1) .text-box ul li .v-box{font-weight: 400;font-size: 12rem;line-height: 1.41666667;color: var(--color06);}
main.play .row-box:nth-of-type(1) .text-box .button-box{margin-top: 27rem;}
main.play .row-box:nth-of-type(1) .text-box .button-box .button {display: flex;justify-content: center;align-items: center;width: 100%;height: 48rem;background: var(--color06);border-radius: 4rem;font-weight: 700;font-size: 16rem;line-height: 1.4375;color: var(--logo-color);}

main.play .row-box h3 {width: 56rem;height: 32rem;background: var(--color01);border-radius: 4rem;display: flex;justify-content: center;align-items: center;font-weight: 700;font-size: 20rem;line-height: 1.5;color: var(--color06);margin-bottom: 16rem;}
main.play .swiper-images{width: 100%;overflow: hidden;}
main.play .swiper-images .image-item{width: 196rem;height: 240rem;background-image: url("../_Img/default/no-img.svg");background-position: center;background-repeat: no-repeat;background-size: 115rem 102rem;background-color: var(--color05);border-radius: 10rem;}
main.play .swiper-images .image-item img{width: 100%;height: 100%;object-fit: cover;display: block;}
main.play .swiper-button-next {right: -80rem;left: auto;width: 45rem;height: 45rem;}
main.play .swiper-button-prev {left: -80rem;right: auto;width: 45rem;height: 45rem;}
main.play .swiper-pagination-custom, .swiper-pagination-fraction {bottom: auto;top:0;right: 0;font-weight: 700;font-size: 16rem;line-height: 1.4375;color: var(--color01);text-align: right;}

main.play .row-box .info-box{display: flex;width:100%;flex-wrap: wrap;}
main.play .row-box .info-box .info-item{display:flex;align-items:center;width: 50%;height: 174rem;background: var(--color06);padding:0 16rem;position: relative;}
main.play .row-box .info-box .info-item .icon{width: 108rem;height: 108rem;margin-right: 21rem;}
main.play .row-box .info-box .info-item .icon > img{width: 100%;height: 100%;display: block;}
main.play .row-box .info-box .info-item  h4{font-weight: 900;font-size: 20rem;line-height: 1.5;color: var(--logo-color)}
main.play .row-box .info-box .info-item  p{font-weight: 400;font-size: 16rem;line-height: 1.4375;margin-top: 10rem;color: var(--color01);}
main.play .row-box .info-box .info-item::before{content:'';background-color:var(--color03);width: 1px;height: calc(100% - 4px);display: block;position: absolute;left: 0;top:0}
main.play .row-box .info-box .info-item:nth-of-type(2n)::after{content:'';background-color:var(--color03);width: 1px;height: calc(100% - 4px);display: block;position: absolute;right: 0;top:0}
main.play .row-box .info-box .info-item:nth-of-type(n + 3){border-top:1px solid  var(--color03);}
main.play .row-box .info-box .info-item:nth-of-type(n + 3)::before,
main.play .row-box .info-box .info-item:nth-of-type(n + 3)::after {top:auto;bottom:0}

main.play .row-box .table-box{width: 100%;}
main.play .row-box .table-box table{width: 100%;border-collapse: collapse;}
main.play .row-box .table-box table col:nth-of-type(1){width: 200rem}
main.play .row-box .table-box table col:nth-of-type(2){width: calc((100% - 200rem) / 2)}
main.play .row-box .table-box table col:nth-of-type(3){width: calc((100% - 200rem) / 2)}
main.play .row-box .table-box table th{font-weight: 900;font-size: 20rem;line-height: 1.5; color:var(--logo-color);vertical-align: middle;}
main.play .row-box .table-box table td{font-weight: 400;font-size: 16rem;line-height: 1.4375;color: var(--color01);}
main.play .row-box .table-box table th,
main.play .row-box .table-box table td {padding:30rem;border-top: 2px solid var(--logo-color);border-right: 1px solid var(--color01)}
main.play .row-box .table-box table th:last-child,
main.play .row-box .table-box table td:last-child {border-right: 0;}
main.play .row-box .table-box table tr:last-of-type th,
main.play .row-box .table-box table tr:last-of-type td {border-bottom: 2px solid var(--logo-color);}

main.play .row-box .images-box{width: 100%;}
main.play .row-box .images-box .img-box{width: 100%;height: 580rem;overflow: hidden;background-image: url("../_Img/default/info-noimg.svg");background-size: 218rem auto;background-repeat: no-repeat;background-position: center;background-color: #F6F6F6;border-radius: 10rem;}
main.play .row-box .images-box .img-box img{width: 100%;height: 100%;object-fit: cover;}


/*detail*/
main.detail{}
main.detail .header-box{}
main.detail .header-box h2{font-weight: 700;font-size: 31rem;line-height: 1;color: var(--color01);}
main.detail .header-box .sub {display: flex;justify-content: space-between;align-items: center;}
main.detail .header-box .sub .button {font-weight: 700;font-size: 14rem;line-height: 1;display: flex;justify-content: center;align-items: center;color: var(--color08);width: 102rem;height: 34rem;background: var(--color06);border: 1px solid #BFBFBF;border-radius: 3rem;}
main.detail .header-box .sub p{font-weight: 500;font-size: 14rem;line-height: 2.14;color: var(--color07);margin-top: 23rem;}
main.detail .header-box .title{display: flex;justify-content:space-between;border-top:2px solid var(--color08);border-bottom: 1px solid var(--color07);padding:13rem 24rem 14rem;margin-top: 25rem;}
main.detail .header-box .title h3{font-weight: 700;font-size: 14rem;line-height: 1.42857143;color: var(--color08);}
main.detail .header-box .title .date-box{font-weight: 500;font-size: 14rem;line-height: 1.42857143;color: var(--color07);}
main.detail .content{width: 100%;background: var(--color05);margin-top: 60rem;}

.store-popup{content:'';opacity: 0;transition-duration: .6s;transition-property: opacity;pointer-events: none;display:flex;justify-content:center;align-items:center;position: fixed;left:0;top:0;width: 100%;height: 100%;z-index: 6;background: rgba(0,0,0,.25);}
.store-popup .content-box{width: calc(100% - 60rem);max-width: 1640rem;height: 834rem;display: flex;z-index: 1;background-color: var(--color06);border-radius: 10rem;overflow: hidden;    padding: 0;position: relative;}
.store-popup .content-box .img-box{width: 50%;overflow: hidden;position: relative;}
.store-popup .content-box .img-box .img-item img{width: 100%;height: 100%;object-fit: cover;}
.store-popup .content-box .text-box{width: 50%;position: relative;padding:23rem;}
.store-popup .content-box .text-box .shop-name{height: 115rem;}
.store-popup .content-box .text-box .shop-name img{height: 100%;display: block;}
.store-popup .content-box .text-box .map-box{display:flex;justify-content:center;align-items:center;position: absolute;width: 100%;height: 100%;top:0;left: 0;background-color: var(--color06);opacity:0;transition-duration:.3s;transition-property:opacity;pointer-events: none;}
.store-popup .content-box .text-box .map-box img{max-width: 80%;}
.store-popup .content-box .text-box .content{margin-top: 115rem;font-weight: 400;font-size: 16rem;line-height: 1.88;color: var(--color01);height: 390rem;overflow-y: scroll;}
.store-popup .content-box .text-box .content .last-order em{font-weight: 700;color:var(--logo-color);}
.store-popup .content-box .text-box .content .last-order::before{content:'';display: inline-block;width: 10rem;height: 10rem;background-color: var(--logo-color);border-radius: 100%;margin-right: 8rem;}
.store-popup .content-box .text-box .shop-info{margin-top: 100rem;}
.store-popup .content-box .text-box .shop-info .site-url{font-weight: 700;font-size: 12rem;line-height: 1.67;color: var(--color01);}
.store-popup .content-box .text-box .shop-info .map-button{font-weight: 700;font-size: 12rem;line-height: 1.67;text-decoration-line: underline;color: var(--color01);}
.store-popup .content-box .button-box{position: absolute;display: flex;justify-content: space-between;width: 50%;height: 120rem;right: 0;top: 0;z-index: 2;padding: 27rem;}
.store-popup .content-box .button-box .back-button{background-image: url("../_Img/icons/icon-back.svg");background-repeat:no-repeat;background-size:23rem 23rem;background-position:center;width: 50rem;height: 50rem;opacity: 0;}
.store-popup .content-box .button-box .close-button{background-image: url("../_Img/icons/icon-close.svg");background-repeat:no-repeat;background-size:23rem 23rem;background-position:center;width: 50rem;height: 50rem;}
.store-popup.mapOpen .content-box .text-box .map-box{opacity: 1;}
.store-popup.mapOpen .content-box .button-box .back-button{opacity: 1;}

body.storeOpen{overflow: hidden;}
body.storeOpen .store-popup{opacity: 1;pointer-events: auto;}