/** * Swiper 9.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 31, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} /** * Swiper 9.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 31, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden} @charset "UTF-8"; /*---------------Event-----------------*/ body, th, td, input, select, textarea, button { font-size: 1.4rem; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino sans", "ヒラギノ角ゴシック", "Meiryo", "メイリオ", "Robot", "Droid Sans", "MS PGothic", "MS Pゴシック", "Osaka", sans-serif; } h1, h2, h3, h4, h5 { font-size: 1.4rem; } a { color: #007bc8; text-decoration: none; } .swiper-container { list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0; position: relative; z-index: 1; } .swiper-pagination { position: relative !important; bottom: 0 !important; padding: 10px 0 !important; z-index: 1 !important; } .swiper-pagination-bullet { border: solid 1px #00adc6 !important; background: #ffffff !important; width: 10px !important; height: 10px !important; opacity: 1 !important; box-sizing: border-box !important; } .swiper-pagination-bullet-active { background: #00adc6 !important; width: 10px !important; height: 10px !important; border: solid 1px #00adc6 !important; position: relative !important; box-sizing: border-box !important; } .p-merit__hilight { color: #00adc6; font-weight: bold; } /*----btn----*/ .p-swiper-hundle, .p-swiper-hundle--next, .p-swiper-hundle--prev { position: relative; width: 34px; height: 34px; line-height: 34px; text-align: center; background: rgba(0, 0, 0, 0.6); border-radius: 2px; position: absolute; z-index: 2; color: #ffffff; top: 50%; font-size: 18px; margin-top: -17px; } .p-swiper-hundle::before, .p-swiper-hundle--next::before, .p-swiper-hundle--prev::before, .p-swiper-hundle::after, .p-swiper-hundle--next::after, .p-swiper-hundle--prev::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; } .p-swiper-hundle::before, .p-swiper-hundle--next::before, .p-swiper-hundle--prev::before { position: absolute; left: 12px; width: 11px; height: 1px; background: #ffffff; } .p-swiper-hundle::after, .p-swiper-hundle--next::after, .p-swiper-hundle--prev::after { width: 8px; height: 8px; border-top: 1px solid #ffffff; } .p-swiper-hundle--prev { left: 5px; } .p-swiper-hundle--prev::after { left: 12px; border-left: 1px solid #ffffff; transform: rotate(-45deg); } .p-swiper-hundle--next { right: 5px; } .p-swiper-hundle--next::after { right: 0; border-right: 1px solid #ffffff; transform: rotate(45deg); } .p-swiper-hundle--studio { top: 45%; } .swiper-button-disabled { display: none; } .c-more-read { box-shadow: 0 -15px 10px rgb(255, 255, 255); width: 100%; height: 58px; position: relative; background: #ffffff; top: -10px; } .c-more-read--recruiting { box-shadow: none; background: #d5faff; top: 0; height: 69px; padding-top: 20px; } .c-more-read--recruiting--open::before { content: none; } .c-more-read--gdp7 { box-shadow: none; background: none; } .c-more-read--rerise, .c-more-read--gap2021 { box-shadow: none; background: none; top: 5px; } .c-more-read__button, .c-more-read__button--open { color: #00acc8; border: solid 1px #00acc8; width: 152px; height: 42px; line-height: 1; text-align: center; box-sizing: border-box; border-radius: 5px; background: #ffffff; margin: 0 auto 8px auto; display: block; font-size: 12px; } .c-more-read__button::before, .c-more-read__button--open::before { width: 12px; height: 12px; line-height: 12px; font-size: 10px; margin-right: 3px; display: inline-block; content: "\f107"; font-family: "FontAwesome"; border-radius: 6px; background: #00acc8; color: #ffffff; } .c-more-read__button--recruiting::after { content: ""; width: 100%; height: 150px; position: absolute; top: -150px; left: 0; display: block; pointer-events: none; background: linear-gradient(rgba(213, 250, 255, 0), rgb(213, 250, 255)); } .c-more-read__button--recruiting.c-more-read__button--open::after { content: none; } .c-more-read__button--gdp7 { background: none; color: #ffffff; border: solid 1px #ffffff; } .c-more-read__button--gdp7::before { background: #ffffff; color: #000000; } .c-more-read__button--rerise, .c-more-read__button--gap2021 { background: none; color: #ffffff; border: solid 1px #ffffff; } .c-more-read__button--rerise::before, .c-more-read__button--gap2021::before { background: #ffffff; color: #000000; } .c-more-read__button--gsp2020 { color: #000000; border: solid 1px #000000; } .c-more-read__button--gsp2020::before { background: #000000; color: #ffffff; } .c-more-read__button--open::before { content: "\f106"; line-height: 11px; } /*---------------Gdp7-----------------*/ .p-gdp7 { width: 100%; background: url(/images/event/gdp7/gdp_back.jpg) repeat-y left top; background-size: 100% auto; } .p-gdp7-catch { width: 100%; height: 426px; background: url(/images/event/gdp7/gdp7_catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-gdp7-catch__logo { text-align: center; padding-top: 15px; text-indent: -71px; } .p-gdp7-catch__ticket { position: absolute; left: 0; right: 0; top: 344px; display: flex; justify-content: space-between; width: 516px; margin: 0 auto; } .p-gdp7-catch__button-back { background-color: #fff; width: 251px; height: 49px; z-index: 2; } a.p-gdp7-catch__button { line-height: 45px; box-sizing: border-box; border: solid 2px #000000; background: #e71388; box-shadow: 2px 3px 0 #000000; display: block; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; } a.p-gdp7-catch__button:hover { text-decoration: none; opacity: 0.7; } @media screen and (max-width: 767px) { .p-gdp7-catch { height: 246px; background: url(/images/event/gdp7/sp_catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-gdp7-catch::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/event/common/catch_dot@2x.png) repeat center top; background-size: 1px 1px; z-index: 1; } .p-gdp7-catch__logo { position: relative; z-index: 2; text-indent: -8px; padding-top: 56px; } .p-gdp7-catch__logo img { width: 286px; height: auto; } .p-gdp7-catch__ticket { top: 214px; width: 223px; display: block; z-index: 3; } .p-gdp7-catch__button-back { width: 223px; height: 40px; margin-bottom: 8px; } a.p-gdp7-catch__button { font-size: 12px; width: 223px; height: 40px; line-height: 36px; } } .p-gdp7-headline { width: 100%; height: 67px; padding-top: 12px; box-sizing: border-box; background: linear-gradient(-90deg, #04c7ed, #fc027f); } .p-gdp7-headline__block { width: 1000px; height: 42px; margin: 0 auto; display: flex; } .p-gdp7-headline__title { background: #ffcc32; width: 123px; border-radius: 42px 0 0 42px; display: flex; justify-content: center; align-items: center; } .p-gdp7-headline__news { background: #ffffff; border-radius: 0 42px 42px 0; width: calc(100% - 123px); line-height: 42px; padding: 0 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .p-gdp7-headline__news a { text-decoration: underline; } @media screen and (max-width: 767px) { .p-gdp7-headline { height: 40px; padding-top: 5px; } .p-gdp7-headline__block { width: calc(100% - 14px); height: 30px; } .p-gdp7-headline__title { width: 93px; box-sizing: border-box; padding-left: 7px; border-radius: 16px 0 0 16px; } .p-gdp7-headline__title img { width: 68px; height: auto; } .p-gdp7-headline__news { border-radius: 0 16px 16px 0; width: calc(100% - 93px); line-height: 30px; padding: 0 6px; font-size: 12px; } } .p-gdp7-outline { width: 1000px; margin: 0 auto; padding: 44px 0 43px 0; } .p-gdp7-outline__title { width: 301px; height: 64px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-gdp7-outline__paragraph { text-align: center; color: #ffffff; line-height: 1.7; } .p-gdp7-outline__table { margin: 28px auto 22px auto; border-collapse: separate; border-spacing: 1px; min-width: 100%; } .p-gdp7-outline__th { color: #ffffff; background: #211d23; font-weight: bold; text-align: center; min-width: 114px; padding: 10px 0 9px 0; letter-spacing: 5px; } .p-gdp7-outline__th--release { letter-spacing: 0; } .p-gdp7-outline__td { background: #ffffff; padding: 10px 14px 9px 14px; min-width: 100%; text-align: left; word-break: break-all; } .p-gdp7-outline__infomation { display: flex; } .p-gdp7-outline__map { width: 320px; height: 285px; margin-right: 17px; background: #cccccc; } .p-gdp7-outline__access { color: #cccccc; font-size: 12px; } .p-gdp7-outline__access-train { padding: 17px 0; } @media screen and (max-width: 767px) { .p-gdp7-outline { width: 100%; padding: 24px 0 0 0; } .p-gdp7-outline__title { height: 47px; margin-bottom: 21px; } .p-gdp7-outline__sub-title-img { width: 243px; height: auto; } .p-gdp7-outline__title-img { width: 130px; height: auto; } .p-gdp7-outline__paragraph { font-size: 12px; padding-bottom: 20px; } .p-gdp7-outline__table { min-width: auto; width: 320px; margin: 0 auto 23px auto; } .p-gdp7-outline__th { min-width: 64px; } .p-gdp7-outline__td { padding: 10px 12px 9px 12px; } .p-gdp7-outline__tel { color: #cccccc; } .p-gdp7-outline__price-note, .p-gdp7-outline__release-note { font-size: 12px; display: block; } .p-gdp7-outline__infomation { display: block; width: 320px; margin: 0 auto 23px auto; } .p-gdp7-outline__map { margin: 0 0 13px 0; } .p-gdp7-outline__access { padding-bottom: 10px; } } .p-gdp7-time_table { width: 100%; padding: 39px 0 37px 0; background: linear-gradient(-90deg, #04c7ed, #fc027f); } .p-gdp7-time_table__title { text-align: center; padding-bottom: 22px; } .p-gdp7-time_table__program { display: flex; justify-content: space-between; position: relative; width: 1000px; margin: 0 auto; counter-reset: number; } .p-gdp7-time_table__list, .p-gdp7-time_table__list--after { width: 490px; } .p-gdp7-time_table__item, .p-gdp7-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 16px 28px 16px 63px; position: relative; background: #ffffff; color: #d71f8f; } .p-gdp7-time_table__item::before, .p-gdp7-time_table__item--after::before { width: 50px; counter-increment: number; content: counter(number, decimal-leading-zero); position: absolute; top: 0; left: 0; height: 100%; background: #ff87ce; color: #ffffff; display: flex; align-items: center; justify-content: center; } .p-gdp7-time_table__item--after { color: #6b75bf; } .p-gdp7-time_table__item--after::before { background: #aa99e6; } /* .p-gdp7-time_table__lineup { width:490px; min-height:517px; } .p-gdp7-time_table__lineup-title { height:40px; line-height:40px; border-bottom:solid 2px #ffffff; padding-left:12px; font-size:18px; font-weight:bold; color:#ffffff; } .p-gdp7-time_table__comming-soon { position:absolute; top:56px; left:-10px; } .p-gdp7-time_table__comming-soon-title { position:absolute; top:105px; left:0; right:0; margin:0 auto; text-align:center; }*/ @media screen and (max-width: 767px) { .p-gdp7-time_table { padding: 27px 0 28px 0; position: relative; } .p-gdp7-time_table__title { padding-bottom: 12px; } .p-gdp7-time_table__title img { width: 252px; height: auto; } .p-gdp7-time_table__program-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; } .p-gdp7-time_table__program { width: 200vw; } .p-gdp7-time_table__list, .p-gdp7-time_table__list--after { width: calc(100vw - 54px); margin: 0 auto; } .p-gdp7-time_table__item, .p-gdp7-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 16px 15px 16px 65px; } .p-gdp7-time_table__flick-icon { top: 72px; right: 6px; } } @media screen and (max-width: 337px) { .p-gdp7-goods__comming-soon-image { left: -363px; } .p-gdp7-time_table__comming-soon img { width: calc(100% - 30px); height: auto; } .p-gdp7-time_table__comming-soon-title { top: 128px; } .p-gdp7-time_table__comming-soon-title img { width: 100%; height: auto; } .p-gdp7-time_table__lineup { min-height: 388px; } } .p-gdp7-comment { width: 100%; padding-bottom: 12px; background: linear-gradient(-90deg, #04c7ed, #fc027f); } .p-gdp7-comment__title { text-align: center; padding-bottom: 27px; display: flex; justify-content: center; align-items: flex-end; } a.p-gdp7-comment__title-link { color: #ffffff; font-size: 12px; text-decoration: underline; margin-left: 14px; } .p-gdp7-comment__list { width: 1000px; margin: 0 auto; } .p-gdp7-comment__item { padding-bottom: 15px; } .p-gdp7-comment__block { display: flex; align-items: center; } .p-gdp7-comment__balloon { margin-left: 25px; position: relative; background: #ffffff; border-radius: 10px; color: #333333; padding: 12px 20px; } .p-gdp7-comment__balloon::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 0; left: -16px; border: solid 0px white; border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-top-width: 8px; border-right-width: 16px; border-bottom-width: 8px; } @media screen and (max-width: 767px) { .p-gdp7-comment__title { display: block; } .p-gdp7-comment__title img { width: 245px; height: auto; } a.p-gdp7-comment__title-link::before { content: "\f35a"; font-family: "Font Awesome 5 Free"; } .p-gdp7-comment__list { width: 316px; margin: 0 auto; } .p-gdp7-comment__block { align-items: flex-start; font-size: 12px; } .p-gdp7-comment__photo { min-width: 56px; height: 56px; } .p-gdp7-comment__photo img { width: 100%; height: 100%; } .p-gdp7-comment__balloon { padding: 10px 13px; margin-left: 18px; } .p-gdp7-comment__balloon::before { top: 20px; margin: 0; left: -12px; border-top-width: 5px; border-right-width: 12px; border-bottom-width: 5px; } } .p-gdp7-goods { width: 1000px; margin: 0 auto; padding: 48px 0 32px 0; color: #ffffff; } .p-gdp7-goods__title { display: flex; justify-content: center; } .p-gdp7-goods__list { padding-top: 49px; display: flex; flex-wrap: wrap; } .p-gdp7-goods__item { width: 325px; margin-right: 12px; } .p-gdp7-goods__item:nth-last-of-type(1) { margin-right: 0; } .p-gdp7-goods__image img { display: block; } .p-gdp7-goods__detail { padding: 13px 7px 0 7px; } .p-gdp7-goods__name { font-size: 18px; font-weight: bold; } .p-gdp7-goods__price { display: flex; font-size: 12px; font-weight: bold; float: left; } .p-gdp7-goods__price::after { content: "/"; margin: 0 3px; } .p-gdp7-goods__price:nth-of-type(2n)::after { content: none; } .p-gdp7-goods__color, .p-gdp7-goods__size { clear: both; display: flex; font-size: 12px; font-weight: bold; } .p-gdp7-goods__color-title::after, .p-gdp7-goods__size-title::after { content: "/"; margin: 0 5px; } .p-gdp7-goods__color-list, .p-gdp7-goods__size-list { display: flex; } .p-gdp7-goods__color-item.swiper-slide, .p-gdp7-goods__size-item.swiper-slide { width: auto; } .p-gdp7-goods__color-item.swiper-slide::after, .p-gdp7-goods__size-item.swiper-slide::after { content: "・"; } .p-gdp7-goods__color-item.swiper-slide:nth-last-of-type(1)::after, .p-gdp7-goods__size-item.swiper-slide:nth-last-of-type(1)::after { content: none; } .p-gdp7-goods__desc { clear: both; color: #cccccc; padding-top: 9px; line-height: 20px; font-size: 12px; } .p-gdp7-goods__button { width: 342px; margin: 0 auto; } @media screen and (max-width: 767px) { .p-gdp7-goods { width: 100%; padding: 32px 0; } .p-gdp7-goods__title { padding: 0 28px; } .p-gdp7-goods__title img { max-width: 100%; height: auto; } .p-gdp7-goods__list-wrap { padding-left: calc((100vw - 325px) / 2); padding-right: calc((100vw - 325px) / 2); } .p-gdp7-goods__list { width: 100%; padding-top: 27px; } .p-gdp7-goods__button { width: 223px; } .p-gdp7-goods__button { width: 300px; } a.p-gdp7-goods__link { width: 300px; height: 48px; font-size: 16px; line-height: 43px; } } @media screen and (max-width: 337px) { .p-gdp7-goods__list-wrap { padding-left: 24px; padding-right: 24px; } .p-gdp7-goods__item { width: calc(100vw - 48px); } .p-gdp7-goods__image { width: 100%; } .p-gdp7-goods__image img { width: 100%; height: auto; } .p-gdp7-goods__detail { padding: 13px 5px 0 5px; } .p-gdp7-goods__tax { font-size: 10px; } .p-gdp7-goods__price::after { margin: 0 2px 0 0; text-indent: -3px; } } .p-gdp7-staff { width: 100%; padding: 40px 0; background: linear-gradient(-90deg, #04c7ed, #fc027f); } .p-gdp7-staff__title { text-align: center; } .p-gdp7-staff__list { display: flex; justify-content: center; flex-wrap: wrap; width: 1000px; margin: 0 auto; padding-top: 48px; padding-bottom: 3px; } .p-gdp7-staff__item { width: 160px; padding: 0 16px; color: #ffffff; text-align: center; font-weight: bold; } .p-gdp7-staff__name { font-size: 18px; padding: 3px 0 33px 0; } .p-gdp7-staff__position { font-size: 14px; display: block; } .p-gdp7-staff__back-list { width: 1000px; margin: 0 auto; } .p-gdp7-staff__back-item { display: inline; color: #ffffff; font-size: 12px; } .p-gdp7-staff__back-item::after { content: " / "; } .p-gdp7-staff__back-item:last-child::after { content: none; } @media screen and (max-width: 767px) { .p-gdp7-staff { padding: 24px 0; } .p-gdp7-staff__title img { width: 318px; height: auto; } .p-gdp7-staff__list-wrap { width: 100%; overflow: auto; } .p-gdp7-staff__list { padding-top: 24px; width: 1588px; justify-content: flex-start; } .p-gdp7-staff__item { padding: 0 8px; } .p-gdp7-staff__name { padding-bottom: 16px; } .p-gdp7-staff__back-list { width: 320px; line-height: 1.4; letter-spacing: -0.01em; word-break: break-all; } } .p-gdp7-news { width: 1000px; margin: 0 auto; } .p-gdp7-news__title { padding: 52px 0 48px 0; text-align: center; word-break: break-all; } .p-gdp7-news__list { width: 100%; padding-bottom: 19px; } .p-gdp7-news__item { background: #ffffff; margin-bottom: 10px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .p-gdp7-news__item-right { padding: 12px 17px; } .p-gdp7-news__img { width: 146px; height: 146px; min-width: 146px; background: #f9f9f9; } .p-gdp7-news__img img { width: 100%; height: auto; max-height: 100%; } .p-gdp7-news__cat { background: #00adc6; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 19px; display: inline-block; } .p-gdp7-news__date { color: #999999; font-size: 12px; } .p-gdp7-news__head { color: #000000; font-size: 18px; font-weight: bold; padding: 5px 0; width: 293px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-gdp7-news__content { font-size: 12px; line-height: 18px; } .p-gdp7-news__meta { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .p-gdp7-news { width: 100%; } .p-gdp7-news__title { padding: 26px 0 22px 0; text-align: center; } .p-gdp7-news__title img { width: 158px; height: auto; } .p-gdp7-news__list { width: 100%; height: auto; overflow: visible; padding-bottom: 25px; } .p-gdp7-news__item { background: #ffffff; margin-bottom: 0; width: 100%; padding: 10px 7px; border: none; border-bottom: solid 1px #dcdcdc; position: relative; box-sizing: border-box; } .p-gdp7-news__item-right { padding: 0 10px; position: absolute; padding-left: 130px; padding-right: 8px; left: 0; width: 100%; box-sizing: border-box; } .p-gdp7-news__img { width: 115px; height: 115px; min-width: 115px; } .p-gdp7-news__img a { display: block; position: relative; z-index: 10; } .p-gdp7-news__date { color: #00adc6; } .p-gdp7-news__head { width: 100%; } } .p-gdp7-sponsor { padding-bottom: 28px; } .p-gdp7-sponsor__title { text-align: center; padding-bottom: 21px; } .p-gdp7-sponsor__list-wrap { margin: 0 auto; max-width: 1000px; overflow: hidden; padding: 0 50px; position: relative; } .p-gdp7-sponsor__list { display: flex; /*justify-content: space-between;*/ } .p-gdp7-sponsor__item { background: #ffffff; width: 240px; margin-right: 13px; } .p-gdp7-sponsor__item:nth-last-of-type(1) { margin-right: 0; } .p-gdp7-sponsor__item img { display: block; } .p-gdp7-sponsor__item a { position: relative; z-index: 3; } .p-gdp7-sponsor__button, .p-gdp7-sponsor__button--next, .p-gdp7-sponsor__button--prev { background: none; outline: none; cursor: pointer; } .p-gdp7-sponsor__button::before, .p-gdp7-sponsor__button--next::before, .p-gdp7-sponsor__button--prev::before { content: none; } .p-gdp7-sponsor__button::after, .p-gdp7-sponsor__button--next::after, .p-gdp7-sponsor__button--prev::after { width: 20px; height: 20px; } .p-gdp7-sponsor__button--next::after { right: 25px; } @media screen and (max-width: 767px) { .p-gdp7-sponsor__title { text-align: center; padding-bottom: 11px; } .p-gdp7-sponsor__title img { width: 120px; height: auto; } .p-gdp7-sponsor__list-wrap { max-width: 100%; padding: 0; padding-right: 5px; box-sizing: border-box; } .p-gdp7-sponsor__list-inner { width: 100%; box-sizing: border-box; } .p-gdp7-sponsor__list { width: 100%; padding-left: 5px; } .p-gdp7-sponsor__item { background: none; margin: 0; } .p-gdp7-sponsor__item:nth-last-of-type(1) { margin-right: 0; } .p-gdp7-sponsor__item img { width: 100%; height: auto; } .p-gdp7-sponsor__button, .p-gdp7-sponsor__button--prev, .p-gdp7-sponsor__button--next { display: none; } } .p-gdp7-notice { width: 1000px; margin: 0 auto; padding: 47px 0 17px 0; } .p-gdp7-notice__title { width: 301px; height: 62px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-gdp7-notice__paragraph { text-align: center; color: #ffffff; line-height: 24px; padding-bottom: 24px; } @media screen and (max-width: 767px) { .p-gdp7-notice { width: 100%; padding: 23px 0 12px 0; } .p-gdp7-notice__title { height: 44px; margin-bottom: 18px; padding-left: 6px; } .p-gdp7-notice__img-gdp7 { width: 249px; height: auto; } .p-gdp7-notice__img-notice { width: 231px; height: auto; } .p-gdp7-notice__paragraph { font-size: 12px; padding-bottom: 17px; line-height: 22px; } } /*--------gsp---------*/ .p-event-gsp { width: 100%; background: #fff; } .p-event-gsp-catch { width: 100%; height: 426px; background: url(/images/event/gsp2020/catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-gsp-catch::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/event/common/catch_dot@2x.png) repeat center top; background-size: 1px 1px; z-index: 1; } .p-event-gsp-catch__inner { position: relative; z-index: 2; width: 100%; height: 426px; } .p-event-gsp-catch__inner::before, .p-event-gsp-catch__inner::after { content: ""; display: block; position: absolute; background-size: cover; background-repeat: no-repeat; bottom: 0; width: 403px; height: 215px; } .p-event-gsp-catch__inner::before { background-image: url(/images/event/gsp2020/flower_left.png); left: 0; } .p-event-gsp-catch__inner::after { background-image: url(/images/event/gsp2020/flower_right.png); right: 0; } .p-event-gsp-catch__logo { text-align: center; padding-top: 42px; position: relative; z-index: 3; } /* .p-event-gsp-catch__ticket { position:absolute; left:0; right:0; top:344px; display:flex; justify-content: space-between; width:516px; margin:0 auto; } .p-event-gsp-catch__button-back { background-color: #fff; width:251px; height:49px; z-index: 2; } a.p-event-gsp-catch__button { line-height:45px; box-sizing: border-box; border: solid 2px #000000; background:#e71388; box-shadow:2px 3px 0 #000000; display:block; text-align:center; font-size:16px; font-weight:bold; color:#ffffff; &:hover { text-decoration:none; opacity: 0.7; } } */ @media screen and (max-width: 767px) { .p-event-gsp-catch { height: 272px; background: url(/images/event/gsp2020/sp_catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-gsp-catch__inner { height: 272px; } .p-event-gsp-catch__inner::before, .p-event-gsp-catch__inner::after { width: 109px; height: 68px; } .p-event-gsp-catch__inner::before { background-image: url(/images/event/gsp2020/sp_flower_left.png); } .p-event-gsp-catch__inner::after { background-image: url(/images/event/gsp2020/sp_flower_right.png); } .p-event-gsp-catch__logo { position: absolute; z-index: 2; padding-top: 0; left: 0; right: 0; bottom: 7px; width: calc(100vw - 22px); margin: 0 auto; } .p-event-gsp-catch__logo img { width: 100%; height: auto; } /* .p-event-gsp-catch__ticket { top: 214px; width:223px; display:block; z-index:3; } .p-event-gsp-catch__button-back { width: 223px; height: 40px; margin-bottom:8px; } a.p-event-gsp-catch__button { font-size:12px; width:223px; height:40px; line-height:36px; }*/ } .p-event-gsp-headline { width: 100%; height: 67px; padding-top: 12px; box-sizing: border-box; background: linear-gradient(-90deg, #04c7ed, #fc027f); } .p-event-gsp-headline__block { width: 1000px; height: 42px; margin: 0 auto; display: flex; } .p-event-gsp-headline__title { background: #ffff00; width: 123px; border-radius: 42px 0 0 42px; display: flex; justify-content: center; align-items: center; font-style: italic; } .p-event-gsp-headline__news { background: #ffffff; border-radius: 0 42px 42px 0; width: calc(100% - 123px); line-height: 42px; padding: 0 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .p-event-gsp-headline__news a { text-decoration: underline; } @media screen and (max-width: 767px) { .p-event-gsp-headline { height: 40px; padding-top: 5px; } .p-event-gsp-headline__block { width: calc(100% - 14px); height: 30px; } .p-event-gsp-headline__title { width: 93px; box-sizing: border-box; padding-left: 7px; border-radius: 16px 0 0 16px; } .p-event-gsp-headline__title img { width: 68px; height: auto; } .p-event-gsp-headline__news { border-radius: 0 16px 16px 0; width: calc(100% - 93px); line-height: 30px; padding: 0 6px; font-size: 12px; } } .p-event-gsp-outline { width: 1000px; margin: 0 auto; padding: 44px 0 43px 0; } .p-event-gsp-outline__title { width: 301px; height: 64px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gsp-outline__description { position: relative; width: 100%; } .p-event-gsp-outline__description::before, .p-event-gsp-outline__description::after { content: ""; position: absolute; bottom: 0; background-repeat: no-repeat; background-size: cover; } .p-event-gsp-outline__description::before { width: 117px; height: 171px; left: 0; background-image: url(/images/event/gsp2020/character01.png); } .p-event-gsp-outline__description::after { width: 122px; height: 169px; right: 0; background-image: url(/images/event/gsp2020/character02.png); } .p-event-gsp-outline__paragraph { text-align: center; line-height: 1.7; padding-bottom: 23px; } .p-event-gsp-outline__paragraph:nth-of-type(1) { padding-bottom: 0; } .p-event-gsp-outline__table { margin: 28px auto 22px auto; border-collapse: separate; border-spacing: 1px; min-width: 100%; } .p-event-gsp-outline__th { color: #ffffff; background: #211d23; font-weight: bold; text-align: center; min-width: 114px; width: 114px; padding: 10px 0 9px 0; letter-spacing: 5px; } .p-event-gsp-outline__td { background: #f5f5f5; padding: 10px 14px 9px 14px; min-width: 100%; text-align: left; word-break: break-all; } .p-event-gsp-outline__price-item { padding-bottom: 10px; } .p-event-gsp-outline__price-item:nth-last-of-type(1) { padding-bottom: 0; } .p-event-gsp-outline__price-note { display: block; } .p-event-gsp-outline__request { width: 1000px; background: #fff2f9; border: solid 1px #fa0480; border-radius: 10px; } .p-event-gsp-outline__request-title { background: #fa0480; color: #fff; font-weight: bold; padding: 11px 0; text-align: center; border-radius: 10px 10px 0 0; } .p-event-gsp-outline__request-inner { padding: 15px 20px; color: #000; line-height: 1.7; padding-bottom: 25px; } .p-event-gsp-outline__request-list:nth-of-type(1) { padding-bottom: 25px; } .p-event-gsp-outline__request-sub-title { color: #fa0480; font-weight: bold; } a.p-event-gsp-outline__request-link { color: inherit; text-decoration: underline; } a.p-event-gsp-outline__request-link:hover { color: #fa0480; } /* .p-event-gsp-outline__infomation { display:flex; } .p-event-gsp-outline__map { width:320px; height:285px; margin-right:17px; background:#cccccc; } .p-event-gsp-outline__access { color:#cccccc; font-size:12px; } .p-event-gsp-outline__access-train { padding:17px 0; }*/ @media screen and (max-width: 767px) { .p-event-gsp-outline { width: 100%; padding: 24px 0 5px 0; } .p-event-gsp-outline__title { height: 47px; margin-bottom: 21px; } .p-event-gsp-outline__sub-title-img { width: 205px; height: auto; } .p-event-gsp-outline__title-img { width: 125px; height: auto; } .p-event-gsp-outline__description { padding-bottom: 140px; } .p-event-gsp-outline__description::before, .p-event-gsp-outline__description::after { content: ""; bottom: 25px; } .p-event-gsp-outline__description::before { width: 75px; height: 110px; left: 82px; } .p-event-gsp-outline__description::after { width: 79px; height: 110px; right: 82px; } .p-event-gsp-outline__paragraph { padding-bottom: 20px; max-width: 320px; margin: 0 auto; letter-spacing: -0.02em; } .p-event-gsp-outline__paragraph:nth-of-type(1) { padding-bottom: 20px; } .p-event-gsp-outline__table { min-width: auto; width: 320px; margin: 0 auto 23px auto; } .p-event-gsp-outline__th { min-width: 64px; } .p-event-gsp-outline__td { padding: 10px 12px 9px 12px; } .p-event-gsp-outline__tel { color: #cccccc; } .p-event-gsp-outline__price-note, .p-event-gsp-outline__release-note { font-size: 12px; display: block; } .p-event-gsp-outline__infomation { display: block; width: 320px; box-sizing: border-box; margin: 0 auto 23px auto; } .p-event-gsp-outline__map { margin: 0 0 13px 0; } .p-event-gsp-outline__access { padding-bottom: 10px; } .p-event-gsp-outline__request { width: 320px; margin: 0 auto; box-sizing: border-box; } } .p-event-gsp-time_table { width: 100%; padding: 39px 0 37px 0; background: linear-gradient(-90deg, #04c7ed, #fc027f); } .p-event-gsp-time_table__title { text-align: center; padding-bottom: 22px; } .p-event-gsp-time_table__program { display: flex; justify-content: space-between; position: relative; width: 1000px; margin: 0 auto; counter-reset: number; } .p-event-gsp-time_table__wrap, .p-event-gsp-time_table__wrap--after { width: 490px; } .p-event-gsp-time_table__item, .p-event-gsp-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 16px 28px 16px 63px; position: relative; background: #ffffff; color: #d71f8f; display: flex; } .p-event-gsp-time_table__item::before, .p-event-gsp-time_table__item--after::before { width: 50px; counter-increment: number; content: counter(number, decimal-leading-zero); position: absolute; top: 0; left: 0; height: 100%; background: #ff87ce; color: #ffffff; display: flex; align-items: center; justify-content: center; } .p-event-gsp-time_table__item--after { color: #6b75bf; } .p-event-gsp-time_table__item--after::before { background: #aa99e6; } .p-event-gsp-time_table__time, .p-event-gsp-time_table__time--after { color: #885eb2; display: inline-block; margin-left: auto; } .p-event-gsp-time_table__time--after { color: #24aedf; } /*---*/ .p-event-gsp-time_table__lineup { width: 490px; min-height: 517px; } .p-event-gsp-time_table__lineup-title { height: 40px; line-height: 40px; border-bottom: solid 2px #ffffff; padding-left: 12px; font-size: 18px; font-weight: bold; color: #ffffff; margin: 10px auto 15px auto; } .p-event-gsp-time_table__comming-soon { position: absolute; top: 56px; left: -10px; } .p-event-gsp-time_table__comming-soon-title { position: absolute; top: 105px; left: 0; right: 0; margin: 0 auto; text-align: center; } /*---*/ @media screen and (max-width: 767px) { .p-event-gsp-time_table { padding: 27px 0 28px 0; position: relative; } .p-event-gsp-time_table__title { padding-bottom: 12px; } .p-event-gsp-time_table__title img { width: 252px; height: auto; } .p-event-gsp-time_table__program-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; } .p-event-gsp-time_table__program { width: 200vw; } .p-event-gsp-time_table__wrap, .p-event-gsp-time_table__wrap--after { width: calc(100vw - 54px); margin: 0 auto; } .p-event-gsp-time_table__item, .p-event-gsp-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 16px 15px 16px 65px; align-items: center; } .p-event-gsp-time_table__flick-icon { top: 72px; right: 6px; opacity: 1; position: absolute; transform: scale(1); transition: transform 0.3s, opacity 0.3s; z-index: 1; } .p-event-gsp-time_table__flick-icon.is-hidden { opacity: 0; transform: scale(0.5); } /*.p-event-gsp-time_table__program-wrap { width:100%; overflow:hidden; box-sizing: border-box; } .p-event-gsp-time_table__lineup { width:calc(100vw - 55px); padding:0 28px; min-height:453px; } .p-event-gsp-time_table__lineup-title { line-height:40px; font-size:14px; padding-left:0; } .p-event-gsp-time_table__comming-soon { top:44px; left:14px; width:100vw; } .p-event-gsp-time_table__comming-soon-title { max-width:100%; top:152px; left:-32px; padding:0 12px; box-sizing: border-box; img { width:100%; height:auto; } }*/ } @media screen and (max-width: 337px) { .p-event-gsp-goods__comming-soon-image { left: -363px; } .p-event-gsp-time_table__comming-soon img { width: calc(100% - 30px); height: auto; } .p-event-gsp-time_table__comming-soon-title { top: 128px; } .p-event-gsp-time_table__comming-soon-title img { width: 100%; height: auto; } .p-event-gsp-time_table__lineup { min-height: 388px; } } .p-event-gsp-comment { width: 100%; padding-bottom: 12px; background: linear-gradient(-90deg, #04c7ed, #fc027f); } .p-event-gsp-comment__title { text-align: center; padding-bottom: 27px; display: flex; justify-content: center; align-items: flex-end; } a.p-event-gsp-comment__title-link { color: #ffffff; font-size: 12px; text-decoration: underline; margin-left: 14px; } .p-event-gsp-comment__list { width: 1000px; margin: 0 auto; } .p-event-gsp-comment__item { padding-bottom: 15px; } .p-event-gsp-comment__block { display: flex; align-items: center; } .p-event-gsp-comment__balloon { margin-left: 25px; position: relative; background: #ffffff; border-radius: 10px; color: #333333; padding: 12px 20px; } .p-event-gsp-comment__balloon::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 0; left: -16px; border: solid 0px white; border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-top-width: 8px; border-right-width: 16px; border-bottom-width: 8px; } @media screen and (max-width: 767px) { .p-event-gsp-comment__title { display: block; } .p-event-gsp-comment__title img { width: 245px; height: auto; } a.p-event-gsp-comment__title-link::before { content: "\f35a"; font-family: "Font Awesome 5 Free"; } .p-event-gsp-comment__list { width: 316px; margin: 0 auto; } .p-event-gsp-comment__block { align-items: flex-start; font-size: 12px; } .p-event-gsp-comment__photo { min-width: 56px; height: 56px; } .p-event-gsp-comment__photo img { width: 100%; height: 100%; } .p-event-gsp-comment__balloon { padding: 10px 13px; margin-left: 18px; } .p-event-gsp-comment__balloon::before { top: 20px; margin: 0; left: -12px; border-top-width: 5px; border-right-width: 12px; border-bottom-width: 5px; } } .p-event-gsp-goods { width: 1000px; margin: 0 auto; padding: 48px 0 32px 0; color: #000000; } .p-event-gsp-goods__title { display: flex; justify-content: center; } .p-event-gsp-goods__list { padding-top: 49px; display: flex; flex-wrap: wrap; } .p-event-gsp-goods__item { width: 325px; margin-right: 12px; } .p-event-gsp-goods__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gsp-goods__image img { display: block; } .p-event-gsp-goods__detail { padding: 13px 7px 0 7px; } .p-event-gsp-goods__name { font-size: 17px; font-weight: bold; } .p-event-gsp-goods__price { display: flex; font-size: 12px; font-weight: bold; float: left; } .p-event-gsp-goods__price::before { content: "/"; margin: 0 3px; } .p-event-gsp-goods__price:nth-of-type(1)::before { content: none; } .p-event-gsp-goods__color, .p-event-gsp-goods__size { clear: both; display: flex; font-size: 12px; font-weight: bold; } .p-event-gsp-goods__color-title::after, .p-event-gsp-goods__size-title::after { content: "/"; margin: 0 5px; } .p-event-gsp-goods__color-list, .p-event-gsp-goods__size-list { display: flex; } .p-event-gsp-goods__color-item.swiper-slide, .p-event-gsp-goods__size-item.swiper-slide { width: auto; } .p-event-gsp-goods__color-item.swiper-slide::after, .p-event-gsp-goods__size-item.swiper-slide::after { content: "・"; } .p-event-gsp-goods__color-item.swiper-slide:nth-last-of-type(1)::after, .p-event-gsp-goods__size-item.swiper-slide:nth-last-of-type(1)::after { content: none; } .p-event-gsp-goods__desc { clear: both; color: #555555; padding-top: 9px; line-height: 20px; font-size: 12px; } .p-event-gsp-goods__button { width: 342px; height: 49px; margin: 0 auto; } .p-event-gsp-goods__link { background: #e71388; border: 2px solid #000; box-shadow: 2px 3px 0 #000; box-sizing: border-box; color: #fff; display: block; font-size: 16px; font-weight: 700; line-height: 45px; text-align: center; text-decoration: none; } /*------------coomingsoon-------------*/ .p-event-gsp-goods__list { position: relative; width: 490px; min-height: 414px; } .p-event-gsp-goods__comming-soon { position: absolute; top: 36px; left: -10px; } .p-event-gsp-goods__comming-soon-title { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; } /*------------end:coomingsoon-------------*/ @media screen and (max-width: 767px) { .p-event-gsp-goods { width: 100%; padding: 32px 0; } .p-event-gsp-goods__title { padding: 0 28px; } .p-event-gsp-goods__title img { max-width: 100%; height: auto; } .p-event-gsp-goods__list-wrap { padding-left: calc((100vw - 325px) / 2); padding-right: calc((100vw - 325px) / 2); } .p-event-gsp-goods__list { width: 100%; padding-top: 27px; } .p-event-gsp-goods__button { width: 223px; } .p-event-gsp-goods__button { width: 300px; } a.p-event-gsp-goods__link { width: 300px; height: 48px; font-size: 16px; line-height: 43px; } /*------------coomingsoon-------------*/ .p-event-gsp-goods { width: 100%; } .p-event-gsp-goods__list { width: 100%; min-height: 354px; overflow: hidden; } .p-event-gsp-goods__comming-soon { top: 12px; left: 14px; width: 100vw; } .p-event-gsp-goods__comming-soon-title { max-width: 100%; top: 98px; left: -32px; padding: 0 12px; z-index: 2; box-sizing: border-box; } .p-event-gsp-goods__comming-soon-title img { width: 100%; height: auto; } .p-event-gsp-goods__comming-soon-image { z-index: 1; position: relative; left: -337px; } /*------------end:coomingsoon-------------*/ } @media screen and (max-width: 337px) { .p-event-gsp-goods__list-wrap { padding-left: 24px; padding-right: 24px; } .p-event-gsp-goods__item { width: calc(100vw - 48px); } .p-event-gsp-goods__image { width: 100%; } .p-event-gsp-goods__image img { width: 100%; height: auto; } .p-event-gsp-goods__detail { padding: 13px 5px 0 5px; } .p-event-gsp-goods__tax { font-size: 10px; } .p-event-gsp-goods__price::after { margin: 0 2px 0 0; text-indent: -3px; } /*------------coomingsoon-------------*/ .p-event-gsp-goods__comming-soon-image { left: -363px; } /*------------end:coomingsoon-------------*/ } .p-event-gsp-news { width: 100%; padding: 39px 0 7px 0; background: linear-gradient(-90deg, #04c7ed, #fc027f); } .p-event-gsp-news__title { padding: 52px 0 48px 0; text-align: center; word-break: break-all; } .p-event-gsp-news__list { width: 1000px; margin: 0 auto; padding-bottom: 19px; } .p-event-gsp-news__item { background: #ffffff; margin-bottom: 10px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .p-event-gsp-news__item-right { padding: 12px 17px; } .p-event-gsp-news__img { width: 146px; height: 146px; min-width: 146px; background: #f9f9f9; } .p-event-gsp-news__img img { width: 100%; height: auto; max-height: 100%; } .p-event-gsp-news__cat { background: #00adc6; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 19px; display: inline-block; } .p-event-gsp-news__date { color: #999999; font-size: 12px; } .p-event-gsp-news__head { color: #000000; font-size: 18px; font-weight: bold; padding: 5px 0; width: 293px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-event-gsp-news__content { font-size: 12px; line-height: 18px; } .p-event-gsp-news__meta { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .p-event-gsp-news { width: 100%; } .p-event-gsp-news__title { padding: 26px 0 22px 0; text-align: center; } .p-event-gsp-news__title img { width: 158px; height: auto; } .p-event-gsp-news__list { width: 100%; height: auto; overflow: visible; padding-bottom: 25px; } .p-event-gsp-news__item { background: #ffffff; margin-bottom: 0; width: 100%; padding: 10px 7px; border: none; border-bottom: solid 1px #dcdcdc; position: relative; box-sizing: border-box; } .p-event-gsp-news__item-right { padding: 0 10px; position: absolute; padding-left: 130px; padding-right: 8px; left: 0; width: 100%; box-sizing: border-box; } .p-event-gsp-news__img { width: 115px; height: 115px; min-width: 115px; } .p-event-gsp-news__img a { display: block; position: relative; z-index: 10; } .p-event-gsp-news__date { color: #00adc6; } .p-event-gsp-news__head { width: 100%; } } .p-event-gsp-staff { width: 100%; padding: 0 0 30px 0; color: #ffffff; background: linear-gradient(-90deg, #04c7ed, #fc027f); } .p-event-gsp-staff__title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 27px; } .p-event-gsp-staff__list { display: flex; justify-content: center; flex-wrap: wrap; width: 580px; margin: 0 auto; } .p-event-gsp-staff__item:not(:nth-last-of-type(1)):after { content: "/"; margin: 0 5px; } @media screen and (max-width: 767px) { .p-event-gsp-staff { padding: 24px 0; } .p-event-gsp-staff__list { width: calc(100vw - 12px); } } /*--------rerise---------*/ .p-event-rerise { width: 100%; background: url(/images/event/rerise/event_back.jpg) repeat-y left top; background-size: 100% auto; font-size: 1.4rem; } .p-event-rerise-catch { width: 100%; height: 426px; background: url(/images/event/rerise/catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-rerise-catch__logo { text-align: center; padding-top: 23px; } .p-event-rerise-catch__ticket { position: absolute; left: 0; right: 0; top: 344px; display: flex; justify-content: space-between; width: 516px; margin: 0 auto; } .p-event-rerise-catch__button-back { background-color: #fff; width: 251px; height: 49px; z-index: 2; } a.p-event-rerise-catch__button { line-height: 45px; box-sizing: border-box; border: solid 2px #000000; background: #e71388; box-shadow: 2px 3px 0 #000000; display: block; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; } a.p-event-rerise-catch__button:hover { text-decoration: none; opacity: 0.7; } @media screen and (max-width: 767px) { .p-event-rerise-catch { height: 246px; background: url(/images/event/rerise/sp_catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-rerise-catch::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/event/common/catch_dot@2x.png) repeat center top; background-size: 1px 1px; z-index: 1; } .p-event-rerise-catch__logo { position: relative; z-index: 2; text-indent: -8px; padding-top: 56px; } .p-event-rerise-catch__logo img { width: 286px; height: auto; } .p-event-rerise-catch__ticket { top: 214px; width: 223px; display: block; z-index: 3; } .p-event-rerise-catch__button-back { width: 223px; height: 40px; margin-bottom: 8px; } a.p-event-rerise-catch__button { font-size: 12px; width: 223px; height: 40px; line-height: 36px; } } .p-event-rerise-headline { width: 100%; height: 67px; padding-top: 12px; box-sizing: border-box; background: linear-gradient(-90deg, #ffd71f, #ff0145); } .p-event-rerise-headline__block { width: 1000px; height: 42px; margin: 0 auto; display: flex; } .p-event-rerise-headline__title { background: #ffcc32; width: 123px; border-radius: 42px 0 0 42px; display: flex; justify-content: center; align-items: center; } .p-event-rerise-headline__news { background: #ffffff; border-radius: 0 42px 42px 0; width: calc(100% - 123px); line-height: 42px; padding: 0 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .p-event-rerise-headline__news a { text-decoration: underline; } @media screen and (max-width: 767px) { .p-event-rerise-headline { height: 40px; padding-top: 5px; } .p-event-rerise-headline__block { width: calc(100% - 14px); height: 30px; } .p-event-rerise-headline__title { width: 93px; box-sizing: border-box; padding-left: 7px; border-radius: 16px 0 0 16px; } .p-event-rerise-headline__title img { width: 68px; height: auto; } .p-event-rerise-headline__news { border-radius: 0 16px 16px 0; width: calc(100% - 93px); line-height: 30px; padding: 0 6px; font-size: 12px; } } .p-event-rerise-outline { width: 1000px; margin: 0 auto; padding: 44px 0 30px 0; } .p-event-rerise-outline__title { width: 301px; height: 64px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-rerise-outline__paragraph { text-align: center; color: #ffffff; line-height: 1.7; padding-bottom: 22px; } .p-event-rerise-outline__table { margin: 6px auto 22px auto; border-collapse: separate; border-spacing: 1px; min-width: 100%; } .p-event-rerise-outline__th { color: #ffffff; background: #211d23; font-weight: bold; text-align: center; min-width: 114px; padding: 10px 0 9px 0; letter-spacing: 5px; } .p-event-rerise-outline__th--release { letter-spacing: 0; } .p-event-rerise-outline__td { background: #ffffff; padding: 10px 14px 9px 14px; min-width: 100%; text-align: left; word-break: break-all; } .p-event-rerise-outline__infomation { display: flex; } .p-event-rerise-outline__map { width: 320px; height: 285px; margin-right: 17px; background: #cccccc; } .p-event-rerise-outline__access { color: #cccccc; font-size: 12px; } .p-event-rerise-outline__access-train { padding: 17px 0; } .p-event-rerise-outline__request { width: 1000px; background: #fff4f7; border: solid 1px #ff0145; border-radius: 10px; } .p-event-rerise-outline__request-title { background: #ff0145; color: #fff; font-weight: bold; padding: 11px 0; text-align: center; border-radius: 10px 10px 0 0; } .p-event-rerise-outline__request-inner { padding: 15px 20px; color: #000; line-height: 1.7; padding-bottom: 25px; } .p-event-rerise-outline__request-list:nth-of-type(1) { padding-bottom: 25px; } .p-event-rerise-outline__request-sub-title { color: #ff0145; font-weight: bold; } a.p-event-rerise-outline__request-link { color: #17a8de; text-decoration: underline; } a.p-event-rerise-outline__request-link:hover { color: #fa0480; } .p-event-rerise-outline__price { margin-bottom: 5px; } .p-event-rerise-outline__price-title { font-weight: bold; } .p-event-rerise-outline__price-desc { padding-left: 14px; padding-bottom: 10px; line-height: 1.8; } @media screen and (max-width: 767px) { .p-event-rerise-outline { width: 100%; padding: 24px 0 0 0; } .p-event-rerise-outline__title { height: 47px; margin-bottom: 21px; } .p-event-rerise-outline__sub-title-img { width: 243px; height: auto; } .p-event-rerise-outline__title-img { width: 130px; height: auto; } .p-event-rerise-outline__paragraph { font-size: 12px; padding-bottom: 20px; } .p-event-rerise-outline__table { min-width: auto; width: 320px; margin: 0 auto 23px auto; } .p-event-rerise-outline__th { min-width: 64px; } .p-event-rerise-outline__td { padding: 10px 12px 9px 12px; } .p-event-rerise-outline__tel { color: #cccccc; } .p-event-rerise-outline__price-note, .p-event-rerise-outline__release-note { font-size: 12px; display: block; } .p-event-rerise-outline__infomation { display: block; width: 320px; margin: 0 auto 23px auto; } .p-event-rerise-outline__map { margin: 0 0 13px 0; } .p-event-rerise-outline__access { padding-bottom: 10px; } .p-event-rerise-outline__request { width: 320px; margin: 0 auto; box-sizing: border-box; } .p-event-rerise-outline__price-title { font-size: 12px; } .p-event-rerise-outline__price-desc { font-size: 12px; } } .p-event-rerise-time_table { width: 100%; padding: 39px 0 37px 0; background: linear-gradient(-90deg, #ffd71f, #ff0145); } .p-event-rerise-time_table__title { text-align: center; padding-bottom: 22px; } .p-event-rerise-time_table__program { display: flex; justify-content: space-between; position: relative; width: 1000px; margin: 0 auto; counter-reset: number; } .p-event-rerise-time_table__wrap, .p-event-rerise-time_table__wrap--after { width: 490px; } .p-event-rerise-time_table__day-title { font-weight: bold; color: #ffffff; text-align: center; font-size: 28px; } .p-event-rerise-time_table__day-desc { font-size: 18px; display: block; } .p-event-rerise-time_table__item, .p-event-rerise-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 20px 28px 21px 63px; position: relative; background: #ffffff; color: #ff4a4d; display: flex; } .p-event-rerise-time_table__item-number { width: 50px; counter-increment: number; content: counter(number, decimal-leading-zero); position: absolute; top: 0; left: 0; height: 100%; background: #ffc836; color: #ffffff; display: flex; align-items: center; justify-content: center; } .p-event-rerise-time_table__item--after { padding: 13px 28px 13px 63px; color: #f78b1c; } .p-event-rerise-time_table__item--after::before { background: #ff494d; } .p-event-rerise-time_table__time, .p-event-rerise-time_table__time--after { color: #ff6a32; display: inline-block; margin-left: auto; } .p-event-rerise-time_table__time--after { color: #ffa429; } .p-event-rerise-time_table__lineup { width: 490px; min-height: 517px; } .p-event-rerise-time_table__lineup-title { height: 40px; line-height: 40px; border-bottom: solid 2px #ffffff; padding-left: 12px; font-size: 18px; font-weight: bold; color: #ffffff; margin: 10px auto 15px auto; } .p-event-rerise-time_table__comming-soon { position: absolute; top: 56px; left: -10px; } .p-event-rerise-time_table__comming-soon-title { position: absolute; top: 105px; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-rerise-time_table { padding: 27px 0 28px 0; position: relative; } .p-event-rerise-time_table__title { padding-bottom: 12px; } .p-event-rerise-time_table__title img { width: 252px; height: auto; } .p-event-rerise-time_table__program-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; } .p-event-rerise-time_table__day-title { font-size: 21px; } .p-event-rerise-time_table__day-desc { font-size: 13px; } .p-event-rerise-time_table__program { width: 200vw; } .p-event-rerise-time_table__list { width: calc(100vw - 54px); margin: 0 auto; } .p-event-rerise-time_table__item, .p-event-rerise-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 19px 28px 19px 63px; align-items: center; } .p-event-rerise-time_table__item--after { padding: 13px 28px 13px 63px; } .p-event-rerise-time_table__flick-icon { top: 72px; right: 6px; opacity: 1; position: absolute; transform: scale(1); transition: transform 0.3s, opacity 0.3s; z-index: 1; } .p-event-rerise-time_table__flick-icon.is-hidden { opacity: 0; transform: scale(0.5); } /*------ .p-event-rerise-time_table__program-wrap { width:100%; overflow:hidden; box-sizing: border-box; } .p-event-rerise-time_table__lineup { width:calc(100vw - 55px); padding:0 28px; min-height:453px; } .p-event-rerise-time_table__lineup-title { line-height:40px; font-size:14px; padding-left:0; } .p-event-rerise-time_table__comming-soon { top:44px; left:14px; width:100vw; } .p-event-rerise-time_table__comming-soon-title { max-width:100%; top:152px; left:-32px; padding:0 12px; box-sizing: border-box; img { width:100%; height:auto; } }*/ } @media screen and (max-width: 337px) { .p-event-rerise-goods__comming-soon-image { left: -363px; } .p-event-rerise-time_table__comming-soon img { width: calc(100% - 30px); height: auto; } .p-event-rerise-time_table__comming-soon-title { top: 128px; } .p-event-rerise-time_table__comming-soon-title img { width: 100%; height: auto; } .p-event-rerise-time_table__lineup { min-height: 388px; } } .p-event-rerise-comment { width: 100%; padding-bottom: 12px; background: linear-gradient(-90deg, #ffd71f, #ff0145); } .p-event-rerise-comment__title { text-align: center; padding-bottom: 27px; display: flex; justify-content: center; align-items: flex-end; } a.p-event-rerise-comment__title-link { color: #ffffff; font-size: 12px; text-decoration: underline; margin-left: 14px; } .p-event-rerise-comment__list { width: 1000px; margin: 0 auto; } .p-event-rerise-comment__item { padding-bottom: 15px; } .p-event-rerise-comment__block { display: flex; align-items: center; } .p-event-rerise-comment__balloon { margin-left: 25px; position: relative; background: #ffffff; border-radius: 10px; color: #333333; padding: 12px 20px; } .p-event-rerise-comment__balloon::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 0; left: -16px; border: solid 0px white; border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-top-width: 8px; border-right-width: 16px; border-bottom-width: 8px; } @media screen and (max-width: 767px) { .p-event-rerise-comment__title { display: block; } .p-event-rerise-comment__title img { width: 245px; height: auto; } a.p-event-rerise-comment__title-link::before { content: "\f35a"; font-family: "Font Awesome 5 Free"; } .p-event-rerise-comment__list { width: 316px; margin: 0 auto; } .p-event-rerise-comment__block { align-items: flex-start; font-size: 12px; } .p-event-rerise-comment__photo { min-width: 56px; height: 56px; } .p-event-rerise-comment__photo img { width: 100%; height: 100%; } .p-event-rerise-comment__balloon { padding: 10px 13px; margin-left: 18px; } .p-event-rerise-comment__balloon::before { top: 20px; margin: 0; left: -12px; border-top-width: 5px; border-right-width: 12px; border-bottom-width: 5px; } } .p-event-rerise-goods { width: 1000px; margin: 0 auto; padding: 48px 0 32px 0; color: #ffffff; } .p-event-rerise-goods__title { display: flex; justify-content: center; } .p-event-rerise-goods__list { padding-top: 49px; display: flex; flex-wrap: wrap; } .p-event-rerise-goods__item { width: 325px; margin-right: 12px; } .p-event-rerise-goods__item:nth-last-of-type(1) { margin-right: 0; } .p-event-rerise-goods__image img { display: block; } .p-event-rerise-goods__detail { padding: 13px 7px 0 7px; } .p-event-rerise-goods__name { font-size: 18px; font-weight: bold; } .p-event-rerise-goods__price { display: flex; font-size: 12px; font-weight: bold; float: left; } .p-event-rerise-goods__color, .p-event-rerise-goods__size { clear: both; display: flex; font-size: 12px; font-weight: bold; } .p-event-rerise-goods__color-title::after, .p-event-rerise-goods__size-title::after { content: "/"; margin: 0 5px; } .p-event-rerise-goods__color-list, .p-event-rerise-goods__size-list { display: flex; } .p-event-rerise-goods__color-item.swiper-slide, .p-event-rerise-goods__size-item.swiper-slide { width: auto; } .p-event-rerise-goods__color-item.swiper-slide::after, .p-event-rerise-goods__size-item.swiper-slide::after { content: "・"; } .p-event-rerise-goods__color-item.swiper-slide:nth-last-of-type(1)::after, .p-event-rerise-goods__size-item.swiper-slide:nth-last-of-type(1)::after { content: none; } .p-event-rerise-goods__desc { clear: both; color: #cccccc; padding-top: 9px; line-height: 20px; font-size: 12px; } .p-event-rerise-goods__button { width: 342px; height: 48px; margin: 0 auto; background-color: #fff; } a.p-event-rerise-goods__link { line-height: 45px; box-sizing: border-box; border: solid 2px #000000; background: #ff1147; box-shadow: 2px 3px 0 #000000; display: block; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; } a.p-event-rerise-goods__link:hover { text-decoration: none; opacity: 0.7; } @media screen and (max-width: 767px) { .p-event-rerise-goods { width: 100%; padding: 32px 0; } .p-event-rerise-goods__title { padding: 0 28px; } .p-event-rerise-goods__title img { max-width: 100%; height: auto; } .p-event-rerise-goods__list-wrap { padding-left: calc((100vw - 325px) / 2); padding-right: calc((100vw - 325px) / 2); } .p-event-rerise-goods__list { width: 100%; padding-top: 27px; } .p-event-rerise-goods__button { width: 223px; } .p-event-rerise-goods__button { width: 300px; } a.p-event-rerise-goods__link { width: 300px; height: 48px; font-size: 16px; line-height: 43px; } } @media screen and (max-width: 337px) { .p-event-rerise-goods__list-wrap { padding-left: 24px; padding-right: 24px; } .p-event-rerise-goods__item { width: calc(100vw - 48px); } .p-event-rerise-goods__image { width: 100%; } .p-event-rerise-goods__image img { width: 100%; height: auto; } .p-event-rerise-goods__detail { padding: 13px 5px 0 5px; } .p-event-rerise-goods__tax { font-size: 10px; } .p-event-rerise-goods__price::after { margin: 0 2px 0 0; text-indent: -3px; } } .p-event-rerise-staff { width: 100%; padding: 43px 0 30px 0; color: #ffffff; } .p-event-rerise-staff__title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 27px; } .p-event-rerise-staff__list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; } .p-event-rerise-staff__item { text-align: center; } .p-event-rerise-staff__item:not(:nth-last-of-type(1)):after { content: "/"; margin: 0 5px; } @media screen and (max-width: 767px) { .p-event-rerise-staff { padding: 24px 0; } .p-event-rerise-staff__list { width: calc(100vw - 12px); } } .p-event-rerise-news { background: linear-gradient(-90deg, #ffd71f, #ff0145); } .p-event-rerise-news__title { padding: 52px 0 48px 0; text-align: center; word-break: break-all; } .p-event-rerise-news__list { width: 1000px; margin: 0 auto; padding-bottom: 19px; } .p-event-rerise-news__item { background: #ffffff; margin-bottom: 10px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .p-event-rerise-news__item-right { padding: 12px 17px; } .p-event-rerise-news__img { width: 146px; height: 146px; min-width: 146px; background: #f9f9f9; } .p-event-rerise-news__img img { width: 100%; height: auto; max-height: 100%; } .p-event-rerise-news__cat { background: #00adc6; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 19px; display: inline-block; } .p-event-rerise-news__date { color: #999999; font-size: 12px; } .p-event-rerise-news__head { color: #000000; font-size: 18px; font-weight: bold; padding: 5px 0; width: 293px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-event-rerise-news__content { font-size: 12px; line-height: 18px; } .p-event-rerise-news__meta { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .p-event-rerise-news { width: 100%; } .p-event-rerise-news__title { padding: 26px 0 22px 0; text-align: center; } .p-event-rerise-news__title img { width: 158px; height: auto; } .p-event-rerise-news__list { width: 100%; height: auto; overflow: visible; padding-bottom: 25px; } .p-event-rerise-news__item { background: #ffffff; margin-bottom: 0; width: 100%; padding: 10px 7px; border: none; border-bottom: solid 1px #dcdcdc; position: relative; box-sizing: border-box; } .p-event-rerise-news__item-right { padding: 0 10px; position: absolute; padding-left: 130px; padding-right: 8px; left: 0; width: 100%; box-sizing: border-box; } .p-event-rerise-news__img { width: 115px; height: 115px; min-width: 115px; } .p-event-rerise-news__img a { display: block; position: relative; z-index: 10; } .p-event-rerise-news__date { color: #00adc6; } .p-event-rerise-news__head { width: 100%; } } .p-event-rerise-sponsor { padding-top: 28px; padding-bottom: 38px; } .p-event-rerise-sponsor__title { text-align: center; padding-bottom: 21px; } .p-event-rerise-sponsor__list-wrap { margin: 0 auto; max-width: 1000px; overflow: hidden; padding: 0 50px; position: relative; } .p-event-rerise-sponsor__list { display: flex; /*justify-content: space-between;*/ } .p-event-rerise-sponsor__item { background: #ffffff; width: 325px; margin-right: 13px; } .p-event-rerise-sponsor__item:nth-last-of-type(1) { margin-right: 0; } .p-event-rerise-sponsor__item img { display: block; } .p-event-rerise-sponsor__item a { position: relative; z-index: 3; } .p-event-rerise-sponsor__button, .p-event-rerise-sponsor__button--next, .p-event-rerise-sponsor__button--prev { background: none; outline: none; cursor: pointer; } .p-event-rerise-sponsor__button::before, .p-event-rerise-sponsor__button--next::before, .p-event-rerise-sponsor__button--prev::before { content: none; } .p-event-rerise-sponsor__button::after, .p-event-rerise-sponsor__button--next::after, .p-event-rerise-sponsor__button--prev::after { width: 20px; height: 20px; } .p-event-rerise-sponsor__button--next::after { right: 25px; } @media screen and (max-width: 767px) { .p-event-rerise-sponsor__title { text-align: center; padding-bottom: 11px; } .p-event-rerise-sponsor__title img { width: 120px; height: auto; } .p-event-rerise-sponsor__list-wrap { max-width: 100%; padding: 0; padding-right: 5px; box-sizing: border-box; } .p-event-rerise-sponsor__list-inner { width: 100%; box-sizing: border-box; } .p-event-rerise-sponsor__list { width: 100%; padding-left: 5px; } .p-event-rerise-sponsor__item { background: none; margin: 0; } .p-event-rerise-sponsor__item:nth-last-of-type(1) { margin-right: 0; } .p-event-rerise-sponsor__item img { width: 100%; height: auto; } .p-event-rerise-sponsor__button, .p-event-rerise-sponsor__button--prev, .p-event-rerise-sponsor__button--next { display: none; } } .p-event-rerise-notice { width: 1000px; margin: 0 auto; padding: 47px 0 17px 0; } .p-event-rerise-notice__title { width: 301px; height: 62px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-rerise-notice__paragraph { text-align: center; color: #ffffff; line-height: 24px; padding-bottom: 24px; } @media screen and (max-width: 767px) { .p-event-rerise-notice { width: 100%; padding: 23px 0 12px 0; } .p-event-rerise-notice__title { height: 44px; margin-bottom: 18px; padding-left: 6px; } .p-event-rerise-notice__img-rerise { width: 249px; height: auto; } .p-event-rerise-notice__img-notice { width: 231px; height: auto; } .p-event-rerise-notice__paragraph { font-size: 12px; padding-bottom: 17px; line-height: 22px; } } .p-event-rerise-guest { width: 1000px; height: 329px; position: relative; margin: 0 auto 43px auto; background: #fffcef; box-sizing: border-box; padding: 18px 18px 0 341px; } .p-event-rerise-guest__line { font-size: 15px; font-weight: bold; color: #ffffff; line-height: 30px; padding: 0 7px; background: #ff703e; display: inline-block; position: relative; } .p-event-rerise-guest__line::after { content: ""; display: block; border-style: solid; border-top-width: 0; border-bottom-width: 30px; border-left-width: 8px; border-right-width: 0; position: absolute; top: 0; right: -8px; border-color: transparent transparent transparent #ff703e; } .p-event-rerise-guest__title { line-height: 56px; padding-left: 5px; border-bottom: 1px solid #cccccc; margin-bottom: 12px; } .p-event-rerise-guest__name { font-size: 24px; } .p-event-rerise-guest__photo { position: absolute; left: 0; top: 0; } .p-event-rerise-guest__paragraph { padding: 0 8px 18px 6px; word-break: break-all; } @media screen and (max-width: 767px) { .p-event-rerise-guest { width: calc(100vw - 23px); height: auto; padding: 12px 0 5px 0; margin: 12px auto 22px auto; } .p-event-rerise-guest__photo { position: static; width: calc(100% - 30px); height: auto; margin: 0 auto 16px auto; display: block; } .p-event-rerise-guest__line { padding-left: 23px; } .p-event-rerise-guest__line::after { right: -7px; } .p-event-rerise-guest__title { line-height: 1.6; font-size: 12px; padding-left: 21px; margin: 10px auto 8px auto; border-bottom: none; } .p-event-rerise-guest__name-suffix { font-size: 15px; } .p-event-rerise-guest__paragraph { padding: 0 19px 21px 19px; } } @media screen and (max-width: 337px) { .p-event-rerise-guest__line { font-size: 13px; } .p-event-rerise-guest__title { font-size: 11px; } } /*--------gap2021---------*/ .p-event-gap2021 { width: 100%; background: url(/images/event/gap2021/event_back.jpg) repeat-y left top; background-size: 100% auto; } .p-event-gap2021__gradient { background: linear-gradient(to right, #E84482, #FFDB4F); } .p-event-gap2021-catch { width: 100%; height: 426px; background: url(/images/event/gap2021/catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-gap2021-catch__logo { text-align: center; padding-top: 23px; } .p-event-gap2021-catch__ticket { position: absolute; left: 0; right: 0; top: 344px; display: flex; justify-content: space-between; width: 516px; margin: 0 auto; } .p-event-gap2021-catch__button-back { background-color: #fff; width: 251px; height: 49px; z-index: 2; } a.p-event-gap2021-catch__button { line-height: 45px; box-sizing: border-box; border: solid 2px #000000; background: #e71388; box-shadow: 2px 3px 0 #000000; display: block; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; } a.p-event-gap2021-catch__button:hover { text-decoration: none; opacity: 0.7; } @media screen and (max-width: 767px) { .p-event-gap2021-catch { height: 246px; background: url(/images/event/gap2021/sp_catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-gap2021-catch::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/event/common/catch_dot@2x.png) repeat center top; background-size: 1px 1px; z-index: 1; } .p-event-gap2021-catch__logo { position: relative; z-index: 2; padding-top: 38px; } .p-event-gap2021-catch__logo img { width: 91%; height: auto; } .p-event-gap2021-catch__ticket { top: 214px; width: 223px; display: block; z-index: 3; } .p-event-gap2021-catch__button-back { width: 223px; height: 40px; margin-bottom: 8px; } a.p-event-gap2021-catch__button { font-size: 12px; width: 223px; height: 40px; line-height: 36px; } } .p-event-gap2021-headline { width: 100%; height: 67px; padding-top: 12px; box-sizing: border-box; } .p-event-gap2021-headline__block { width: 1000px; height: 42px; margin: 0 auto; display: flex; } .p-event-gap2021-headline__title { background: #ffcc32; width: 123px; border-radius: 42px 0 0 42px; display: flex; justify-content: center; align-items: center; } .p-event-gap2021-headline__news { background: #ffffff; border-radius: 0 42px 42px 0; width: calc(100% - 123px); line-height: 42px; padding: 0 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .p-event-gap2021-headline__news a { text-decoration: underline; } @media screen and (max-width: 767px) { .p-event-gap2021-headline { height: 40px; padding-top: 5px; } .p-event-gap2021-headline__block { width: calc(100% - 14px); height: 30px; } .p-event-gap2021-headline__title { width: 93px; box-sizing: border-box; padding-left: 7px; border-radius: 16px 0 0 16px; } .p-event-gap2021-headline__title img { width: 68px; height: auto; } .p-event-gap2021-headline__news { border-radius: 0 16px 16px 0; width: calc(100% - 93px); line-height: 30px; padding: 0 6px; font-size: 12px; } } .p-event-gap2021-outline { width: 1000px; margin: 0 auto; padding: 44px 0 30px 0; } .p-event-gap2021-outline__title { width: 301px; height: 64px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gap2021-outline__paragraph { text-align: center; color: #ffffff; line-height: 1.7; padding-bottom: 22px; } .p-event-gap2021-outline__table { margin: 6px auto 22px auto; border-collapse: separate; border-spacing: 1px; min-width: 100%; } .p-event-gap2021-outline__th { color: #ffffff; background: #211d23; font-weight: bold; text-align: center; min-width: 114px; padding: 10px 0 9px 0; letter-spacing: 5px; } .p-event-gap2021-outline__th--release { letter-spacing: 0; } .p-event-gap2021-outline__td { background: #ffffff; padding: 10px 14px 9px 14px; min-width: 100%; text-align: left; word-break: break-all; } .p-event-gap2021-outline__infomation { display: flex; } .p-event-gap2021-outline__map { width: 320px; height: 285px; margin-right: 17px; background: #cccccc; } .p-event-gap2021-outline__access { color: #cccccc; font-size: 12px; } .p-event-gap2021-outline__access-train { padding: 17px 0; } .p-event-gap2021-outline__request { width: 1000px; background: #fff4f7; border: solid 1px #ff0145; border-radius: 10px; } .p-event-gap2021-outline__request-title { background: #ff0145; color: #fff; font-weight: bold; padding: 11px 0; text-align: center; border-radius: 10px 10px 0 0; } .p-event-gap2021-outline__request-inner { padding: 15px 20px; color: #000; line-height: 1.7; padding-bottom: 25px; } .p-event-gap2021-outline__request-list:nth-of-type(1) { padding-bottom: 25px; } .p-event-gap2021-outline__request-sub-title { color: #ff0145; font-weight: bold; } a.p-event-gap2021-outline__request-link { color: #17a8de; text-decoration: underline; } a.p-event-gap2021-outline__request-link:hover { color: #fa0480; } .p-event-gap2021-outline__price { margin-bottom: 5px; } .p-event-gap2021-outline__price-title { font-weight: bold; } .p-event-gap2021-outline__price-desc { padding-left: 14px; padding-bottom: 10px; line-height: 1.8; } @media screen and (max-width: 767px) { .p-event-gap2021-outline { width: 100%; padding: 24px 0 0 0; } .p-event-gap2021-outline__title { height: 47px; margin-bottom: 21px; } .p-event-gap2021-outline__sub-title-img { width: 243px; height: auto; } .p-event-gap2021-outline__title-img { width: 130px; height: auto; } .p-event-gap2021-outline__paragraph { font-size: 12px; padding-bottom: 20px; } .p-event-gap2021-outline__table { min-width: auto; width: 320px; margin: 0 auto 23px auto; } .p-event-gap2021-outline__th { min-width: 64px; } .p-event-gap2021-outline__td { padding: 10px 12px 9px 12px; } .p-event-gap2021-outline__tel { color: #cccccc; } .p-event-gap2021-outline__price-note, .p-event-gap2021-outline__release-note { font-size: 12px; display: block; } .p-event-gap2021-outline__infomation { display: block; width: 320px; margin: 0 auto 23px auto; } .p-event-gap2021-outline__map { margin: 0 0 13px 0; } .p-event-gap2021-outline__access { padding-bottom: 10px; } .p-event-gap2021-outline__request { width: 320px; margin: 0 auto; box-sizing: border-box; } .p-event-gap2021-outline__price-title { font-size: 12px; } .p-event-gap2021-outline__price-desc { font-size: 12px; } } .p-event-gap2021-time_table { width: 100%; padding: 39px 0 37px 0; } .p-event-gap2021-time_table__title { text-align: center; color: #ffffff; font-size: 32px; font-weight: bold; padding-bottom: 22px; } .p-event-gap2021-time_table__program { display: flex; justify-content: space-between; position: relative; width: 1000px; margin: 0 auto; counter-reset: number; } .p-event-gap2021-time_table__wrap, .p-event-gap2021-time_table__wrap--after { width: 490px; } .p-event-gap2021-time_table__day-title { font-weight: bold; color: #ffffff; text-align: center; font-size: 28px; } .p-event-gap2021-time_table__day-desc { font-size: 18px; display: block; } .p-event-gap2021-time_table__item, .p-event-gap2021-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 15px 28px 15px 63px; position: relative; background: #ffffff; color: #ff4a4d; display: flex; } .p-event-gap2021-time_table__item-number { width: 50px; counter-increment: number; content: counter(number, decimal-leading-zero); position: absolute; top: 0; left: 0; height: 100%; background: #ffc836; color: #ffffff; display: flex; align-items: center; justify-content: center; } .p-event-gap2021-time_table__item--after { padding: 13px 28px 13px 63px; color: #f78b1c; } .p-event-gap2021-time_table__item--after::before { background: #ff494d; } .p-event-gap2021-time_table__time, .p-event-gap2021-time_table__time--after { color: #ff6a32; display: inline-block; margin-left: auto; } .p-event-gap2021-time_table__time--after { color: #ffa429; } .p-event-gap2021-time_table__lineup { width: 490px; min-height: 517px; } .p-event-gap2021-time_table__lineup-title { height: 40px; line-height: 40px; border-bottom: solid 2px #ffffff; padding-left: 12px; font-size: 18px; font-weight: bold; color: #ffffff; margin: 10px auto 15px auto; } .p-event-gap2021-time_table__comming-soon { position: absolute; top: 56px; left: -10px; } .p-event-gap2021-time_table__comming-soon-title { position: absolute; top: 105px; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-gap2021-time_table { padding: 27px 0 28px 0; position: relative; margin-top: 18px; } .p-event-gap2021-time_table__title { padding-bottom: 12px; } .p-event-gap2021-time_table__title img { width: 252px; height: auto; } .p-event-gap2021-time_table__program-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; } .p-event-gap2021-time_table__day-title { font-size: 21px; } .p-event-gap2021-time_table__day-desc { font-size: 13px; } .p-event-gap2021-time_table__program { width: 200vw; } .p-event-gap2021-time_table__list { width: calc(100vw - 54px); margin: 0 auto; } .p-event-gap2021-time_table__item, .p-event-gap2021-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 14px 28px 14px 63px; align-items: center; } .p-event-gap2021-time_table__item--after { padding: 13px 28px 13px 63px; } .p-event-gap2021-time_table__flick-icon { top: 72px; right: 6px; opacity: 1; position: absolute; transform: scale(1); transition: transform 0.3s, opacity 0.3s; z-index: 1; } .p-event-gap2021-time_table__flick-icon.is-hidden { opacity: 0; transform: scale(0.5); } /*------ .p-event-gap2021-time_table__program-wrap { width:100%; overflow:hidden; box-sizing: border-box; } .p-event-gap2021-time_table__lineup { width:calc(100vw - 55px); padding:0 28px; min-height:453px; } .p-event-gap2021-time_table__lineup-title { line-height:40px; font-size:14px; padding-left:0; } .p-event-gap2021-time_table__comming-soon { top:44px; left:14px; width:100vw; } .p-event-gap2021-time_table__comming-soon-title { max-width:100%; top:152px; left:-32px; padding:0 12px; box-sizing: border-box; img { width:100%; height:auto; } }*/ } @media screen and (max-width: 337px) { .p-event-gap2021-goods__comming-soon-image { left: -363px; } .p-event-gap2021-time_table__comming-soon img { width: calc(100% - 30px); height: auto; } .p-event-gap2021-time_table__comming-soon-title { top: 128px; } .p-event-gap2021-time_table__comming-soon-title img { width: 100%; height: auto; } .p-event-gap2021-time_table__lineup { min-height: 388px; } } .p-event-gap2021-comment { width: 100%; padding-bottom: 12px; } .p-event-gap2021-comment__title { text-align: center; padding-bottom: 27px; display: flex; justify-content: center; align-items: flex-end; } a.p-event-gap2021-comment__title-link { color: #ffffff; font-size: 12px; text-decoration: underline; margin-left: 14px; } .p-event-gap2021-comment__list { width: 1000px; margin: 0 auto; } .p-event-gap2021-comment__item { padding-bottom: 15px; } .p-event-gap2021-comment__block { display: flex; align-items: center; } .p-event-gap2021-comment__balloon { margin-left: 25px; position: relative; background: #ffffff; border-radius: 10px; color: #333333; padding: 12px 20px; } .p-event-gap2021-comment__balloon::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 0; left: -16px; border: solid 0px white; border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-top-width: 8px; border-right-width: 16px; border-bottom-width: 8px; } @media screen and (max-width: 767px) { .p-event-gap2021-comment__title { display: block; } .p-event-gap2021-comment__title img { width: 245px; height: auto; } a.p-event-gap2021-comment__title-link::before { content: "\f35a"; font-family: "Font Awesome 5 Free"; } .p-event-gap2021-comment__list { width: 316px; margin: 0 auto; } .p-event-gap2021-comment__block { align-items: flex-start; font-size: 12px; } .p-event-gap2021-comment__photo { min-width: 56px; height: 56px; } .p-event-gap2021-comment__photo img { width: 100%; height: 100%; } .p-event-gap2021-comment__balloon { padding: 10px 13px; margin-left: 18px; } .p-event-gap2021-comment__balloon::before { top: 20px; margin: 0; left: -12px; border-top-width: 5px; border-right-width: 12px; border-bottom-width: 5px; } } .p-event-gap2021-goods { width: 1000px; margin: 0 auto; padding: 48px 0 32px 0; color: #ffffff; } .p-event-gap2021-goods__title { display: flex; justify-content: center; } .p-event-gap2021-goods__list { padding-top: 49px; display: flex; flex-wrap: wrap; } .p-event-gap2021-goods__item { width: 325px; margin-right: 12px; } .p-event-gap2021-goods__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gap2021-goods__image img { display: block; } .p-event-gap2021-goods__detail { padding: 13px 7px 0 7px; } .p-event-gap2021-goods__name { font-size: 18px; font-weight: bold; } .p-event-gap2021-goods__price { display: flex; font-size: 12px; font-weight: bold; float: left; } .p-event-gap2021-goods__color, .p-event-gap2021-goods__size { clear: both; display: flex; font-size: 12px; font-weight: bold; } .p-event-gap2021-goods__color-title::after, .p-event-gap2021-goods__size-title::after { content: "/"; margin: 0 5px; } .p-event-gap2021-goods__color-list, .p-event-gap2021-goods__size-list { display: flex; } .p-event-gap2021-goods__color-item.swiper-slide, .p-event-gap2021-goods__size-item.swiper-slide { width: auto; } .p-event-gap2021-goods__color-item.swiper-slide::after, .p-event-gap2021-goods__size-item.swiper-slide::after { content: "・"; } .p-event-gap2021-goods__color-item.swiper-slide:nth-last-of-type(1)::after, .p-event-gap2021-goods__size-item.swiper-slide:nth-last-of-type(1)::after { content: none; } .p-event-gap2021-goods__desc { clear: both; color: #cccccc; padding-top: 9px; line-height: 20px; font-size: 12px; } .p-event-gap2021-goods__button { width: 342px; height: 49px; margin: 0 auto; } .p-event-gap2021-goods__link { background: #ff1147; border: 2px solid #000; box-shadow: 2px 3px 0 #000; box-sizing: border-box; color: #fff; display: block; font-size: 16px; font-weight: 700; line-height: 45px; text-align: center; text-decoration: none; } @media screen and (max-width: 767px) { .p-event-gap2021-goods { width: 100%; padding: 32px 0; } .p-event-gap2021-goods__title { padding: 0 28px; } .p-event-gap2021-goods__title img { max-width: 100%; height: auto; } .p-event-gap2021-goods__list-wrap { padding-left: calc((100vw - 325px) / 2); padding-right: calc((100vw - 325px) / 2); } .p-event-gap2021-goods__list { width: 100%; padding-top: 27px; } .p-event-gap2021-goods__button { width: 223px; } .p-event-gap2021-goods__button { width: 300px; } a.p-event-gap2021-goods__link { width: 300px; height: 48px; font-size: 16px; line-height: 43px; } } @media screen and (max-width: 337px) { .p-event-gap2021-goods__list-wrap { padding-left: 24px; padding-right: 24px; } .p-event-gap2021-goods__item { width: calc(100vw - 48px); } .p-event-gap2021-goods__image { width: 100%; } .p-event-gap2021-goods__image img { width: 100%; height: auto; } .p-event-gap2021-goods__detail { padding: 13px 5px 0 5px; } .p-event-gap2021-goods__tax { font-size: 10px; } .p-event-gap2021-goods__price::after { margin: 0 2px 0 0; text-indent: -3px; } } .p-event-gap2021-staff { width: 100%; padding: 43px 0 30px 0; color: #ffffff; } .p-event-gap2021-staff__title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 27px; } .p-event-gap2021-staff__list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; } .p-event-gap2021-staff__item { text-align: center; } .p-event-gap2021-staff__item:not(:nth-last-of-type(1)):after { content: "/"; margin: 0 5px; } @media screen and (max-width: 767px) { .p-event-gap2021-staff { padding: 24px 0; } .p-event-gap2021-staff__list { width: calc(100vw - 12px); } } .p-event-gap2021-news__title { padding: 52px 0 48px 0; text-align: center; word-break: break-all; } .p-event-gap2021-news__list { width: 1000px; margin: 0 auto; padding-bottom: 19px; } .p-event-gap2021-news__item { background: #ffffff; margin-bottom: 10px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .p-event-gap2021-news__item-right { padding: 12px 17px; } .p-event-gap2021-news__img { width: 146px; height: 146px; min-width: 146px; background: #f9f9f9; } .p-event-gap2021-news__img img { width: 100%; height: auto; max-height: 100%; } .p-event-gap2021-news__cat { background: #00adc6; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 19px; display: inline-block; } .p-event-gap2021-news__date { color: #999999; font-size: 12px; } .p-event-gap2021-news__head { color: #000000; font-size: 18px; font-weight: bold; padding: 5px 0; width: 293px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-event-gap2021-news__content { font-size: 12px; line-height: 18px; } .p-event-gap2021-news__meta { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .p-event-gap2021-news { width: 100%; } .p-event-gap2021-news__title { padding: 26px 0 22px 0; text-align: center; } .p-event-gap2021-news__title img { width: 158px; height: auto; } .p-event-gap2021-news__list { width: 100%; height: auto; overflow: visible; padding-bottom: 25px; } .p-event-gap2021-news__item { background: #ffffff; margin-bottom: 0; width: 100%; padding: 10px 7px; border: none; border-bottom: solid 1px #dcdcdc; position: relative; box-sizing: border-box; } .p-event-gap2021-news__item-right { padding: 0 10px; position: absolute; padding-left: 130px; padding-right: 8px; left: 0; width: 100%; box-sizing: border-box; } .p-event-gap2021-news__img { width: 115px; height: 115px; min-width: 115px; } .p-event-gap2021-news__img a { display: block; position: relative; z-index: 10; } .p-event-gap2021-news__date { color: #00adc6; } .p-event-gap2021-news__head { width: 100%; } } .p-event-gap2021-sponsor { padding-top: 28px; padding-bottom: 38px; } .p-event-gap2021-sponsor__title { text-align: center; padding-bottom: 21px; } .p-event-gap2021-sponsor__list-wrap { margin: 0 auto; max-width: 1000px; overflow: hidden; padding: 0 50px; position: relative; } .p-event-gap2021-sponsor__list { display: flex; /*justify-content: space-between;*/ } .p-event-gap2021-sponsor__item { background: #ffffff; width: 325px; margin-right: 13px; } .p-event-gap2021-sponsor__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gap2021-sponsor__item img { display: block; } .p-event-gap2021-sponsor__item a { position: relative; z-index: 3; } .p-event-gap2021-sponsor__button, .p-event-gap2021-sponsor__button--next, .p-event-gap2021-sponsor__button--prev { background: none; outline: none; cursor: pointer; } .p-event-gap2021-sponsor__button::before, .p-event-gap2021-sponsor__button--next::before, .p-event-gap2021-sponsor__button--prev::before { content: none; } .p-event-gap2021-sponsor__button::after, .p-event-gap2021-sponsor__button--next::after, .p-event-gap2021-sponsor__button--prev::after { width: 20px; height: 20px; } .p-event-gap2021-sponsor__button--next::after { right: 25px; } @media screen and (max-width: 767px) { .p-event-gap2021-sponsor__title { text-align: center; padding-bottom: 11px; } .p-event-gap2021-sponsor__title img { width: 120px; height: auto; } .p-event-gap2021-sponsor__list-wrap { max-width: 100%; padding: 0; padding-right: 5px; box-sizing: border-box; } .p-event-gap2021-sponsor__list-inner { width: 100%; box-sizing: border-box; } .p-event-gap2021-sponsor__list { width: 100%; padding-left: 5px; } .p-event-gap2021-sponsor__item { background: none; margin: 0; } .p-event-gap2021-sponsor__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gap2021-sponsor__item img { width: 100%; height: auto; } .p-event-gap2021-sponsor__button, .p-event-gap2021-sponsor__button--prev, .p-event-gap2021-sponsor__button--next { display: none; } } .p-event-gap2021-notice { width: 1000px; margin: 0 auto; padding: 47px 0 17px 0; } .p-event-gap2021-notice__title { width: 301px; height: 62px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gap2021-notice__paragraph { text-align: center; color: #ffffff; line-height: 24px; padding-bottom: 24px; } @media screen and (max-width: 767px) { .p-event-gap2021-notice { width: 100%; padding: 23px 0 12px 0; } .p-event-gap2021-notice__title { height: 44px; margin-bottom: 18px; padding-left: 6px; } .p-event-gap2021-notice__img-gap2021 { width: 249px; height: auto; } .p-event-gap2021-notice__img-notice { width: 231px; height: auto; } .p-event-gap2021-notice__paragraph { font-size: 12px; padding-bottom: 17px; line-height: 22px; } } /*--------gdp9---------*/ .p-event-gdp9 { width: 100%; background: url(/images/event/gdp9/back.gif) repeat left top; background-size: 8px 8px; } .p-event-gdp9__gradient { background: #ed8ab5; } .p-event-gdp9-catch { width: 100%; height: 426px; background: url(/images/event/gdp9/catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-gdp9-catch::before { content: ""; width: 100%; height: 100%; display: block; z-index: 1; position: absolute; top: 0; left: 0; mix-blend-mode: hard-light; background: rgba(19, 26, 78, 0.78); } .p-event-gdp9-catch__logo { text-align: center; padding-top: 49px; position: relative; z-index: 2; } .p-event-gdp9-catch__ticket { position: absolute; left: 0; right: 0; top: 344px; display: flex; justify-content: space-between; width: 516px; margin: 0 auto; } .p-event-gdp9-catch__button-back { background-color: #fff; width: 251px; height: 49px; z-index: 2; } a.p-event-gdp9-catch__button { line-height: 45px; box-sizing: border-box; border: solid 2px #000000; background: #e71388; box-shadow: 2px 3px 0 #000000; display: block; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; } a.p-event-gdp9-catch__button:hover { text-decoration: none; opacity: 0.7; } @media screen and (max-width: 767px) { .p-event-gdp9-catch { height: 246px; background: url(/images/event/gdp9/sp_catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-gdp9-catch__logo { position: relative; z-index: 2; padding-top: 32px; } .p-event-gdp9-catch__logo img { width: 303px; height: 175px; } .p-event-gdp9-catch__ticket { top: 214px; width: 223px; display: block; z-index: 3; } .p-event-gdp9-catch__button-back { width: 223px; height: 40px; margin-bottom: 8px; } a.p-event-gdp9-catch__button { font-size: 12px; width: 223px; height: 40px; line-height: 36px; } } .p-event-gdp9-headline { width: 100%; height: 67px; padding-top: 12px; box-sizing: border-box; } .p-event-gdp9-headline__block { width: 1000px; height: 42px; margin: 0 auto; display: flex; } .p-event-gdp9-headline__title { background: #e65d98; width: 123px; border-radius: 42px 0 0 42px; display: flex; justify-content: center; align-items: center; } .p-event-gdp9-headline__news { background: #ffffff; border-radius: 0 42px 42px 0; width: calc(100% - 123px); line-height: 42px; padding: 0 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .p-event-gdp9-headline__news a { text-decoration: underline; } @media screen and (max-width: 767px) { .p-event-gdp9-headline { height: 40px; padding-top: 5px; } .p-event-gdp9-headline__block { width: calc(100% - 14px); height: 30px; } .p-event-gdp9-headline__title { width: 93px; box-sizing: border-box; padding-left: 7px; border-radius: 16px 0 0 16px; } .p-event-gdp9-headline__title img { width: 68px; height: auto; } .p-event-gdp9-headline__news { border-radius: 0 16px 16px 0; width: calc(100% - 93px); line-height: 30px; padding: 0 6px; font-size: 12px; } } .p-event-gdp9-outline { width: 1000px; margin: 0 auto; padding: 44px 0 30px 0; } .p-event-gdp9-outline__title { width: 301px; height: 64px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gdp9-outline__paragraph { text-align: center; color: #593e2c; line-height: 1.7; padding-bottom: 22px; } .p-event-gdp9-outline__table { margin: 6px auto 22px auto; border-collapse: separate; border-spacing: 1px; min-width: 100%; } .p-event-gdp9-outline__th { color: #ffffff; background: #ed8ab5; font-weight: bold; text-align: center; min-width: 115px; width: 115px; padding: 10px 0 9px 0; letter-spacing: 5px; } .p-event-gdp9-outline__th--release { letter-spacing: 0; } .p-event-gdp9-outline__td { background: #ffffff; padding: 10px 14px 9px 14px; min-width: 100%; text-align: left; word-break: break-all; } .p-event-gdp9-outline__infomation { display: flex; } .p-event-gdp9-outline__map { width: 320px; height: 285px; margin-right: 17px; background: #cccccc; } .p-event-gdp9-outline__access { color: #cccccc; font-size: 12px; } .p-event-gdp9-outline__access-train { padding: 17px 0; } .p-event-gdp9-outline__request { width: 1000px; background: #ffffff; border: solid 1px #ed8ab5; border-radius: 10px; } .p-event-gdp9-outline__request-title { background: #ed8ab5; color: #fff; font-weight: bold; padding: 11px 0; text-align: center; border-radius: 10px 10px 0 0; } .p-event-gdp9-outline__request-inner { padding: 15px 20px; color: #000; line-height: 1.7; padding-bottom: 25px; } .p-event-gdp9-outline__request-list:nth-of-type(1) { padding-bottom: 25px; } .p-event-gdp9-outline__request-sub-title { color: #e71388; font-weight: bold; } a.p-event-gdp9-outline__request-link { color: #17a8de; text-decoration: underline; } a.p-event-gdp9-outline__request-link:hover { color: #fa0480; } .p-event-gdp9-outline__price { margin-bottom: 5px; } .p-event-gdp9-outline__price-title { font-weight: bold; } .p-event-gdp9-outline__price-desc { padding-left: 14px; padding-bottom: 10px; line-height: 1.8; } @media screen and (max-width: 767px) { .p-event-gdp9-outline { width: 100%; padding: 24px 0 0 0; } .p-event-gdp9-outline__title { margin-bottom: 21px; } .p-event-gdp9-outline__sub-title-img { width: 243px; height: auto; } .p-event-gdp9-outline__title-img { max-width: 95%; height: auto; } .p-event-gdp9-outline__paragraph { font-size: 12px; padding: 0 10px 20px 10px; } .p-event-gdp9-outline__table { min-width: auto; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-gdp9-outline__th { min-width: 64px; } .p-event-gdp9-outline__td { padding: 10px 12px 9px 12px; } .p-event-gdp9-outline__tel { color: #cccccc; } .p-event-gdp9-outline__price-note, .p-event-gdp9-outline__release-note { font-size: 12px; display: block; } .p-event-gdp9-outline__infomation { display: block; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-gdp9-outline__map { margin: 0 0 13px 0; } .p-event-gdp9-outline__access { padding-bottom: 10px; } .p-event-gdp9-outline__request { width: calc(100vw - 55px); margin: 0 auto; box-sizing: border-box; } .p-event-gdp9-outline__price-title { font-size: 12px; } .p-event-gdp9-outline__price-desc { font-size: 12px; } .p-event-gdp9-outline__moreread-wrap { box-shadow: none !important; background: none !important; top: 0 !important; } .p-event-gdp9-outline__moreread { color: #ed8ab5 !important; border-color: #ed8ab5 !important; } .p-event-gdp9-outline__moreread::before { background: #ed8ab5 !important; } } .p-event-gdp9-time_table { width: 100%; padding: 39px 0 37px 0; } .p-event-gdp9-time_table__title { text-align: center; color: #ffffff; font-size: 32px; font-weight: bold; padding-bottom: 22px; } .p-event-gdp9-time_table__program { display: flex; justify-content: space-between; position: relative; width: 1000px; margin: 0 auto; counter-reset: number; } .p-event-gdp9-time_table__wrap, .p-event-gdp9-time_table__wrap--after { width: 490px; } .p-event-gdp9-time_table__day-title { font-weight: bold; color: #ffffff; text-align: center; font-size: 28px; } .p-event-gdp9-time_table__day-desc { font-size: 18px; display: block; } .p-event-gdp9-time_table__item, .p-event-gdp9-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 17px 28px 17px 63px; position: relative; background: #ffffff; color: #e05692; display: flex; } .p-event-gdp9-time_table__item-number { width: 50px; counter-increment: number; content: counter(number, decimal-leading-zero); position: absolute; top: 0; left: 0; height: 100%; background: #fff697; color: #b97d3c; display: flex; align-items: center; justify-content: center; } .p-event-gdp9-time_table__item--after { padding: 13px 28px 13px 63px; } .p-event-gdp9-time_table__time, .p-event-gdp9-time_table__time--after { color: #e05692; display: inline-block; margin-left: auto; } .p-event-gdp9-time_table__lineup { width: 490px; min-height: 517px; } .p-event-gdp9-time_table__lineup-title { height: 40px; line-height: 40px; border-bottom: solid 2px #ffffff; padding-left: 12px; font-size: 18px; font-weight: bold; color: #ffffff; margin: 10px auto 15px auto; } .p-event-gdp9-time_table__comming-soon { position: absolute; top: 56px; left: -10px; } .p-event-gdp9-time_table__comming-soon-title { position: absolute; top: 105px; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-gdp9-time_table { padding: 27px 0 28px 0; position: relative; margin-top: 18px; } .p-event-gdp9-time_table__title { padding-bottom: 12px; } .p-event-gdp9-time_table__title img { width: 252px; height: auto; } .p-event-gdp9-time_table__program-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; } .p-event-gdp9-time_table__wrap, .p-event-gdp9-time_table__wrap--after { width: calc(100vw - 54px); margin: 0 auto; } .p-event-gdp9-time_table__day-title { font-size: 21px; } .p-event-gdp9-time_table__day-desc { font-size: 13px; } .p-event-gdp9-time_table__program { width: 200vw; } .p-event-gdp9-time_table__list { width: calc(100vw - 54px); margin: 0 auto; } .p-event-gdp9-time_table__item, .p-event-gdp9-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 16px 28px 16px 63px; align-items: center; } .p-event-gdp9-time_table__item--after { padding: 13px 28px 13px 63px; } .p-event-gdp9-time_table__flick-icon { top: 72px; right: 6px; opacity: 1; position: absolute; transform: scale(1); transition: transform 0.3s, opacity 0.3s; z-index: 1; } .p-event-gdp9-time_table__flick-icon.is-hidden { opacity: 0; transform: scale(0.5); } /*----- .p-event-gdp9-time_table__program-wrap { width:100%; overflow:hidden; box-sizing: border-box; } .p-event-gdp9-time_table__lineup { width:calc(100vw - 55px); padding:0 28px; min-height:453px; } .p-event-gdp9-time_table__lineup-title { line-height:40px; font-size:14px; padding-left:0; } .p-event-gdp9-time_table__comming-soon { top:44px; left:14px; width:100vw; } .p-event-gdp9-time_table__comming-soon-title { max-width:100%; top:152px; left:-32px; padding:0 12px; box-sizing: border-box; img { width:100%; height:auto; } }*/ } @media screen and (max-width: 337px) { .p-event-gdp9-goods__comming-soon-image { left: -363px; } .p-event-gdp9-time_table__comming-soon img { width: calc(100% - 30px); height: auto; } .p-event-gdp9-time_table__comming-soon-title { top: 128px; } .p-event-gdp9-time_table__comming-soon-title img { width: 100%; height: auto; } .p-event-gdp9-time_table__lineup { min-height: 388px; } } .p-event-gdp9-comment { width: 100%; padding-bottom: 12px; } .p-event-gdp9-comment__title { text-align: center; padding-bottom: 27px; display: flex; justify-content: center; align-items: flex-end; } a.p-event-gdp9-comment__title-link { font-weight: bold; color: #ffffff; font-size: 12px; text-decoration: underline; margin-left: 14px; } .p-event-gdp9-comment__list { width: 1000px; margin: 0 auto; } .p-event-gdp9-comment__item { padding-bottom: 15px; } .p-event-gdp9-comment__block { display: flex; align-items: center; } .p-event-gdp9-comment__balloon { margin-left: 25px; position: relative; background: #ffffff; border-radius: 10px; color: #333333; padding: 12px 20px; } .p-event-gdp9-comment__balloon::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 0; left: -16px; border: solid 0px white; border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-top-width: 8px; border-right-width: 16px; border-bottom-width: 8px; } @media screen and (max-width: 767px) { .p-event-gdp9-comment__title { display: block; } .p-event-gdp9-comment__title img { width: 245px; height: auto; } a.p-event-gdp9-comment__title-link::before { content: "\f35a"; font-family: "Font Awesome 5 Free"; } .p-event-gdp9-comment__list { width: calc(100vw - 60px); margin: 0 auto; } .p-event-gdp9-comment__block { align-items: flex-start; font-size: 12px; } .p-event-gdp9-comment__photo { min-width: 56px; height: 56px; } .p-event-gdp9-comment__photo img { width: 100%; height: 100%; } .p-event-gdp9-comment__balloon { padding: 10px 13px; margin-left: 18px; } .p-event-gdp9-comment__balloon::before { top: 20px; margin: 0; left: -12px; border-top-width: 5px; border-right-width: 12px; border-bottom-width: 5px; } } .p-event-gdp9-goods { padding: 48px 0 32px 0; color: #ffffff; background: #76a5d8; } .p-event-gdp9-goods__title { display: flex; justify-content: center; } .p-event-gdp9-goods__list-wrap { width: 1000px; margin: 0 auto; } .p-event-gdp9-goods__list { padding-top: 49px; display: flex; flex-wrap: wrap; } .p-event-gdp9-goods__item { width: 325px; margin-right: 12px; } .p-event-gdp9-goods__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gdp9-goods__image img { display: block; } .p-event-gdp9-goods__detail { padding: 13px 7px 0 7px; } .p-event-gdp9-goods__name { font-size: 18px; font-weight: bold; } .p-event-gdp9-goods__price { display: flex; font-size: 12px; font-weight: bold; float: left; } .p-event-gdp9-goods__color, .p-event-gdp9-goods__size { clear: both; display: flex; font-size: 12px; font-weight: bold; } .p-event-gdp9-goods__color-title { white-space: nowrap; } .p-event-gdp9-goods__color-title::after, .p-event-gdp9-goods__size-title::after { content: "/"; margin: 0 5px; } .p-event-gdp9-goods__color-list, .p-event-gdp9-goods__size-list { display: flex; } .p-event-gdp9-goods__color-item.swiper-slide, .p-event-gdp9-goods__size-item.swiper-slide { width: auto; } .p-event-gdp9-goods__color-item.swiper-slide::after, .p-event-gdp9-goods__size-item.swiper-slide::after { content: "・"; } .p-event-gdp9-goods__color-item.swiper-slide:nth-last-of-type(1)::after, .p-event-gdp9-goods__size-item.swiper-slide:nth-last-of-type(1)::after { content: none; } .p-event-gdp9-goods__desc { clear: both; color: #fff; padding-top: 9px; line-height: 20px; font-size: 12px; } a.p-event-gdp9-goods__link { background: #eb5c9a; width: 343px; height: 49px; display: flex; align-items: center; justify-content: center; margin: 0 auto; color: #ffffff; font-size: 16px; font-weight: bold; box-shadow: 3px 3px 0 #5f8bbd; text-decoration: none; } .p-event-gdp9-goods__pagination .swiper-pagination-bullet { border: none !important; box-sizing: content-box !important; } .p-event-gdp9-goods__pagination .swiper-pagination-bullet-active { background: #76a5d8 !important; border: 1px solid #ffffff !important; } @media screen and (max-width: 767px) { .p-event-gdp9-goods { width: 100%; padding: 32px 0; } .p-event-gdp9-goods__title { padding: 0 28px; } .p-event-gdp9-goods__title img { max-width: 100%; height: auto; } .p-event-gdp9-goods__list-wrap { width: 100%; box-sizing: border-box; padding-left: calc((100vw - 325px) / 2); padding-right: calc((100vw - 325px) / 2); } .p-event-gdp9-goods__list { width: 100%; padding-top: 27px; } .p-event-gdp9-goods__button { width: 223px; } .p-event-gdp9-goods__button { width: 300px; } a.p-event-gdp9-goods__link { width: 300px; height: 48px; font-size: 16px; line-height: 43px; } } @media screen and (max-width: 337px) { .p-event-gdp9-goods__list-wrap { padding-left: 24px; padding-right: 24px; } .p-event-gdp9-goods__item { width: calc(100vw - 48px); } .p-event-gdp9-goods__image { width: 100%; } .p-event-gdp9-goods__image img { width: 100%; height: auto; } .p-event-gdp9-goods__detail { padding: 13px 5px 0 5px; } .p-event-gdp9-goods__tax { font-size: 10px; } .p-event-gdp9-goods__price::after { margin: 0 2px 0 0; text-indent: -3px; } } /*------------coomingsoon------------- .p-event-gdp9-goods__comming-soon-list { position:relative; width:490px; min-height:414px; margin: 0 auto; } .p-event-gdp9-goods__comming-soon { position:absolute; top:36px; left:-245px; } .p-event-gdp9-goods__comming-soon-title { position:absolute; top:0; left:0; right:0; margin:0 auto; text-align:center; } @media screen and (max-width: 767px) { .p-event-gdp9-goods__comming-soon-list { width:100%; min-height:354px; overflow:hidden; } .p-event-gdp9-goods__comming-soon { top:12px; left:14px; width:100vw; } .p-event-gdp9-goods__comming-soon-title { max-width:100%; top:98px; left:-32px; padding:0 12px; z-index:2; box-sizing: border-box; img { width:100%; height:auto; } } .p-event-gdp9-goods__comming-soon-image { z-index:1; position:relative; left:-337px; } } ------------end:coomingsoon-------------*/ .p-event-gdp9-staff { width: 100%; padding: 43px 0 30px 0; background: #96cda1; } .p-event-gdp9-staff__title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 27px; } .p-event-gdp9-staff__list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; } .p-event-gdp9-staff__item { text-align: center; } .p-event-gdp9-staff__item:not(:nth-last-of-type(1)):after { content: "/"; margin: 0 5px; } @media screen and (max-width: 767px) { .p-event-gdp9-staff { padding: 24px 0; } .p-event-gdp9-staff__list { width: calc(100vw - 12px); } } .p-event-gdp9-news { background: #96cda1; } .p-event-gdp9-news__title { padding: 52px 0 48px 0; text-align: center; word-break: break-all; } .p-event-gdp9-news__list { width: 1000px; margin: 0 auto; padding-bottom: 19px; } .p-event-gdp9-news__item { background: #ffffff; margin-bottom: 10px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .p-event-gdp9-news__item-right { padding: 12px 17px; } .p-event-gdp9-news__img { width: 146px; height: 146px; min-width: 146px; background: #f9f9f9; } .p-event-gdp9-news__img img { width: 100%; height: auto; max-height: 100%; } .p-event-gdp9-news__cat { background: #00adc6; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 19px; display: inline-block; } .p-event-gdp9-news__date { color: #999999; font-size: 12px; } .p-event-gdp9-news__head { color: #000000; font-size: 18px; font-weight: bold; padding: 5px 0; width: 293px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-event-gdp9-news__content { font-size: 12px; line-height: 18px; } .p-event-gdp9-news__meta { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .p-event-gdp9-news { width: 100%; } .p-event-gdp9-news__title { padding: 26px 0 22px 0; text-align: center; } .p-event-gdp9-news__title img { width: 158px; height: auto; } .p-event-gdp9-news__list { width: 100%; height: auto; overflow: visible; padding-bottom: 25px; } .p-event-gdp9-news__item { background: #ffffff; margin-bottom: 0; width: 100%; padding: 10px 7px; border: none; border-bottom: solid 1px #dcdcdc; position: relative; box-sizing: border-box; } .p-event-gdp9-news__item-right { padding: 0 10px; position: absolute; padding-left: 130px; padding-right: 8px; left: 0; width: 100%; box-sizing: border-box; } .p-event-gdp9-news__img { width: 115px; height: 115px; min-width: 115px; } .p-event-gdp9-news__img a { display: block; position: relative; z-index: 10; } .p-event-gdp9-news__date { color: #00adc6; } .p-event-gdp9-news__head { width: 100%; } } .p-event-gdp9-sponsor { padding-top: 28px; padding-bottom: 38px; background: #96cda1; } .p-event-gdp9-sponsor__title { text-align: center; padding-bottom: 21px; } .p-event-gdp9-sponsor__list-wrap { margin: 0 auto; max-width: 1000px; overflow: hidden; padding: 0 50px; position: relative; } .p-event-gdp9-sponsor__list { display: flex; /*justify-content: space-between;*/ } .p-event-gdp9-sponsor__item { background: #ffffff; width: 325px; margin-right: 13px; } .p-event-gdp9-sponsor__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gdp9-sponsor__item img { display: block; } .p-event-gdp9-sponsor__item a { position: relative; z-index: 3; } .p-event-gdp9-sponsor__button, .p-event-gdp9-sponsor__button--next, .p-event-gdp9-sponsor__button--prev { background: none; outline: none; cursor: pointer; } .p-event-gdp9-sponsor__button::before, .p-event-gdp9-sponsor__button--next::before, .p-event-gdp9-sponsor__button--prev::before { content: none; } .p-event-gdp9-sponsor__button::after, .p-event-gdp9-sponsor__button--next::after, .p-event-gdp9-sponsor__button--prev::after { width: 20px; height: 20px; } .p-event-gdp9-sponsor__button--next::after { right: 25px; } @media screen and (max-width: 767px) { .p-event-gdp9-sponsor__title { text-align: center; padding-bottom: 11px; } .p-event-gdp9-sponsor__title img { width: 120px; height: auto; } .p-event-gdp9-sponsor__list-wrap { max-width: 100%; padding: 0; padding-right: 5px; box-sizing: border-box; } .p-event-gdp9-sponsor__list-inner { width: 100%; box-sizing: border-box; } .p-event-gdp9-sponsor__list { width: 100%; padding-left: 5px; } .p-event-gdp9-sponsor__item { background: none; margin: 0; } .p-event-gdp9-sponsor__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gdp9-sponsor__item img { width: 100%; height: auto; } .p-event-gdp9-sponsor__button, .p-event-gdp9-sponsor__button--prev, .p-event-gdp9-sponsor__button--next { display: none; } } .p-event-gap2021-notice { width: 1000px; margin: 0 auto; padding: 47px 0 17px 0; } .p-event-gap2021-notice__title { width: 301px; height: 62px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gap2021-notice__paragraph { text-align: center; color: #ffffff; line-height: 24px; padding-bottom: 24px; } @media screen and (max-width: 767px) { .p-event-gap2021-notice { width: 100%; padding: 23px 0 12px 0; } .p-event-gap2021-notice__title { height: 44px; margin-bottom: 18px; padding-left: 6px; } .p-event-gap2021-notice__img-gap2021 { width: 249px; height: auto; } .p-event-gap2021-notice__img-notice { width: 231px; height: auto; } .p-event-gap2021-notice__paragraph { font-size: 12px; padding-bottom: 17px; line-height: 22px; } } /*--------gap2022---------*/ .p-event-gap2022 { width: 100%; background: #ffffff; } .p-event-gap2022__gradient { position: relative; } .p-event-gap2022__gradient::before { content: ""; position: absolute; width: 100%; height: 100%; display: block; opacity: 0.4; top: 0; left: 0; z-index: 1; background: linear-gradient(to right, #d8222a 0, #e05a29 15%, #f6be26 30%, #48c73b 45%, #3bbce7 60%, #bf69f4 75%, #ff46a3 90%); } .p-event-gap2022__gradient::after { content: ""; position: absolute; width: 100%; height: 100%; background: url(/images/event/gap2022/dot_screen.png) repeat left top; background-size: 8px; mix-blend-mode: screen; display: block; opacity: 1; top: 0; left: 0; z-index: 2; } .p-event-gap2022-catch { width: 100%; height: 440px; background: url(/images/event/gap2022/catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-gap2022-catch::before { content: ""; width: 100%; height: 100%; display: block; z-index: 1; position: absolute; top: 0; left: 0; mix-blend-mode: hard-light; background: url(/images/event/gap2022/dot.png) repeat left top; } .p-event-gap2022-catch__logo { text-align: center; padding-top: 17px; position: relative; z-index: 2; } .p-event-gap2022-catch__ticket { position: absolute; left: 0; right: 0; top: 344px; display: flex; justify-content: space-between; width: 516px; margin: 0 auto; } .p-event-gap2022-catch__button-back { background-color: #fff; width: 251px; height: 49px; z-index: 2; } a.p-event-gap2022-catch__button { line-height: 45px; box-sizing: border-box; border: solid 2px #000000; background: #e71388; box-shadow: 2px 3px 0 #000000; display: block; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; } a.p-event-gap2022-catch__button:hover { text-decoration: none; opacity: 0.7; } @media screen and (max-width: 767px) { .p-event-gap2022-catch { height: 286px; background: url(/images/event/gap2022/sp_catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-gap2022-catch__logo { position: relative; z-index: 2; padding-top: 5px; } .p-event-gap2022-catch__logo img { width: 304px; height: 252px; } .p-event-gap2022-catch__ticket { top: 214px; width: 223px; display: block; z-index: 3; } .p-event-gap2022-catch__button-back { width: 223px; height: 40px; margin-bottom: 8px; } a.p-event-gap2022-catch__button { font-size: 12px; width: 223px; height: 40px; line-height: 36px; } } .p-event-gap2022-headline { width: 100%; height: 67px; padding-top: 12px; box-sizing: border-box; background: linear-gradient(to right, #d8222a 0, #e05a29 15%, #f6be26 30%, #48c73b 45%, #3bbce7 60%, #bf69f4 75%, #ff46a3 90%); } .p-event-gap2022-headline__block { width: 1000px; height: 42px; margin: 0 auto; display: flex; } .p-event-gap2022-headline__title { background: #211d23; width: 123px; border-radius: 42px 0 0 42px; display: flex; justify-content: center; align-items: center; } .p-event-gap2022-headline__news { background: #ffffff; border-radius: 0 42px 42px 0; width: calc(100% - 123px); line-height: 42px; padding: 0 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .p-event-gap2022-headline__news a { text-decoration: underline; } @media screen and (max-width: 767px) { .p-event-gap2022-headline { height: 40px; padding-top: 5px; } .p-event-gap2022-headline__block { width: calc(100% - 14px); height: 30px; } .p-event-gap2022-headline__title { width: 93px; box-sizing: border-box; padding-left: 7px; border-radius: 16px 0 0 16px; } .p-event-gap2022-headline__title img { width: 68px; height: auto; } .p-event-gap2022-headline__news { border-radius: 0 16px 16px 0; width: calc(100% - 93px); line-height: 30px; padding: 0 6px; font-size: 12px; } } .p-event-gap2022-outline { width: 1000px; margin: 0 auto; padding: 44px 0 30px 0; } .p-event-gap2022-outline__title { width: 301px; height: 64px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gap2022-outline__paragraph { text-align: center; color: #000000; line-height: 1.7; padding-bottom: 22px; } .p-event-gap2022-outline__highlight { color: #ff0145; font-weight: bold; } .p-event-gap2022-outline__table { margin: 6px auto 22px auto; border-collapse: separate; border-spacing: 1px; min-width: 100%; } .p-event-gap2022-outline__th { color: #ffffff; background: #211d23; font-weight: bold; text-align: center; min-width: 115px; width: 115px; padding: 10px 0 9px 0; letter-spacing: 5px; } .p-event-gap2022-outline__th--release { letter-spacing: 0; } .p-event-gap2022-outline__td { background: #f8f8f8; padding: 10px 14px 9px 14px; min-width: 100%; text-align: left; word-break: break-all; } .p-event-gap2022-outline__infomation { display: flex; } .p-event-gap2022-outline__map { width: 320px; height: 285px; margin-right: 17px; background: #cccccc; } .p-event-gap2022-outline__access { color: #cccccc; font-size: 12px; } .p-event-gap2022-outline__access-train { padding: 17px 0; } .p-event-gap2022-outline__request { width: 1000px; background: #ffffff; border: solid 1px #ed8ab5; border-radius: 10px; overflow: hidden; box-sizing: border-box; } .p-event-gap2022-outline__request-title { background: #ff0145; color: #fff; font-weight: bold; padding: 11px 0; text-align: center; border-radius: 10px 10px 0 0; } .p-event-gap2022-outline__request-inner { padding: 15px 20px; color: #000; line-height: 1.7; padding-bottom: 25px; background: #fff4f7; } .p-event-gap2022-outline__request-list:nth-of-type(1) { padding-bottom: 25px; } .p-event-gap2022-outline__request-sub-title { color: #ff0145; font-weight: bold; } a.p-event-gap2022-outline__request-link { color: #17a8de; text-decoration: underline; } a.p-event-gap2022-outline__request-link:hover { color: #fa0480; } .p-event-gap2022-outline__price { margin-bottom: 5px; } .p-event-gap2022-outline__price-title { font-weight: bold; } .p-event-gap2022-outline__price-desc { padding-left: 14px; padding-bottom: 10px; line-height: 1.8; } @media screen and (min-width: 768px) { .p-event-gap2022-outline__moreread-wrap { height: 0 !important; overflow: hidden; } } @media screen and (max-width: 767px) { .p-event-gap2022-outline { width: 100%; padding: 24px 0 0 0; } .p-event-gap2022-outline__title { margin-bottom: 21px; height: auto; } .p-event-gap2022-outline__sub-title-img { width: 243px; height: auto; } .p-event-gap2022-outline__title-img { max-width: 95%; height: auto; } .p-event-gap2022-outline__paragraph { font-size: 12px; padding: 0 10px 20px 10px; } .p-event-gap2022-outline__table { min-width: auto; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-gap2022-outline__th { min-width: 64px; } .p-event-gap2022-outline__td { padding: 10px 12px 9px 12px; } .p-event-gap2022-outline__tel { color: #cccccc; } .p-event-gap2022-outline__price-note, .p-event-gap2022-outline__release-note { font-size: 12px; display: block; } .p-event-gap2022-outline__infomation { display: block; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-gap2022-outline__map { margin: 0 0 13px 0; } .p-event-gap2022-outline__access { padding-bottom: 10px; } .p-event-gap2022-outline__request { width: calc(100vw - 55px); margin: 0 auto; box-sizing: border-box; } .p-event-gap2022-outline__price-title { font-size: 12px; } .p-event-gap2022-outline__price-desc { font-size: 12px; } .p-event-gap2022-outline__moreread-wrap { margin-top: 7px; } .p-event-gap2022-outline__moreread { color: #000000 !important; border-color: #000000 !important; } .p-event-gap2022-outline__moreread::before { background: #000000 !important; } } .p-event-gap2022-time_table { width: 100%; padding: 39px 0 37px 0; } .p-event-gap2022-time_table__title { text-align: center; color: #ffffff; font-size: 32px; font-weight: bold; padding-bottom: 22px; position: relative; z-index: 4; } .p-event-gap2022-time_table__program { display: flex; justify-content: space-between; position: relative; width: 1000px; margin: 0 auto; counter-reset: number; } .p-event-gap2022-time_table__wrap, .p-event-gap2022-time_table__wrap--after, .p-event-gap2022-time_table__wrap--commingsoon { width: 490px; position: relative; z-index: 3; } .p-event-gap2022-time_table__day-title { font-weight: bold; color: #000000; text-align: center; font-size: 28px; } .p-event-gap2022-time_table__day-desc { font-size: 18px; display: block; } .p-event-gap2022-time_table__item, .p-event-gap2022-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 16px 28px 16px 63px; position: relative; background: #ffffff; color: #000000; display: flex; } .p-event-gap2022-time_table__item-number { width: 50px; counter-increment: number; content: counter(number, decimal-leading-zero); position: absolute; top: 0; left: 0; height: 100%; background: #000000; color: #ffffff; display: flex; align-items: center; justify-content: center; } .p-event-gap2022-time_table__item--after { padding: 9px 28px 10px 63px; } .p-event-gap2022-time_table__time, .p-event-gap2022-time_table__time--after { color: #000000; display: inline-block; margin-left: auto; } .p-event-gap2022-time_table__lineup, .p-event-gap2022-time_table__lineup--commingsoon { width: 490px; min-height: 517px; } .p-event-gap2022-time_table__lineup-title, .p-event-gap2022-time_table__lineup-title--commingsoon { height: 40px; line-height: 40px; border-bottom: solid 2px #000000; padding-left: 12px; font-size: 18px; font-weight: bold; color: #000000; margin: 10px auto 15px auto; } .p-event-gap2022-time_table__comming-soon { position: absolute; top: 56px; left: -10px; z-index: 5; } .p-event-gap2022-time_table__comming-soon-title { position: absolute; top: 105px; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-gap2022-time_table { padding: 27px 0 28px 0; position: relative; margin-top: 18px; } .p-event-gap2022-time_table__title { padding-bottom: 12px; } .p-event-gap2022-time_table__title img { width: 252px; height: auto; } .p-event-gap2022-time_table__program-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; position: relative; z-index: 5; } .p-event-gap2022-time_table__wrap, .p-event-gap2022-time_table__wrap--commingsoon, .p-event-gap2022-time_table__wrap--after { width: calc(100vw - 54px); margin: 0 auto; } .p-event-gap2022-time_table__day-title { font-size: 21px; } .p-event-gap2022-time_table__day-desc { font-size: 13px; } .p-event-gap2022-time_table__program { width: 200vw; } .p-event-gap2022-time_table__list { width: calc(100vw - 54px); margin: 0 auto; } .p-event-gap2022-time_table__item, .p-event-gap2022-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; align-items: center; } .p-event-gap2022-time_table__flick-icon { top: 72px; right: 6px; opacity: 1; position: absolute; transform: scale(1); transition: transform 0.3s, opacity 0.3s; z-index: 3; } .p-event-gap2022-time_table__flick-icon.is-hidden { opacity: 0; transform: scale(0.5); } .p-event-gap2022-time_table__program-wrap--commingsoon { width: 100%; overflow: hidden; box-sizing: border-box; } .p-event-gap2022-time_table__lineup--commingsoon { width: calc(100vw - 55px); padding: 0 28px; min-height: 453px; } .p-event-gap2022-time_table__lineup-title--commingsoon { line-height: 40px; font-size: 14px; padding-left: 0; } .p-event-gap2022-time_table__comming-soon { top: 44px; left: 14px; width: 100vw; } .p-event-gap2022-time_table__comming-soon-title { max-width: 100%; top: 152px; left: -32px; padding: 0 12px; box-sizing: border-box; } .p-event-gap2022-time_table__comming-soon-title img { width: 100%; height: auto; } } @media screen and (max-width: 337px) { .p-event-gap2022-goods__comming-soon-image { left: -363px; } .p-event-gap2022-time_table__comming-soon img { width: calc(100% - 30px); height: auto; } .p-event-gap2022-time_table__comming-soon-title { top: 128px; } .p-event-gap2022-time_table__comming-soon-title img { width: 100%; height: auto; } .p-event-gap2022-time_table__lineup, .p-event-gap2022-time_table__lineup--commingsoon { min-height: 388px; } } .p-event-gap2022-comment { width: 100%; padding-bottom: 12px; } .p-event-gap2022-comment__title { text-align: center; padding-bottom: 27px; display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 5; } a.p-event-gap2022-comment__title-link { font-weight: bold; color: #000000; font-size: 12px; text-decoration: underline; margin-left: 14px; } .p-event-gap2022-comment__list { width: 1000px; margin: 0 auto; position: relative; z-index: 5; } .p-event-gap2022-comment__item { padding-bottom: 15px; } .p-event-gap2022-comment__block { display: flex; align-items: center; } .p-event-gap2022-comment__balloon { margin-left: 25px; position: relative; background: #ffffff; border-radius: 10px; color: #333333; padding: 12px 20px; } .p-event-gap2022-comment__balloon::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 0; left: -16px; border: solid 0px white; border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-top-width: 8px; border-right-width: 16px; border-bottom-width: 8px; } @media screen and (max-width: 767px) { .p-event-gap2022-comment__title { display: block; } .p-event-gap2022-comment__title img { width: 245px; height: auto; } a.p-event-gap2022-comment__title-link::before { content: "\f35a"; font-family: "Font Awesome 5 Free"; } .p-event-gap2022-comment__list { width: calc(100vw - 60px); margin: 0 auto; } .p-event-gap2022-comment__block { align-items: flex-start; font-size: 12px; } .p-event-gap2022-comment__photo { min-width: 56px; height: 56px; } .p-event-gap2022-comment__photo img { width: 100%; height: 100%; } .p-event-gap2022-comment__balloon { padding: 10px 13px; margin-left: 18px; } .p-event-gap2022-comment__balloon::before { top: 20px; margin: 0; left: -12px; border-top-width: 5px; border-right-width: 12px; border-bottom-width: 5px; } } .p-event-gap2022-goods { padding: 48px 0 32px 0; color: #333333; background: #ffffff; } .p-event-gap2022-goods__title { display: flex; justify-content: center; } .p-event-gap2022-goods__list-wrap { width: 1000px; margin: 0 auto; } .p-event-gap2022-goods__list { padding-top: 49px; display: flex; flex-wrap: wrap; } .p-event-gap2022-goods__item { width: 325px; margin-right: 12px; } .p-event-gap2022-goods__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gap2022-goods__image img { display: block; } .p-event-gap2022-goods__detail { padding: 13px 7px 0 7px; } .p-event-gap2022-goods__name { font-size: 18px; font-weight: bold; } .p-event-gap2022-goods__price { display: flex; font-size: 12px; font-weight: bold; float: left; } .p-event-gap2022-goods__color, .p-event-gap2022-goods__size { clear: both; display: flex; font-size: 12px; font-weight: bold; } .p-event-gap2022-goods__color-title { white-space: nowrap; } .p-event-gap2022-goods__color-title::after, .p-event-gap2022-goods__size-title::after { content: "/"; margin: 0 5px; } .p-event-gap2022-goods__color-list, .p-event-gap2022-goods__size-list { display: flex; } .p-event-gap2022-goods__color-item.swiper-slide, .p-event-gap2022-goods__size-item.swiper-slide { width: auto; } .p-event-gap2022-goods__color-item.swiper-slide::after, .p-event-gap2022-goods__size-item.swiper-slide::after { content: "・"; } .p-event-gap2022-goods__color-item.swiper-slide:nth-last-of-type(1)::after, .p-event-gap2022-goods__size-item.swiper-slide:nth-last-of-type(1)::after { content: none; } .p-event-gap2022-goods__desc { clear: both; color: #333333; padding-top: 9px; line-height: 20px; font-size: 12px; } a.p-event-gap2022-goods__link { background: #ff1147; width: 343px; height: 49px; display: flex; align-items: center; justify-content: center; margin: 0 auto; color: #ffffff; font-size: 16px; font-weight: bold; box-shadow: 3px 3px 0 #0b0306; border: solid 2px #0b0306; text-decoration: none; } a.p-event-gap2022-goods__link:hover { opacity: 0.7; } .p-event-gap2022-goods__pagination .swiper-pagination-bullet { border: 1px solid #0b0306 !important; background: #585154 !important; box-sizing: content-box !important; } .p-event-gap2022-goods__pagination .swiper-pagination-bullet-active { background: #ff1147 !important; border: 1px solid #0b0306 !important; } @media screen and (max-width: 767px) { .p-event-gap2022-goods { width: 100%; padding: 32px 0; } .p-event-gap2022-goods__title { padding: 0 28px; } .p-event-gap2022-goods__title img { max-width: 100%; height: auto; } .p-event-gap2022-goods__list-wrap { width: 100%; box-sizing: border-box; padding-left: calc((100vw - 325px) / 2); padding-right: calc((100vw - 325px) / 2); } .p-event-gap2022-goods__list { width: 100%; padding-top: 27px; } .p-event-gap2022-goods__button { width: 223px; } .p-event-gap2022-goods__button { width: 300px; } a.p-event-gap2022-goods__link { width: 300px; height: 48px; font-size: 16px; line-height: 43px; } } @media screen and (max-width: 337px) { .p-event-gap2022-goods__list-wrap { padding-left: 24px; padding-right: 24px; } .p-event-gap2022-goods__item { width: calc(100vw - 48px); } .p-event-gap2022-goods__image { width: 100%; } .p-event-gap2022-goods__image img { width: 100%; height: auto; } .p-event-gap2022-goods__detail { padding: 13px 5px 0 5px; } .p-event-gap2022-goods__tax { font-size: 10px; } .p-event-gap2022-goods__price::after { margin: 0 2px 0 0; text-indent: -3px; } } /*------------coomingsoon-------------*/ .p-event-gap2022-goods__comming-soon-list { position: relative; width: 490px; min-height: 414px; margin: 0 auto; } .p-event-gap2022-goods__comming-soon { position: absolute; top: 36px; left: -245px; } .p-event-gap2022-goods__comming-soon-title { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-gap2022-goods__comming-soon-list { width: 100%; min-height: 354px; overflow: hidden; } .p-event-gap2022-goods__comming-soon { top: 12px; left: 14px; width: 100vw; } .p-event-gap2022-goods__comming-soon-title { max-width: 100%; top: 98px; left: -32px; padding: 0 12px; z-index: 2; box-sizing: border-box; } .p-event-gap2022-goods__comming-soon-title img { width: 100%; height: auto; } .p-event-gap2022-goods__comming-soon-image { z-index: 1; position: relative; left: -337px; } } /*------------end:coomingsoon-------------*/ .p-event-gap2022-staff { width: 100%; padding: 43px 0 30px 0; position: relative; z-index: 5; } .p-event-gap2022-staff__title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 27px; } .p-event-gap2022-staff__list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; } .p-event-gap2022-staff__item { text-align: center; } .p-event-gap2022-staff__item:not(:nth-last-of-type(1)):after { content: "/"; margin: 0 5px; } @media screen and (max-width: 767px) { .p-event-gap2022-staff { padding: 24px 0; } .p-event-gap2022-staff__list { width: calc(100vw - 12px); } } .p-event-gap2022-news { position: relative; z-index: 5; } .p-event-gap2022-news__title { padding: 52px 0 48px 0; text-align: center; word-break: break-all; position: relative; } .p-event-gap2022-news__list { width: 1000px; margin: 0 auto; padding-bottom: 19px; } .p-event-gap2022-news__item { background: #ffffff; margin-bottom: 10px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .p-event-gap2022-news__item-right { padding: 12px 17px; } .p-event-gap2022-news__img { width: 146px; height: 146px; min-width: 146px; background: #f9f9f9; } .p-event-gap2022-news__img img { width: 100%; height: auto; max-height: 100%; } .p-event-gap2022-news__cat { background: #00adc6; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 19px; display: inline-block; } .p-event-gap2022-news__date { color: #999999; font-size: 12px; } .p-event-gap2022-news__head { color: #000000; font-size: 18px; font-weight: bold; padding: 5px 0; width: 293px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-event-gap2022-news__content { font-size: 12px; line-height: 18px; } .p-event-gap2022-news__meta { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .p-event-gap2022-news { width: 100%; } .p-event-gap2022-news__title { padding: 26px 0 22px 0; text-align: center; } .p-event-gap2022-news__title img { width: 158px; height: auto; } .p-event-gap2022-news__list { width: 100%; height: auto; overflow: visible; padding-bottom: 25px; } .p-event-gap2022-news__item { background: #ffffff; margin-bottom: 0; width: 100%; padding: 10px 7px; border: none; border-bottom: solid 1px #dcdcdc; position: relative; box-sizing: border-box; } .p-event-gap2022-news__item-right { padding: 0 10px; position: absolute; padding-left: 130px; padding-right: 8px; left: 0; width: 100%; box-sizing: border-box; } .p-event-gap2022-news__img { width: 115px; height: 115px; min-width: 115px; } .p-event-gap2022-news__img a { display: block; position: relative; z-index: 10; } .p-event-gap2022-news__date { color: #00adc6; } .p-event-gap2022-news__head { width: 100%; } } .p-event-gap2022-sponsor { padding-top: 28px; padding-bottom: 38px; position: relative; z-index: 5; } .p-event-gap2022-sponsor__title { text-align: center; padding-bottom: 21px; } .p-event-gap2022-sponsor__list-wrap { margin: 0 auto; max-width: 1000px; overflow: hidden; padding: 0 50px; position: relative; } .p-event-gap2022-sponsor__list { display: flex; /*justify-content: space-between;*/ } .p-event-gap2022-sponsor__item { background: #ffffff; width: 325px; margin-right: 13px; } .p-event-gap2022-sponsor__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gap2022-sponsor__item img { display: block; } .p-event-gap2022-sponsor__item a { position: relative; z-index: 3; } .p-event-gap2022-sponsor__button, .p-event-gap2022-sponsor__button--next, .p-event-gap2022-sponsor__button--prev { background: none; outline: none; cursor: pointer; } .p-event-gap2022-sponsor__button::before, .p-event-gap2022-sponsor__button--next::before, .p-event-gap2022-sponsor__button--prev::before { content: none; } .p-event-gap2022-sponsor__button::after, .p-event-gap2022-sponsor__button--next::after, .p-event-gap2022-sponsor__button--prev::after { width: 20px; height: 20px; } .p-event-gap2022-sponsor__button--next::after { right: 25px; } @media screen and (max-width: 767px) { .p-event-gap2022-sponsor__title { text-align: center; padding-bottom: 11px; } .p-event-gap2022-sponsor__title img { width: 120px; height: auto; } .p-event-gap2022-sponsor__list-wrap { max-width: 100%; padding: 0; padding-right: 5px; box-sizing: border-box; } .p-event-gap2022-sponsor__list-inner { width: 100%; box-sizing: border-box; } .p-event-gap2022-sponsor__list { width: 100%; padding-left: 5px; } .p-event-gap2022-sponsor__item { background: none; margin: 0; } .p-event-gap2022-sponsor__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gap2022-sponsor__item img { width: 100%; height: auto; } .p-event-gap2022-sponsor__button, .p-event-gap2022-sponsor__button--prev, .p-event-gap2022-sponsor__button--next { display: none; } } .p-event-gap2021-notice { width: 1000px; margin: 0 auto; padding: 47px 0 17px 0; } .p-event-gap2021-notice__title { width: 301px; height: 62px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gap2021-notice__paragraph { text-align: center; color: #ffffff; line-height: 24px; padding-bottom: 24px; } @media screen and (max-width: 767px) { .p-event-gap2021-notice { width: 100%; padding: 23px 0 12px 0; } .p-event-gap2021-notice__title { height: 44px; margin-bottom: 18px; padding-left: 6px; } .p-event-gap2021-notice__img-gap2021 { width: 249px; height: auto; } .p-event-gap2021-notice__img-notice { width: 231px; height: auto; } .p-event-gap2021-notice__paragraph { font-size: 12px; padding-bottom: 17px; line-height: 22px; } } /*--------gdp10---------*/ .p-event-gdp10 { width: 100%; background: #ffffff; font-size: 1.4rem; } .p-event-gdp10__gradient { background: linear-gradient(to right, #cdb04c 0, #cdb04c 2%, #edcb8a 42%, #cdb04c 76%, #edcb8a 98%); } a { color: #007bc8; text-decoration: none; } .p-event-gdp10-catch { width: 100%; height: 440px; background: url(/images/event/gdp10/catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-gdp10-catch__logo { text-align: center; padding-top: 57px; position: relative; z-index: 2; } .p-event-gdp10-catch__ticket { position: absolute; left: 0; right: 0; top: 344px; display: flex; justify-content: space-between; width: 516px; margin: 0 auto; } .p-event-gdp10-catch__button-back { background-color: #fff; width: 251px; height: 49px; z-index: 2; } a.p-event-gdp10-catch__button { line-height: 45px; box-sizing: border-box; border: solid 2px #000000; background: #e71388; box-shadow: 2px 3px 0 #000000; display: block; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; } a.p-event-gdp10-catch__button:hover { text-decoration: none; opacity: 0.7; } @media screen and (max-width: 767px) { .p-event-gdp10-catch { height: 286px; background: url(/images/event/gdp10/sp_catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-gdp10-catch__logo { position: relative; z-index: 2; padding-top: 49px; } .p-event-gdp10-catch__logo img { width: 186px; height: 201px; } .p-event-gdp10-catch__ticket { top: 214px; width: 223px; display: block; z-index: 3; } .p-event-gdp10-catch__button-back { width: 223px; height: 40px; margin-bottom: 8px; } a.p-event-gdp10-catch__button { font-size: 12px; width: 223px; height: 40px; line-height: 36px; } } .p-event-gdp10-headline { width: 100%; height: 67px; padding-top: 12px; box-sizing: border-box; background: linear-gradient(to right, #c9a765 16%, #231815 96%); } .p-event-gdp10-headline__block { width: 1000px; height: 42px; margin: 0 auto; display: flex; } .p-event-gdp10-headline__title { background: #211d23; width: 123px; border-radius: 42px 0 0 42px; display: flex; justify-content: center; align-items: center; } .p-event-gdp10-headline__news { background: #ffffff; border-radius: 0 42px 42px 0; width: calc(100% - 123px); line-height: 42px; padding: 0 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .p-event-gdp10-headline__news a { text-decoration: underline; } @media screen and (max-width: 767px) { .p-event-gdp10-headline { height: 40px; padding-top: 5px; } .p-event-gdp10-headline__block { width: calc(100% - 14px); height: 30px; } .p-event-gdp10-headline__title { width: 93px; box-sizing: border-box; padding-left: 7px; border-radius: 16px 0 0 16px; } .p-event-gdp10-headline__title img { width: 68px; height: auto; } .p-event-gdp10-headline__news { border-radius: 0 16px 16px 0; width: calc(100% - 93px); line-height: 30px; padding: 0 6px; font-size: 12px; } } .p-event-gdp10-outline { width: 1000px; margin: 0 auto; padding: 44px 0 30px 0; } .p-event-gdp10-outline__title { width: 301px; height: 64px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gdp10-outline__paragraph { text-align: center; color: #000000; line-height: 1.7; padding-bottom: 22px; } .p-event-gdp10-outline__highlight { color: #bf9914; font-weight: bold; } .p-event-gdp10-outline__table { margin: 6px auto 22px auto; border-collapse: separate; border-spacing: 1px; min-width: 100%; } .p-event-gdp10-outline__th { color: #ffffff; background: #211d23; font-weight: bold; text-align: center; min-width: 115px; width: 115px; padding: 10px 0 9px 0; letter-spacing: 5px; } .p-event-gdp10-outline__th--release { letter-spacing: 0; } .p-event-gdp10-outline__td { background: #f8f8f8; padding: 10px 14px 9px 14px; min-width: 100%; text-align: left; word-break: break-all; } .p-event-gdp10-outline__infomation { display: flex; } .p-event-gdp10-outline__map { width: 320px; height: 285px; margin-right: 17px; background: #cccccc; } .p-event-gdp10-outline__access { color: #cccccc; font-size: 12px; } .p-event-gdp10-outline__access-train { padding: 17px 0; } .p-event-gdp10-outline__request { width: 1000px; background: #ffffff; border: solid 1px #000000; border-radius: 10px; overflow: hidden; box-sizing: border-box; } .p-event-gdp10-outline__request-title { background: #000000; color: #fff; font-weight: bold; padding: 11px 0; text-align: center; border-radius: 10px 10px 0 0; } .p-event-gdp10-outline__request-inner { padding: 15px 20px; color: #000; line-height: 1.7; padding-bottom: 25px; background: #f8f8f8; } .p-event-gdp10-outline__request-list:nth-of-type(1) { padding-bottom: 25px; } .p-event-gdp10-outline__request-sub-title { color: #8f7a33; font-weight: bold; } a.p-event-gdp10-outline__request-link { color: #17a8de; text-decoration: underline; } a.p-event-gdp10-outline__request-link:hover { color: #fa0480; } .p-event-gdp10-outline__price { margin-bottom: 5px; } .p-event-gdp10-outline__price-title { font-weight: bold; } .p-event-gdp10-outline__price-desc { padding-left: 14px; padding-bottom: 10px; line-height: 1.8; } @media screen and (min-width: 768px) { .p-event-gdp10-outline__moreread-wrap { height: 0 !important; overflow: hidden; } } @media screen and (max-width: 767px) { .p-event-gdp10-outline { width: 100%; padding: 24px 0 0 0; } .p-event-gdp10-outline__title { margin-bottom: 21px; height: auto; } .p-event-gdp10-outline__sub-title-img { width: 243px; height: auto; } .p-event-gdp10-outline__title-img { max-width: 95%; height: auto; } .p-event-gdp10-outline__paragraph { font-size: 12px; padding: 0 10px 20px 10px; } .p-event-gdp10-outline__table { min-width: auto; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-gdp10-outline__th { min-width: 64px; } .p-event-gdp10-outline__td { padding: 10px 12px 9px 12px; } .p-event-gdp10-outline__tel { color: #cccccc; } .p-event-gdp10-outline__price-note, .p-event-gdp10-outline__release-note { font-size: 12px; display: block; } .p-event-gdp10-outline__infomation { display: block; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-gdp10-outline__map { margin: 0 0 13px 0; } .p-event-gdp10-outline__access { padding-bottom: 10px; } .p-event-gdp10-outline__request { width: calc(100vw - 55px); margin: 0 auto; box-sizing: border-box; } .p-event-gdp10-outline__price-title { font-size: 12px; } .p-event-gdp10-outline__price-desc { font-size: 12px; } .p-event-gdp10-outline__moreread-wrap { margin-top: 7px; } .p-event-gdp10-outline__moreread { color: #000000 !important; border-color: #000000 !important; } .p-event-gdp10-outline__moreread::before { background: #000000 !important; } } .p-event-gdp10-time_table { width: 100%; padding: 39px 0 37px 0; } .p-event-gdp10-time_table__title { text-align: center; color: #ffffff; font-size: 32px; font-weight: bold; padding-bottom: 22px; } .p-event-gdp10-time_table__program { display: flex; justify-content: space-between; width: 1000px; margin: 0 auto; counter-reset: number; } .p-event-gdp10-time_table__wrap, .p-event-gdp10-time_table__wrap--after, .p-event-gdp10-time_table__wrap--commingsoon { width: 490px; } .p-event-gdp10-time_table__day-title { font-weight: bold; color: #000000; text-align: center; font-size: 28px; } .p-event-gdp10-time_table__day-desc { font-size: 18px; display: block; } .p-event-gdp10-time_table__item, .p-event-gdp10-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 15px 28px 15px 63px; position: relative; background: #ffffff; color: #000000; display: flex; } .p-event-gdp10-time_table__item-number { width: 50px; counter-increment: number; content: counter(number, decimal-leading-zero); position: absolute; top: 0; left: 0; height: 100%; background: #000000; color: #ffffff; display: flex; align-items: center; justify-content: center; } .p-event-gdp10-time_table__item--after { padding: 7px 28px 7px 63px; } .p-event-gdp10-time_table__item--center { justify-content: center; padding-right: 0; padding-left: 0; } .p-event-gdp10-time_table__time, .p-event-gdp10-time_table__time--after { color: #000000; display: inline-block; margin-left: auto; } .p-event-gdp10-time_table__lineup, .p-event-gdp10-time_table__lineup--commingsoon { width: 490px; min-height: 517px; } .p-event-gdp10-time_table__lineup-title, .p-event-gdp10-time_table__lineup-title--commingsoon { height: 40px; line-height: 40px; border-bottom: solid 2px #000000; padding-left: 12px; font-size: 18px; font-weight: bold; color: #000000; margin: 10px auto 15px auto; } .p-event-gdp10-time_table__comming-soon { position: absolute; top: 56px; left: -10px; z-index: 5; } .p-event-gdp10-time_table__comming-soon-title { position: absolute; top: 105px; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-gdp10-time_table { padding: 27px 0 28px 0; position: relative; margin-top: 18px; } .p-event-gdp10-time_table__title { padding-bottom: 12px; } .p-event-gdp10-time_table__title img { width: 252px; height: auto; } .p-event-gdp10-time_table__program-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; position: relative; z-index: 1; } .p-event-gdp10-time_table__wrap, .p-event-gdp10-time_table__wrap--commingsoon, .p-event-gdp10-time_table__wrap--after { width: calc(100vw - 54px); margin: 0 auto; } .p-event-gdp10-time_table__day-title { font-size: 21px; } .p-event-gdp10-time_table__day-desc { font-size: 13px; } .p-event-gdp10-time_table__program { width: 200vw; } .p-event-gdp10-time_table__list { width: calc(100vw - 54px); margin: 0 auto; } .p-event-gdp10-time_table__item, .p-event-gdp10-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; align-items: center; } .p-event-gdp10-time_table__item, .p-event-gdp10-time_table__item--after { padding-right: 10px; } .p-event-gdp10-time_table__item--after { font-size: 12px; padding: 7px 8px 7px 63px; } .p-event-gdp10-time_table__flick-icon { top: 72px; right: 6px; opacity: 1; position: absolute; transform: scale(1); transition: transform 0.3s, opacity 0.3s; z-index: 1; } .p-event-gdp10-time_table__flick-icon.is-hidden { opacity: 0; transform: scale(0.5); } .p-event-gdp10-time_table__lineup-title, .p-event-gdp10-time_table__lineup-title--commingsoon { height: auto; font-size: 16px; line-height: 1.2; padding: 10px 6px; } .p-event-gdp10-time_table__program-wrap--commingsoon { width: 100%; overflow: hidden; box-sizing: border-box; } .p-event-gdp10-time_table__lineup--commingsoon { width: calc(100vw - 55px); padding: 0 28px; min-height: 453px; } .p-event-gdp10-time_table__lineup-title--commingsoon { line-height: 40px; font-size: 14px; padding-left: 0; } .p-event-gdp10-time_table__comming-soon { top: 44px; left: 14px; width: 100vw; } .p-event-gdp10-time_table__comming-soon-title { max-width: 100%; top: 152px; left: -32px; padding: 0 12px; box-sizing: border-box; } .p-event-gdp10-time_table__comming-soon-title img { width: 100%; height: auto; } } @media screen and (max-width: 337px) { .p-event-gdp10-goods__comming-soon-image { left: -363px; } .p-event-gdp10-time_table__comming-soon img { width: calc(100% - 30px); height: auto; } .p-event-gdp10-time_table__comming-soon-title { top: 128px; } .p-event-gdp10-time_table__comming-soon-title img { width: 100%; height: auto; } .p-event-gdp10-time_table__lineup, .p-event-gdp10-time_table__lineup--commingsoon { min-height: 388px; } } .p-event-gdp10-comment { width: 100%; padding-bottom: 12px; } .p-event-gdp10-comment__title { text-align: center; padding-bottom: 27px; display: flex; justify-content: center; align-items: flex-end; } a.p-event-gdp10-comment__title-link { font-weight: bold; color: #000000; font-size: 12px; text-decoration: underline; margin-left: 14px; } .p-event-gdp10-comment__list { width: 1000px; margin: 0 auto; } .p-event-gdp10-comment__item { padding-bottom: 15px; } .p-event-gdp10-comment__block { display: flex; align-items: center; } .p-event-gdp10-comment__balloon { margin-left: 25px; position: relative; background: #ffffff; border-radius: 10px; color: #333333; padding: 12px 20px; } .p-event-gdp10-comment__balloon::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 0; left: -16px; border: solid 0px white; border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-top-width: 8px; border-right-width: 16px; border-bottom-width: 8px; } @media screen and (max-width: 767px) { .p-event-gdp10-comment__title { display: block; } .p-event-gdp10-comment__title img { width: 245px; height: auto; } a.p-event-gdp10-comment__title-link::before { content: "\f35a"; font-family: "Font Awesome 5 Free"; } .p-event-gdp10-comment__list { width: calc(100vw - 60px); margin: 0 auto; } .p-event-gdp10-comment__block { align-items: flex-start; font-size: 12px; } .p-event-gdp10-comment__photo { min-width: 56px; height: 56px; } .p-event-gdp10-comment__photo img { width: 100%; height: 100%; } .p-event-gdp10-comment__balloon { padding: 10px 13px; margin-left: 18px; } .p-event-gdp10-comment__balloon::before { top: 20px; margin: 0; left: -12px; border-top-width: 5px; border-right-width: 12px; border-bottom-width: 5px; } } .p-event-gdp10-goods { padding: 48px 0 32px 0; color: #333333; background: #ffffff; } .p-event-gdp10-goods__title { display: flex; justify-content: center; } .p-event-gdp10-goods__list-wrap { width: 1000px; margin: 0 auto; } .p-event-gdp10-goods__list { padding-top: 49px; display: flex; flex-wrap: wrap; } .p-event-gdp10-goods__item { width: 325px; margin-right: 12px; } .p-event-gdp10-goods__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gdp10-goods__image img { display: block; } .p-event-gdp10-goods__detail { padding: 13px 7px 0 7px; } .p-event-gdp10-goods__name { font-size: 18px; font-weight: bold; } .p-event-gdp10-goods__price { display: flex; font-size: 12px; font-weight: bold; float: left; } .p-event-gdp10-goods__color, .p-event-gdp10-goods__size { clear: both; display: flex; font-size: 12px; font-weight: bold; } .p-event-gdp10-goods__color-title { white-space: nowrap; } .p-event-gdp10-goods__color-title::after, .p-event-gdp10-goods__size-title::after { content: "/"; margin: 0 5px; } .p-event-gdp10-goods__color-list, .p-event-gdp10-goods__size-list { display: flex; } .p-event-gdp10-goods__color-item.swiper-slide, .p-event-gdp10-goods__size-item.swiper-slide { width: auto; } .p-event-gdp10-goods__color-item.swiper-slide::after, .p-event-gdp10-goods__size-item.swiper-slide::after { content: "・"; } .p-event-gdp10-goods__color-item.swiper-slide:nth-last-of-type(1)::after, .p-event-gdp10-goods__size-item.swiper-slide:nth-last-of-type(1)::after { content: none; } .p-event-gdp10-goods__desc { clear: both; color: #333333; padding-top: 9px; line-height: 20px; font-size: 12px; } a.p-event-gdp10-goods__link { background: #000000; width: 343px; height: 49px; display: flex; align-items: center; justify-content: center; margin: 0 auto; color: #ffffff; font-size: 16px; font-weight: bold; box-shadow: 3px 3px 0 #8f7a33; border: solid 2px #000000; text-decoration: none; } a.p-event-gdp10-goods__link:hover { text-decoration: none; opacity: 0.7; } .p-event-gdp10-goods__pagination .swiper-pagination-bullet { border: 1px solid #0b0306 !important; background: #585154 !important; box-sizing: content-box !important; } .p-event-gdp10-goods__pagination .swiper-pagination-bullet-active { background: #ff1147 !important; border: 1px solid #0b0306 !important; } @media screen and (max-width: 767px) { .p-event-gdp10-goods { width: 100%; padding: 32px 0; } .p-event-gdp10-goods__title { padding: 0 28px; } .p-event-gdp10-goods__title img { max-width: 100%; height: auto; } .p-event-gdp10-goods__list-wrap { width: 100%; box-sizing: border-box; padding-left: calc((100vw - 325px) / 2); padding-right: calc((100vw - 325px) / 2); } .p-event-gdp10-goods__list { width: 100%; padding-top: 27px; } .p-event-gdp10-goods__button { width: 223px; } .p-event-gdp10-goods__button { width: 300px; } a.p-event-gdp10-goods__link { width: 300px; height: 48px; font-size: 16px; line-height: 43px; } } @media screen and (max-width: 337px) { .p-event-gdp10-goods__list-wrap { padding-left: 24px; padding-right: 24px; } .p-event-gdp10-goods__item { width: calc(100vw - 48px); } .p-event-gdp10-goods__image { width: 100%; } .p-event-gdp10-goods__image img { width: 100%; height: auto; } .p-event-gdp10-goods__detail { padding: 13px 5px 0 5px; } .p-event-gdp10-goods__tax { font-size: 10px; } .p-event-gdp10-goods__price::after { margin: 0 2px 0 0; text-indent: -3px; } } /*------------coomingsoon-------------*/ .p-event-gdp10-goods__comming-soon-list { position: relative; width: 490px; min-height: 414px; margin: 0 auto; } .p-event-gdp10-goods__comming-soon { position: absolute; top: 36px; left: -245px; } .p-event-gdp10-goods__comming-soon-title { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-gdp10-goods__comming-soon-list { width: 100%; min-height: 354px; overflow: hidden; } .p-event-gdp10-goods__comming-soon { top: 12px; left: 14px; width: 100vw; } .p-event-gdp10-goods__comming-soon-title { max-width: 100%; top: 98px; left: -32px; padding: 0 12px; z-index: 2; box-sizing: border-box; } .p-event-gdp10-goods__comming-soon-title img { width: 100%; height: auto; } .p-event-gdp10-goods__comming-soon-image { z-index: 1; position: relative; left: -337px; } } /*------------end:coomingsoon-------------*/ .p-event-gdp10-staff { width: 100%; padding: 43px 0 30px 0; } .p-event-gdp10-staff__title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 27px; } .p-event-gdp10-staff__list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; } .p-event-gdp10-staff__item { text-align: center; } .p-event-gdp10-staff__item:not(:nth-last-of-type(1)):after { content: "/"; margin: 0 5px; } @media screen and (max-width: 767px) { .p-event-gdp10-staff { padding: 24px 0; } .p-event-gdp10-staff__list { width: calc(100vw - 12px); } } .p-event-gdp10-news__title { padding: 52px 0 48px 0; text-align: center; word-break: break-all; position: relative; } .p-event-gdp10-news__list { width: 1000px; margin: 0 auto; padding-bottom: 19px; } .p-event-gdp10-news__item { background: #ffffff; margin-bottom: 10px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .p-event-gdp10-news__item-right { padding: 12px 17px; } .p-event-gdp10-news__img { width: 146px; height: 146px; min-width: 146px; background: #f9f9f9; } .p-event-gdp10-news__img img { width: 100%; height: auto; max-height: 100%; } .p-event-gdp10-news__cat { background: #00adc6; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 19px; display: inline-block; } .p-event-gdp10-news__date { color: #999999; font-size: 12px; } .p-event-gdp10-news__head { color: #000000; font-size: 18px; font-weight: bold; padding: 5px 0; width: 293px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-event-gdp10-news__content { font-size: 12px; line-height: 18px; } .p-event-gdp10-news__meta { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .p-event-gdp10-news { width: 100%; } .p-event-gdp10-news__title { padding: 26px 0 22px 0; text-align: center; } .p-event-gdp10-news__title img { width: 158px; height: auto; } .p-event-gdp10-news__list { width: 100%; height: auto; overflow: visible; padding-bottom: 25px; } .p-event-gdp10-news__item { background: #ffffff; margin-bottom: 0; width: 100%; padding: 10px 7px; border: none; border-bottom: solid 1px #dcdcdc; position: relative; box-sizing: border-box; } .p-event-gdp10-news__item-right { padding: 0 10px; position: absolute; padding-left: 130px; padding-right: 8px; left: 0; width: 100%; box-sizing: border-box; } .p-event-gdp10-news__img { width: 115px; height: 115px; min-width: 115px; } .p-event-gdp10-news__img a { display: block; position: relative; z-index: 1; } .p-event-gdp10-news__date { color: #00adc6; } .p-event-gdp10-news__head { width: 100%; } } .p-event-gdp10-sponsor { padding-top: 28px; padding-bottom: 38px; } .p-event-gdp10-sponsor__title { text-align: center; padding-bottom: 21px; } .p-event-gdp10-sponsor__list-wrap { margin: 0 auto; max-width: 1000px; overflow: hidden; padding: 0 50px; position: relative; } .p-event-gdp10-sponsor__list { display: flex; /*justify-content: space-between;*/ } .p-event-gdp10-sponsor__item { background: #ffffff; width: 325px; margin-right: 13px; } .p-event-gdp10-sponsor__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gdp10-sponsor__item img { display: block; } .p-event-gdp10-sponsor__item a { position: relative; z-index: 3; } .p-event-gdp10-sponsor__button, .p-event-gdp10-sponsor__button--next, .p-event-gdp10-sponsor__button--prev { background: none; outline: none; cursor: pointer; } .p-event-gdp10-sponsor__button::before, .p-event-gdp10-sponsor__button--next::before, .p-event-gdp10-sponsor__button--prev::before { content: none; } .p-event-gdp10-sponsor__button::after, .p-event-gdp10-sponsor__button--next::after, .p-event-gdp10-sponsor__button--prev::after { width: 20px; height: 20px; } .p-event-gdp10-sponsor__button--next::after { right: 25px; } @media screen and (max-width: 767px) { .p-event-gdp10-sponsor__title { text-align: center; padding-bottom: 11px; } .p-event-gdp10-sponsor__title img { width: 120px; height: auto; } .p-event-gdp10-sponsor__list-wrap { max-width: 100%; padding: 0; padding-right: 5px; box-sizing: border-box; } .p-event-gdp10-sponsor__list-inner { width: 100%; box-sizing: border-box; } .p-event-gdp10-sponsor__list { width: 100%; padding-left: 5px; } .p-event-gdp10-sponsor__item { background: none; margin: 0; } .p-event-gdp10-sponsor__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gdp10-sponsor__item img { width: 100%; height: auto; } .p-event-gdp10-sponsor__button, .p-event-gdp10-sponsor__button--prev, .p-event-gdp10-sponsor__button--next { display: none; } } .p-event-gap2021-notice { width: 1000px; margin: 0 auto; padding: 47px 0 17px 0; } .p-event-gap2021-notice__title { width: 301px; height: 62px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gap2021-notice__paragraph { text-align: center; color: #ffffff; line-height: 24px; padding-bottom: 24px; } @media screen and (max-width: 767px) { .p-event-gap2021-notice { width: 100%; padding: 23px 0 12px 0; } .p-event-gap2021-notice__title { height: 44px; margin-bottom: 18px; padding-left: 6px; } .p-event-gap2021-notice__img-gap2021 { width: 249px; height: auto; } .p-event-gap2021-notice__img-notice { width: 231px; height: auto; } .p-event-gap2021-notice__paragraph { font-size: 12px; padding-bottom: 17px; line-height: 22px; } } /*--------fes2023---------*/ .p-event-fes2023 { width: 100%; background: #ffffff; font-size: 1.4rem; } .p-event-fes2023__gradient { background: #eff8fc; } a { color: #007bc8; text-decoration: none; } .p-event-fes2023-catch { width: 100%; height: 440px; background: url(/images/event/fes2023/catch_back.jpg) no-repeat center bottom; background-size: cover; position: relative; } .p-event-fes2023-catch__logo { text-align: center; padding-top: 18px; position: relative; z-index: 2; } @media screen and (max-width: 767px) { .p-event-fes2023-catch { height: 286px; background-image: url(/images/event/fes2023/sp_catch_back.jpg); background-size: cover; position: relative; } .p-event-fes2023-catch__logo { position: relative; z-index: 2; padding-top: 35px; } .p-event-fes2023-catch__logo img { width: 308px; height: auto; } } .p-event-fes2023-headline { width: 100%; height: 67px; padding-top: 12px; box-sizing: border-box; background: #eff8fc; } .p-event-fes2023-headline__block { width: 1000px; height: 42px; margin: 0 auto; display: flex; } .p-event-fes2023-headline__title { background: #e8382f; width: 123px; border-radius: 42px 0 0 42px; display: flex; justify-content: center; align-items: center; } .p-event-fes2023-headline__news { background: #ffffff; border-radius: 0 42px 42px 0; width: calc(100% - 123px); line-height: 42px; padding: 0 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .p-event-fes2023-headline__news a { text-decoration: underline; } @media screen and (max-width: 767px) { .p-event-fes2023-headline { height: 40px; padding-top: 5px; } .p-event-fes2023-headline__block { width: calc(100% - 14px); height: 30px; } .p-event-fes2023-headline__title { width: 93px; box-sizing: border-box; padding-left: 7px; border-radius: 16px 0 0 16px; } .p-event-fes2023-headline__title img { width: 68px; height: auto; } .p-event-fes2023-headline__news { border-radius: 0 16px 16px 0; width: calc(100% - 93px); line-height: 30px; padding: 0 6px; font-size: 12px; } } .p-event-fes2023-outline { width: 1000px; margin: 0 auto; padding: 44px 0 30px 0; background: url(/images/event/fes2023/outline_back.png) no-repeat 0 190px; background-size: 1000px 247px; } .p-event-fes2023-outline__title { margin: 0 auto 34px auto; } .p-event-fes2023-outline__paragraph { text-align: center; color: #000000; line-height: 1.7; padding-bottom: 22px; } .p-event-fes2023-outline__highlight { color: #e8382f; font-weight: bold; } .p-event-fes2023-outline__table { margin: 6px auto 22px auto; border-spacing: 1px; min-width: 100%; } .p-event-fes2023-outline__th { color: #ffffff; background: #0094e1; font-weight: bold; text-align: center; min-width: 115px; width: 115px; padding: 10px 0 9px 0; letter-spacing: 5px; border: 1px solid #fff; } .p-event-fes2023-outline__th--release { letter-spacing: 0; } .p-event-fes2023-outline__td { background: #eff8fc; padding: 10px 14px 9px 14px; min-width: 100%; text-align: left; word-break: break-all; border: 1px solid #fff; } .p-event-fes2023-outline__infomation { display: flex; } .p-event-fes2023-outline__map { width: 320px; height: 285px; margin-right: 17px; background: #cccccc; } .p-event-fes2023-outline__access { color: #cccccc; font-size: 12px; } .p-event-fes2023-outline__access-train { padding: 17px 0; } .p-event-fes2023-outline__request { width: 1000px; background: #ffffff; border: solid 1px #000000; border-radius: 10px; overflow: hidden; box-sizing: border-box; } .p-event-fes2023-outline__request-title { background: #000000; color: #fff; font-weight: bold; padding: 11px 0; text-align: center; border-radius: 10px 10px 0 0; } .p-event-fes2023-outline__request-inner { padding: 15px 20px; color: #000; line-height: 1.7; padding-bottom: 25px; background: #f8f8f8; } .p-event-fes2023-outline__request-list:nth-of-type(1) { padding-bottom: 25px; } .p-event-fes2023-outline__request-sub-title { color: #8f7a33; font-weight: bold; } a.p-event-fes2023-outline__request-link { color: #17a8de; text-decoration: underline; } a.p-event-fes2023-outline__request-link:hover { color: #fa0480; } .p-event-fes2023-outline__price { margin-bottom: 5px; } .p-event-fes2023-outline__price-title { font-weight: bold; } .p-event-fes2023-outline__price-desc { padding-left: 14px; padding-bottom: 10px; line-height: 1.8; } @media screen and (min-width: 768px) { .p-event-fes2023-outline__moreread-wrap { height: 0 !important; overflow: hidden; } } @media screen and (max-width: 767px) { .p-event-fes2023-outline { width: 100%; padding: 24px 0 0 0; background: none; } .p-event-fes2023-outline__title { margin-bottom: 21px; height: auto; } .p-event-fes2023-outline__sub-title-img { width: 243px; height: auto; } .p-event-fes2023-outline__title-img { max-width: 85%; height: auto; } .p-event-fes2023-outline__paragraph { font-size: 12px; padding: 0 10px 20px 10px; } .p-event-fes2023-outline__table { min-width: auto; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-fes2023-outline__th { min-width: 64px; } .p-event-fes2023-outline__td { padding: 10px 12px 9px 12px; } .p-event-fes2023-outline__tel { color: #cccccc; } .p-event-fes2023-outline__price-note, .p-event-fes2023-outline__release-note { font-size: 12px; display: block; } .p-event-fes2023-outline__infomation { display: block; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-fes2023-outline__map { margin: 0 0 13px 0; } .p-event-fes2023-outline__access { padding-bottom: 10px; } .p-event-fes2023-outline__request { width: calc(100vw - 55px); margin: 0 auto; box-sizing: border-box; } .p-event-fes2023-outline__price-title { font-size: 12px; } .p-event-fes2023-outline__price-desc { font-size: 12px; } .p-event-fes2023-outline__moreread-wrap { margin-top: 7px; } .p-event-fes2023-outline__moreread { color: #000000 !important; border-color: #000000 !important; } .p-event-fes2023-outline__moreread::before { background: #000000 !important; } } .p-event-fes2023-time_table { width: 100%; padding: 39px 0 37px 0; } .p-event-fes2023-time_table__title { text-align: center; color: #ffffff; font-size: 32px; font-weight: bold; padding-bottom: 22px; } .p-event-fes2023-time_table__program { display: flex; justify-content: space-between; width: 1000px; margin: 0 auto; counter-reset: number; position: relative; } .p-event-fes2023-time_table__wrap, .p-event-fes2023-time_table__wrap--after, .p-event-fes2023-time_table__wrap--commingsoon { width: 490px; } .p-event-fes2023-time_table__day-title { font-weight: bold; color: #000000; text-align: center; font-size: 28px; } .p-event-fes2023-time_table__day-desc { font-size: 18px; display: block; } .p-event-fes2023-time_table__item, .p-event-fes2023-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 15px 28px 15px 63px; position: relative; background: #ffffff; color: #000000; display: flex; } .p-event-fes2023-time_table__item-number { width: 50px; counter-increment: number; content: counter(number, decimal-leading-zero); position: absolute; top: 0; left: 0; height: 100%; background: #f6ac19; color: #ffffff; display: flex; align-items: center; justify-content: center; } .p-event-fes2023-time_table__item--after { padding: 11px 28px 11px 63px; } .p-event-fes2023-time_table__item--center { justify-content: center; padding-right: 0; padding-left: 0; } .p-event-fes2023-time_table__time, .p-event-fes2023-time_table__time--after { color: #000000; display: inline-block; margin-left: auto; } .p-event-fes2023-time_table__lineup, .p-event-fes2023-time_table__lineup--commingsoon { width: 490px; min-height: 517px; } .p-event-fes2023-time_table__lineup-title, .p-event-fes2023-time_table__lineup-title--commingsoon { height: 40px; line-height: 40px; border-bottom: solid 2px #000000; padding-left: 12px; font-size: 18px; font-weight: bold; color: #000000; margin: 10px auto 15px auto; } .p-event-fes2023-time_table__comming-soon { position: absolute; top: 56px; left: -10px; z-index: 5; } .p-event-fes2023-time_table__comming-soon-title { position: absolute; top: 105px; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-fes2023-time_table { padding: 27px 0 28px 0; position: relative; margin-top: 18px; } .p-event-fes2023-time_table__title { padding-bottom: 12px; } .p-event-fes2023-time_table__title img { width: 252px; height: auto; } .p-event-fes2023-time_table__program-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; position: relative; z-index: 1; } .p-event-fes2023-time_table__wrap, .p-event-fes2023-time_table__wrap--commingsoon, .p-event-fes2023-time_table__wrap--after { width: calc(100vw - 54px); margin: 0 auto; } .p-event-fes2023-time_table__day-title { font-size: 21px; } .p-event-fes2023-time_table__day-desc { font-size: 13px; } .p-event-fes2023-time_table__program { width: 200vw; } .p-event-fes2023-time_table__list { width: calc(100vw - 54px); margin: 0 auto; } .p-event-fes2023-time_table__item, .p-event-fes2023-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; align-items: center; } .p-event-fes2023-time_table__item, .p-event-fes2023-time_table__item--after { padding-right: 10px; } .p-event-fes2023-time_table__flick-icon { top: 72px; right: 6px; opacity: 1; position: absolute; transform: scale(1); transition: transform 0.3s, opacity 0.3s; z-index: 1; } .p-event-fes2023-time_table__flick-icon.is-hidden { opacity: 0; transform: scale(0.5); } .p-event-fes2023-time_table__lineup-title, .p-event-fes2023-time_table__lineup-title--commingsoon { height: auto; font-size: 16px; line-height: 1.2; padding: 10px 6px; } .p-event-fes2023-time_table__program-wrap--commingsoon { width: 100%; overflow: hidden; box-sizing: border-box; } .p-event-fes2023-time_table__lineup--commingsoon { width: calc(100vw - 55px); padding: 0 28px; min-height: 453px; } .p-event-fes2023-time_table__lineup-title--commingsoon { line-height: 40px; font-size: 14px; padding-left: 0; } .p-event-fes2023-time_table__comming-soon { top: 44px; left: 14px; width: 100vw; } .p-event-fes2023-time_table__comming-soon-title { max-width: 100%; top: 152px; left: -32px; padding: 0 12px; box-sizing: border-box; } .p-event-fes2023-time_table__comming-soon-title img { width: 100%; height: auto; } } @media screen and (max-width: 337px) { .p-event-fes2023-goods__comming-soon-image { left: -363px; } .p-event-fes2023-time_table__comming-soon img { width: calc(100% - 30px); height: auto; } .p-event-fes2023-time_table__comming-soon-title { top: 128px; } .p-event-fes2023-time_table__comming-soon-title img { width: 100%; height: auto; } .p-event-fes2023-time_table__lineup, .p-event-fes2023-time_table__lineup--commingsoon { min-height: 388px; } } .p-event-fes2023-comment { width: 100%; padding-bottom: 12px; } .p-event-fes2023-comment__title { text-align: center; padding-bottom: 27px; display: flex; justify-content: center; align-items: flex-end; } a.p-event-fes2023-comment__title-link { font-weight: bold; color: #000000; font-size: 12px; text-decoration: underline; margin-left: 14px; } .p-event-fes2023-comment__list { width: 1000px; margin: 0 auto; } .p-event-fes2023-comment__item { padding-bottom: 15px; } .p-event-fes2023-comment__block { display: flex; align-items: center; } .p-event-fes2023-comment__balloon { margin-left: 25px; position: relative; background: #ffffff; border-radius: 10px; color: #333333; padding: 12px 20px; } .p-event-fes2023-comment__balloon::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 0; left: -16px; border: solid 0px white; border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-top-width: 8px; border-right-width: 16px; border-bottom-width: 8px; } @media screen and (max-width: 767px) { .p-event-fes2023-comment__title { display: block; } .p-event-fes2023-comment__title img { width: 245px; height: auto; } a.p-event-fes2023-comment__title-link::before { content: "\f35a"; font-family: "Font Awesome 5 Free"; } .p-event-fes2023-comment__list { width: calc(100vw - 60px); margin: 0 auto; } .p-event-fes2023-comment__block { align-items: flex-start; font-size: 12px; } .p-event-fes2023-comment__photo { min-width: 56px; height: 56px; } .p-event-fes2023-comment__photo img { width: 100%; height: 100%; } .p-event-fes2023-comment__balloon { padding: 10px 13px; margin-left: 18px; } .p-event-fes2023-comment__balloon::before { top: 20px; margin: 0; left: -12px; border-top-width: 5px; border-right-width: 12px; border-bottom-width: 5px; } } .p-event-fes2023-goods { padding: 48px 0 32px 0; color: #333333; background: #ffffff; } .p-event-fes2023-goods__title { display: flex; justify-content: center; } .p-event-fes2023-goods__list-wrap { width: 1000px; margin: 0 auto; } .p-event-fes2023-goods__list { padding-top: 49px; display: flex; flex-wrap: wrap; } .p-event-fes2023-goods__item { width: 325px; margin-right: 12px; } .p-event-fes2023-goods__item:nth-last-of-type(1) { margin-right: 0; } .p-event-fes2023-goods__image img { display: block; } .p-event-fes2023-goods__detail { padding: 13px 7px 0 7px; } .p-event-fes2023-goods__name { font-size: 18px; font-weight: bold; } .p-event-fes2023-goods__price { display: flex; font-size: 12px; font-weight: bold; float: left; } .p-event-fes2023-goods__color, .p-event-fes2023-goods__size { clear: both; display: flex; font-size: 12px; font-weight: bold; } .p-event-fes2023-goods__color-title { white-space: nowrap; } .p-event-fes2023-goods__color-title::after, .p-event-fes2023-goods__size-title::after { content: "/"; margin: 0 5px; } .p-event-fes2023-goods__color-list, .p-event-fes2023-goods__size-list { display: flex; } .p-event-fes2023-goods__color-item.swiper-slide, .p-event-fes2023-goods__size-item.swiper-slide { width: auto; } .p-event-fes2023-goods__color-item.swiper-slide::after, .p-event-fes2023-goods__size-item.swiper-slide::after { content: "・"; } .p-event-fes2023-goods__color-item.swiper-slide:nth-last-of-type(1)::after, .p-event-fes2023-goods__size-item.swiper-slide:nth-last-of-type(1)::after { content: none; } .p-event-fes2023-goods__desc { clear: both; color: #333333; padding-top: 9px; line-height: 20px; font-size: 12px; } a.p-event-fes2023-goods__link { background: #e8382f; width: 343px; height: 49px; display: flex; align-items: center; justify-content: center; margin: 0 auto; color: #ffffff; font-size: 16px; font-weight: bold; box-shadow: 3px 3px 0 #8f7a33; border: solid 2px #000000; text-decoration: none; } a.p-event-fes2023-goods__link:hover { text-decoration: none; opacity: 0.7; } .p-event-fes2023-goods__pagination .swiper-pagination-bullet { border: 1px solid #0b0306 !important; background: #585154 !important; box-sizing: content-box !important; } .p-event-fes2023-goods__pagination .swiper-pagination-bullet-active { background: #ff1147 !important; border: 1px solid #0b0306 !important; } @media screen and (max-width: 767px) { .p-event-fes2023-goods { width: 100%; padding: 32px 0; } .p-event-fes2023-goods__title { padding: 0 28px; } .p-event-fes2023-goods__title img { max-width: 100%; height: auto; } .p-event-fes2023-goods__list-wrap { width: 100%; box-sizing: border-box; padding-left: calc((100vw - 325px) / 2); padding-right: calc((100vw - 325px) / 2); } .p-event-fes2023-goods__list { width: 100%; padding-top: 27px; } .p-event-fes2023-goods__button { width: 223px; } .p-event-fes2023-goods__button { width: 300px; } a.p-event-fes2023-goods__link { width: 300px; height: 48px; font-size: 16px; line-height: 43px; } } @media screen and (max-width: 337px) { .p-event-fes2023-goods__list-wrap { padding-left: 24px; padding-right: 24px; } .p-event-fes2023-goods__item { width: calc(100vw - 48px); } .p-event-fes2023-goods__image { width: 100%; } .p-event-fes2023-goods__image img { width: 100%; height: auto; } .p-event-fes2023-goods__detail { padding: 13px 5px 0 5px; } .p-event-fes2023-goods__tax { font-size: 10px; } .p-event-fes2023-goods__price::after { margin: 0 2px 0 0; text-indent: -3px; } } /*------------coomingsoon-------------*/ .p-event-fes2023-goods__comming-soon-list { position: relative; width: 490px; min-height: 414px; margin: 0 auto; } .p-event-fes2023-goods__comming-soon { position: absolute; top: 36px; left: -245px; } .p-event-fes2023-goods__comming-soon-title { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-fes2023-goods__comming-soon-list { width: 100%; min-height: 354px; overflow: hidden; } .p-event-fes2023-goods__comming-soon { top: 12px; left: 14px; width: 100vw; } .p-event-fes2023-goods__comming-soon-title { max-width: 100%; top: 98px; left: -32px; padding: 0 12px; z-index: 2; box-sizing: border-box; } .p-event-fes2023-goods__comming-soon-title img { width: 100%; height: auto; } .p-event-fes2023-goods__comming-soon-image { z-index: 1; position: relative; left: -337px; } } /*------------end:coomingsoon-------------*/ .p-event-fes2023-staff { width: 100%; padding: 43px 0 30px 0; } .p-event-fes2023-staff__title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 27px; } .p-event-fes2023-staff__list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; } .p-event-fes2023-staff__item { text-align: center; } .p-event-fes2023-staff__item:not(:nth-last-of-type(1)):after { content: "/"; margin: 0 5px; } @media screen and (max-width: 767px) { .p-event-fes2023-staff { padding: 24px 0; } .p-event-fes2023-staff__list { width: calc(100vw - 12px); } } .p-event-fes2023-news__title { padding: 52px 0 48px 0; text-align: center; word-break: break-all; position: relative; } .p-event-fes2023-news__list { width: 1000px; margin: 0 auto; padding-bottom: 19px; } .p-event-fes2023-news__item { background: #ffffff; margin-bottom: 10px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .p-event-fes2023-news__item-right { padding: 12px 17px; } .p-event-fes2023-news__img { width: 146px; height: 146px; min-width: 146px; background: #f9f9f9; } .p-event-fes2023-news__img img { width: 100%; height: auto; max-height: 100%; } .p-event-fes2023-news__cat { background: #00adc6; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 19px; display: inline-block; } .p-event-fes2023-news__date { color: #999999; font-size: 12px; } .p-event-fes2023-news__head { color: #000000; font-size: 18px; font-weight: bold; padding: 5px 0; width: 293px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-event-fes2023-news__content { font-size: 12px; line-height: 18px; } .p-event-fes2023-news__meta { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .p-event-fes2023-news { width: 100%; } .p-event-fes2023-news__title { padding: 26px 0 22px 0; text-align: center; } .p-event-fes2023-news__title img { width: 85%; max-width: 406px; height: auto; } .p-event-fes2023-news__list { width: 100%; height: auto; overflow: visible; padding-bottom: 25px; } .p-event-fes2023-news__item { background: #ffffff; margin-bottom: 0; width: 100%; padding: 10px 7px; border: none; border-bottom: solid 1px #dcdcdc; position: relative; box-sizing: border-box; } .p-event-fes2023-news__item-right { padding: 0 10px; position: absolute; padding-left: 130px; padding-right: 8px; left: 0; width: 100%; box-sizing: border-box; } .p-event-fes2023-news__img { width: 115px; height: 115px; min-width: 115px; } .p-event-fes2023-news__img a { display: block; position: relative; z-index: 1; } .p-event-fes2023-news__date { color: #00adc6; } .p-event-fes2023-news__head { width: 100%; } } .p-event-fes2023-sponsor { background: #fff; padding-bottom: 40px; } .p-event-fes2023-sponsor__title { padding: 50px 0 40px 0; } .p-event-fes2023-sponsor__list { width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 20px; } .p-event-fes2023-sponsor__item { background: #ffffff; border: 2px solid #F0E5E1; width: 100%; box-sizing: border-box; } .p-event-fes2023-sponsor__item:nth-of-type(1) { padding: 2px; border: none; background: linear-gradient(to bottom, #FDB33A 0%, #FFE9AD 50%, #F2934E 50%, #F0AE55); } .p-event-fes2023-sponsor__item:nth-of-type(2), .p-event-fes2023-sponsor__item:nth-of-type(3), .p-event-fes2023-sponsor__item:nth-of-type(4) { padding: 2px; border: none; background: linear-gradient(to bottom, #DBDBDB 0%, #E0E0E0 50%, #C7C7C7 50%, #CCCCCC); } .p-event-fes2023-sponsor__item:nth-of-type(5), .p-event-fes2023-sponsor__item:nth-of-type(6) { width: calc((100% - 20px) / 2); } .p-event-fes2023-sponsor__block { display: flex; align-items: center; background: #fff; padding: 24px 20px 21px 20px; } .p-event-fes2023-sponsor__logo { margin-right: 20px; margin-left: 0; } .p-event-fes2023-sponsor__name, .p-event-fes2023-sponsor__name--small, .p-event-fes2023-sponsor__name--middle { font-size: 2rem; font-weight: bold; display: flex; margin-bottom: 8px; } .p-event-fes2023-sponsor__name--small { font-size: 1.5rem; } .p-event-fes2023-sponsor__name-link { color: #000000; display: flex; } .p-event-fes2023-sponsor__label { color: #fff; background: #F1934D; font-size: 1.5rem; width: 133px; height: 25px; display: block; margin-left: 12px; text-align: center; line-height: 25px; } .p-event-fes2023-sponsor__desc { font-size: 1.5rem; } .p-event-fes2023-sponsor__link-wrap { margin-top: 10px; color: #317BC1; } .p-event-fes2023-sponsor__link { color: #317BC1; text-decoration: underline; margin-left: 6px; } .p-event-fes2023-sponsor__icon { color: #317BC1; font-size: 1.4rem; margin: 8px 0 0 10px; } @media screen and (max-width: 767px) { .p-event-fes2023-sponsor__title { padding: 50px 0 30px 0; } .p-event-fes2023-sponsor__title-img { width: auto; height: 22px; } .p-event-fes2023-sponsor__list { width: calc(100% - 56px); } .p-event-fes2023-sponsor__item:nth-of-type(5), .p-event-fes2023-sponsor__item:nth-of-type(6) { width: 100%; } .p-event-fes2023-sponsor__block { padding: 10px; } .p-event-fes2023-sponsor__block--chacott { display: block; padding: 20px; } .p-event-fes2023-sponsor__logo { margin: 0 0 11px 0; } .p-event-fes2023-sponsor__logo--chacott { width: 100%; height: auto; } .p-event-fes2023-sponsor__logo--small { width: 94px; height: auto; margin: 0 18px 0 12px; } .p-event-fes2023-sponsor__name, .p-event-fes2023-sponsor__name--middle, .p-event-fes2023-sponsor__name--small { display: block; font-size: 1.8rem; } .p-event-fes2023-sponsor__name--middle { font-size: 1.2rem; } .p-event-fes2023-sponsor__name--small { font-size: 1.2rem; margin: 0; } .p-event-fes2023-sponsor__label { font-size: 1.2rem; width: 116px; height: 24px; margin: 5px 0 14px 0; } .p-event-fes2023-sponsor__desc { font-size: 1.2rem; } .p-event-fes2023-sponsor__link-wrap { margin-top: 18px; font-size: 1.2rem; } .p-event-fes2023-sponsor__name-link { display: block; } } @media screen and (max-width: 337px) { .p-event-fes2023-sponsor__name--middle { font-size: 1.2rem; } .p-event-fes2023-sponsor__name--small { font-size: 1rem; min-height: 30px; } } .p-event-fes2023-banner { padding-top: 28px; padding-bottom: 38px; } .p-event-fes2023-banner__title { text-align: center; padding-bottom: 21px; } .p-event-fes2023-banner__list-wrap { margin: 0 auto; max-width: 1000px; overflow: hidden; padding: 0 50px; position: relative; } .p-event-fes2023-banner__list { display: flex; /*justify-content: space-between;*/ } .p-event-fes2023-banner__item { background: #ffffff; width: 325px; margin-right: 13px; } .p-event-fes2023-banner__item:nth-last-of-type(1) { margin-right: 0; } .p-event-fes2023-banner__item img { display: block; } .p-event-fes2023-banner__item a { position: relative; z-index: 3; } .p-event-fes2023-banner__button, .p-event-fes2023-banner__button--next, .p-event-fes2023-banner__button--prev { background: none; outline: none; cursor: pointer; } .p-event-fes2023-banner__button::before, .p-event-fes2023-banner__button--next::before, .p-event-fes2023-banner__button--prev::before { content: none; } .p-event-fes2023-banner__button::after, .p-event-fes2023-banner__button--next::after, .p-event-fes2023-banner__button--prev::after { width: 20px; height: 20px; } .p-event-fes2023-banner__button--next::after { right: 25px; } @media screen and (max-width: 767px) { .p-event-fes2023-banner__title { text-align: center; padding-bottom: 11px; } .p-event-fes2023-banner__title img { width: 120px; height: auto; } .p-event-fes2023-banner__list-wrap { max-width: 100%; padding: 0; padding-right: 5px; box-sizing: border-box; } .p-event-fes2023-banner__list-inner { width: 100%; box-sizing: border-box; } .p-event-fes2023-banner__list { width: 100%; padding-left: 5px; } .p-event-fes2023-banner__item { background: none; margin: 0; } .p-event-fes2023-banner__item:nth-last-of-type(1) { margin-right: 0; } .p-event-fes2023-banner__item img { width: 100%; height: auto; } .p-event-fes2023-banner__button, .p-event-fes2023-banner__button--prev, .p-event-fes2023-banner__button--next { display: none; } } .p-event-gap2021-notice { width: 1000px; margin: 0 auto; padding: 47px 0 17px 0; } .p-event-gap2021-notice__title { width: 301px; height: 62px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gap2021-notice__paragraph { text-align: center; color: #ffffff; line-height: 24px; padding-bottom: 24px; } @media screen and (max-width: 767px) { .p-event-gap2021-notice { width: 100%; padding: 23px 0 12px 0; } .p-event-gap2021-notice__title { height: 44px; margin-bottom: 18px; padding-left: 6px; } .p-event-gap2021-notice__img-gap2021 { width: 249px; height: auto; } .p-event-gap2021-notice__img-notice { width: 231px; height: auto; } .p-event-gap2021-notice__paragraph { font-size: 12px; padding-bottom: 17px; line-height: 22px; } } /*--------gdp11---------*/ .p-event-gdp11 { width: 100%; background: #ffffff; font-size: 1.4rem; } .p-event-gdp11__gradient { background: linear-gradient(139deg, #ff5e5a, #fef376); position: relative; } .p-event-gdp11__gradient::before { position: absolute; content: ""; display: block; width: 100%; height: 100%; background: repeating-linear-gradient(135deg, #fff 1px, #fff 2px, transparent 3px, transparent 5px); opacity: 0.1; mix-blend-mode: overlay; z-index: 1; } .p-event-gdp11__gradient-inner { position: relative; z-index: 2; } .p-event-gdp11__block { background: #f6f6f6; } a { color: #007bc8; text-decoration: none; } .p-event-gdp11-catch { width: 100%; height: 538px; background: url(/images/event/gdp11/catch_back.jpg) no-repeat center bottom; background-size: cover; position: relative; } .p-event-gdp11-catch__logo { position: relative; z-index: 2; width: 1000px; margin: 0 auto; } .p-event-gdp11-catch__logo-img { float: left; } @media screen and (max-width: 767px) { .p-event-gdp11-catch { height: 286px; background-image: url(/images/event/gdp11/sp_catch_back.jpg); background-size: cover; position: relative; } .p-event-gdp11-catch__logo { position: relative; z-index: 2; padding-top: 67px; width: 100%; } .p-event-gdp11-catch__logo-img { float: none; width: 197px; height: auto; } } .p-event-gdp11-headline { width: 100%; height: 67px; padding-top: 12px; box-sizing: border-box; background: linear-gradient(to right, #ff4848, #fff55d); } .p-event-gdp11-headline__block { width: 1000px; height: 42px; margin: 0 auto; display: flex; } .p-event-gdp11-headline__title { background: #000000; width: 123px; border-radius: 42px 0 0 42px; display: flex; justify-content: center; align-items: center; } .p-event-gdp11-headline__news { background: #ffffff; border-radius: 0 42px 42px 0; width: calc(100% - 123px); line-height: 42px; padding: 0 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .p-event-gdp11-headline__news a { text-decoration: underline; } @media screen and (max-width: 767px) { .p-event-gdp11-headline { height: 40px; padding-top: 5px; } .p-event-gdp11-headline__block { width: calc(100% - 14px); height: 30px; } .p-event-gdp11-headline__title { width: 93px; box-sizing: border-box; padding-left: 7px; border-radius: 16px 0 0 16px; } .p-event-gdp11-headline__title img { width: 68px; height: auto; } .p-event-gdp11-headline__news { border-radius: 0 16px 16px 0; width: calc(100% - 93px); line-height: 30px; padding: 0 6px; font-size: 12px; } } .p-event-gdp11-outline { width: 1000px; margin: 0 auto; padding: 44px 0 30px 0; background: url(/images/event/gdp11/outline_back.png) no-repeat 0 190px; background-size: 1000px 247px; } .p-event-gdp11-outline__title { margin: 0 auto 34px auto; } .p-event-gdp11-outline__paragraph { text-align: center; color: #000000; line-height: 1.7; padding-bottom: 22px; } .p-event-gdp11-outline__highlight { color: #e8382f; font-weight: bold; } .p-event-gdp11-outline__table { margin: 6px auto 22px auto; border-spacing: 1px; min-width: 100%; } .p-event-gdp11-outline__th { color: #ffffff; background: #000000; font-weight: bold; text-align: center; min-width: 115px; width: 115px; padding: 10px 0 9px 0; etter-spacing: 5px; border: 1px solid #fff; } .p-event-gdp11-outline__th--release { letter-spacing: 0; } .p-event-gdp11-outline__td { background: #f0f0f0; padding: 10px 14px 9px 14px; min-width: 100%; text-align: left; word-break: break-all; border: 1px solid #fff; } .p-event-gdp11-outline__infomation { display: flex; } .p-event-gdp11-outline__map { width: 320px; height: 285px; margin-right: 17px; background: #cccccc; } .p-event-gdp11-outline__access { color: #cccccc; font-size: 12px; } .p-event-gdp11-outline__access-train { padding: 17px 0; } .p-event-gdp11-outline__request { width: 1000px; background: #ffffff; border: solid 1px #000000; border-radius: 10px; overflow: hidden; box-sizing: border-box; } .p-event-gdp11-outline__request-title { background: #000000; color: #fff; font-weight: bold; padding: 11px 0; text-align: center; border-radius: 10px 10px 0 0; } .p-event-gdp11-outline__request-inner { padding: 15px 20px; color: #000; line-height: 1.7; padding-bottom: 25px; background: #f8f8f8; } .p-event-gdp11-outline__request-list:nth-of-type(1) { padding-bottom: 25px; } .p-event-gdp11-outline__request-sub-title { color: #8f7a33; font-weight: bold; } a.p-event-gdp11-outline__request-link { color: #17a8de; text-decoration: underline; } a.p-event-gdp11-outline__request-link:hover { color: #fa0480; } .p-event-gdp11-outline__price { margin-bottom: 5px; } .p-event-gdp11-outline__price-title { font-weight: bold; } .p-event-gdp11-outline__price-desc { padding-left: 14px; padding-bottom: 10px; line-height: 1.8; } @media screen and (min-width: 768px) { .p-event-gdp11-outline__moreread-wrap { height: 0 !important; overflow: hidden; } } @media screen and (max-width: 767px) { .p-event-gdp11-outline { width: 100%; padding: 24px 0 0 0; background: none; } .p-event-gdp11-outline__title { margin-bottom: 21px; height: auto; } .p-event-gdp11-outline__sub-title-img { width: 243px; height: auto; } .p-event-gdp11-outline__title-img { max-width: 255px; height: auto; } .p-event-gdp11-outline__paragraph { font-size: 12px; padding: 0 10px 20px 10px; } .p-event-gdp11-outline__table { min-width: auto; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-gdp11-outline__th { min-width: 64px; } .p-event-gdp11-outline__td { padding: 10px 12px 9px 12px; } .p-event-gdp11-outline__tel { color: #cccccc; } .p-event-gdp11-outline__price-note, .p-event-gdp11-outline__release-note { font-size: 12px; display: block; } .p-event-gdp11-outline__infomation { display: block; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-gdp11-outline__map { margin: 0 0 13px 0; } .p-event-gdp11-outline__access { padding-bottom: 10px; } .p-event-gdp11-outline__request { width: calc(100vw - 55px); margin: 0 auto; box-sizing: border-box; } .p-event-gdp11-outline__price-title { font-size: 12px; } .p-event-gdp11-outline__price-desc { font-size: 12px; } .p-event-gdp11-outline__moreread-wrap { margin-top: 7px; } .p-event-gdp11-outline__moreread { color: #000000 !important; border-color: #000000 !important; } .p-event-gdp11-outline__moreread::before { background: #000000 !important; } } .p-event-gdp11-time_table { width: 100%; padding: 39px 0 37px 0; } .p-event-gdp11-time_table__title { text-align: center; color: #ffffff; font-size: 32px; font-weight: bold; padding-bottom: 22px; } .p-event-gdp11-time_table__program { display: flex; justify-content: space-between; width: 1000px; margin: 0 auto; counter-reset: number; position: relative; } .p-event-gdp11-time_table__wrap, .p-event-gdp11-time_table__wrap--after, .p-event-gdp11-time_table__wrap--commingsoon { width: 490px; } .p-event-gdp11-time_table__day-title { font-weight: bold; color: #000000; text-align: center; font-size: 28px; } .p-event-gdp11-time_table__day-desc { font-size: 18px; display: block; } .p-event-gdp11-time_table__item, .p-event-gdp11-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 14px 28px 13px 63px; position: relative; background: #ffffff; color: #000000; display: flex; } .p-event-gdp11-time_table__item-number { width: 50px; counter-increment: number; content: counter(number, decimal-leading-zero); position: absolute; top: 0; left: 0; height: 100%; background: #000000; color: #ffffff; display: flex; align-items: center; justify-content: center; } .p-event-gdp11-time_table__item--after { padding: 11px 28px 11px 63px; } .p-event-gdp11-time_table__item--center { justify-content: center; padding-right: 0; padding-left: 0; } .p-event-gdp11-time_table__time, .p-event-gdp11-time_table__time--after { color: #000000; display: inline-block; margin-left: auto; } .p-event-gdp11-time_table__lineup, .p-event-gdp11-time_table__lineup--commingsoon { width: 490px; min-height: 517px; } .p-event-gdp11-time_table__lineup-title, .p-event-gdp11-time_table__lineup-title--commingsoon { height: 40px; line-height: 40px; border-bottom: solid 2px #000000; padding-left: 12px; font-size: 18px; font-weight: bold; color: #000000; margin: 10px auto 15px auto; } .p-event-gdp11-time_table__comming-soon { position: absolute; top: 56px; left: -10px; z-index: 5; } .p-event-gdp11-time_table__comming-soon-title { position: absolute; top: 105px; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-gdp11-time_table { padding: 27px 0 28px 0; position: relative; margin-top: 18px; } .p-event-gdp11-time_table__title { padding-bottom: 12px; } .p-event-gdp11-time_table__title img { width: auto; height: 20px; } .p-event-gdp11-time_table__program-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; position: relative; z-index: 1; } .p-event-gdp11-time_table__wrap, .p-event-gdp11-time_table__wrap--commingsoon, .p-event-gdp11-time_table__wrap--after { width: calc(100vw - 54px); margin: 0 auto; } .p-event-gdp11-time_table__day-title { font-size: 21px; } .p-event-gdp11-time_table__day-desc { font-size: 13px; } .p-event-gdp11-time_table__program { width: 200vw; } .p-event-gdp11-time_table__list { width: calc(100vw - 54px); margin: 0 auto; } .p-event-gdp11-time_table__item, .p-event-gdp11-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 13px 28px 13px 63px; align-items: center; } .p-event-gdp11-time_table__item--after { padding: 11px 28px 11px 63px; } .p-event-gdp11-time_table__item, .p-event-gdp11-time_table__item--after { padding-right: 10px; } .p-event-gdp11-time_table__flick-icon { top: 72px; right: 6px; opacity: 1; position: absolute; transform: scale(1); transition: transform 0.3s, opacity 0.3s; z-index: 1; } .p-event-gdp11-time_table__flick-icon.is-hidden { opacity: 0; transform: scale(0.5); } .p-event-gdp11-time_table__lineup-title, .p-event-gdp11-time_table__lineup-title--commingsoon { height: auto; font-size: 16px; line-height: 1.2; padding: 10px 6px; } .p-event-gdp11-time_table__program-wrap--commingsoon { width: 100%; overflow: hidden; box-sizing: border-box; } .p-event-gdp11-time_table__lineup--commingsoon { width: calc(100vw - 55px); padding: 0 28px; min-height: 453px; } .p-event-gdp11-time_table__lineup-title--commingsoon { line-height: 40px; font-size: 14px; padding-left: 0; } .p-event-gdp11-time_table__comming-soon { top: 44px; left: 14px; width: 100vw; } .p-event-gdp11-time_table__comming-soon-title { max-width: 100%; top: 152px; left: -32px; padding: 0 12px; box-sizing: border-box; } .p-event-gdp11-time_table__comming-soon-title img { width: 100%; height: auto; } } @media screen and (max-width: 337px) { .p-event-gdp11-goods__comming-soon-image { left: -363px; } .p-event-gdp11-time_table__comming-soon img { width: calc(100% - 30px); height: auto; } .p-event-gdp11-time_table__comming-soon-title { top: 128px; } .p-event-gdp11-time_table__comming-soon-title img { width: 100%; height: auto; } .p-event-gdp11-time_table__lineup, .p-event-gdp11-time_table__lineup--commingsoon { min-height: 388px; } } .p-event-gdp11-comment { width: 100%; padding-bottom: 12px; } .p-event-gdp11-comment__title { text-align: center; padding-bottom: 27px; display: flex; justify-content: center; align-items: flex-end; } a.p-event-gdp11-comment__title-link { font-weight: bold; color: #000000; font-size: 12px; text-decoration: underline; margin-left: 14px; } .p-event-gdp11-comment__list { width: 1000px; margin: 0 auto; } .p-event-gdp11-comment__item { padding-bottom: 15px; } .p-event-gdp11-comment__block { display: flex; align-items: center; } .p-event-gdp11-comment__balloon { margin-left: 25px; position: relative; background: #ffffff; border-radius: 10px; color: #333333; padding: 12px 20px; } .p-event-gdp11-comment__balloon::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 0; left: -16px; border: solid 0px white; border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-top-width: 8px; border-right-width: 16px; border-bottom-width: 8px; } @media screen and (max-width: 767px) { .p-event-gdp11-comment__title { display: block; } .p-event-gdp11-comment__title img { width: auto; height: 20px; } a.p-event-gdp11-comment__title-link::before { content: "\f35a"; font-family: "Font Awesome 5 Free"; } .p-event-gdp11-comment__list { width: calc(100vw - 60px); margin: 0 auto; } .p-event-gdp11-comment__block { align-items: flex-start; font-size: 12px; } .p-event-gdp11-comment__photo { min-width: 56px; height: 56px; } .p-event-gdp11-comment__photo img { width: 100%; height: 100%; } .p-event-gdp11-comment__balloon { padding: 10px 13px; margin-left: 18px; } .p-event-gdp11-comment__balloon::before { top: 20px; margin: 0; left: -12px; border-top-width: 5px; border-right-width: 12px; border-bottom-width: 5px; } } .p-event-gdp11-goods { padding: 48px 0 32px 0; color: #333333; background: #ffffff; } .p-event-gdp11-goods__title { display: flex; justify-content: center; } .p-event-gdp11-goods__list-wrap { width: 1000px; margin: 0 auto; } .p-event-gdp11-goods__list { padding-top: 49px; display: flex; flex-wrap: wrap; } .p-event-gdp11-goods__item { width: 325px; margin-right: 12px; } .p-event-gdp11-goods__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gdp11-goods__image img { display: block; } .p-event-gdp11-goods__detail { padding: 13px 7px 0 7px; } .p-event-gdp11-goods__name { font-size: 18px; font-weight: bold; } .p-event-gdp11-goods__price { display: flex; font-size: 12px; font-weight: bold; float: left; } .p-event-gdp11-goods__color, .p-event-gdp11-goods__size { clear: both; display: flex; font-size: 12px; font-weight: bold; } .p-event-gdp11-goods__color-title { white-space: nowrap; } .p-event-gdp11-goods__color-title::after, .p-event-gdp11-goods__size-title::after { content: "/"; margin: 0 5px; } .p-event-gdp11-goods__color-list, .p-event-gdp11-goods__size-list { display: flex; } .p-event-gdp11-goods__color-item.swiper-slide, .p-event-gdp11-goods__size-item.swiper-slide { width: auto; } .p-event-gdp11-goods__color-item.swiper-slide::after, .p-event-gdp11-goods__size-item.swiper-slide::after { content: "・"; } .p-event-gdp11-goods__color-item.swiper-slide:nth-last-of-type(1)::after, .p-event-gdp11-goods__size-item.swiper-slide:nth-last-of-type(1)::after { content: none; } .p-event-gdp11-goods__desc { clear: both; color: #333333; padding-top: 9px; line-height: 20px; font-size: 12px; } a.p-event-gdp11-goods__link { background: #1c46cf; width: 343px; height: 49px; display: flex; align-items: center; justify-content: center; margin: 0 auto; color: #ffffff; font-size: 16px; font-weight: bold; box-shadow: 3px 3px 0 #8f7a33; border: solid 2px #000000; text-decoration: none; } a.p-event-gdp11-goods__link:hover { text-decoration: none; opacity: 0.7; } .p-event-gdp11-goods__pagination .swiper-pagination-bullet { border: 1px solid #0b0306 !important; background: #585154 !important; box-sizing: content-box !important; } .p-event-gdp11-goods__pagination .swiper-pagination-bullet-active { background: #1c46cf !important; border: 1px solid #0b0306 !important; } @media screen and (max-width: 767px) { .p-event-gdp11-goods { width: 100%; padding: 32px 0; } .p-event-gdp11-goods__title { padding: 0 28px; } .p-event-gdp11-goods__title img { width: auto; height: 20px; } .p-event-gdp11-goods__list-wrap { width: 100%; box-sizing: border-box; padding-left: calc((100vw - 325px) / 2); padding-right: calc((100vw - 325px) / 2); } .p-event-gdp11-goods__list { width: 100%; padding-top: 27px; } .p-event-gdp11-goods__button { width: 223px; } .p-event-gdp11-goods__button { width: 300px; } a.p-event-gdp11-goods__link { width: 300px; height: 48px; font-size: 16px; line-height: 43px; } } @media screen and (max-width: 337px) { .p-event-gdp11-goods__list-wrap { padding-left: 24px; padding-right: 24px; } .p-event-gdp11-goods__item { width: calc(100vw - 48px); } .p-event-gdp11-goods__image { width: 100%; } .p-event-gdp11-goods__image img { width: 100%; height: auto; } .p-event-gdp11-goods__detail { padding: 13px 5px 0 5px; } .p-event-gdp11-goods__tax { font-size: 10px; } .p-event-gdp11-goods__price::after { margin: 0 2px 0 0; text-indent: -3px; } } /*------------coomingsoon-------------*/ .p-event-gdp11-goods__comming-soon-list { position: relative; width: 490px; min-height: 414px; margin: 0 auto; } .p-event-gdp11-goods__comming-soon { position: absolute; top: 36px; left: -245px; } .p-event-gdp11-goods__comming-soon-title { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-gdp11-goods__comming-soon-list { width: 100%; min-height: 354px; overflow: hidden; } .p-event-gdp11-goods__comming-soon { top: 12px; left: 14px; width: 100vw; } .p-event-gdp11-goods__comming-soon-title { max-width: 100%; top: 98px; left: -32px; padding: 0 12px; z-index: 2; box-sizing: border-box; } .p-event-gdp11-goods__comming-soon-title img { width: 100%; height: auto; } .p-event-gdp11-goods__comming-soon-image { z-index: 1; position: relative; left: -337px; } } /*------------end:coomingsoon-------------*/ .p-event-gdp11-staff { width: 100%; padding: 43px 0 30px 0; } .p-event-gdp11-staff__title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 27px; } .p-event-gdp11-staff__list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; } .p-event-gdp11-staff__item { text-align: center; } .p-event-gdp11-staff__item:not(:nth-last-of-type(1)):after { content: "/"; margin: 0 5px; } @media screen and (max-width: 767px) { .p-event-gdp11-staff { padding: 24px 0; } .p-event-gdp11-staff__list { width: calc(100vw - 12px); } } .p-event-gdp11-news__title { padding: 52px 0 48px 0; text-align: center; word-break: break-all; position: relative; } .p-event-gdp11-news__list { width: 1000px; margin: 0 auto; padding-bottom: 19px; } .p-event-gdp11-news__item { background: #ffffff; margin-bottom: 10px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .p-event-gdp11-news__item-right { padding: 12px 17px; } .p-event-gdp11-news__img { width: 146px; height: 146px; min-width: 146px; background: #f9f9f9; } .p-event-gdp11-news__img img { width: 100%; height: auto; max-height: 100%; } .p-event-gdp11-news__cat { background: #00adc6; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 19px; display: inline-block; } .p-event-gdp11-news__date { color: #999999; font-size: 12px; } .p-event-gdp11-news__head { color: #000000; font-size: 18px; font-weight: bold; padding: 5px 0; width: 293px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-event-gdp11-news__content { font-size: 12px; line-height: 18px; } .p-event-gdp11-news__meta { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .p-event-gdp11-news { width: 100%; } .p-event-gdp11-news__title { padding: 26px 0 22px 0; text-align: center; } .p-event-gdp11-news__title img { width: auto; height: 20px; } .p-event-gdp11-news__list { width: 100%; height: auto; overflow: visible; padding-bottom: 25px; } .p-event-gdp11-news__item { background: #ffffff; margin-bottom: 0; width: 100%; padding: 10px 7px; border: none; border-bottom: solid 1px #dcdcdc; position: relative; box-sizing: border-box; } .p-event-gdp11-news__item-right { padding: 0 10px; position: absolute; padding-left: 130px; padding-right: 8px; left: 0; width: 100%; box-sizing: border-box; } .p-event-gdp11-news__img { width: 115px; height: 115px; min-width: 115px; } .p-event-gdp11-news__img a { display: block; position: relative; z-index: 1; } .p-event-gdp11-news__date { color: #00adc6; } .p-event-gdp11-news__head { width: 100%; } } .p-event-gdp11-banner { padding-top: 28px; padding-bottom: 38px; } .p-event-gdp11-banner__title { text-align: center; padding-bottom: 21px; } .p-event-gdp11-banner__list-wrap { margin: 0 auto; max-width: 1000px; overflow: hidden; padding: 0 50px; position: relative; } .p-event-gdp11-banner__list { display: flex; /*justify-content: space-between;*/ } .p-event-gdp11-banner__item { background: #ffffff; width: 325px; margin-right: 13px; } .p-event-gdp11-banner__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gdp11-banner__item img { display: block; } .p-event-gdp11-banner__item a { position: relative; z-index: 3; } .p-event-gdp11-banner__button, .p-event-gdp11-banner__button--next, .p-event-gdp11-banner__button--prev { background: none; outline: none; cursor: pointer; } .p-event-gdp11-banner__button::before, .p-event-gdp11-banner__button--next::before, .p-event-gdp11-banner__button--prev::before { content: none; } .p-event-gdp11-banner__button::after, .p-event-gdp11-banner__button--next::after, .p-event-gdp11-banner__button--prev::after { width: 20px; height: 20px; } .p-event-gdp11-banner__button--next::after { right: 25px; } @media screen and (max-width: 767px) { .p-event-gdp11-banner__title { text-align: center; padding-bottom: 11px; } .p-event-gdp11-banner__title img { width: 120px; height: auto; } .p-event-gdp11-banner__list-wrap { max-width: 100%; padding: 0; padding-right: 5px; box-sizing: border-box; } .p-event-gdp11-banner__list-inner { width: 100%; box-sizing: border-box; } .p-event-gdp11-banner__list { width: 100%; padding-left: 5px; } .p-event-gdp11-banner__item { background: none; margin: 0; } .p-event-gdp11-banner__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gdp11-banner__item img { width: 100%; height: auto; } .p-event-gdp11-banner__button, .p-event-gdp11-banner__button--prev, .p-event-gdp11-banner__button--next { display: none; } } .p-event-gap2021-notice { width: 1000px; margin: 0 auto; padding: 47px 0 17px 0; } .p-event-gap2021-notice__title { width: 301px; height: 62px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gap2021-notice__paragraph { text-align: center; color: #ffffff; line-height: 24px; padding-bottom: 24px; } @media screen and (max-width: 767px) { .p-event-gap2021-notice { width: 100%; padding: 23px 0 12px 0; } .p-event-gap2021-notice__title { height: 44px; margin-bottom: 18px; padding-left: 6px; } .p-event-gap2021-notice__img-gap2021 { width: 249px; height: auto; } .p-event-gap2021-notice__img-notice { width: 231px; height: auto; } .p-event-gap2021-notice__paragraph { font-size: 12px; padding-bottom: 17px; line-height: 22px; } } /*--------fes2024---------*/ .p-event-fes2024 { width: 100%; background: #ffffff; font-size: 1.4rem; } .p-event-fes2024__gradient { background: #D6EEF0; position: relative; } .p-event-fes2024__gradient-inner { position: relative; z-index: 2; } .p-event-fes2024__block { background: #f6f6f6; } a { color: #007BC8; text-decoration: none; } .p-event-fes2024-catch { width: 100%; height: 440px; background: url(/images/event/fes2024/pc_catch_back.jpg) no-repeat center top; background-size: cover; position: relative; } .p-event-fes2024-catch__logo { position: relative; z-index: 2; width: 1000px; margin: 0 auto; } @media screen and (max-width: 767px) { .p-event-fes2024-catch { height: 286px; background-image: url(/images/event/fes2024/sp_catch_back.jpg); background-size: cover; position: relative; } .p-event-fes2024-catch__logo { position: relative; z-index: 2; padding-top: 44px; width: 100%; } .p-event-fes2024-catch__logo-img { width: 260px; height: auto; } } .p-event-fes2024-headline { width: 100%; height: 67px; padding-top: 12px; box-sizing: border-box; background: #D6EEF0; } .p-event-fes2024-headline__block { width: 1000px; height: 42px; margin: 0 auto; display: flex; } .p-event-fes2024-headline__title { background: #F37060; width: 123px; border-radius: 42px 0 0 42px; display: flex; justify-content: center; align-items: center; } .p-event-fes2024-headline__news { background: #ffffff; border-radius: 0 42px 42px 0; width: calc(100% - 123px); line-height: 42px; padding: 0 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .p-event-fes2024-headline__news a { text-decoration: underline; } @media screen and (max-width: 767px) { .p-event-fes2024-headline { height: 40px; padding-top: 5px; } .p-event-fes2024-headline__block { width: calc(100% - 14px); height: 30px; } .p-event-fes2024-headline__title { width: 93px; box-sizing: border-box; padding-left: 7px; border-radius: 16px 0 0 16px; } .p-event-fes2024-headline__title img { width: 68px; height: auto; } .p-event-fes2024-headline__news { border-radius: 0 16px 16px 0; width: calc(100% - 93px); line-height: 30px; padding: 0 6px; font-size: 12px; } } .p-event-fes2024-outline { width: 1000px; margin: 0 auto; padding: 44px 0 30px 0; background: url(/images/event/fes2024/outline_back.png) no-repeat center 74px; background-size: 958px 425px; } .p-event-fes2024-outline__title { margin: 0 auto 34px auto; } .p-event-fes2024-outline__paragraph { text-align: center; color: #000000; line-height: 1.7; padding-bottom: 22px; } .p-event-fes2024-outline__highlight { color: #F37060; font-weight: bold; } .p-event-fes2024-outline__table { margin: 6px auto 22px auto; border-spacing: 1px; min-width: 100%; } .p-event-fes2024-outline__th { color: #ffffff; background: #F37060; font-weight: bold; text-align: center; min-width: 115px; width: 115px; padding: 10px 0 9px 0; letter-spacing: 5px; border: 1px solid #fff; } .p-event-fes2024-outline__th--release { letter-spacing: 0; } .p-event-fes2024-outline__td { background: #F3F3F3; padding: 10px 14px 9px 14px; min-width: 100%; text-align: left; word-break: break-all; border: 1px solid #fff; color: #333333; } .p-event-fes2024-outline__infomation { display: flex; } .p-event-fes2024-outline__map { width: 320px; height: 285px; margin-right: 17px; background: #cccccc; } .p-event-fes2024-outline__access { color: #cccccc; font-size: 12px; } .p-event-fes2024-outline__access-train { padding: 17px 0; } .p-event-fes2024-outline__request { width: 1000px; background: #ffffff; border: solid 1px #000000; border-radius: 10px; overflow: hidden; box-sizing: border-box; } .p-event-fes2024-outline__request-title { background: #000000; color: #fff; font-weight: bold; padding: 11px 0; text-align: center; border-radius: 10px 10px 0 0; } .p-event-fes2024-outline__request-inner { padding: 15px 20px; color: #000; line-height: 1.7; padding-bottom: 25px; background: #f8f8f8; } .p-event-fes2024-outline__request-list:nth-of-type(1) { padding-bottom: 25px; } .p-event-fes2024-outline__request-sub-title { color: #8f7a33; font-weight: bold; } a.p-event-fes2024-outline__request-link { color: #17a8de; text-decoration: underline; } a.p-event-fes2024-outline__request-link:hover { color: #fa0480; } .p-event-fes2024-outline__price { margin-bottom: 5px; } .p-event-fes2024-outline__price-title { font-weight: bold; } .p-event-fes2024-outline__price-desc { padding-left: 14px; padding-bottom: 10px; line-height: 1.8; } @media screen and (min-width: 768px) { .p-event-fes2024-outline__moreread-wrap { height: 0 !important; overflow: hidden; } } @media screen and (max-width: 767px) { .p-event-fes2024-outline { width: 100%; padding: 24px 0 0 0; background: url(/images/event/fes2024/sp_outline_back.png) no-repeat center 75px; background-size: 336px 325px; } .p-event-fes2024-outline__title { margin-bottom: 21px; height: auto; } .p-event-fes2024-outline__sub-title-img { width: 243px; height: auto; } .p-event-fes2024-outline__title-img { max-width: 325px; height: auto; } .p-event-fes2024-outline__paragraph { font-size: 14px; padding: 0 10px 20px 10px; } .p-event-fes2024-outline__table { min-width: auto; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-fes2024-outline__th { min-width: 64px; } .p-event-fes2024-outline__td { padding: 10px 12px 9px 12px; } .p-event-fes2024-outline__tel { color: #cccccc; } .p-event-fes2024-outline__price-note, .p-event-fes2024-outline__release-note { font-size: 12px; display: block; } .p-event-fes2024-outline__infomation { display: block; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-fes2024-outline__map { margin: 0 0 13px 0; } .p-event-fes2024-outline__access { padding-bottom: 10px; } .p-event-fes2024-outline__request { width: calc(100vw - 55px); margin: 0 auto; box-sizing: border-box; } .p-event-fes2024-outline__price-title { font-size: 12px; } .p-event-fes2024-outline__price-desc { font-size: 12px; } .p-event-fes2024-outline__moreread-wrap { margin-top: 7px; } .p-event-fes2024-outline__moreread { color: #000000 !important; border-color: #000000 !important; } .p-event-fes2024-outline__moreread::before { background: #000000 !important; } } .p-event-fes2024-time_table { width: 100%; padding: 39px 0 37px 0; } .p-event-fes2024-time_table__title { text-align: center; color: #ffffff; font-size: 32px; font-weight: bold; padding-bottom: 22px; } .p-event-fes2024-time_table__program { display: flex; justify-content: space-between; width: 1000px; margin: 0 auto; counter-reset: number; position: relative; } .p-event-fes2024-time_table__wrap, .p-event-fes2024-time_table__wrap--after, .p-event-fes2024-time_table__wrap--commingsoon { width: 490px; } .p-event-fes2024-time_table__day-title { font-weight: bold; color: #000000; text-align: center; font-size: 28px; } .p-event-fes2024-time_table__day-desc { font-size: 18px; display: block; } .p-event-fes2024-time_table__item, .p-event-fes2024-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 12px 28px 12px 63px; position: relative; background: #ffffff; color: #000000; display: flex; } .p-event-fes2024-time_table__item-number { width: 50px; counter-increment: number; content: counter(number, decimal-leading-zero); position: absolute; top: 0; left: 0; height: 100%; background: #20A5B6; color: #ffffff; display: flex; align-items: center; justify-content: center; } .p-event-fes2024-time_table__item--after { padding: 12px 28px 12px 63px; } .p-event-fes2024-time_table__item--center { justify-content: center; padding-right: 0; padding-left: 0; } .p-event-fes2024-time_table__time, .p-event-fes2024-time_table__time--after { color: #000000; display: inline-block; margin-left: auto; } .p-event-fes2024-time_table__lineup, .p-event-fes2024-time_table__lineup--commingsoon { width: 490px; min-height: 517px; } .p-event-fes2024-time_table__lineup-title, .p-event-fes2024-time_table__lineup-title--commingsoon { height: 40px; line-height: 40px; border-bottom: solid 2px #000000; padding-left: 12px; font-size: 18px; font-weight: bold; color: #000000; margin: 10px auto 15px auto; } .p-event-fes2024-time_table__comming-soon { position: absolute; top: 56px; left: -10px; z-index: 5; } .p-event-fes2024-time_table__comming-soon-title { position: absolute; top: 105px; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-fes2024-time_table { padding: 27px 0 28px 0; position: relative; margin-top: 18px; } .p-event-fes2024-time_table__title { padding-bottom: 12px; } .p-event-fes2024-time_table__title img { width: auto; height: 20px; } .p-event-fes2024-time_table__program-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; position: relative; z-index: 1; } .p-event-fes2024-time_table__wrap, .p-event-fes2024-time_table__wrap--commingsoon, .p-event-fes2024-time_table__wrap--after { width: calc(100vw - 54px); margin: 0 auto; } .p-event-fes2024-time_table__day-title { font-size: 21px; } .p-event-fes2024-time_table__day-desc { font-size: 13px; } .p-event-fes2024-time_table__program { width: 200vw; } .p-event-fes2024-time_table__list { width: calc(100vw - 54px); margin: 0 auto; } .p-event-fes2024-time_table__item, .p-event-fes2024-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 11px 28px 11px 63px; align-items: center; } .p-event-fes2024-time_table__item--after { padding: 11px 28px 11px 63px; } .p-event-fes2024-time_table__item, .p-event-fes2024-time_table__item--after { padding-right: 10px; } .p-event-fes2024-time_table__flick-icon { top: 72px; right: 6px; opacity: 1; position: absolute; transform: scale(1); transition: transform 0.3s, opacity 0.3s; z-index: 1; } .p-event-fes2024-time_table__flick-icon.is-hidden { opacity: 0; transform: scale(0.5); } .p-event-fes2024-time_table__lineup-title, .p-event-fes2024-time_table__lineup-title--commingsoon { height: auto; font-size: 16px; line-height: 1.2; padding: 10px 6px; } .p-event-fes2024-time_table__program-wrap--commingsoon { width: 100%; overflow: hidden; box-sizing: border-box; } .p-event-fes2024-time_table__lineup--commingsoon { width: calc(100vw - 55px); padding: 0 28px; min-height: 453px; } .p-event-fes2024-time_table__lineup-title--commingsoon { line-height: 40px; font-size: 14px; padding-left: 0; } .p-event-fes2024-time_table__comming-soon { top: 44px; left: 14px; width: 100vw; } .p-event-fes2024-time_table__comming-soon-title { max-width: 100%; top: 152px; left: -32px; padding: 0 12px; box-sizing: border-box; } .p-event-fes2024-time_table__comming-soon-title img { width: 100%; height: auto; } } @media screen and (max-width: 337px) { .p-event-fes2024-goods__comming-soon-image { left: -363px; } .p-event-fes2024-time_table__comming-soon img { width: calc(100% - 30px); height: auto; } .p-event-fes2024-time_table__comming-soon-title { top: 128px; } .p-event-fes2024-time_table__comming-soon-title img { width: 100%; height: auto; } .p-event-fes2024-time_table__lineup, .p-event-fes2024-time_table__lineup--commingsoon { min-height: 388px; } } .p-event-fes2024-comment { width: 100%; padding-bottom: 12px; } .p-event-fes2024-comment__title { text-align: center; padding-bottom: 27px; display: flex; justify-content: center; align-items: flex-end; } a.p-event-fes2024-comment__title-link { font-weight: bold; color: #000000; font-size: 12px; text-decoration: underline; margin-left: 14px; } .p-event-fes2024-comment__list { width: 1000px; margin: 0 auto; } .p-event-fes2024-comment__item { padding-bottom: 15px; } .p-event-fes2024-comment__block { display: flex; align-items: center; } .p-event-fes2024-comment__balloon { margin-left: 25px; position: relative; background: #ffffff; border-radius: 10px; color: #333333; padding: 12px 20px; } .p-event-fes2024-comment__balloon::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 0; left: -16px; border: solid 0px white; border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-top-width: 8px; border-right-width: 16px; border-bottom-width: 8px; } @media screen and (max-width: 767px) { .p-event-fes2024-comment__title { display: block; } .p-event-fes2024-comment__title img { width: auto; height: 20px; } .p-event-fes2024-comment__title-img { margin-bottom: 8px; } a.p-event-fes2024-comment__title-link::before { content: "\f35a"; font-family: "Font Awesome 5 Free"; } .p-event-fes2024-comment__list { width: calc(100vw - 60px); margin: 0 auto; } .p-event-fes2024-comment__block { align-items: flex-start; font-size: 12px; } .p-event-fes2024-comment__photo { min-width: 56px; height: 56px; } .p-event-fes2024-comment__photo img { width: 100%; height: 100%; } .p-event-fes2024-comment__balloon { padding: 10px 13px; margin-left: 18px; } .p-event-fes2024-comment__balloon::before { top: 20px; margin: 0; left: -12px; border-top-width: 5px; border-right-width: 12px; border-bottom-width: 5px; } } .p-event-fes2024-goods { padding: 48px 0 32px 0; color: #333333; background: #ffffff; } .p-event-fes2024-goods__title { display: flex; justify-content: center; } .p-event-fes2024-goods__list-wrap { width: 1000px; margin: 0 auto; } .p-event-fes2024-goods__list { padding-top: 49px; display: flex; flex-wrap: wrap; } .p-event-fes2024-goods__item { width: 325px; margin-right: 12px; } .p-event-fes2024-goods__item:nth-last-of-type(1) { margin-right: 0; } .p-event-fes2024-goods__image img { display: block; } .p-event-fes2024-goods__detail { padding: 13px 7px 0 7px; } .p-event-fes2024-goods__name { font-size: 18px; font-weight: bold; } .p-event-fes2024-goods__price { display: flex; font-size: 12px; font-weight: bold; float: left; } .p-event-fes2024-goods__color, .p-event-fes2024-goods__size { clear: both; display: flex; font-size: 12px; font-weight: bold; } .p-event-fes2024-goods__color-title { white-space: nowrap; } .p-event-fes2024-goods__color-title::after, .p-event-fes2024-goods__size-title::after { content: "/"; margin: 0 5px; } .p-event-fes2024-goods__color-list, .p-event-fes2024-goods__size-list { display: flex; } .p-event-fes2024-goods__color-item.swiper-slide, .p-event-fes2024-goods__size-item.swiper-slide { width: auto; } .p-event-fes2024-goods__color-item.swiper-slide::after, .p-event-fes2024-goods__size-item.swiper-slide::after { content: "・"; } .p-event-fes2024-goods__color-item.swiper-slide:nth-last-of-type(1)::after, .p-event-fes2024-goods__size-item.swiper-slide:nth-last-of-type(1)::after { content: none; } .p-event-fes2024-goods__desc { clear: both; color: #333333; padding-top: 9px; line-height: 20px; font-size: 12px; } a.p-event-fes2024-goods__link { background: #F37060; width: 343px; height: 49px; display: flex; align-items: center; justify-content: center; margin: 0 auto; color: #ffffff; font-size: 16px; font-weight: bold; box-shadow: 3px 3px 0 #000000; border: solid 2px #000000; text-decoration: none; } a.p-event-fes2024-goods__link:hover { text-decoration: none; opacity: 0.7; } .p-event-fes2024-goods__pagination .swiper-pagination-bullet { border: 1px solid #0B0306 !important; background: #585154 !important; box-sizing: content-box !important; } .p-event-fes2024-goods__pagination .swiper-pagination-bullet-active { background: #F37060 !important; border: 1px solid #0b0306 !important; } @media screen and (max-width: 767px) { .p-event-fes2024-goods { width: 100%; padding: 32px 0; } .p-event-fes2024-goods__title { padding: 0 28px; } .p-event-fes2024-goods__title img { height: 55px; width: auto; } .p-event-fes2024-goods__list-wrap { width: 100%; box-sizing: border-box; padding-left: calc((100vw - 325px) / 2); padding-right: calc((100vw - 325px) / 2); } .p-event-fes2024-goods__list { width: 100%; padding-top: 27px; } .p-event-fes2024-goods__button { width: 223px; } .p-event-fes2024-goods__button { width: 300px; } a.p-event-fes2024-goods__link { width: 300px; height: 48px; font-size: 16px; line-height: 43px; } } @media screen and (max-width: 337px) { .p-event-fes2024-goods__list-wrap { padding-left: 24px; padding-right: 24px; } .p-event-fes2024-goods__item { width: calc(100vw - 48px); } .p-event-fes2024-goods__image { width: 100%; } .p-event-fes2024-goods__image img { width: 100%; height: auto; } .p-event-fes2024-goods__detail { padding: 13px 5px 0 5px; } .p-event-fes2024-goods__tax { font-size: 10px; } .p-event-fes2024-goods__price::after { margin: 0 2px 0 0; text-indent: -3px; } } /*------------coomingsoon-------------*/ .p-event-fes2024-goods__comming-soon-list { position: relative; width: 490px; min-height: 414px; margin: 0 auto; } .p-event-fes2024-goods__comming-soon { position: absolute; top: 36px; left: -245px; } .p-event-fes2024-goods__comming-soon-title { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-fes2024-goods__comming-soon-list { width: 100%; min-height: 354px; overflow: hidden; } .p-event-fes2024-goods__comming-soon { top: 12px; left: 14px; width: 100vw; } .p-event-fes2024-goods__comming-soon-title { max-width: 100%; top: 98px; left: -32px; padding: 0 12px; z-index: 2; box-sizing: border-box; } .p-event-fes2024-goods__comming-soon-title img { width: 100%; height: auto; } .p-event-fes2024-goods__comming-soon-image { z-index: 1; position: relative; left: -337px; } } /*------------end:coomingsoon-------------*/ .p-event-fes2024-staff { width: 100%; padding: 43px 0 30px 0; } .p-event-fes2024-staff__title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 27px; } .p-event-fes2024-staff__list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; } .p-event-fes2024-staff__item { text-align: center; } .p-event-fes2024-staff__item:not(:nth-last-of-type(1)):after { content: "/"; margin: 0 5px; } @media screen and (max-width: 767px) { .p-event-fes2024-staff { padding: 24px 0; } .p-event-fes2024-staff__list { width: calc(100vw - 12px); } } .p-event-fes2024-news__title { padding: 52px 0 48px 0; text-align: center; word-break: break-all; position: relative; } .p-event-fes2024-news__list { width: 1000px; margin: 0 auto; padding-bottom: 19px; } .p-event-fes2024-news__item { background: #ffffff; margin-bottom: 10px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .p-event-fes2024-news__item-right { padding: 12px 17px; } .p-event-fes2024-news__img { width: 146px; height: 146px; min-width: 146px; background: #f9f9f9; } .p-event-fes2024-news__img img { width: 100%; height: auto; max-height: 100%; } .p-event-fes2024-news__cat { background: #20A5B6; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 19px; display: inline-block; } .p-event-fes2024-news__date { color: #999999; font-size: 12px; } .p-event-fes2024-news__head { color: #000000; font-size: 18px; font-weight: bold; padding: 5px 0; width: 293px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-event-fes2024-news__content { font-size: 12px; line-height: 18px; } .p-event-fes2024-news__meta { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .p-event-fes2024-news { width: 100%; } .p-event-fes2024-news__title { padding: 26px 0 22px 0; text-align: center; } .p-event-fes2024-news__title img { width: auto; height: 20px; } .p-event-fes2024-news__list { width: 100%; height: auto; overflow: visible; padding-bottom: 25px; } .p-event-fes2024-news__item { background: #ffffff; margin-bottom: 0; width: 100%; padding: 10px 7px; border: none; border-bottom: solid 1px #dcdcdc; position: relative; box-sizing: border-box; } .p-event-fes2024-news__item-right { padding: 0 10px; position: absolute; padding-left: 130px; padding-right: 8px; left: 0; width: 100%; box-sizing: border-box; } .p-event-fes2024-news__img { width: 115px; height: 115px; min-width: 115px; } .p-event-fes2024-news__img a { display: block; position: relative; z-index: 1; } .p-event-fes2024-news__date { color: #00adc6; } .p-event-fes2024-news__head { width: 100%; } } .p-event-fes2024-banner { padding-top: 28px; padding-bottom: 38px; } .p-event-fes2024-banner__title { text-align: center; padding-bottom: 21px; } .p-event-fes2024-banner__list-wrap { margin: 0 auto; max-width: 1000px; overflow: hidden; padding: 0 50px; position: relative; } .p-event-fes2024-banner__list { display: flex; /*justify-content: space-between;*/ } .p-event-fes2024-banner__item { background: #ffffff; width: 325px; margin-right: 13px; } .p-event-fes2024-banner__item:nth-last-of-type(1) { margin-right: 0; } .p-event-fes2024-banner__item img { display: block; } .p-event-fes2024-banner__item a { position: relative; z-index: 3; } .p-event-fes2024-banner__button, .p-event-fes2024-banner__button--next, .p-event-fes2024-banner__button--prev { background: none; outline: none; cursor: pointer; } .p-event-fes2024-banner__button::before, .p-event-fes2024-banner__button--next::before, .p-event-fes2024-banner__button--prev::before { content: none; } .p-event-fes2024-banner__button::after, .p-event-fes2024-banner__button--next::after, .p-event-fes2024-banner__button--prev::after { width: 20px; height: 20px; } .p-event-fes2024-banner__button--next::after { right: 25px; } @media screen and (max-width: 767px) { .p-event-fes2024-banner__title { text-align: center; padding-bottom: 24px; } .p-event-fes2024-banner__title img { width: auto; height: 20px; } .p-event-fes2024-banner__list-wrap { max-width: 100%; padding: 0; padding-right: 5px; box-sizing: border-box; } .p-event-fes2024-banner__list-inner { width: 100%; box-sizing: border-box; } .p-event-fes2024-banner__list { width: 100%; padding-left: 5px; } .p-event-fes2024-banner__item { background: none; margin: 0; } .p-event-fes2024-banner__item:nth-last-of-type(1) { margin-right: 0; } .p-event-fes2024-banner__item img { width: 100%; height: auto; } .p-event-fes2024-banner__button, .p-event-fes2024-banner__button--prev, .p-event-fes2024-banner__button--next { display: none; } } .p-event-gap2021-notice { width: 1000px; margin: 0 auto; padding: 47px 0 17px 0; } .p-event-gap2021-notice__title { width: 301px; height: 62px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gap2021-notice__paragraph { text-align: center; color: #ffffff; line-height: 24px; padding-bottom: 24px; } @media screen and (max-width: 767px) { .p-event-gap2021-notice { width: 100%; padding: 23px 0 12px 0; } .p-event-gap2021-notice__title { height: 44px; margin-bottom: 18px; padding-left: 6px; } .p-event-gap2021-notice__img-gap2021 { width: 249px; height: auto; } .p-event-gap2021-notice__img-notice { width: 231px; height: auto; } .p-event-gap2021-notice__paragraph { font-size: 12px; padding-bottom: 17px; line-height: 22px; } } /*--------gdp12---------*/ .p-event-gdp12 { width: 100%; background: #ffffff; font-size: 1.4rem; } .p-event-gdp12__gradient { background: var(--Linear, linear-gradient(170deg, #F8C0FF 1.08%, #97D5F1 64.55%, #B07CFF 94.42%)); position: relative; } .p-event-gdp12__gradient-inner { position: relative; z-index: 2; } .p-event-gdp12__block { background: #f6f6f6; } a { color: #007BC8; text-decoration: none; } .p-event-gdp12-catch { width: 100%; height: 440px; background: url(/images/event/gdp12/pc_catch_back.jpg) no-repeat center bottom; background-size: cover; position: relative; } .p-event-gdp12-catch__logo { position: relative; z-index: 2; width: 1000px; margin: 0 auto; top: 33px; } @media screen and (max-width: 767px) { .p-event-gdp12-catch { height: 286px; background-image: url(/images/event/gdp12/sp_catch_back.jpg); background-size: cover; position: relative; } .p-event-gdp12-catch__logo { position: relative; z-index: 2; padding-top: 30px; width: 100%; } .p-event-gdp12-catch__logo-img { width: auto; height: 176px; } } .p-event-gdp12-headline { width: 100%; height: 67px; padding-top: 12px; box-sizing: border-box; background: #E2EBED; } .p-event-gdp12-headline__block { width: 1000px; height: 42px; margin: 0 auto; display: flex; } .p-event-gdp12-headline__title { background: #B07BFF; width: 123px; border-radius: 42px 0 0 42px; display: flex; justify-content: center; align-items: center; } .p-event-gdp12-headline__news { background: #ffffff; border-radius: 0 42px 42px 0; width: calc(100% - 123px); line-height: 42px; padding: 0 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .p-event-gdp12-headline__news a { text-decoration: underline; } @media screen and (max-width: 767px) { .p-event-gdp12-headline { height: 40px; padding-top: 5px; } .p-event-gdp12-headline__block { width: calc(100% - 14px); height: 30px; } .p-event-gdp12-headline__title { width: 93px; box-sizing: border-box; padding-left: 7px; border-radius: 16px 0 0 16px; } .p-event-gdp12-headline__title img { width: 68px; height: auto; } .p-event-gdp12-headline__news { border-radius: 0 16px 16px 0; width: calc(100% - 93px); line-height: 30px; padding: 0 6px; font-size: 12px; } } .p-event-gdp12-outline { width: 1200px; margin: 0 auto; padding: 38px 0 30px 0; background: url(/images/event/gdp12/outline_back.png) no-repeat center 128px; background-size: 1196px 312px; } .p-event-gdp12-outline__title { margin: 0 auto 39px auto; } .p-event-gdp12-outline__paragraph { text-align: center; color: #000000; line-height: 35.8px; padding-bottom: 58px; } .p-event-gdp12-outline__highlight { color: #F37060; font-weight: bold; } .p-event-gdp12-outline__table { margin: 6px auto 22px auto; border-spacing: 1px; width: 1000px; } .p-event-gdp12-outline__th { color: #ffffff; background: #031427; font-weight: bold; text-align: center; min-width: 115px; width: 115px; padding: 10px 0 9px 0; letter-spacing: 5px; border: 1px solid #fff; } .p-event-gdp12-outline__th--release { letter-spacing: 0; } .p-event-gdp12-outline__td { background: #F4EAF8; padding: 10px 14px 9px 14px; min-width: 100%; text-align: left; word-break: break-all; border: 1px solid #fff; color: #333333; } .p-event-gdp12-outline__infomation { display: flex; } .p-event-gdp12-outline__map { width: 320px; height: 285px; margin-right: 17px; background: #cccccc; } .p-event-gdp12-outline__access { color: #cccccc; font-size: 12px; } .p-event-gdp12-outline__access-train { padding: 17px 0; } .p-event-gdp12-outline__request { width: 1000px; background: #ffffff; border: solid 1px #000000; border-radius: 10px; overflow: hidden; box-sizing: border-box; } .p-event-gdp12-outline__request-title { background: #000000; color: #fff; font-weight: bold; padding: 11px 0; text-align: center; border-radius: 10px 10px 0 0; } .p-event-gdp12-outline__request-inner { padding: 15px 20px; color: #000; line-height: 1.7; padding-bottom: 25px; background: #f8f8f8; } .p-event-gdp12-outline__request-list:nth-of-type(1) { padding-bottom: 25px; } .p-event-gdp12-outline__request-sub-title { color: #8f7a33; font-weight: bold; } a.p-event-gdp12-outline__request-link { color: #17a8de; text-decoration: underline; } a.p-event-gdp12-outline__request-link:hover { color: #fa0480; } .p-event-gdp12-outline__price { margin-bottom: 5px; } .p-event-gdp12-outline__price-title { font-weight: bold; } .p-event-gdp12-outline__price-desc { padding-left: 14px; padding-bottom: 10px; line-height: 1.8; } @media screen and (min-width: 768px) { .p-event-gdp12-outline__moreread-wrap { height: 0 !important; overflow: hidden; } } @media screen and (max-width: 767px) { .p-event-gdp12-outline { width: 100%; padding: 24px 0 0 0; background: url(/images/event/gdp12/sp_outline_back.png) no-repeat center 15px; background-size: 425px 325px; } .p-event-gdp12-outline__title { margin-bottom: 21px; height: auto; } .p-event-gdp12-outline__sub-title-img { width: 243px; height: auto; } .p-event-gdp12-outline__title-img { max-width: 325px; height: auto; } .p-event-gdp12-outline__paragraph { font-size: 14px; padding: 0 10px 20px 10px; } .p-event-gdp12-outline__table { min-width: auto; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-gdp12-outline__th { min-width: 64px; } .p-event-gdp12-outline__td { padding: 10px 12px 9px 12px; } .p-event-gdp12-outline__tel { color: #cccccc; } .p-event-gdp12-outline__price-note, .p-event-gdp12-outline__release-note { font-size: 12px; display: block; } .p-event-gdp12-outline__infomation { display: block; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-gdp12-outline__map { margin: 0 0 13px 0; } .p-event-gdp12-outline__access { padding-bottom: 10px; } .p-event-gdp12-outline__request { width: calc(100vw - 55px); margin: 0 auto; box-sizing: border-box; } .p-event-gdp12-outline__price-title { font-size: 12px; } .p-event-gdp12-outline__price-desc { font-size: 12px; } .p-event-gdp12-outline__moreread-wrap { margin-top: 7px; } .p-event-gdp12-outline__moreread { color: #000000 !important; border-color: #000000 !important; } .p-event-gdp12-outline__moreread::before { background: #000000 !important; } } .p-event-gdp12-time_table { width: 100%; padding: 39px 0 37px 0; } .p-event-gdp12-time_table__title { text-align: center; color: #ffffff; font-size: 32px; font-weight: bold; padding-bottom: 22px; } .p-event-gdp12-time_table__program { display: flex; justify-content: space-between; width: 1000px; margin: 0 auto; counter-reset: number; position: relative; } .p-event-gdp12-time_table__wrap, .p-event-gdp12-time_table__wrap--after, .p-event-gdp12-time_table__wrap--commingsoon { width: 490px; } .p-event-gdp12-time_table__day-title { font-weight: bold; color: #000000; text-align: center; font-size: 28px; } .p-event-gdp12-time_table__day-desc { font-size: 18px; display: block; } .p-event-gdp12-time_table__item, .p-event-gdp12-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 12px 28px 12px 63px; position: relative; background: #ffffff; color: #000000; display: flex; } .p-event-gdp12-time_table__item-number { width: 50px; counter-increment: number; content: counter(number, decimal-leading-zero); position: absolute; top: 0; left: 0; height: 100%; background: #031427; color: #ffffff; display: flex; align-items: center; justify-content: center; } .p-event-gdp12-time_table__item--after { padding: 12px 28px 12px 63px; } .p-event-gdp12-time_table__item--center { justify-content: center; padding-right: 0; padding-left: 0; } .p-event-gdp12-time_table__time, .p-event-gdp12-time_table__time--after { color: #000000; display: inline-block; margin-left: auto; } .p-event-gdp12-time_table__lineup, .p-event-gdp12-time_table__lineup--commingsoon { width: 490px; min-height: 517px; } .p-event-gdp12-time_table__lineup-title, .p-event-gdp12-time_table__lineup-title--commingsoon { height: 40px; line-height: 40px; border-bottom: solid 2px #000000; padding-left: 12px; font-size: 18px; font-weight: bold; color: #000000; margin: 10px auto 15px auto; } .p-event-gdp12-time_table__comming-soon { position: absolute; top: 56px; left: -10px; z-index: 5; } .p-event-gdp12-time_table__comming-soon-title { position: absolute; top: 105px; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-gdp12-time_table { padding: 27px 0 28px 0; position: relative; margin-top: 18px; } .p-event-gdp12-time_table__title { padding-bottom: 12px; } .p-event-gdp12-time_table__title img { width: auto; height: 20px; } .p-event-gdp12-time_table__program-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; position: relative; z-index: 1; } .p-event-gdp12-time_table__wrap, .p-event-gdp12-time_table__wrap--commingsoon, .p-event-gdp12-time_table__wrap--after { width: calc(100vw - 54px); margin: 0 auto; } .p-event-gdp12-time_table__day-title { font-size: 21px; } .p-event-gdp12-time_table__day-desc { font-size: 13px; } .p-event-gdp12-time_table__program { width: 200vw; } .p-event-gdp12-time_table__list { width: calc(100vw - 54px); margin: 0 auto; } .p-event-gdp12-time_table__item, .p-event-gdp12-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 11px 28px 11px 63px; align-items: center; } .p-event-gdp12-time_table__item--after { padding: 11px 28px 11px 63px; } .p-event-gdp12-time_table__item, .p-event-gdp12-time_table__item--after { padding-right: 10px; } .p-event-gdp12-time_table__flick-icon { top: 72px; right: 6px; opacity: 1; position: absolute; transform: scale(1); transition: transform 0.3s, opacity 0.3s; z-index: 1; } .p-event-gdp12-time_table__flick-icon.is-hidden { opacity: 0; transform: scale(0.5); } .p-event-gdp12-time_table__lineup-title, .p-event-gdp12-time_table__lineup-title--commingsoon { height: auto; font-size: 16px; line-height: 1.2; padding: 10px 6px; } .p-event-gdp12-time_table__program-wrap--commingsoon { width: 100%; overflow: hidden; box-sizing: border-box; } .p-event-gdp12-time_table__lineup--commingsoon { width: calc(100vw - 55px); padding: 0 28px; min-height: 453px; } .p-event-gdp12-time_table__lineup-title--commingsoon { line-height: 40px; font-size: 14px; padding-left: 0; } .p-event-gdp12-time_table__comming-soon { top: 44px; left: 14px; width: 100vw; } .p-event-gdp12-time_table__comming-soon-title { max-width: 100%; top: 152px; left: -32px; padding: 0 12px; box-sizing: border-box; } .p-event-gdp12-time_table__comming-soon-title img { width: 100%; height: auto; } } @media screen and (max-width: 337px) { .p-event-gdp12-goods__comming-soon-image { left: -363px; } .p-event-gdp12-time_table__comming-soon img { width: calc(100% - 30px); height: auto; } .p-event-gdp12-time_table__comming-soon-title { top: 128px; } .p-event-gdp12-time_table__comming-soon-title img { width: 100%; height: auto; } .p-event-gdp12-time_table__lineup, .p-event-gdp12-time_table__lineup--commingsoon { min-height: 388px; } } .p-event-gdp12-comment { width: 100%; padding: 62px 0 66px; } .p-event-gdp12-comment__title { text-align: center; padding-bottom: 27px; display: flex; justify-content: center; align-items: flex-end; } a.p-event-gdp12-comment__title-link { font-weight: bold; color: #000000; font-size: 12px; text-decoration: underline; margin-left: 14px; } .p-event-gdp12-comment__list { width: 1000px; margin: 0 auto; } .p-event-gdp12-comment__item { padding-bottom: 15px; } .p-event-gdp12-comment__block { display: flex; align-items: center; } .p-event-gdp12-comment__balloon { margin-left: 25px; position: relative; background: #ffffff; border-radius: 10px; color: #333333; padding: 12px 20px; border-radius: 10px; background: #F4F4F4; width: 100%; } .p-event-gdp12-comment__balloon::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 0; left: -16px; border: solid 0px white; border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-top-width: 8px; border-right-width: 16px; border-bottom-width: 8px; } @media screen and (max-width: 767px) { .p-event-gdp12-comment__title { display: block; } .p-event-gdp12-comment__title img { width: auto; height: 20px; } .p-event-gdp12-comment__title-img { margin-bottom: 8px; } a.p-event-gdp12-comment__title-link::before { content: "\f35a"; font-family: "Font Awesome 5 Free"; } .p-event-gdp12-comment__list { width: calc(100vw - 60px); margin: 0 auto; } .p-event-gdp12-comment__block { align-items: flex-start; font-size: 12px; } .p-event-gdp12-comment__photo { min-width: 56px; height: 56px; } .p-event-gdp12-comment__photo img { width: 100%; height: 100%; } .p-event-gdp12-comment__balloon { padding: 10px 13px; margin-left: 18px; } .p-event-gdp12-comment__balloon::before { top: 20px; margin: 0; left: -12px; border-top-width: 5px; border-right-width: 12px; border-bottom-width: 5px; } } .p-event-gdp12-goods { padding: 64px 0 48px; color: #333333; background: #F4EAF8; } .p-event-gdp12-goods__title { display: flex; justify-content: center; } .p-event-gdp12-goods__list-wrap { width: 1000px; margin: 0 auto; } .p-event-gdp12-goods__list { padding-top: 49px; display: flex; flex-wrap: wrap; } .p-event-gdp12-goods__item { width: 325px; margin-right: 12px; } .p-event-gdp12-goods__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gdp12-goods__image img { display: block; } .p-event-gdp12-goods__detail { padding: 13px 7px 0 7px; } .p-event-gdp12-goods__name { font-size: 18px; font-weight: bold; } .p-event-gdp12-goods__price { display: flex; font-size: 12px; font-weight: bold; float: left; } .p-event-gdp12-goods__color, .p-event-gdp12-goods__size { clear: both; display: flex; font-size: 12px; font-weight: bold; } .p-event-gdp12-goods__color-title { white-space: nowrap; } .p-event-gdp12-goods__color-title::after, .p-event-gdp12-goods__size-title::after { content: "/"; margin: 0 5px; } .p-event-gdp12-goods__color-list, .p-event-gdp12-goods__size-list { display: flex; } .p-event-gdp12-goods__color-item.swiper-slide, .p-event-gdp12-goods__size-item.swiper-slide { width: auto; } .p-event-gdp12-goods__color-item.swiper-slide::after, .p-event-gdp12-goods__size-item.swiper-slide::after { content: "・"; } .p-event-gdp12-goods__color-item.swiper-slide:nth-last-of-type(1)::after, .p-event-gdp12-goods__size-item.swiper-slide:nth-last-of-type(1)::after { content: none; } .p-event-gdp12-goods__desc { clear: both; color: #333333; padding-top: 9px; line-height: 20px; font-size: 12px; } a.p-event-gdp12-goods__link { background: linear-gradient(93deg, #F8C0FF 11.81%, #A5A6F8 94.79%, #B07CFF 116%); width: 343px; height: 49px; display: flex; align-items: center; justify-content: center; margin: 0 auto; color: #000; font-size: 16px; font-weight: bold; box-shadow: 3px 3px 0 #000000; border: solid 2px #000000; text-decoration: none; } a.p-event-gdp12-goods__link:hover { text-decoration: none; opacity: 0.7; } .p-event-gdp12-goods__pagination .swiper-pagination-bullet { border: 1px solid #0B0306 !important; background: #585154 !important; box-sizing: content-box !important; } .p-event-gdp12-goods__pagination .swiper-pagination-bullet-active { background: #B07BFF !important; border: 1px solid #0b0306 !important; } @media screen and (max-width: 767px) { .p-event-gdp12-goods { width: 100%; padding: 32px 0; } .p-event-gdp12-goods__title { padding: 0 28px; } .p-event-gdp12-goods__title img { height: 20px; width: auto; } .p-event-gdp12-goods__list-wrap { width: 100%; box-sizing: border-box; padding-left: calc((100vw - 325px) / 2); padding-right: calc((100vw - 325px) / 2); } .p-event-gdp12-goods__list { width: 100%; padding-top: 27px; } .p-event-gdp12-goods__button { width: 223px; } .p-event-gdp12-goods__button { width: 300px; } a.p-event-gdp12-goods__link { width: 300px; height: 48px; font-size: 16px; line-height: 43px; } } @media screen and (max-width: 337px) { .p-event-gdp12-goods__list-wrap { padding-left: 24px; padding-right: 24px; } .p-event-gdp12-goods__item { width: calc(100vw - 48px); } .p-event-gdp12-goods__image { width: 100%; } .p-event-gdp12-goods__image img { width: 100%; height: auto; } .p-event-gdp12-goods__detail { padding: 13px 5px 0 5px; } .p-event-gdp12-goods__tax { font-size: 10px; } .p-event-gdp12-goods__price::after { margin: 0 2px 0 0; text-indent: -3px; } } /*------------coomingsoon-------------*/ .p-event-gdp12-goods__comming-soon-list { position: relative; width: 490px; min-height: 414px; margin: 0 auto; } .p-event-gdp12-goods__comming-soon { position: absolute; top: 36px; left: -245px; } .p-event-gdp12-goods__comming-soon-title { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-gdp12-goods__comming-soon-list { width: 100%; min-height: 354px; overflow: hidden; } .p-event-gdp12-goods__comming-soon { top: 12px; left: 14px; width: 100vw; } .p-event-gdp12-goods__comming-soon-title { max-width: 100%; top: 98px; left: -32px; padding: 0 12px; z-index: 2; box-sizing: border-box; } .p-event-gdp12-goods__comming-soon-title img { width: 100%; height: auto; } .p-event-gdp12-goods__comming-soon-image { z-index: 1; position: relative; left: -337px; } } /*------------end:coomingsoon-------------*/ .p-event-gdp12-staff { width: 100%; padding: 43px 0 30px 0; background: #F4EAF8; } .p-event-gdp12-staff__title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 27px; } .p-event-gdp12-staff__list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; } .p-event-gdp12-staff__item { text-align: center; } .p-event-gdp12-staff__item:not(:nth-last-of-type(1)):after { content: "/"; margin: 0 5px; } @media screen and (max-width: 767px) { .p-event-gdp12-staff { padding: 24px 0; } .p-event-gdp12-staff__list { width: calc(100vw - 12px); } } .p-event-gdp12-news { background: #F4EAF8; } .p-event-gdp12-news__title { padding: 52px 0 48px 0; text-align: center; word-break: break-all; position: relative; } .p-event-gdp12-news__list { width: 1000px; margin: 0 auto; padding-bottom: 19px; } .p-event-gdp12-news__item { background: #ffffff; margin-bottom: 10px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .p-event-gdp12-news__item-right { padding: 12px 17px; } .p-event-gdp12-news__img { width: 146px; height: 146px; min-width: 146px; background: #f9f9f9; } .p-event-gdp12-news__img img { width: 100%; height: auto; max-height: 100%; } .p-event-gdp12-news__cat { background: #B07CFE; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 19px; display: inline-block; } .p-event-gdp12-news__date { color: #999999; font-size: 12px; } .p-event-gdp12-news__head { color: #000000; font-size: 18px; font-weight: bold; padding: 5px 0; width: 293px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-event-gdp12-news__content { font-size: 12px; line-height: 18px; } .p-event-gdp12-news__meta { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .p-event-gdp12-news { width: 100%; } .p-event-gdp12-news__title { padding: 26px 0 22px 0; text-align: center; } .p-event-gdp12-news__title img { width: auto; height: 20px; } .p-event-gdp12-news__list { width: 100%; height: auto; overflow: visible; padding-bottom: 25px; } .p-event-gdp12-news__item { background: #ffffff; margin-bottom: 0; width: 100%; padding: 10px 7px; border: none; border-bottom: solid 1px #dcdcdc; position: relative; box-sizing: border-box; } .p-event-gdp12-news__item-right { padding: 0 10px; position: absolute; padding-left: 130px; padding-right: 8px; left: 0; width: 100%; box-sizing: border-box; } .p-event-gdp12-news__img { width: 115px; height: 115px; min-width: 115px; } .p-event-gdp12-news__img a { display: block; position: relative; z-index: 1; } .p-event-gdp12-news__date { color: #00adc6; } .p-event-gdp12-news__head { width: 100%; } } .p-event-gdp12-sponsor { background: #fff; padding: 52px 0; } .p-event-gdp12-sponsor__title { text-align: center; word-break: break-all; position: relative; margin-bottom: 40px; } .p-event-gdp12-sponsor__list { width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .p-event-gdp12-sponsor__item { padding: 20px; display: flex; align-items: center; gap: 20px; border: 2px solid #DDD; margin-bottom: 24px; width: 1000px; } .p-event-gdp12-sponsor__item-chacott { border-color: #FEB945; } .p-event-gdp12-sponsor__item-half { border-color: #F0E5E1; width: 444px; margin-bottom: 0; } .p-event-gdp12-sponsor__img { width: 147px; height: 120px; } .p-event-gdp12-sponsor__name-wrapper { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .p-event-gdp12-sponsor__name { font-size: 20px; line-height: 1; } .p-event-gdp12-sponsor__tag { background: #F3A164; color: #fff; font-size: 15px; line-height: 1; padding: 5px 10px; } .p-event-gdp12-sponsor__desc { font-size: 14px; line-height: 22.5px; } .p-event-gdp12-sponsor__link { color: #317BC1; text-decoration: underline; margin-top: 20px; display: inline-block; } @media screen and (max-width: 767px) { .p-event-gdp12-sponsor { width: 100%; } .p-event-gdp12-sponsor__title img { width: auto; height: 20px; } .p-event-gdp12-sponsor__list { width: calc(100% - 30px); margin: 0 15px; } .p-event-gdp12-sponsor__item { align-items: flex-start; } .p-event-gdp12-sponsor__img { width: 100px; height: 82px; } .p-event-gdp12-sponsor__name-wrapper { display: block; } .p-event-gdp12-sponsor__name { font-size: 16px; line-height: 1.5; } .p-event-gdp12-sponsor__tag { display: inline-block; margin-top: 10px; font-size: 13px; line-height: 1; } .p-event-gdp12-sponsor__item-half { align-items: center; margin-bottom: 20px; width: 100%; } } .p-event-gdp12-banner { padding-top: 28px; padding-bottom: 38px; } .p-event-gdp12-banner__title { text-align: center; padding-bottom: 21px; } .p-event-gdp12-banner__list-wrap { margin: 0 auto; max-width: 1000px; overflow: hidden; padding: 0 50px; position: relative; } .p-event-gdp12-banner__list { display: flex; /*justify-content: space-between;*/ } .p-event-gdp12-banner__item { background: #ffffff; width: 325px; margin-right: 13px; } .p-event-gdp12-banner__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gdp12-banner__item img { display: block; } .p-event-gdp12-banner__item a { position: relative; z-index: 3; } .p-event-gdp12-banner__button, .p-event-gdp12-banner__button--next, .p-event-gdp12-banner__button--prev { background: none; outline: none; cursor: pointer; } .p-event-gdp12-banner__button::before, .p-event-gdp12-banner__button--next::before, .p-event-gdp12-banner__button--prev::before { content: none; } .p-event-gdp12-banner__button::after, .p-event-gdp12-banner__button--next::after, .p-event-gdp12-banner__button--prev::after { width: 20px; height: 20px; } .p-event-gdp12-banner__button--next::after { right: 25px; } @media screen and (max-width: 767px) { .p-event-gdp12-banner__title { text-align: center; padding-bottom: 24px; } .p-event-gdp12-banner__title img { width: auto; height: 20px; } .p-event-gdp12-banner__list-wrap { max-width: 100%; padding: 0; padding-right: 5px; box-sizing: border-box; } .p-event-gdp12-banner__list-inner { width: 100%; box-sizing: border-box; } .p-event-gdp12-banner__list { width: 100%; padding-left: 5px; } .p-event-gdp12-banner__item { background: none; margin: 0; } .p-event-gdp12-banner__item:nth-last-of-type(1) { margin-right: 0; } .p-event-gdp12-banner__item img { width: 100%; height: auto; } .p-event-gdp12-banner__button, .p-event-gdp12-banner__button--prev, .p-event-gdp12-banner__button--next { display: none; } } .p-event-gap2021-notice { width: 1000px; margin: 0 auto; padding: 47px 0 17px 0; } .p-event-gap2021-notice__title { width: 301px; height: 62px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gap2021-notice__paragraph { text-align: center; color: #ffffff; line-height: 24px; padding-bottom: 24px; } @media screen and (max-width: 767px) { .p-event-gap2021-notice { width: 100%; padding: 23px 0 12px 0; } .p-event-gap2021-notice__title { height: 44px; margin-bottom: 18px; padding-left: 6px; } .p-event-gap2021-notice__img-gap2021 { width: 249px; height: auto; } .p-event-gap2021-notice__img-notice { width: 231px; height: auto; } .p-event-gap2021-notice__paragraph { font-size: 12px; padding-bottom: 17px; line-height: 22px; } } /*--------fes2025---------*/ .p-event-fes2025 { width: 100%; background: #ffffff; font-size: 1.4rem; } .p-event-fes2025__gradient { background: linear-gradient(180deg, #FBECEB 0%, #FFD9C7 48.56%, #FFF3F2 100%); position: relative; } .p-event-fes2025__gradient-inner { position: relative; z-index: 2; } .p-event-fes2025__block { background: #f6f6f6; } a { color: #007BC8; text-decoration: none; } .p-event-fes2025-catch { width: 100%; height: 440px; background: url(/images/event/fes2025/pc_catch_back.jpg) no-repeat center bottom; background-size: cover; position: relative; } .p-event-fes2025-catch__logo { position: relative; z-index: 2; width: 1000px; margin: 0 auto; top: 8px; } @media screen and (max-width: 767px) { .p-event-fes2025-catch { height: 286px; background-image: url(/images/event/fes2025/sp_catch_back.jpg); background-size: cover; position: relative; } .p-event-fes2025-catch__logo { position: relative; z-index: 2; padding-top: 30px; width: 100%; } .p-event-fes2025-catch__logo-img { width: auto; height: 214px; } } .p-event-fes2025-headline { width: 100%; height: 67px; padding-top: 12px; box-sizing: border-box; background: #231815; } .p-event-fes2025-headline__block { width: 1000px; height: 42px; margin: 0 auto; display: flex; } .p-event-fes2025-headline__title { background: #E60012; width: 123px; border-radius: 42px 0 0 42px; display: flex; justify-content: center; align-items: center; } .p-event-fes2025-headline__news { background: #ffffff; border-radius: 0 42px 42px 0; width: calc(100% - 123px); line-height: 42px; padding: 0 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .p-event-fes2025-headline__news a { text-decoration: underline; } @media screen and (max-width: 767px) { .p-event-fes2025-headline { height: 40px; padding-top: 5px; } .p-event-fes2025-headline__block { width: calc(100% - 14px); height: 30px; } .p-event-fes2025-headline__title { width: 93px; box-sizing: border-box; padding-left: 7px; border-radius: 16px 0 0 16px; } .p-event-fes2025-headline__title img { width: 68px; height: auto; } .p-event-fes2025-headline__news { border-radius: 0 16px 16px 0; width: calc(100% - 93px); line-height: 30px; padding: 0 6px; font-size: 12px; } } .p-event-fes2025-outline { width: 1000px; margin: 0 auto; padding: 38px 0 30px 0; background: url(/images/event/fes2025/outline_back.png) no-repeat center 100px; background-size: 1000px 332px; } .p-event-fes2025-outline__title { margin: 0 auto 43px auto; } .p-event-fes2025-outline__paragraph { text-align: center; color: #000000; line-height: 35.8px; padding-bottom: 80px; } .p-event-fes2025-outline__highlight { color: #F37060; font-weight: bold; } .p-event-fes2025-outline__table { margin: 6px auto 22px auto; border-spacing: 1px; width: 1000px; } .p-event-fes2025-outline__th { color: #ffffff; background: #031427; font-weight: bold; text-align: center; min-width: 115px; width: 115px; padding: 10px 0 9px 0; letter-spacing: 5px; border: 1px solid #fff; } .p-event-fes2025-outline__th--release { letter-spacing: 0; } .p-event-fes2025-outline__td { background: #FFE6CB; padding: 10px 14px 9px 14px; min-width: 100%; text-align: left; word-break: break-all; border: 1px solid #fff; color: #333333; } .p-event-fes2025-outline__infomation { display: flex; } .p-event-fes2025-outline__map { width: 320px; height: 285px; margin-right: 17px; background: #cccccc; } .p-event-fes2025-outline__access { color: #cccccc; font-size: 12px; } .p-event-fes2025-outline__access-train { padding: 17px 0; } .p-event-fes2025-outline__request { width: 1000px; background: #ffffff; border: solid 1px #000000; border-radius: 10px; overflow: hidden; box-sizing: border-box; } .p-event-fes2025-outline__request-title { background: #000000; color: #fff; font-weight: bold; padding: 11px 0; text-align: center; border-radius: 10px 10px 0 0; } .p-event-fes2025-outline__request-inner { padding: 15px 20px; color: #000; line-height: 1.7; padding-bottom: 25px; background: #f8f8f8; } .p-event-fes2025-outline__request-list:nth-of-type(1) { padding-bottom: 25px; } .p-event-fes2025-outline__request-sub-title { color: #8f7a33; font-weight: bold; } a.p-event-fes2025-outline__request-link { color: #17a8de; text-decoration: underline; } a.p-event-fes2025-outline__request-link:hover { color: #fa0480; } .p-event-fes2025-outline__price { margin-bottom: 5px; } .p-event-fes2025-outline__price-title { font-weight: bold; } .p-event-fes2025-outline__price-desc { padding-left: 14px; padding-bottom: 10px; line-height: 1.8; } @media screen and (min-width: 768px) { .p-event-fes2025-outline__moreread-wrap { height: 0 !important; overflow: hidden; } } @media screen and (max-width: 767px) { .p-event-fes2025-outline { width: 100%; padding: 24px 0 0 0; background: url(/images/event/fes2025/sp_outline_back.png) no-repeat center 70px; background-size: 100% auto; } .p-event-fes2025-outline__title { margin-bottom: 21px; height: auto; } .p-event-fes2025-outline__sub-title-img { width: 243px; height: auto; } .p-event-fes2025-outline__title-img { max-width: 270px; height: auto; } .p-event-fes2025-outline__paragraph { font-size: 14px; padding: 0 10px 20px 10px; line-height: 28px; } .p-event-fes2025-outline__table { min-width: auto; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-fes2025-outline__th { min-width: 64px; } .p-event-fes2025-outline__td { padding: 10px 12px 9px 12px; } .p-event-fes2025-outline__tel { color: #cccccc; } .p-event-fes2025-outline__price-note, .p-event-fes2025-outline__release-note { font-size: 12px; display: block; } .p-event-fes2025-outline__infomation { display: block; width: calc(100vw - 55px); margin: 0 auto 23px auto; } .p-event-fes2025-outline__map { margin: 0 0 13px 0; } .p-event-fes2025-outline__access { padding-bottom: 10px; } .p-event-fes2025-outline__request { width: calc(100vw - 55px); margin: 0 auto; box-sizing: border-box; } .p-event-fes2025-outline__price-title { font-size: 12px; } .p-event-fes2025-outline__price-desc { font-size: 12px; } .p-event-fes2025-outline__moreread-wrap { margin-top: 7px; } .p-event-fes2025-outline__moreread { color: #000000 !important; border-color: #000000 !important; } .p-event-fes2025-outline__moreread::before { background: #000000 !important; } } .p-event-fes2025-time_table { width: 100%; padding: 39px 0 37px 0; } .p-event-fes2025-time_table__title { text-align: center; color: #ffffff; font-size: 32px; font-weight: bold; padding-bottom: 22px; } .p-event-fes2025-time_table__program { display: flex; justify-content: space-between; width: 1000px; margin: 0 auto; counter-reset: number; position: relative; } .p-event-fes2025-time_table__wrap, .p-event-fes2025-time_table__wrap--after, .p-event-fes2025-time_table__wrap--commingsoon { width: 490px; } .p-event-fes2025-time_table__day-title { font-weight: bold; color: #000000; text-align: center; font-size: 28px; } .p-event-fes2025-time_table__day-desc { font-size: 18px; display: block; } .p-event-fes2025-time_table__item, .p-event-fes2025-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 12px 28px 12px 63px; position: relative; background: #ffffff; color: #000000; display: flex; } .p-event-fes2025-time_table__item-number { width: 50px; counter-increment: number; content: counter(number, decimal-leading-zero); position: absolute; top: 0; left: 0; height: 100%; background: #031427; color: #ffffff; display: flex; align-items: center; justify-content: center; } .p-event-fes2025-time_table__item--after { padding: 12px 28px 12px 63px; } .p-event-fes2025-time_table__item--center { justify-content: center; padding-right: 0; padding-left: 0; } .p-event-fes2025-time_table__time, .p-event-fes2025-time_table__time--after { color: #000000; display: inline-block; margin-left: auto; } .p-event-fes2025-time_table__lineup, .p-event-fes2025-time_table__lineup--commingsoon { width: 490px; min-height: 517px; } .p-event-fes2025-time_table__lineup-title, .p-event-fes2025-time_table__lineup-title--commingsoon { height: 40px; line-height: 40px; border-bottom: solid 2px #000000; padding-left: 12px; font-size: 18px; font-weight: bold; color: #000000; margin: 10px auto 15px auto; } .p-event-fes2025-time_table__comming-soon { position: absolute; top: 56px; left: -10px; z-index: 5; } .p-event-fes2025-time_table__comming-soon-title { position: absolute; top: 105px; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-fes2025-time_table { padding: 27px 0 28px 0; position: relative; margin-top: 18px; } .p-event-fes2025-time_table__title { padding-bottom: 12px; } .p-event-fes2025-time_table__title img { width: auto; height: 20px; } .p-event-fes2025-time_table__program-wrap { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; position: relative; z-index: 1; } .p-event-fes2025-time_table__wrap, .p-event-fes2025-time_table__wrap--commingsoon, .p-event-fes2025-time_table__wrap--after { width: calc(100vw - 54px); margin: 0 auto; } .p-event-fes2025-time_table__day-title { font-size: 21px; } .p-event-fes2025-time_table__day-desc { font-size: 13px; } .p-event-fes2025-time_table__program { width: 200vw; } .p-event-fes2025-time_table__list { width: calc(100vw - 54px); margin: 0 auto; } .p-event-fes2025-time_table__item, .p-event-fes2025-time_table__item--after { margin-bottom: 5px; font-size: 14px; font-weight: bold; line-height: 18px; padding: 11px 28px 11px 63px; align-items: center; } .p-event-fes2025-time_table__item--after { padding: 11px 28px 11px 63px; } .p-event-fes2025-time_table__item, .p-event-fes2025-time_table__item--after { padding-right: 10px; } .p-event-fes2025-time_table__flick-icon { top: 72px; right: 6px; opacity: 1; position: absolute; transform: scale(1); transition: transform 0.3s, opacity 0.3s; z-index: 1; } .p-event-fes2025-time_table__flick-icon.is-hidden { opacity: 0; transform: scale(0.5); } .p-event-fes2025-time_table__lineup-title, .p-event-fes2025-time_table__lineup-title--commingsoon { height: auto; font-size: 16px; line-height: 1.2; padding: 10px 6px; } .p-event-fes2025-time_table__program-wrap--commingsoon { width: 100%; overflow: hidden; box-sizing: border-box; } .p-event-fes2025-time_table__lineup--commingsoon { width: calc(100vw - 55px); padding: 0 28px; min-height: 453px; } .p-event-fes2025-time_table__lineup-title--commingsoon { line-height: 40px; font-size: 14px; padding-left: 0; } .p-event-fes2025-time_table__comming-soon { top: 44px; left: 14px; width: 100vw; } .p-event-fes2025-time_table__comming-soon-title { max-width: 100%; top: 152px; left: -32px; padding: 0 12px; box-sizing: border-box; } .p-event-fes2025-time_table__comming-soon-title img { width: 100%; height: auto; } } @media screen and (max-width: 337px) { .p-event-fes2025-goods__comming-soon-image { left: -363px; } .p-event-fes2025-time_table__comming-soon img { width: calc(100% - 30px); height: auto; } .p-event-fes2025-time_table__comming-soon-title { top: 128px; } .p-event-fes2025-time_table__comming-soon-title img { width: 100%; height: auto; } .p-event-fes2025-time_table__lineup, .p-event-fes2025-time_table__lineup--commingsoon { min-height: 388px; } } .p-event-fes2025-comment { width: 100%; padding: 62px 0 66px; } .p-event-fes2025-comment__title { text-align: center; padding-bottom: 27px; display: flex; justify-content: center; align-items: flex-end; } a.p-event-fes2025-comment__title-link { font-weight: bold; color: #000000; font-size: 12px; text-decoration: underline; margin-left: 14px; } .p-event-fes2025-comment__list { width: 1000px; margin: 0 auto; } .p-event-fes2025-comment__item { padding-bottom: 15px; } .p-event-fes2025-comment__block { display: flex; align-items: center; } .p-event-fes2025-comment__balloon { margin-left: 25px; position: relative; background: #ffffff; border-radius: 10px; color: #333333; padding: 12px 20px; border-radius: 10px; background: #F4F4F4; width: 100%; } .p-event-fes2025-comment__balloon::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; height: 0; left: -16px; border: solid 0px white; border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-top-width: 8px; border-right-width: 16px; border-bottom-width: 8px; } @media screen and (max-width: 767px) { .p-event-fes2025-comment__title { display: block; } .p-event-fes2025-comment__title img { width: auto; height: 20px; } .p-event-fes2025-comment__title-img { margin-bottom: 8px; } a.p-event-fes2025-comment__title-link::before { content: "\f35a"; font-family: "Font Awesome 5 Free"; } .p-event-fes2025-comment__list { width: calc(100vw - 60px); margin: 0 auto; } .p-event-fes2025-comment__block { align-items: flex-start; font-size: 12px; } .p-event-fes2025-comment__photo { min-width: 56px; height: 56px; } .p-event-fes2025-comment__photo img { width: 100%; height: 100%; } .p-event-fes2025-comment__balloon { padding: 10px 13px; margin-left: 18px; } .p-event-fes2025-comment__balloon::before { top: 20px; margin: 0; left: -12px; border-top-width: 5px; border-right-width: 12px; border-bottom-width: 5px; } } .p-event-fes2025-goods { padding: 64px 0 48px; color: #333333; background: #FFE6CB; } .p-event-fes2025-goods__title { display: flex; justify-content: center; } .p-event-fes2025-goods__list-wrap { width: 1000px; margin: 0 auto; } .p-event-fes2025-goods__list { padding-top: 49px; display: flex; flex-wrap: wrap; } .p-event-fes2025-goods__item { width: 325px; margin-right: 12px; } .p-event-fes2025-goods__item:nth-last-of-type(1) { margin-right: 0; } .p-event-fes2025-goods__image img { display: block; } .p-event-fes2025-goods__detail { padding: 13px 7px 0 7px; } .p-event-fes2025-goods__name { font-size: 18px; font-weight: bold; } .p-event-fes2025-goods__price { display: flex; font-size: 12px; font-weight: bold; float: left; } .p-event-fes2025-goods__color, .p-event-fes2025-goods__size { clear: both; display: flex; font-size: 12px; font-weight: bold; } .p-event-fes2025-goods__color-title { white-space: nowrap; } .p-event-fes2025-goods__color-title::after, .p-event-fes2025-goods__size-title::after { content: "/"; margin: 0 5px; } .p-event-fes2025-goods__color-list, .p-event-fes2025-goods__size-list { display: flex; } .p-event-fes2025-goods__color-item.swiper-slide, .p-event-fes2025-goods__size-item.swiper-slide { width: auto; } .p-event-fes2025-goods__color-item.swiper-slide::after, .p-event-fes2025-goods__size-item.swiper-slide::after { content: "・"; } .p-event-fes2025-goods__color-item.swiper-slide:nth-last-of-type(1)::after, .p-event-fes2025-goods__size-item.swiper-slide:nth-last-of-type(1)::after { content: none; } .p-event-fes2025-goods__desc { clear: both; color: #333333; padding-top: 9px; line-height: 20px; font-size: 12px; } a.p-event-fes2025-goods__link { background: #F7931E; width: 343px; height: 49px; display: flex; align-items: center; justify-content: center; margin: 0 auto; color: #000; font-size: 16px; font-weight: bold; box-shadow: 3px 3px 0 #000000; border: solid 2px #000000; text-decoration: none; } a.p-event-fes2025-goods__link:hover { text-decoration: none; opacity: 0.7; } .p-event-fes2025-goods__pagination .swiper-pagination-bullet { border: 1px solid #0B0306 !important; background: #585154 !important; box-sizing: content-box !important; } .p-event-fes2025-goods__pagination .swiper-pagination-bullet-active { background: #F8931D !important; border: 1px solid #0b0306 !important; } @media screen and (max-width: 767px) { .p-event-fes2025-goods { width: 100%; padding: 32px 0; } .p-event-fes2025-goods__title { padding: 0 28px; } .p-event-fes2025-goods__title img { height: 55px; width: auto; } .p-event-fes2025-goods__list-wrap { width: 100%; box-sizing: border-box; padding-left: calc((100vw - 325px) / 2); padding-right: calc((100vw - 325px) / 2); } .p-event-fes2025-goods__list { width: 100%; padding-top: 27px; } .p-event-fes2025-goods__button { width: 223px; } .p-event-fes2025-goods__button { width: 300px; } a.p-event-fes2025-goods__link { width: 300px; height: 48px; font-size: 16px; line-height: 43px; } } @media screen and (max-width: 337px) { .p-event-fes2025-goods__list-wrap { padding-left: 24px; padding-right: 24px; } .p-event-fes2025-goods__item { width: calc(100vw - 48px); } .p-event-fes2025-goods__image { width: 100%; } .p-event-fes2025-goods__image img { width: 100%; height: auto; } .p-event-fes2025-goods__detail { padding: 13px 5px 0 5px; } .p-event-fes2025-goods__tax { font-size: 10px; } .p-event-fes2025-goods__price::after { margin: 0 2px 0 0; text-indent: -3px; } } /*------------coomingsoon-------------*/ .p-event-fes2025-goods__comming-soon-list { position: relative; width: 490px; min-height: 414px; margin: 0 auto; } .p-event-fes2025-goods__comming-soon { position: absolute; top: 36px; left: -245px; } .p-event-fes2025-goods__comming-soon-title { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .p-event-fes2025-goods__comming-soon-list { width: 100%; min-height: 354px; overflow: hidden; } .p-event-fes2025-goods__comming-soon { top: 12px; left: 14px; width: 100vw; } .p-event-fes2025-goods__comming-soon-title { max-width: 100%; top: 98px; left: -32px; padding: 0 12px; z-index: 2; box-sizing: border-box; } .p-event-fes2025-goods__comming-soon-title img { width: 100%; height: auto; } .p-event-fes2025-goods__comming-soon-image { z-index: 1; position: relative; left: -337px; } } /*------------end:coomingsoon-------------*/ .p-event-fes2025-staff { width: 100%; padding: 43px 0 30px 0; background: #FFE6CB; } .p-event-fes2025-staff__title { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 27px; } .p-event-fes2025-staff__list { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; } .p-event-fes2025-staff__item { text-align: center; } .p-event-fes2025-staff__item:not(:nth-last-of-type(1)):after { content: "/"; margin: 0 5px; } @media screen and (max-width: 767px) { .p-event-fes2025-staff { padding: 24px 0; } .p-event-fes2025-staff__list { width: calc(100vw - 12px); } } .p-event-fes2025-news { background: #FFE6CB; } .p-event-fes2025-news__title { padding: 52px 0 48px 0; text-align: center; word-break: break-all; position: relative; } .p-event-fes2025-news__list { width: 1000px; margin: 0 auto; padding-bottom: 19px; } .p-event-fes2025-news__item { background: #ffffff; margin-bottom: 10px; width: 100%; display: flex; justify-content: flex-end; flex-direction: row-reverse; } .p-event-fes2025-news__item-right { padding: 12px 17px; } .p-event-fes2025-news__img { width: 146px; height: 146px; min-width: 146px; background: #f9f9f9; } .p-event-fes2025-news__img img { width: 100%; height: auto; max-height: 100%; } .p-event-fes2025-news__cat { background: #F7931D; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 19px; display: inline-block; } .p-event-fes2025-news__date { color: #999999; font-size: 12px; } .p-event-fes2025-news__head { color: #000000; font-size: 18px; font-weight: bold; padding: 5px 0; width: 293px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-event-fes2025-news__content { font-size: 12px; line-height: 18px; } .p-event-fes2025-news__meta { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 767px) { .p-event-fes2025-news { width: 100%; } .p-event-fes2025-news__title { padding: 26px 0 22px 0; text-align: center; } .p-event-fes2025-news__title img { width: auto; height: 20px; } .p-event-fes2025-news__list { width: 100%; height: auto; overflow: visible; padding-bottom: 25px; } .p-event-fes2025-news__item { background: #ffffff; margin-bottom: 0; width: 100%; padding: 10px 7px; border: none; border-bottom: solid 1px #dcdcdc; position: relative; box-sizing: border-box; } .p-event-fes2025-news__item-right { padding: 0 10px; position: absolute; padding-left: 130px; padding-right: 8px; left: 0; width: 100%; box-sizing: border-box; } .p-event-fes2025-news__img { width: 115px; height: 115px; min-width: 115px; } .p-event-fes2025-news__img a { display: block; position: relative; z-index: 1; } .p-event-fes2025-news__date { color: #00adc6; } .p-event-fes2025-news__head { width: 100%; } } .p-event-fes2025-sponsor { background: #fff; padding: 52px 0; } .p-event-fes2025-sponsor__title { text-align: center; word-break: break-all; position: relative; margin-bottom: 40px; } .p-event-fes2025-sponsor__list { width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .p-event-fes2025-sponsor__item { padding: 20px; display: flex; align-items: center; gap: 20px; border: 2px solid #DDD; margin-bottom: 24px; width: 1000px; } .p-event-fes2025-sponsor__item-chacott { border-color: #FEB945; } .p-event-fes2025-sponsor__item-half { border-color: #F0E5E1; width: 444px; margin-bottom: 0; } .p-event-fes2025-sponsor__img { width: 147px; height: 120px; } .p-event-fes2025-sponsor__name-wrapper { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .p-event-fes2025-sponsor__name { font-size: 20px; line-height: 1; } .p-event-fes2025-sponsor__tag { background: #F3A164; color: #fff; font-size: 15px; line-height: 1; padding: 5px 10px; } .p-event-fes2025-sponsor__desc { font-size: 14px; line-height: 22.5px; } .p-event-fes2025-sponsor__link { color: #317BC1; text-decoration: underline; margin-top: 20px; display: inline-block; } @media screen and (max-width: 767px) { .p-event-fes2025-sponsor { width: 100%; } .p-event-fes2025-sponsor__title img { width: auto; height: 20px; } .p-event-fes2025-sponsor__list { width: calc(100% - 30px); margin: 0 15px; } .p-event-fes2025-sponsor__item { align-items: flex-start; } .p-event-fes2025-sponsor__img { width: 100px; height: 82px; } .p-event-fes2025-sponsor__name-wrapper { display: block; } .p-event-fes2025-sponsor__name { font-size: 16px; line-height: 1.5; } .p-event-fes2025-sponsor__tag { display: inline-block; margin-top: 10px; font-size: 13px; line-height: 1; } .p-event-fes2025-sponsor__item-half { align-items: center; margin-bottom: 20px; width: 100%; } } .p-event-fes2025-banner { padding-top: 28px; padding-bottom: 38px; } .p-event-fes2025-banner__title { text-align: center; padding-bottom: 21px; } .p-event-fes2025-banner__list-wrap { margin: 0 auto; max-width: 1000px; overflow: hidden; padding: 0 50px; position: relative; } .p-event-fes2025-banner__list { display: flex; /*justify-content: space-between;*/ } .p-event-fes2025-banner__item { background: #ffffff; width: 325px; margin-right: 13px; } .p-event-fes2025-banner__item:nth-last-of-type(1) { margin-right: 0; } .p-event-fes2025-banner__item img { display: block; } .p-event-fes2025-banner__item a { position: relative; z-index: 3; } .p-event-fes2025-banner__button, .p-event-fes2025-banner__button--next, .p-event-fes2025-banner__button--prev { background: none; outline: none; cursor: pointer; } .p-event-fes2025-banner__button::before, .p-event-fes2025-banner__button--next::before, .p-event-fes2025-banner__button--prev::before { content: none; } .p-event-fes2025-banner__button::after, .p-event-fes2025-banner__button--next::after, .p-event-fes2025-banner__button--prev::after { width: 20px; height: 20px; } .p-event-fes2025-banner__button--next::after { right: 25px; } @media screen and (max-width: 767px) { .p-event-fes2025-banner__title { text-align: center; padding-bottom: 24px; } .p-event-fes2025-banner__title img { width: auto; height: 20px; } .p-event-fes2025-banner__list-wrap { max-width: 100%; padding: 0; padding-right: 5px; box-sizing: border-box; } .p-event-fes2025-banner__list-inner { width: 100%; box-sizing: border-box; } .p-event-fes2025-banner__list { width: 100%; padding-left: 5px; } .p-event-fes2025-banner__item { background: none; margin: 0; } .p-event-fes2025-banner__item:nth-last-of-type(1) { margin-right: 0; } .p-event-fes2025-banner__item img { width: 100%; height: auto; } .p-event-fes2025-banner__button, .p-event-fes2025-banner__button--prev, .p-event-fes2025-banner__button--next { display: none; } } .p-event-gap2021-notice { width: 1000px; margin: 0 auto; padding: 47px 0 17px 0; } .p-event-gap2021-notice__title { width: 301px; height: 62px; justify-content: space-between; display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px auto; } .p-event-gap2021-notice__paragraph { text-align: center; color: #ffffff; line-height: 24px; padding-bottom: 24px; } @media screen and (max-width: 767px) { .p-event-gap2021-notice { width: 100%; padding: 23px 0 12px 0; } .p-event-gap2021-notice__title { height: 44px; margin-bottom: 18px; padding-left: 6px; } .p-event-gap2021-notice__img-gap2021 { width: 249px; height: auto; } .p-event-gap2021-notice__img-notice { width: 231px; height: auto; } .p-event-gap2021-notice__paragraph { font-size: 12px; padding-bottom: 17px; line-height: 22px; } }