@charset "utf-8";


@media screen and (max-width: 750px) {
    .pc-only{display: none;}
    body{overflow-x: hidden;}
    header{width: 100%;height: 65rem;}
    header .menu-button{display: inline-block;}
    header .language{margin-right: 0;}
    header .logo-box{width:159rem;height:23rem;background-image: url("../../_Img/mobile-logo.svg");}
    header .corp {display: none;}
    header nav {position: fixed;width: calc(100% - 55rem);height: 100%;z-index: 1;right: 0;top: 0;background-color: var(--color06);transform: translateX(100%);transition-duration: .6s;transition-property: transform;}
    header nav .mobile-header{display: flex;width: 100%;height: 65rem;justify-content: space-between;align-items: center;padding: 0 32rem;border-bottom: 1px solid var(--line-color);}
    header nav .mobile-header .close-button{background-image: url("../../_Img/icons/icon-close.svg");background-repeat:no-repeat;background-size:18rem 18rem;background-position:center;width: 50rem;height: 50rem;}
    header nav .menu-list{flex-direction: column;}
    header nav .menu-list .menu-item {margin: 0;padding:0;width: 100%;height: 60rem;display: flex;align-items: center;border-bottom: 1px solid var(--line-color);}
    header nav .menu-list .menu-item a {font-weight: 700;font-size: 18rem;color: var(--color03);display: flex;width: 100%;height: 100%;align-items: center;padding: 0 32rem;}
    header nav .menu-list .menu-item.active a::after{content:none;}
    header nav .menu-list .menu-item.active {background-color: var(--logo-color);}
    header nav .menu-list .menu-item.active a{color: var(--color06);}
    .floating{width: 46rem;height: 46rem;bottom: 50rem;right: 16rem;}
    .floating .up-button{background-size: 16rem auto;width: 46rem;height: 46rem;}


    body.menuOpen{overflow: hidden;}
    body.menuOpen::before{content: '';width: 100%;height: 100%;display: block;background-color: rgba(0,0,0,0.4);top: 0;left: 0;position: fixed;z-index: 1;}
    body.menuOpen nav{transform: translateX(0);}

    .icon-clock{width: 52rem;height: 52rem;}
    .icon-calendar{width: 52rem;height: 52rem;}
    .icon-shop{width: 52rem;height: 52rem;}

    .side-menu .side-list{position: absolute;width:100%;left:0;top:100%;opacity: 0;pointer-events: none;transition-duration: .3s;transition-property: opacity;}
    .side-menu .label{padding:0 32rem;}
    .side-menu .label::after{transition-duration: .3s;transition-property: transform; right: 32rem;background-size: cover;}
    .side-menu .side-item{padding:0 32rem;}
    .side-menu .side-item.active::after{content:none;}
    .side-menu:hover .side-list{opacity: 1;pointer-events: auto;border:1px solid var(--color03);border-top:0;}
    .side-menu:hover .label::after{transform: rotate(180deg);}

    footer {padding:35rem 0;}
			footer .container {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
    footer .address-box {isplay: flex;flex-direction: column;}
    footer .address-box .address{margin-top: 24rem;}
    footer .address-box .company-name {font-size: 19rem;width: 100%;height: 37rem;display: flex;align-items: center;}
    footer .family-site {width: 147rem;height: 37rem;position: absolute;right: 32rem;top: 35rem;}
    footer .family-site .linkList .linkItem {width: 147rem;}
    footer .address-box .copyright {margin-top: 24rem;}

    main .movie-section {height: 748rem;}
    main .main-section {padding-top: 72rem;}
    main .main-section h2 {font-size: 32rem;}
    main .main-section p {font-size: 12rem;margin-top: 6rem;}
    main .main-section .info-box {margin-top: 72rem;flex-direction: column;}
    main .main-section .info-box .info-item {padding: 14rem;width: 100%;display: flex;align-items: center;margin-top: 6rem;}
    main .main-section .info-box .info-item:first-of-type{margin-top: 0;}
    main .main-section .info-box .info-item i{margin-right: 14rem;}
    main .main-section .info-box .info-item h3 {font-size: 14rem;margin-top: 0;}
    main .main-section .info-box .info-item p {font-size: 9rem;line-height: 1.7;margin-top: 6rem;letter-spacing: -0.01em;}

    main .map-section {padding-top: 67rem;padding-bottom: 0rem;}
    main .map-section #map {height: 429rem;}
    main .map-section .container{padding:0;}


    /*.title-box {display: none;}*/
    .title-box {display: block;padding-top: 36rem;}
    .title-box h1 {display: block;width: 100%;height: 37rem;background-image: none;border-bottom: 2rem solid var(--logo-color);font-size: 23rem;}
    .about .title-box{display: none;}
    .info .title-box{display: none;}
    .event .title-box {padding-top: 73rem;}

    .content-box .row-box.col-2 .item-box {width: 100%;}
    .section01 {padding:36rem 0;}
    .section01 .row-box:nth-of-type(1) {border-bottom: 0;flex-direction: column;}
    .section01 .row-box:nth-of-type(1) .text-box {font-size: 28rem;}
    .section01  .row-box:nth-of-type(1) .item-box:nth-of-type(1){padding: 0 13rem 54rem;}
    .section01  .row-box:nth-of-type(1) .item-box:nth-of-type(2){width: 100vw;transform: translateX(-32rem);}

    .section01 .row-box:nth-of-type(2) {margin-top: 54rem;flex-direction: column;}
    .section01 .row-box:nth-of-type(2) .logo-size {width: 100%;height: 235rem;}
    .section01 .row-box:nth-of-type(2) .bottom-box .logo-image {height: 86rem;}
    .section01 .row-box:nth-of-type(2) .bottom-box .logo-image:nth-of-type(1) img {width: 70rem;height: auto;}
    .section01 .row-box:nth-of-type(2) .bottom-box .logo-image:nth-of-type(2) img {width: 101rem;height: auto;}

    .section01 .row-box:nth-of-type(2) .logo-info h2 {font-size: 29rem;}
    .section01 .row-box:nth-of-type(2) .logo-info p {font-size:9rem;margin-top: 19rem;letter-spacing: -0.06em;}
    .section01 .row-box:nth-of-type(2) .item-box:nth-of-type(2){margin-top: 54rem}
    .section01 .row-box:nth-of-type(2) .logo-color h2 {font-size: 18rem;}
    .section01 .row-box:nth-of-type(2) .logo-color h2:after {font-size: 21rem;margin-left: 4rem;}
    .section01 .row-box:nth-of-type(2) .logo-color h2:before {width: 26rem;height: 26rem;margin-right: 13rem;}
    .section01 .row-box:nth-of-type(2) .logo-color p {font-size: 9rem;margin-top: 19rem;letter-spacing: -0.06em;}

    .section01 .row-box:nth-of-type(3) {margin-top: 40rem;}
    .section01 .row-box:nth-of-type(3) .list-box {justify-content: space-between;flex-wrap: wrap;}
    .section01 .row-box:nth-of-type(3) .list-box .list-item {height: 140rem;}
    .section01 .row-box:nth-of-type(3) .list-box .list-item {width: calc((100% - 16rem) / 2);}
    .section01 .row-box:nth-of-type(3) .list-box .list-item:nth-of-type(n+3){margin-top: 16rem;}

    main.info .content-box {display: block;padding:0;}
    main.info .content-box aside {width: 100vw;transform: translateX(-32rem);}
    main.info .content-box .content {width: 100%;padding: 36rem 0 20rem;}

    main.info .content-box .content h2 {font-size: 16rem;}
    main.info .content-box .content p {font-size: 10rem;margin-top: 5rem;}
    main.info .content-box .content .floor {font-size: 26rem;margin-top: 19rem;}
    main.info .content-box .content .img-box {margin-top: 19rem;height: 160rem;border-radius: 0;}
    main.info .content-box .content .img-box.noimg {background-size: 95rem auto;}
    main.info .content-box .content .list-box {margin-top: 0rem;}
    main.info .content-box .content .list-box .list-item {width: calc((100% - 32rem) /3);height: 94rem;margin-left: 16rem;background-size: 42rem auto;}
    main.info .content-box .content .list-box .list-item:nth-of-type(3n+1) {margin-left: 0;}
    main.info .content-box .content .list-box .list-item:nth-of-type(6n) {margin-left: 16rem;}
    main.info .content-box .content .list-box .list-item:nth-of-type(n+4) {margin-top: 16rem;}

    .list-box.list-style1 .list-item {width: 100%;display: flex;justify-content: space-between;padding: 16rem 0;flex-direction: column;}
    .list-box.list-style1 .list-item .text-box{margin-top: 21rem;order: 2;}
    .list-box.list-style1 .list-item .text-box h2 {font-size: 18rem;}
    .list-box.list-style1 .list-item .text-box p {margin-top: 6rem;font-weight: 400;font-size: 9rem;line-height: 1.5;}
    .list-box.list-style1 .list-item .text-box ul {margin-top: 16rem;}
    .list-box.list-style1 .list-item .text-box ul li {margin-top: 10rem;}
    .list-box.list-style1 .list-item .text-box ul li .t-box {font-size: 7rem;}
    .list-box.list-style1 .list-item .text-box ul li .v-box {font-size: 7rem;}
    .list-box.list-style1 .list-item .img-box{order: 1;width: 100%;height: 136rem;display: flex;background-size: 111rem auto;border-radius: 5rem;}
    .list-box.list-style1 .list-item .text-box .button-box .button {width: 100%;height: 48rem;border-radius: 4rem;font-size: 14rem;}

    .content-box .row-box .list-box.list-style2 .list-item {width: 93rem;height: 93rem;border-radius: 5rem;margin-right: 16rem;margin-left: 0;margin-top: 16rem;}
    .content-box .row-box .list-box.list-style2 .list-item:nth-of-type(3n){margin-right: 0;}

    main.play .row-box {margin-top: 36rem;}
    main.play .content-box {padding: 36rem 0}
    main.play .row-box:nth-of-type(1) {height: auto;flex-direction: column;}
    main.play .row-box:nth-of-type(1) .img-box {width: 100%;height: 147rem;border-radius: 0;overflow: hidden;background-size: 111rem auto;}
    main.play .row-box:nth-of-type(1) .text-box {width: 100%;height: 100%;border-radius: 0;padding: 8rem 16rem;}
    main.play .row-box:nth-of-type(1) .text-box h2 {font-size: 18rem;}
    main.play .row-box:nth-of-type(1) .text-box p {font-size: 8rem;margin-top: 6rem;}
    main.play .row-box:nth-of-type(1) .text-box .button-box .button {height: 34rem;border-radius: 6rem;font-size: 10rem;}
    main.play .row-box:nth-of-type(1) .text-box ul {margin-top: 16rem;}
    main.play .row-box:nth-of-type(1) .text-box ul li{margin-top: 2rem;}
    main.play .row-box:nth-of-type(1) .text-box ul li .t-box{font-size: 5rem;}
    main.play .row-box:nth-of-type(1) .text-box ul li .v-box {font-size: 5rem;}
    main.play .swiper-button-next,
    main.play .swiper-button-prev{display: none;}
    main.play .swiper-images .image-item {height: 124rem;background-size: 79rem auto;}
    main.play .swiper-pagination-custom, .swiper-pagination-fraction {height: 19rem;font-size: 11rem;}
    main.play .row-box h3 {width: 34rem;height: 19rem;font-size: 12rem;margin-bottom: 7rem;}
    main.play .row-box .info-box {justify-content: space-between;}
    main.play .row-box .info-box .info-item {width: calc((100% - 6rem) / 2);height: 72rem;padding: 0 16rem;border: 1px solid var(--color03);margin-top: 6rem;}
    main.play .row-box .info-box .info-item:nth-of-type(2n)::after {content: none}

    main.play .row-box .info-box .info-item::before {content:none;}
    main.play .row-box .info-box .info-item .icon {width: 44rem;height: 44rem;margin-right: 14rem;}
    main.play .row-box .info-box .info-item p {font-size: 9rem;margin-top: 2rem;}

    main.play .row-box .info-box .info-item h4 {font-size: 11rem;}
    main.play .row-box .table-box table col:nth-of-type(1){width: 90rem}
    main.play .row-box .table-box table col:nth-of-type(2){width: calc((100% - 90rem) / 2)}
    main.play .row-box .table-box table col:nth-of-type(3){width: calc((100% - 90rem) / 2)}
    main.play .row-box .table-box table th{font-size: 10rem;}
    main.play .row-box .table-box table td{font-size: 8rem;}
    main.play .row-box .table-box table th,
    main.play .row-box .table-box table td {padding:14rem;}
    main.play .row-box .images-box .img-box {height: 187rem;background-size: 111rem auto;border-radius: 3rem;}

    main.store .content-box .row-box{display: block;}
    main.store .floor-title {width: 100%;font-weight: 700;font-size: 20rem;line-height: 1;text-align: left;margin-right: 0;padding-top: 36rem;}
    main.store .content-box {padding: 0 0 35rem;}

    .store-popup .content-box {flex-direction: column;width: calc(100% - 64rem);height: calc(100% - 64rem);}
    .store-popup .content-box .img-box {width: 100%;height: 229rem;}
    .store-popup .content-box .text-box {width: 100%;height: calc(100% - 229rem);}
    .store-popup .content-box .text-box .shop-name {height: 85rem;}
    .store-popup .content-box .text-box .content {margin-top: 0;font-weight: 400;font-size: 12rem;height: calc( 100% - 140rem);}
    .store-popup .content-box .text-box .shop-info .site-url {font-size: 14rem;line-height: 1;}
    .store-popup .content-box .text-box .shop-info .map-button {font-size: 14rem;line-height: 1;margin-top: 10rem;}
    .store-popup .content-box .text-box .shop-info {margin-top: 10rem;}
    .swiper-pagination-bullet {width: 8rem;height: 8rem;}
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 30rem;}
    .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 25rem;left: auto;width: 35rem;height: 35rem;top: auto;bottom: 25rem;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {left: 25rem;right: auto;width: 35rem;height: 35rem;top: auto;bottom: 25rem;}

    .store-popup .content-box .button-box .close-button {background-image: url(../../_Img/icons/icon-w-close.svg);background-size: 16rem 16rem;width: 30rem;height: 30rem;}
    .store-popup .content-box .button-box .back-button {background-image: url(../../_Img/icons/icon-w-back.svg);background-size: 16rem 16rem;width: 30rem;height: 30rem;}
    .store-popup .content-box .button-box {width: 100%;height: 40rem;padding: 13rem 13rem 0;}

    main.event .content-box {display: block;padding:0;}
    main.event .content-box aside {    width: 100vw;position: absolute;top: 65rem;left: 0;}
    main.event .content-box .content {width: 100%;padding: 36rem 0 20rem;}
    main.event .content-box .content h2 {font-size: 20rem;}

    .list-box.list-style3 .list-item {width: 100%;display: block;justify-content: flex-start;padding: 0rem 0;border-bottom: 0;margin-top: 36rem;}
    .list-box.list-style3 .list-item .img-box {width: 100%;height: 147rem;border-radius: 8rem;background-size: 111rem auto;margin-right: 0;}
    .list-box.list-style3 .list-item .text-box{margin-top: 20rem;}
    .list-box.list-style3 .list-item .text-box h2 {font-weight: 600;font-size: 14rem;}
    .list-box.list-style3 .list-item .text-box ul {margin-top: 16rem;}
    .list-box.list-style3 .list-item .text-box ul li {margin-top: 4rem;}
    .list-box.list-style3 .list-item .text-box ul li .t-box,
    .list-box.list-style3 .list-item .text-box ul li .v-box {font-size: 8rem;}

    main.detail .content {margin-top: 13rem;}
    main.detail .content-box {display: block;padding:36rem 0 49rem;}
    main.detail .header-box .sub {display: block;}
    main.detail .header-box h2 {font-weight: 700;font-size: 20rem;line-height: 1.6;color: var(--logo-color);}
    main.detail .header-box .sub p {font-weight: 400;font-size: 12rem;line-height: 1.46153846;color: var(--color01);margin-top: 6rem;}
    main.detail .header-box .sub .button {width: 72rem;    margin: 16rem 0 0 auto;}
    main.detail .header-box .title {margin-top: 16rem;display: block;padding: 13rem 12rem;}
    main.detail .header-box .title .date-box {margin-top: 12rem;}
}