@charset "UTF-8";
@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}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{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-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.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);-webkit-backface-visibility:hidden;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{transform-style:preserve-3d}.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-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-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{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 svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.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: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-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;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{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;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%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .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{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;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-prev{pointer-events:auto;visibility:visible}.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-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
 @use "sass:math"; html {
overflow-y: scroll; }
body {
line-height: 1;
color: #000; } html, body, div, span, object, iframe, header, footer,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
em {
font-weight: bold;
font-style: normal; }
strong {
font-weight: normal; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
ul {
list-style: none; }
ul,
ol,
dl {
letter-spacing: -.4em; }
ul li,
ol li,
dl dt,
dl dd {
letter-spacing: normal; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
outline: none; }
ins {
background-color: #ff9;
color: #000;
text-decoration: none; }
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold; }
del {
text-decoration: line-through; }
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help; }
table {
border-collapse: collapse;
border-spacing: 0; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #fff; }
input, select {
vertical-align: middle; } body {
font: 16px/1.75 'メイリオ',Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック',YuGothic,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
*font-size: small;
*font: x-small; } * html body {
font-size: 100%; } *:first-child + html body {
font-size: 100%; }
button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none; } .fade, img.fade, picture.fade {
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)"; }
.inline_block {
display: inline-block;
*display: inline;
*zoom: 1; }
.table_cell {
display: table-cell;
*display: inline;
*zoom: 1;
vertical-align: middle; }
.fr,
.imgR {
float: right;
margin-left: 10px; }
.fl,
.imgL {
float: left;
margin-right: 10px; }
.imgC,
.tC,
.btn {
text-align: center; }
.imgC {
display: block;
margin-left: auto;
margin-right: auto; }
.tR,
.sign {
text-align: right; }
.tL {
text-align: left; }
.box_size {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
.ts_none {
-webkit-text-shadow: none !important;
-moz-text-shadow: none !important;
-ms-text-shadow: none !important;
-o-text-shadow: none !important;
text-shadow: none !important; }
.bs_none {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important; }
.att {
color: #F00; }
.att a {
color: #F00; }
.mb00 {
margin-bottom: 0 !important; }
.size_l {
font-size: 113%; }
ul.disc li {
list-style: disc;
margin: 0 1.4em; }
ul.decimal li {
list-style: decimal;
margin: 0 1.4em; } .clearfix, ul.disc {
position: relative;
*zoom: 1; }
.clearfix:after, ul.disc:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden; } .anim-slide-text {
transform: translateX(-100%);
opacity: 0; }
.anim-slide-text.animated {
animation-name: slideText;
animation-duration: 0.8s;
animation-fill-mode: forwards; }
.anim-slide-image {
position: relative; }
.anim-slide-image:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #ffffff;
transform-origin: right;
transform: scaleX(1); }
.anim-slide-image.animated:before {
animation-name: slideImage;
animation-delay: .5s;
animation-duration: 1.5s;
animation-fill-mode: forwards; }
.anim-slide-block {
position: relative; }
.anim-slide-block:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #ffffff;
transform-origin: left;
transform: scaleX(0);
left: 0;
top: 0; }
.anim-slide-block > * {
opacity: 0; }
.anim-slide-block.animated:before {
animation-name: slideBlock;
animation-delay: .3s;
animation-duration: 1.5s;
animation-fill-mode: forwards; }
.anim-slide-block.animated > * {
animation-name: fadeIn;
animation-delay: .6s;
animation-duration: 1.5s;
animation-fill-mode: forwards; }
.anim-fade-in {
transform: translateY(10px);
opacity: 0; }
.anim-fade-in.animated {
animation-name: fadeInUp;
animation-duration: 0.8s;
animation-fill-mode: forwards; }
.anim-scale-down {
overflow: hidden; }
.anim-scale-down > * {
transform: scale(1.1, 1.1);
display: block; }
.anim-scale-down.animated > * {
animation-name: scaleDown;
animation-duration: 1s;
animation-fill-mode: forwards; }
@keyframes slideText {
from {
transform: translateX(-100%);
opacity: 0; }
to {
transform: translateX(0);
opacity: 1; } }
@keyframes slideImage {
0% {
transform-origin: right;
transform: scaleX(1); }
50% {
transform-origin: right; }
100% {
transform-origin: right;
transform: scaleX(0); } }
@keyframes slideBlock {
0% {
transform: scaleX(0); }
100% {
transform: scaleX(1); } }
@keyframes fadeInUp {
from {
transform: translateY(10px);
opacity: 0; }
to {
transform: translateY(0);
opacity: 1; } }
@keyframes scaleDown {
from {
transform: scale(1.1, 1.1); }
to {
transform: scale(1, 1); } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes modalopen {
from {
opacity: 0; }
to {
opacity: 1; } }
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5); }
.modal__content {
border: 1px solid #C2D1D7;
background: #f4f4f4;
margin: 20% auto;
width: 890px;
max-width: calc( 100% - 40px );
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
animation-name: modalopen;
animation-duration: 1s;
position: relative; }
.modal__content__buttons {
text-align: right;
padding: 20px; }
.modal__button__close {
position: absolute;
right: -20px;
top: -20px;
width: 40px;
height: 40px;
cursor: pointer;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_modal_close.svg) no-repeat center center;
background-size: contain; }
:root {
--swiper-pagination-bullet-horizontal-gap: 15px; }
@media screen and (min-width: 768px) {
:root {
--swiper-pagination-bullet-horizontal-gap: 20px; } }
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
font-size: 16px; } body {
color: #131313;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-weight: 400;
font-optical-sizing: auto;
font-style: normal;
position: relative;
background: #FFFFFF;
line-height: 1.75; }
@media screen and (min-width: 768px) {
body {
background-color: #F0F0E4; } }
body:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100px;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/bg_sp.png?v=32) repeat-x center top;
background-size: auto 100%; }
@media screen and (min-width: 768px) {
body:before {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/bg.png?v=32);
height: 220px;
position: fixed; } }
* html body, * html input, * html textarea {
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; }
* {
box-sizing: border-box; }
a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-decoration: none;
cursor: pointer;
transition: all .4s ease;
color: #131313; }
a:hover, a:focus, a:active {
opacity: .7; }
img, picture {
width: auto;
max-width: 100%;
height: auto;
display: block;
margin: 0 auto; }
@media screen and (max-width: 767px) {
.pc {
display: none !important; } }
@media screen and (min-width: 768px) {
.sp {
display: none !important; } }
.container {
position: relative;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
width: 1220px;
max-width: 100%; }
@media screen and (min-width: 768px) {
.container {
padding-left: 50px;
padding-right: 50px; } }
.section {
position: relative;
padding-top: 40px;
padding-bottom: 40px; }
@media screen and (min-width: 768px) {
.section {
padding-top: 80px;
padding-bottom: 80px; } }
.section h1, .section h2, .section h3, .section h4 {
line-height: 1.4;
font-weight: 700; }
.section h1 {
font-size: calc(24 / 16 * 1rem);
line-height: 1.4; }
@media screen and (min-width: 768px) {
.section h1 {
font-size: calc(36 / 16 * 1rem);
line-height: 1.4; } }
.section h2 {
font-size: calc(24 / 16 * 1rem);
line-height: 1.4; }
@media screen and (min-width: 768px) {
.section h2 {
font-size: calc(36 / 16 * 1rem);
line-height: 1.4; } }
.section h3 {
font-size: calc(20 / 16 * 1rem);
line-height: 1.4;
margin-bottom: 1em; }
@media screen and (min-width: 768px) {
.section h3 {
font-size: calc(28 / 16 * 1rem);
line-height: 1.4; } }
.section h4 {
font-size: calc(20 / 16 * 1rem);
line-height: 1.4;
margin-bottom: 1em; }
@media screen and (min-width: 768px) {
.section h4 {
font-size: calc(24 / 16 * 1rem);
line-height: 1.4; } }
.section__title {
margin-bottom: 20px; }
@media screen and (min-width: 768px) {
.section__title {
margin-bottom: 40px; } }
.section__lead {
font-size: calc(18 / 16 * 1rem);
text-align: center; }
@media screen and (min-width: 768px) {
.section__lead {
font-size: calc(18 / 16 * 1rem); } }
.section__bottom {
margin-top: 40px;
text-align: center; }
.button {
display: inline-block;
position: relative;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/btn_bg_01.png) no-repeat center center;
background-size: cover;
border-radius: 2em;
width: 280px;
padding: .5em 0;
text-align: center;
font-weight: bold;
color: #131313 !important;
font-size: calc(18 / 16 * 1rem); }
@media screen and (min-width: 768px) {
.button {
font-size: calc(18 / 16 * 1rem); } }
@media screen and (min-width: 768px) {
.button {
width: 320px; } }
.button span {
display: inline-block;
position: relative; }
.button:before {
content: "";
display: block;
position: absolute;
background: #FFFFFF;
width: calc( 100% - 10px );
height: calc(100% - 10px);
left: 5px;
top: 5px;
border-radius: 2em; }
.button span, .button:before {
transition: all .4s ease; }
.button:hover {
opacity: 1;
transform: translateX(2px); }
.button:hover span, .button:hover:before {
transform: translateX(3px); }
.button__film_details {
display: inline-block;
color: #FFFFFF !important;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/bg_black.png) repeat center center;
border-radius: 2em;
padding: .3em;
width: 160px;
text-align: center;
font-weight: 700;
text-decoration: none !important; }
.button__ticket {
display: inline-block;
background: #D60C2A;
width: 320px;
max-width: 100%;
text-align: center;
position: relative;
color: #FFFFFF;
padding: 8px 10px 8px 60px;
font-weight: 700;
border-radius: 2em;
position: relative; }
.button__ticket .text__title_en {
font-size: calc(30 / 16 * 1rem);
line-height: 1.4;
line-height: 42px !important;
width: 50px;
text-align: center;
position: absolute;
left: 0;
top: 0;
height: 100%;
border-right: 2px dashed #E3E3E3;
overflow: hidden; }
@media screen and (min-width: 768px) {
.button__ticket .text__title_en {
font-size: calc(30 / 16 * 1rem);
line-height: 1.4; } }
.button__ticket.--sold_out:after {
content: "SOLD OUT";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: calc(100% - 10px);
background: rgba(0, 0, 0, 0.5);
text-align: center;
border-radius: 2em;
padding-top: 10px;
letter-spacing: .1em;
font-family: "Archivo", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
font-variation-settings: "wdth" 100; }
.link {
display: inline-block;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_link.svg) no-repeat center left;
background-size: 24px auto;
padding-left: 30px; }
.text__en {
font-family: "Archivo", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
font-variation-settings: "wdth" 100; }
.text__title_en {
font-family: "Oswald", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
letter-spacing: .1em;
font-style: normal;
text-transform: uppercase; }
.text__center {
text-align: center; }
.text__lead {
font-weight: 700;
font-size: calc(18 / 16 * 1rem); }
@media screen and (min-width: 768px) {
.text__lead {
font-size: calc(20 / 16 * 1rem); } }
.text__mention {
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
.text__mention {
font-size: calc(14 / 16 * 1rem); } }
.bg__film__block__schedule {
background-color: #0062B1; }
#contents {
overflow: hidden; }
.menu__sns {
display: flex;
gap: 1em; }
.menu__sns .menu-item a {
display: block;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -1000px;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_sns_facebook.png) no-repeat center center;
background-size: contain; }
@media screen and (min-width: 768px) {
.menu__sns .menu-item a {
width: 24px;
height: 24px; } }
.menu__sns .x a {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_sns_x.png); }
.menu__sns .instagram a {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_sns_instagram.png); }
.menu__sns .youtube a {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_sns_youtube.png); }
@media screen and (min-width: 768px) {
#page-header .section {
padding-top: 26px;
padding-bottom: 26px; } }
#page-header .section .container {
padding-left: 228px;
padding-right: 120px; }
#page-header .container {
display: flex;
justify-content: space-between;
align-items: center;
width: auto;
gap: 10px; }
#page-header .header__ticket {
position: fixed;
left: 0;
top: 16px;
z-index: 80;
width: 170px; }
#page-header .header__sns {
flex-grow: 1;
display: none; }
@media screen and (min-width: 768px) {
#page-header .header__sns {
display: block; } }
#page-header .header__sns__container {
display: inline-block; }
#page-header .header__sns__container .menu {
background: #FFFFFF;
border-radius: 2em;
padding: .3em 1.5em; }
@media screen and (min-width: 768px) {
#page-header .header__sns__container .menu {
padding: 8px 30px;
column-gap: 20px; } }
#page-header .header__language {
display: none; }
@media screen and (min-width: 768px) {
#page-header .header__language {
display: block; } }
#page-header .header__language a {
display: inline-block;
color: #FFFFFF;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/bg_black.png) repeat center center;
border-radius: 2em;
padding: .3em 1.5em;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal; }
#page-header .header__language .current-lang {
display: none; }
#page-header .header__menu__button {
position: fixed;
right: 10px;
top: 20px;
z-index: 80; }
#page-header .header__menu__container {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/bg.png?v=32) repeat-x center top #000000;
background-size: auto 100px;
position: fixed;
top: 0;
width: 375px;
height: 100vh;
color: #FFFFFF;
padding: 30px 0 80px;
right: -375px;
transition: all .4s ease;
z-index: 90; }
#page-header .header__menu__container.open {
right: 0; }
#page-header .header__menu__container a {
color: #ffffff; }
#page-header .header__menu__container .header__main__container li {
margin-bottom: 20px; }
#page-header .header__menu__container .header__sns__container {
margin-top: 40px;
padding-left: 80px;
padding-right: 80px; }
#page-header .header__menu__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
padding-left: 10px;
padding-right: 10px; }
#page-header .header__menu__header .header__language {
display: block; }
#page-header .header__menu__body {
padding-bottom: 40px;
max-height: calc( 100vh - 124px );
overflow-y: auto;
overflow-x: hidden; }
#page-header .header__menu__body .menu__main {
border-bottom: 1px solid #FFFFFF; }
#page-header .header__menu__body .menu__main li {
border-top: 1px solid #FFFFFF;
margin: 0;
padding: 0.8em 0 0.8em 40px; }
#page-header .header__menu__body .menu__main li.menu-item-has-children {
padding-bottom: 0; }
#page-header .header__menu__body .menu__main .sub-menu {
margin-top: .8em; }
#page-header .header__menu__body .menu__main .sub-menu li {
padding-left: 20px; }
#page-header .header__menu__body .menu__sns {
padding: .8em 2em; }
#page-footer {
position: relative;
background: #F0F0E4; }
#page-footer .section {
padding-top: 40px;
padding-bottom: 20px; }
@media screen and (min-width: 768px) {
#page-footer .section {
padding-top: 40px;
padding-bottom: 20px; } }
@media screen and (min-width: 768px) {
#page-footer .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
column-gap: 40px;
row-gap: 20px; } }
#page-footer .footer__company {
margin-bottom: 20px; }
#page-footer .footer__company .menu__sns {
justify-content: center;
margin: 20px auto;
column-gap: 3em; }
@media screen and (min-width: 768px) {
#page-footer .footer__company {
width: calc( 300 / 1118 * 100% ); }
#page-footer .footer__company .menu__sns {
justify-content: flex-start; } }
#page-footer .footer__menu {
display: none; }
#page-footer .footer__menu .menu__foot a {
font-size: calc(14 / 16 * 1rem);
font-weight: 700;
line-height: 1.4;
display: inline-block; }
@media screen and (min-width: 768px) {
#page-footer .footer__menu .menu__foot a {
font-size: calc(14 / 16 * 1rem); } }
#page-footer .footer__menu .sub-menu {
border-top: 1px solid #000;
margin: 10px 0 0 15px; }
@media screen and (min-width: 768px) {
#page-footer .footer__menu {
display: block;
width: calc( 736 / 1118 * 100% ); }
#page-footer .footer__menu .menu__foot {
display: flex;
column-gap: 32px;
flex-wrap: wrap; }
#page-footer .footer__menu .menu__foot > li {
border-top: 1px solid #000000;
padding: 1em 0;
width: calc( (100% - 32px * 3) / 4 ); } }
#page-footer .footer__links {
text-align: center;
margin-bottom: 20px; }
#page-footer .footer__links a {
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-footer .footer__links a {
font-size: calc(14 / 16 * 1rem); } }
#page-footer .footer__copyright {
text-align: center;
font-size: calc(10 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-footer .footer__copyright {
font-size: calc(10 / 16 * 1rem); } }
#to_top {
position: fixed;
right: 0;
top: calc(100vh - 86px);
z-index: 80;
transition: all .4s ease; }
#to_top:hover {
transform: translateY(-3px); }
.swiper-pagination-bullet {
transition: all .4s ease; }
.swiper-pagination-bullet:hover {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
.swiper-button-prev {
transition: all .4s ease; }
.swiper-button-prev:hover {
transform: translateX(-3px); }
.swiper-button-next {
transition: all .4s ease; }
.swiper-button-next:hover {
transform: translateX(3px); }
@media screen and (min-width: 768px) {
#page-main {
padding-bottom: 80px; } }
#page-main .post-password-form input {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
#page-main .post-password-form input[type="submit"], #page-main .post-password-form input[type="button"], #page-main .post-password-form input[type="reset"] {
display: inline-block;
color: #FFFFFF;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/bg_black.png) repeat center center;
border-radius: 2em;
padding: .5em 2em;
border: none;
outline: none;
font-weight: 700;
letter-spacing: .1em; }
#page-main .post-password-form input[type="text"], #page-main .post-password-form input[type="password"], #page-main .post-password-form input[type="email"], #page-main .post-password-form input[type="tel"] {
border: 1px solid #dddddd;
border-radius: 4px;
background: #ffffff;
padding: .3em .8em;
margin-right: .5em;
width: 130px;
font-size: calc(16 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .post-password-form input[type="text"], #page-main .post-password-form input[type="password"], #page-main .post-password-form input[type="email"], #page-main .post-password-form input[type="tel"] {
font-size: calc(16 / 16 * 1rem); } }
#page-main .post-password-form input[type="text"]:focus, #page-main .post-password-form input[type="text"]:active, #page-main .post-password-form input[type="password"]:focus, #page-main .post-password-form input[type="password"]:active, #page-main .post-password-form input[type="email"]:focus, #page-main .post-password-form input[type="email"]:active, #page-main .post-password-form input[type="tel"]:focus, #page-main .post-password-form input[type="tel"]:active {
background-color: #eeeeee; }
#page-main .pagination__block {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 40px;
line-height: 1.4; }
#page-main .text__date--3days {
width: auto;
height: 66px;
display: inline-block;
margin: 0; }
#page-main .text__date {
width: auto;
height: 66px;
display: inline-block;
margin: 0; }
@media screen and (min-width: 768px) {
#page-main .text__date {
height: 100px; } }
#page-main .link__external {
display: inline-block;
font-weight: 700;
font-size: .8rem;
position: relative;
padding-right: 2.2em; }
#page-main .link__external:before {
content: "";
display: inline-block;
position: absolute;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_external.svg) no-repeat center right;
background-size: contain;
width: 2em;
height: 2em;
right: 0;
bottom: 0; }
#page-main .link__profile {
display: inline-block;
font-weight: 700;
font-size: .8rem;
position: relative; }
#page-main .link__profile:before {
content: "";
display: inline-block;
position: absolute;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_popup.svg) no-repeat center right;
background-size: contain;
width: 2em;
height: 2em;
right: -1.5em;
top: -1.5em; }
#page-main .link__map {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/bg_black.png) no-repeat center center;
background-size: cover;
position: relative;
padding: .3em .8em;
display: inline-block;
color: #FFFFFF !important;
text-decoration: none; }
#page-main .link__map:after {
content: "";
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_map_button.svg) no-repeat center center;
background-size: contain;
margin-left: .5em; }
#page-main .link__map__text {
position: relative;
display: inline-block;
text-decoration: none;
color: #131313 !important; }
#page-main .link__map__text:after {
content: "";
display: inline-block;
width: 1.2em;
height: 1.2em;
margin-left: .2em;
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23FF0000"/></svg>'); }
#page-main .image__partner {
display: inline-block;
margin: 0;
width: 120px; }
#page-main .video__wrapper {
position: relative;
width: 800px;
max-width: 100%;
margin: 0 auto;
padding-top: calc( 9 / 16 * 100% ); }
#page-main .video__wrapper iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
#page-main .entry__title {
margin-bottom: 20px; }
#page-main .entry__title__date {
font-weight: 700;
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
#page-main .entry__title {
margin-bottom: 40px; } }
#page-main .entry__contents {
font-size: calc(18 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .entry__contents {
font-size: calc(18 / 16 * 1rem); } }
#page-main .entry__contents p {
word-break: break-all;
margin-bottom: 1em; }
#page-main .entry__contents p + p {
margin-top: 1em; }
#page-main .entry__contents ul, #page-main .entry__contents ol {
padding-left: 1.5em; }
#page-main .entry__contents ul li + li, #page-main .entry__contents ol li + li {
margin-top: .8em; }
#page-main .entry__contents ul li {
list-style-type: disc; }
#page-main .entry__contents ul.mention {
padding-left: 0; }
#page-main .entry__contents ul.mention li {
list-style-type: none; }
#page-main .entry__contents table {
border-collapse: collapse;
width: 100%; }
#page-main .entry__contents table th, #page-main .entry__contents table td {
border: 1px solid #eeeeee;
padding: .3em .5em;
text-align: left;
vertical-align: top; }
#page-main .entry__contents table th {
background: #f9f9f9;
white-space: nowrap; }
@media screen and (min-width: 768px) {
#page-main .entry__contents table th, #page-main .entry__contents table td {
padding: .5em 1em; } }
#page-main .entry__contents .text__lead {
font-size: calc(16 / 16 * 1rem);
margin-bottom: 20px; }
@media screen and (min-width: 768px) {
#page-main .entry__contents .text__lead {
font-size: calc(20 / 16 * 1rem); } }
#page-main .entry__contents .contents__block {
margin-bottom: 40px; }
#page-main .entry__contents .contents__block + .contents__block {
margin-top: 40px; }
#page-main .entry__contents .contents__title {
margin-bottom: 20px; }
#page-main .entry__contents .contents__title h2, #page-main .entry__contents .contents__title h3 {
font-size: calc(30 / 16 * 1rem);
line-height: 1.4;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 768px) {
#page-main .entry__contents .contents__title h2, #page-main .entry__contents .contents__title h3 {
font-size: calc(38 / 16 * 1rem);
line-height: 1.4; } }
#page-main .entry__contents .contents__lead {
font-size: calc(18 / 16 * 1rem);
font-weight: 700;
line-height: 1.6;
margin-bottom: 20px; }
@media screen and (min-width: 768px) {
#page-main .entry__contents .contents__lead {
font-size: calc(28 / 16 * 1rem); } }
#page-main .entry__contents .contents__row {
display: flex;
column-gap: 40px; }
#page-main .entry__contents .contents__row > * {
flex: 1; }
#page-main .entry__contents .contents__row > .contents__block + .contents__block {
margin-top: 0; }
@media screen and (min-width: 768px) {
#page-main .entry__contents .festival__list {
display: flex;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 20px; }
#page-main .entry__contents .festival__list .festival__block {
width: calc( (100% - 20px) / 2 ); } }
#page-main .entry__contents .festival__block > a {
display: flex;
background: #F2F7FB;
align-items: center; }
#page-main .entry__contents .festival__block__image {
width: 40%; }
#page-main .entry__contents .festival__block__contents {
width: 60%;
padding: 4px 10px; }
#page-main .entry__contents .festival__block__link {
text-align: right;
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .entry__contents .festival__block__link {
font-size: calc(14 / 16 * 1rem); } }
#page-main .news__block {
font-weight: bold;
border-top: 1px solid #000000;
padding: 1em 0; }
#page-main .news__block__date {
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .news__block__date {
font-size: calc(14 / 16 * 1rem); } }
#page-main .news__block:first-of-type {
border-top: none;
padding-top: 0; }
@media screen and (min-width: 768px) {
#page-main .news__block {
display: flex;
column-gap: 40px;
align-items: flex-start; }
#page-main .news__block__date {
width: 124px;
flex-shrink: 0; } }
#page-main .event__list {
display: flex;
flex-wrap: wrap;
gap: 20px; }
#page-main .event__block {
width: calc( (100% - 20px) / 2 );
font-weight: 700;
line-height: 1.4;
text-align: center; }
#page-main .event__block__contents {
margin-top: 4px; }
#page-main .event__block__catchphrase {
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .event__block__catchphrase {
font-size: calc(14 / 16 * 1rem); } }
#page-main .event__block__title {
font-size: calc(16 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .event__block__title {
font-size: calc(18 / 16 * 1rem); } }
#page-main .event__block__image {
overflow: hidden;
border-radius: 50% 50% 0 0;
height: 0;
padding-top: 100%;
position: relative; }
#page-main .event__block__image img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
@media screen and (min-width: 768px) {
#page-main .event__block {
width: calc( (100% - 20px * 3) / 4 ); } }
#page-main .event__contents__title {
font-size: calc(16 / 16 * 1rem);
font-weight: 700;
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
#page-main .event__contents__title {
font-size: calc(20 / 16 * 1rem); } }
#page-main .film__list {
display: flex;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 40px;
justify-content: center; }
@media screen and (min-width: 768px) {
#page-main .film__list .film__block {
width: calc((100% - 20px * 3) / 4); } }
@media screen and (min-width: 768px) {
#page-main .film__list--2col .film__block {
width: calc((100% - 20px * 1) / 2); } }
#page-main .film__title__sub {
display: inline-block; }
#page-main .film__block {
line-height: 1.4; }
#page-main .film__block__title {
padding: 5px 10px;
color: #FFFFFF;
font-size: calc(16 / 16 * 1rem);
font-weight: 700; }
@media screen and (min-width: 768px) {
#page-main .film__block__title {
font-size: calc(18 / 16 * 1rem); } }
#page-main .film__block__title .text__title_en {
margin-right: 4px; }
#page-main .film__block__image {
margin-bottom: 10px; }
#page-main .film__block__lead {
border-bottom: 1px solid #000;
padding-bottom: 10px;
margin-bottom: 10px;
color: #454545; }
#page-main .film__block__trailer {
margin-bottom: 20px; }
#page-main .film__block__details {
display: flex;
border-bottom: 1px solid #000;
margin-bottom: 10px;
padding-bottom: 10px; }
#page-main .film__block__details__title {
width: 40px;
flex-shrink: 0;
font-size: calc(12 / 16 * 1rem);
font-weight: 700; }
@media screen and (min-width: 768px) {
#page-main .film__block__details__title {
font-size: calc(14 / 16 * 1rem); } }
#page-main .film__block__copyrights {
font-size: calc(10 / 16 * 1rem);
margin-bottom: 20px; }
@media screen and (min-width: 768px) {
#page-main .film__block__copyrights {
font-size: calc(12 / 16 * 1rem); } }
#page-main .film__block__link {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 10px;
row-gap: 5px; }
#page-main .film__block__link a {
width: 120px; }
#page-main .film__block[data-slug="magic-candies"] .film__title__sub {
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .film__block[data-slug="magic-candies"] .film__title__sub {
font-size: calc(14 / 16 * 1rem); } }
#page-main .film__block.--horizontal {
width: 100%; }
#page-main .film__block.--horizontal .film__block__title {
margin-bottom: 10px; }
#page-main .film__block.--horizontal .film__block__link {
text-align: right; }
@media screen and (min-width: 768px) {
#page-main .film__block.--horizontal {
display: flex;
column-gap: 20px; }
#page-main .film__block.--horizontal .film__block__image {
width: calc( (100% - 20px * 2) / 3 );
flex-shrink: 0; }
#page-main .film__block.--horizontal .film__block__body {
flex-grow: 1; } }
#page-main .banner__list {
display: flex;
column-gap: 20px;
row-gap: 20px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center; }
#page-main .banner__block {
width: calc( (100% - 20px) / 2); }
#page-main .banner__block img {
width: 100%; }
@media screen and (min-width: 768px) {
#page-main .banner__block {
width: calc( (100% - 20px * 3) / 4); } }
#page-main .schedule__header {
display: flex;
justify-content: space-between;
align-items: flex-start;
column-gap: 20px; }
#page-main .schedule__nav__block {
margin-bottom: 20px;
display: flex;
gap: 10px; }
#page-main .schedule__nav__block + .schedule__nav__block {
margin-top: 10px; }
#page-main .schedule__nav__block__title {
font-weight: 700;
font-size: calc(12 / 16 * 1rem);
margin-bottom: 6.6666666667px;
flex-shrink: 0;
width: 60px; }
@media screen and (min-width: 768px) {
#page-main .schedule__nav__block__title {
font-size: calc(14 / 16 * 1rem); } }
@media screen and (max-width: 767px) {
#page-main .schedule__nav__block .schedule__nav__item {
width: 120px; } }
#page-main .schedule__nav__block:nth-child(2) {
display: block; }
#page-main .schedule__nav__block:nth-child(2) .schedule__nav__item {
padding: 10px; }
#page-main .schedule__nav__block:nth-child(2) .schedule__nav__item img {
height: auto;
max-height: 32px; }
#page-main .schedule__nav__block:nth-child(2) .schedule__nav__venue {
align-items: stretch; }
#page-main .schedule__nav__block:nth-child(2) .schedule__nav__item {
display: flex;
align-items: center;
min-height: 54px; }
@media screen and (min-width: 768px) {
#page-main .schedule__nav__block__title {
display: none; }
#page-main .schedule__nav__block:nth-child(2) {
display: none; } }
#page-main .schedule__nav__date, #page-main .schedule__nav__venue {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
column-gap: 10px;
row-gap: 10px; }
#page-main .schedule__nav__venue .schedule__nav__item {
width: 160px; }
#page-main .schedule__nav__item {
border-radius: 10px;
border: 1px solid #D9D9D9;
background: #FFF;
box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.2);
width: 80px;
cursor: pointer;
padding: 10px 2px;
display: block; }
#page-main .schedule__nav__item img {
height: 22px; }
@media screen and (min-width: 768px) {
#page-main .schedule__nav__item {
width: 110px;
padding-left: 10px;
padding-right: 10px; }
#page-main .schedule__nav__item img {
height: 36px; } }
#page-main .schedule__list {
position: relative; }
#page-main .schedule__block {
display: none;
position: absolute;
top: calc( 62.65 / 740.8 * 100% );
right: 0;
width: calc( 928.35 / 971 * 100% );
height: calc( 678.15 / 740.8 * 100% ); }
#page-main .schedule__block__title {
flex-shrink: 0;
margin-bottom: 40px; }
#page-main .schedule__block__title img {
width: 120px;
display: none; }
@media screen and (max-width: 767px) {
#page-main .schedule__block__title img {
width: 80px; } }
#page-main .schedule__block__title img.active {
display: block; }
#page-main .schedule__block.active {
display: block; }
#page-main .schedule__block a {
background: #FFFFFF; }
#page-main .schedule__block a img {
transition: all .4s ease; }
#page-main .schedule__block a:hover {
opacity: 1; }
#page-main .schedule__block a:hover img {
opacity: .7; }
#page-main .schedule__block__contents {
position: absolute;
top: 0;
width: calc( 242 / 928.35 * 100% );
height: 100%; }
#page-main .schedule__block__contents.--venue_02 {
left: calc( 244 / 928.35 * 100% ); }
#page-main .schedule__block__contents.--venue_03 {
left: calc( 487 / 928.35 * 100% ); }
#page-main .schedule__block__contents.--venue_04, #page-main .schedule__block__contents.--venue_05 {
width: calc( 199 / 928.35 * 100% );
left: calc( 728 / 928.35 * 100% ); }
#page-main .schedule__block__contents > * {
display: block;
position: absolute;
left: calc( 5 / 245 * 100% );
top: 0;
width: calc( 235 / 245 * 100% ); }
#page-main .schedule__block.--date_1101 .--venue_01 > *:nth-child(1) {
top: calc( 30 / 660 * 100% ); }
#page-main .schedule__block.--date_1101 .--venue_01 > *:nth-child(2) {
top: calc( 115 / 660 * 100% ); }
#page-main .schedule__block.--date_1101 .--venue_01 > *:nth-child(3) {
top: calc( 225 / 660 * 100% ); }
#page-main .schedule__block.--date_1101 .--venue_01 > *:nth-child(4) {
top: calc( 340 / 660 * 100% ); }
#page-main .schedule__block.--date_1101 .--venue_01 > *:nth-child(5) {
top: calc( 490 / 660 * 100% ); }
#page-main .schedule__block.--date_1101 .--venue_02 > *:nth-child(1) {
top: calc( 30 / 660 * 100% ); }
#page-main .schedule__block.--date_1101 .--venue_02 > *:nth-child(2) {
top: calc( 130 / 660 * 100% ); }
#page-main .schedule__block.--date_1101 .--venue_02 > *:nth-child(3) {
top: calc( 245 / 660 * 100% ); }
#page-main .schedule__block.--date_1101 .--venue_02 > *:nth-child(4) {
top: calc( 390 / 660 * 100% ); }
#page-main .schedule__block.--date_1101 .--venue_02 > *:nth-child(5) {
top: calc( 520 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_01 > *:nth-child(1) {
top: calc( 30 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_01 > *:nth-child(2) {
top: calc( 115 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_01 > *:nth-child(3) {
top: calc( 200 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_01 > *:nth-child(4) {
top: calc( 330 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_01 > *:nth-child(5) {
top: calc( 505 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_02 > *:nth-child(1) {
top: calc( 30 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_02 > *:nth-child(2) {
top: calc( 130 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_02 > *:nth-child(3) {
top: calc( 250 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_02 > *:nth-child(4) {
top: calc( 370 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_02 > *:nth-child(5) {
top: calc( 510 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_03 > *:nth-child(1) {
top: calc( 90 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_03 > *:nth-child(2) {
top: calc( 270 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_03 > *:nth-child(3) {
top: calc( 420 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_05 > *:nth-child(1) {
top: calc( 180 / 660 * 100% ); }
#page-main .schedule__block.--date_1102 .--venue_05 > *:nth-child(2) {
top: calc( 360 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_01 > *:nth-child(1) {
top: calc( 30 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_01 > *:nth-child(2) {
top: calc( 115 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_01 > *:nth-child(3) {
top: calc( 235 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_01 > *:nth-child(4) {
top: calc( 335 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_01 > *:nth-child(5) {
top: calc( 465 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_02 > *:nth-child(1) {
top: calc( 30 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_02 > *:nth-child(2) {
top: calc( 145 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_02 > *:nth-child(3) {
top: calc( 265 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_02 > *:nth-child(4) {
top: calc( 400 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_02 > *:nth-child(5) {
top: calc( 520 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_03 > *:nth-child(1) {
top: calc( 90 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_03 > *:nth-child(2) {
top: calc( 210 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_03 > *:nth-child(3) {
top: calc( 325 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_03 > *:nth-child(4) {
top: calc( 425 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_04 > *:nth-child(1) {
top: calc( 0 / 660 * 100% ); }
#page-main .schedule__block.--date_1103 .--venue_04 > *:nth-child(2) {
top: calc( 390 / 660 * 100% ); }
#page-main .schedule__block.--date_1104 .--venue_01 > *:nth-child(1) {
top: calc( 30 / 660 * 100% ); }
#page-main .schedule__venue__list {
position: absolute;
height: calc( 64 / 760 * 100% );
width: calc( 937 / 988 * 100% );
top: 0;
right: 0;
display: flex;
justify-content: space-around;
align-items: center; }
#page-main .schedule__venue__list > a {
display: block; }
#page-main .schedule__venue__list > a:nth-child(1) {
width: calc( 215 / 988 * 100% ); }
#page-main .schedule__venue__list > a:nth-child(2) {
width: calc( 213 / 988 * 100% ); }
#page-main .schedule__venue__list > a:nth-child(3) {
width: calc( 213 / 988 * 100% ); }
#page-main .schedule__venue__list > a:nth-child(4) {
width: calc( 170 / 988 * 100% ); }
#page-main .schedule__venue__list > a:nth-child(5) {
width: calc( 170 / 988 * 100% );
display: none; }
#page-main .schedule__venue__list.--eaglet > a:nth-child(4) {
display: none; }
#page-main .schedule__venue__list.--eaglet > a:nth-child(5) {
display: block; }
#page-main .schedule__film__list {
margin-top: 40px; }
#page-main .schedule__film__list .film__block .button__ticket {
display: none; }
#page-main .schedule__film_meta__age {
display: flex;
column-gap: 10px;
align-items: center; }
#page-main .schedule__film_meta__age__title {
font-size: calc(12 / 16 * 1rem);
font-weight: 700; }
@media screen and (min-width: 768px) {
#page-main .schedule__film_meta__age__title {
font-size: calc(12 / 16 * 1rem); } }
#page-main .schedule__film_meta__age__color {
width: 28px;
height: 28px; }
#page-main .schedule__film_meta__age__color.--age_1 {
background: #f2f08c; }
#page-main .schedule__film_meta__age__color.--age_5 {
background: #BFD68D; }
#page-main .schedule__film_meta__age__color.--age_10 {
background: #E7C247; }
#page-main .schedule__film_meta__age__color.--age_13 {
background: #44A46C; }
#page-main .schedule__film_meta_icon__list {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 7px 0;
display: flex;
column-gap: 20px;
row-gap: 10px;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 20px; }
#page-main .schedule__film_meta_icon__block {
flex-shrink: 0;
font-size: calc(12 / 16 * 1rem);
font-weight: 700;
display: flex;
column-gap: 4px;
align-items: center; }
@media screen and (min-width: 768px) {
#page-main .schedule__film_meta_icon__block {
font-size: calc(12 / 16 * 1rem); } }
#page-main .schedule__film_meta_icon__block img {
height: 14px; }
@media screen and (max-width: 767px) {
#page-main .schedule__header .schedule__block__title {
display: none; }
#page-main .schedule__list__wrapper {
background: #F0F0E4;
margin-left: -20px;
margin-right: -20px;
padding: 20px 20px 40px; }
#page-main .schedule__list .schedule__venue__list {
display: none; }
#page-main .schedule__list .schedule__block__contents {
display: none;
width: 100%;
left: 0; }
#page-main .schedule__list .schedule__block__contents.active {
display: block; }
#page-main .schedule__list .schedule__block {
top: 0;
left: calc( 70 / 338 * 100% );
width: calc( 242 / 338 * 100% );
height: 100%; }
#page-main .schedule__film_meta_icon__list {
justify-content: flex-start;
row-gap: .3em;
margin-top: 20px;
margin-bottom: 0; }
#page-main .schedule__film_meta__age__color {
width: 22px;
height: 22px; } }
#page-main .timetable__nav {
display: none;
margin-bottom: 20px; }
#page-main .timetable__nav img {
margin-left: 0; }
#page-main .timetable__nav .schedule__block__title {
margin-bottom: 10px; }
#page-main .timetable__nav .timetable__nav__venue .schedule__block__title__venue {
display: none; }
#page-main .timetable__nav .timetable__nav__venue .schedule__block__title__venue.active {
display: block; }
#page-main .timetable__nav .timetable__nav__venue .schedule__block__title__venue__map {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_map_button.svg) no-repeat bottom right;
background-size: contain;
font-size: 1rem;
font-weight: 700;
padding: 5px 40px 5px 0;
display: block; }
@media screen and (max-width: 767px) {
#page-main .timetable__nav {
display: block; }
#page-main .timetable__nav .timetable__nav__venue img {
display: none; } }
@media screen and (min-width: 768px) {
#page-main .timetable__nav .timetable__nav__venue .schedule__block__title__venue__map {
display: none; } }
#page-main .leaflet__box {
margin-top: 60px;
background: #F2F7FB;
padding: 40px 20px; }
#page-main .leaflet__list {
display: flex;
column-gap: 20px; }
#page-main .leaflet__block {
font-size: .8rem;
font-weight: 700; }
#page-main .leaflet__block img {
margin-bottom: 10px;
width: 120px; }
@media screen and (min-width: 768px) {
#page-main .leaflet__block img {
width: 140px; } }
#page-main .image__block {
margin-bottom: 40px; }
@media screen and (max-width: 767px) {
#page-main .image__block--row .image__block__image {
margin-top: 20px; } }
@media screen and (min-width: 768px) {
#page-main .image__block--row {
display: flex;
column-gap: 40px;
justify-content: space-between; }
#page-main .image__block--row .image__block__image {
width: 33.33%;
flex-shrink: 0; } }
@media screen and (min-width: 768px) {
#page-main .image__block--row.--half .image__block__image {
width: calc( 50% - 20px * 2); } }
#page-main .feature__list.--col {
margin-top: 40px; }
@media screen and (min-width: 768px) {
#page-main .feature__list.--col {
display: flex;
column-gap: 20px;
flex-wrap: wrap;
align-items: flex-start; }
#page-main .feature__list.--col > div {
width: calc( (100% - 20px * 2) / 3 ); }
#page-main .feature__list.--col .feature__block {
flex-direction: column-reverse; }
#page-main .feature__list.--col .feature__image {
width: 100%;
margin-bottom: 10px; }
#page-main .feature__list.--col .feature__contents__title h3 {
margin-bottom: 0; } }
#page-main .feature__block {
margin-bottom: 40px; }
#page-main .feature__contents__title h3 .text__title_en {
font-size: 1em; }
#page-main .feature__contents p:last-child {
margin-bottom: 0; }
@media screen and (max-width: 767px) {
#page-main .feature__image img {
max-width: 80%; } }
@media screen and (min-width: 768px) {
#page-main .feature__block {
display: flex;
column-gap: 20px;
align-items: flex-end; }
#page-main .feature__block:nth-of-type(2n) {
flex-direction: row-reverse; }
#page-main .feature__image {
width: 33.33%;
flex-shrink: 0; } }
@media screen and (min-width: 768px) {
#page-main .shop__category__list {
display: flex;
column-gap: 40px; }
#page-main .shop__category__list > div {
flex: 1; } }
#page-main .shop__category__title {
font-weight: 700;
border-bottom: 1px solid #000000;
margin-bottom: 10px; }
#page-main .shop__category__contents {
padding-left: 1.5em; }
#page-main .shop__block {
font-size: .8rem; }
#page-main .shop__block .shop__name {
font-size: 1rem; }
#page-main .shop__block .shop__name:before {
content: "・";
display: inline-block;
width: 1.5em;
margin-left: -1.5em; }
#page-main .theater__block {
background: #d0eae7;
padding: 20px 8% 20px 20px;
margin: 40px auto;
position: relative; }
#page-main .theater__block:before {
content: "";
display: block;
position: absolute;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/kineko_theater/kineko_theater_03.png) no-repeat top right;
background-size: contain;
right: -2vw;
top: -7vw;
width: 25vw;
height: 50vw; }
#page-main .theater__block .theater__block__image img {
margin-bottom: 10px; }
#page-main .theater__block .theater__block__image img:first-of-type {
width: 60%;
margin-left: 0;
margin-bottom: 20px; }
#page-main .theater__block .theater__block__title {
font-size: .9rem; }
@media screen and (min-width: 768px) {
#page-main .theater__block {
display: flex;
column-gap: 40px;
align-items: center;
padding: 30px 8% 30px 40px; }
#page-main .theater__block:before {
background-position: right bottom;
top: auto;
right: -20px;
bottom: -20px;
width: 80px;
height: 180px; }
#page-main .theater__block .theater__block__image {
width: 33%;
flex-shrink: 0;
margin-bottom: 0; }
#page-main .theater__block .theater__block__image img:first-of-type {
width: 82%;
margin-bottom: 20px; }
#page-main .theater__block .theater__block__title {
font-size: 1rem; } }
#page-main .program__block .program__datails__list {
margin-top: 20px; }
#page-main .program__block .program__datails__block {
display: flex;
align-items: flex-start;
column-gap: 1em;
margin-bottom: 5px; }
#page-main .program__block .program__datails__title {
width: 80px;
flex-shrink: 0;
background: #131313;
color: #FFFFFF;
text-align: center;
letter-spacing: .05em;
font-size: .8rem; }
#page-main .program__block .program__buttons {
margin-top: 20px; }
#page-main .program__block .program__buttons .button__ticket {
color: #FFFFFF !important;
padding-left: 10px;
padding-right: 10px; }
@media screen and (max-width: 767px) {
#page-main .program__block .program__date .text__date--3days {
height: 42px; } }
#page-main .program__block .program__place {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
column-gap: 4px;
row-gap: 4px; }
#page-main .program__block .program__place > * {
flex-shrink: 0; }
#page-main ul.list__mention {
list-style-type: none;
font-size: .8rem; }
#page-main ul.list__mention li {
list-style-type: none !important; }
#page-main ul.list__mention li:before {
content: "※";
display: inline-block;
margin-left: -1.5em;
width: 1.5em; }
#page-main ul.list__mention li + li {
margin-top: 0; }
#page-main .tag__list {
display: flex;
flex-wrap: wrap;
column-gap: 10px; }
#page-main .tag--pet {
color: #f24841;
display: inline-block;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_pet.svg) no-repeat center left;
background-size: 1.25em auto;
padding-left: 2em;
font-size: .8rem;
font-weight: 700; }
#page-main .mizbering__date__block {
display: flex;
column-gap: 20px;
margin-top: 40px; }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__block {
column-gap: 40px; } }
#page-main .mizbering__date__title {
flex-shrink: 0; }
#page-main .mizbering__date__program__title {
font-size: calc(20 / 16 * 1rem);
line-height: 1.4;
font-weight: 700;
border-bottom: 2px solid #000000;
margin-bottom: 20px; }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__title {
font-size: calc(32 / 16 * 1rem);
line-height: 1.4; } }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__contents {
display: flex;
column-gap: 20px;
align-items: flex-start; } }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__guest {
flex-grow: 1;
display: flex;
column-gap: 20px;
align-items: flex-start; }
#page-main .mizbering__date__program__guest__image {
width: calc( (100% - 20px) / 2 );
flex-shrink: 0; } }
#page-main .mizbering__date__program__guest__image {
position: relative; }
@media screen and (max-width: 767px) {
#page-main .mizbering__date__program__guest__image {
margin-bottom: 10px; } }
#page-main .mizbering__date__program__guest__image a.link__profile {
position: absolute;
right: 10px;
bottom: 4px;
color: #FFFFFF !important; }
#page-main .mizbering__date__program__guest__image a.link__profile:before {
top: -2em;
left: 50%;
right: auto;
transform: translateX(-50%); }
#page-main .mizbering__date__program__guest__title {
font-size: .8rem;
font-weight: 700; }
#page-main .mizbering__date__program__guest__name {
font-weight: 700;
margin-bottom: 10px; }
#page-main .mizbering__date__program__guest__profile {
padding: 20px; }
#page-main .mizbering__date__program__guest__profile__contents {
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__guest__profile__contents {
font-size: calc(14 / 16 * 1rem); } }
#page-main .mizbering__date__program__guest__profile__name {
font-weight: 700;
font-size: calc(16 / 16 * 1rem);
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__guest__profile__name {
font-size: calc(18 / 16 * 1rem); } }
#page-main .mizbering__date__program__guest__profile__name span {
display: block;
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__guest__profile__name span {
font-size: calc(12 / 16 * 1rem); } }
@media screen and (max-width: 767px) {
#page-main .mizbering__date__program__guest__profile__image {
margin-bottom: 10px; } }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__guest__profile {
padding: 40px 20px;
display: flex;
column-gap: 20px;
align-items: flex-end;
flex-direction: row-reverse; }
#page-main .mizbering__date__program__guest__profile__image {
width: calc( (100% - 20px * 1) / 2 );
flex-shrink: 0; } }
@media screen and (max-width: 767px) {
#page-main .mizbering__date__program__host {
position: absolute;
right: 0;
top: 0;
width: 30%; }
#page-main .mizbering__date__program__host a.link__external {
text-indent: -1000px;
position: absolute;
left: 0;
bottom: 0; } }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__host {
border: 3px solid #131313;
border-radius: 8px;
padding: 10px 10px;
text-align: right;
width: 164px;
flex-shrink: 0; } }
#page-main .mizbering__date__program__host a.link__external {
color: #131313 !important; }
#page-main .mizbering__date__program__music {
display: flex;
column-gap: 20px;
row-gap: 40px;
justify-content: flex-start;
flex-wrap: wrap;
font-size: calc(12 / 16 * 1rem);
font-weight: 700; }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__music {
font-size: calc(14 / 16 * 1rem); } }
#page-main .mizbering__date__program__music__block {
width: calc((100% - 20px * 1) / 2); }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__music {
column-gap: 40px; }
#page-main .mizbering__date__program__music__block {
width: calc((100% - 20px * 4) / 3); } }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__movie__block {
display: flex;
column-gap: 20px; }
#page-main .mizbering__date__program__movie__image {
width: 25%;
flex-shrink: 0; } }
#page-main .mizbering__date__program__special {
background: #F2F7FB;
padding: 20px 10px; }
@media screen and (max-width: 767px) {
#page-main .mizbering__date__program__special {
margin-left: -68px; } }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__special {
padding: 40px 40px; } }
#page-main .mizbering__date__program__special__title {
font-size: calc(16 / 16 * 1rem);
font-weight: 700;
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__special__title {
font-size: calc(20 / 16 * 1rem); } }
@media screen and (max-width: 767px) {
#page-main .mizbering__date__program__special.--day3 img {
width: 160px; } }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__special.--day3 {
display: flex;
column-gap: 20px;
align-items: center; }
#page-main .mizbering__date__program__special.--day3 .mizbering__date__program__special__image {
width: 25%;
flex-shrink: 0; } }
#page-main .mizbering__date__program__special.--day4 .mizbering__date__program__special__title {
margin-bottom: 10px; }
#page-main .mizbering__date__program__special.--day4 .mizbering__date__program__special__title * {
width: 80%; }
#page-main .mizbering__date__program__special.--day4 .mizbering__date__program__special__title *:nth-of-type(2) {
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__special.--day4 .mizbering__date__program__special__title {
display: flex;
justify-content: space-between;
align-items: flex-end; }
#page-main .mizbering__date__program__special.--day4 .mizbering__date__program__special__title * {
margin: 0; }
#page-main .mizbering__date__program__special.--day4 .mizbering__date__program__special__title *:nth-of-type(1) {
width: 36%; }
#page-main .mizbering__date__program__special.--day4 .mizbering__date__program__special__title *:nth-of-type(2) {
width: 60%;
margin-bottom: 12px; } }
#page-main .mizbering__date__program__special.--day4 .mizbering__date__program__special__image {
background: #FFFFFF;
border-radius: 10px;
padding: 20px; }
@media screen and (min-width: 768px) {
#page-main .mizbering__date__program__special.--day4 .mizbering__date__program__special__contents {
display: flex;
column-gap: 20px;
align-items: center; }
#page-main .mizbering__date__program__special.--day4 .mizbering__date__program__special__image {
width: 50%;
flex-shrink: 0; } }
#page-main .mizbering__date__event {
margin-bottom: 20px;
position: relative; }
#page-main .mizbering__date__buttons {
text-align: center; }
#page-main .mizbering__date__buttons a.button__ticket, #page-main .mizbering__date__buttons span.button__ticket {
color: #FFFFFF !important; }
#page-main .mizbering__date__buttons a.button__ticket img, #page-main .mizbering__date__buttons span.button__ticket img {
height: 1em; }
#page-main .mizbering__date__buttons a.button__ticket .text__title_en, #page-main .mizbering__date__buttons span.button__ticket .text__title_en {
left: 10px;
top: 4px; }
@media screen and (max-width: 767px) {
#page-main .mizbering__date__buttons a.button__ticket, #page-main .mizbering__date__buttons span.button__ticket {
width: 100%; } }
#page-main .film_parent_category_header {
margin-bottom: 20px; }
@media screen and (min-width: 768px) {
#page-main .film_parent_category_header {
display: flex;
justify-content: space-between;
align-items: flex-end; } }
#page-main .film_parent_category_header h3 {
margin: 0; }
#page-main .film_parent_category_block {
margin-bottom: 40px; }
#page-main .film_category__list {
display: flex;
flex-wrap: wrap;
column-gap: 40px; }
#page-main .film_category__list .film_category__block.--toggle {
width: 100%; }
@media screen and (min-width: 768px) {
#page-main .film_category__list .film_category__block.--single {
width: calc( (100% - 20px * 2) / 2 ); } }
#page-main .film_category__block {
margin-bottom: 10px; }
#page-main .film_category__block .film__block {
width: calc((100% - 20px * 1) /2); }
#page-main .film_category__block .film__block .film__block__lead, #page-main .film_category__block .film__block .film__block__details {
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .film_category__block .film__block .film__block__lead, #page-main .film_category__block .film__block .film__block__details {
font-size: calc(16 / 16 * 1rem); } }
@media screen and (max-width: 767px) {
#page-main .film_category__block .film__block .film__block__details {
display: block; } }
#page-main .film_category__block.--toggle .film_category__header {
margin-bottom: 10px;
cursor: pointer; }
#page-main .film_category__block.--toggle .film_category__header:after {
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 20px;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_arrow_down_white.svg) no-repeat center center rgba(100, 100, 100, 0.3);
background-size: 60% auto; }
@media screen and (min-width: 768px) {
#page-main .film_category__block.--toggle .film_category__header:after {
width: 46px; } }
#page-main .film_category__block.--toggle .film_category__contents {
display: none; }
#page-main .film_category__block.--single .film_category__title .text__title_en {
width: auto;
margin-right: 10px; }
#page-main .film_category__block.--single .film__block {
width: 100%; }
#page-main .film_category__block.--single .film__block .film__block__title {
display: none; }
#page-main .film_category__block.--single .film__block .film__block__details {
display: flex; }
@media screen and (min-width: 768px) {
#page-main .film_category__block.--single .film_category__header {
padding-right: 10px;
padding-left: 10px; } }
#page-main .film_category__block.toggled .film_category__header:after {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_arrow_up_white.svg); }
#page-main .film_category__header {
position: relative;
padding: 2px 30px 2px 10px;
color: #ffffff; }
@media screen and (min-width: 768px) {
#page-main .film_category__header {
padding: 2px 60px 2px 0;
display: flex;
justify-content: space-between;
align-items: center; } }
#page-main .film_category__footer {
margin-top: 20px;
margin-bottom: 20px;
text-align: center; }
@media screen and (min-width: 768px) {
#page-main .film_category__footer {
text-align: right; } }
#page-main .film_category__title {
font-size: calc(18 / 16 * 1rem);
font-weight: 700;
display: flex;
align-items: flex-start;
position: relative;
padding-top: 4px;
line-height: 1.4; }
@media screen and (min-width: 768px) {
#page-main .film_category__title {
font-size: calc(20 / 16 * 1rem); } }
#page-main .film_category__title .text__title_en {
font-size: calc(26 / 16 * 1rem);
line-height: 1.4;
margin-top: -4px;
text-align: center;
margin-right: 4px;
overflow: hidden;
flex-shrink: 0;
letter-spacing: 0; }
@media screen and (min-width: 768px) {
#page-main .film_category__title .text__title_en {
font-size: calc(30 / 16 * 1rem);
line-height: 1.4; } }
@media screen and (min-width: 768px) {
#page-main .film_category__title {
padding-top: 8px; }
#page-main .film_category__title .text__title_en {
margin-top: -8px;
margin-right: 0;
width: 54px; } }
#page-main .film_category__poland img {
width: auto;
height: 1rem; }
#page-main .film_category__documentary__tag {
display: block;
background: #ca9670;
padding: 3px 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
line-height: 1; }
#page-main .film_category__translation img {
width: auto;
height: 1rem; }
#page-main .film_category__time .text__title_en {
font-size: calc(26 / 16 * 1rem);
line-height: 1.4; }
@media screen and (min-width: 768px) {
#page-main .film_category__time .text__title_en {
font-size: calc(30 / 16 * 1rem);
line-height: 1.4; } }
#page-main .film_category__time__unit {
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .film_category__time__unit {
font-size: calc(14 / 16 * 1rem); } }
@media screen and (max-width: 767px) {
#page-main .film_category__age img {
height: 26px; } }
#page-main .film_category__meta {
flex-shrink: 0;
display: flex;
column-gap: 10px;
align-items: center; }
@media screen and (max-width: 767px) {
#page-main .film_category__meta {
justify-content: flex-end; } }
#page-main .workshop__list {
display: flex;
flex-wrap: wrap;
column-gap: 40px;
row-gap: 40px; }
@media screen and (max-width: 767px) {
#page-main .workshop__block {
padding-bottom: 40px;
border-bottom: 1px solid #000000; }
#page-main .workshop__block:last-of-type {
padding-bottom: 0;
border-bottom: none; } }
@media screen and (min-width: 768px) {
#page-main .workshop__block {
width: calc( (100% - 20px * 2) / 2 ); } }
@media screen and (min-width: 768px) {
#page-main .workshop__block.--full {
width: auto; } }
#page-main .workshop__block h3 {
font-size: calc(17 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .workshop__block h3 {
font-size: calc(23 / 16 * 1rem); } }
#page-main .workshop__block h3 .text__title_en {
display: block;
font-size: 1.5em; }
#page-main .workshop__block strong {
font-weight: 700;
font-size: 1.1em; }
#page-main .workshop__datails__list {
margin-top: 20px;
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
#page-main .workshop__datails__list {
margin: 0; } }
#page-main .workshop__datails__block {
display: flex;
align-items: flex-start;
column-gap: 1em;
margin-bottom: 5px; }
#page-main .workshop__datails__title {
width: 80px;
flex-shrink: 0;
background: #131313;
color: #FFFFFF;
text-align: center;
letter-spacing: .05em;
font-size: .8rem; }
#page-main .workshop__buttons {
text-align: center;
margin-bottom: 20px; }
#page-main .workshop__buttons a.button__ticket {
color: #FFFFFF !important;
width: auto;
padding: 4px 40px; }
#page-main .workshop__contents {
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .workshop__contents {
font-size: calc(16 / 16 * 1rem); } }
@media screen and (max-width: 767px) {
#page-main .workshop__contents__row__col {
margin-bottom: 20px; }
#page-main .workshop__contents__row__col:last-of-type {
margin-bottom: 0; } }
@media screen and (min-width: 768px) {
#page-main .workshop__contents__row {
display: flex;
column-gap: 40px;
align-items: flex-start; }
#page-main .workshop__contents__row__col {
flex: 1; } }
#page-main .workshop__contents__details__block {
display: flex;
column-gap: 20px;
align-items: center; }
#page-main .workshop__contents__details__block .workshop__datails__image {
width: 20%; }
@media screen and (min-width: 768px) {
#page-main .workshop__contents__details {
display: flex;
column-gap: 40px;
align-items: flex-end; }
#page-main .workshop__contents__details .workshop__contents__details__block {
flex: 2; }
#page-main .workshop__contents__details .workshop__buttons {
flex: 1; } }
#page-main .workshop__description {
margin-bottom: 20px; }
#page-main .workshop__description.--image {
display: flex;
column-gap: 10px; }
#page-main .workshop__description.--image p {
flex: 2; }
#page-main .workshop__description.--image img {
flex: 1; }
#page-main .workshop__description__mention {
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .workshop__description__mention {
font-size: calc(14 / 16 * 1rem); } }
#page-main .workshop__lecturer {
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .workshop__lecturer {
font-size: calc(14 / 16 * 1rem); } }
#page-main .workshop__lecturer__name {
font-weight: 700;
font-size: calc(14 / 16 * 1rem);
display: inline-block;
margin-right: 1em; }
@media screen and (min-width: 768px) {
#page-main .workshop__lecturer__name {
font-size: calc(16 / 16 * 1rem); } }
#page-main .workshop__image {
position: relative; }
#page-main .workshop__image .link__profile {
position: absolute;
right: 6px;
bottom: 0;
color: #FFFFFF !important;
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .workshop__image .link__profile {
font-size: calc(16 / 16 * 1rem); } }
#page-main .map__main {
position: relative; }
#page-main .map__main__pointer__link {
display: block;
position: absolute;
left: 0;
top: 0; }
@media screen and (max-width: 767px) {
#page-main .map__main__pointer__link {
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: calc( 19 / 375 * 100vw );
height: calc( 19 / 375 * 100vw ); }
#page-main .map__main__pointer__link img {
display: none; }
#page-main .map__main__pointer__link:nth-of-type(1) {
left: calc( 363 / 1122 * 100% );
top: calc( 96 / 382 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(2) {
left: calc( 589 / 1122 * 100% );
top: calc( 167 / 382 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(3) {
left: calc( 445 / 1122 * 100% );
top: calc( 182 / 382 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(4) {
left: calc( 686 / 1122 * 100% );
top: calc( 125 / 382 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(5) {
left: calc( 830 / 1122 * 100% );
top: calc( 40 / 382 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(6) {
left: calc( 351 / 1122 * 100% );
top: calc( 64 / 382 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(7) {
left: calc( 157 / 1122 * 100% );
top: calc( 48 / 382 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(8) {
left: calc( 1071 / 1122 * 100% );
top: calc( 250 / 382 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(9) {
left: calc( 972 / 1122 * 100% );
top: calc( 22 / 382 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(1) {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23FF6536"/></svg>'); }
#page-main .map__main__pointer__link:nth-of-type(2) {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23834FF3"/></svg>'); }
#page-main .map__main__pointer__link:nth-of-type(3) {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23F9437A"/></svg>'); }
#page-main .map__main__pointer__link:nth-of-type(4) {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%2325BEA8"/></svg>'); }
#page-main .map__main__pointer__link:nth-of-type(5) {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23FF0000"/></svg>'); }
#page-main .map__main__pointer__link:nth-of-type(6) {
background-image: none; }
#page-main .map__main__pointer__link:nth-of-type(7) {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23007EFF"/></svg>'); }
#page-main .map__main__pointer__link:nth-of-type(8) {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23F563E4"/></svg>'); }
#page-main .map__main__pointer__link:nth-of-type(9) {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23F563E4"/></svg>'); } }
@media screen and (min-width: 768px) {
#page-main .map__main__pointer__link:nth-of-type(1) {
width: calc( 142.94 / 1120 * 100% );
left: calc( 378.67 / 1120 * 100% );
top: calc( 26 / 392 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(2) {
width: calc( 159.28 / 1120 * 100% );
left: calc( 581 / 1120 * 100% );
top: calc( 215 / 392 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(3) {
width: calc( 124 / 1120 * 100% );
left: calc( 389 / 1120 * 100% );
top: calc( 223 / 392 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(4) {
width: calc( 118.28 / 1120 * 100% );
left: calc( 604 / 1120 * 100% );
top: calc( 26 / 392 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(5) {
width: calc( 166.5 / 1120 * 100% );
left: calc( 806 / 1120 * 100% );
top: calc( 40 / 392 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(6) {
width: calc( 110 / 1120 * 100% );
left: calc( 922 / 1120 * 100% );
top: calc( 368 / 392 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(7) {
width: calc( 202 / 1120 * 100% );
left: calc( 169 / 1120 * 100% );
top: calc( 10 / 392 * 100% ); }
#page-main .map__main__pointer__link.--venue_6 {
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23F563E4"/></svg>');
width: calc( 15 / 1120 * 100% );
height: calc( 21 / 392 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(8) {
left: calc( 990 / 1120 * 100% );
top: calc( 14 / 392 * 100% ); }
#page-main .map__main__pointer__link:nth-of-type(9) {
left: calc( 1090 / 1120 * 100% );
top: calc( 311 / 392 * 100% ); } }
@media screen and (max-width: 767px) {
#page-main .map__venue__list {
margin-left: -20px;
margin-right: -20px; } }
@media screen and (min-width: 768px) {
#page-main .map__venue__list {
display: flex;
flex-wrap: wrap;
column-gap: 33px;
row-gap: 40px;
justify-content: space-between;
align-items: flex-start; } }
#page-main .map__venue__block {
border-top: 1px solid #000000;
display: block; }
#page-main .map__venue__block.--venue_1 .map__venue__title {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23FF6536"/></svg>'); }
#page-main .map__venue__block.--venue_2 .map__venue__title {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23834FF3"/></svg>'); }
#page-main .map__venue__block.--venue_3 .map__venue__title {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23F9437A"/></svg>'); }
#page-main .map__venue__block.--venue_4 .map__venue__title {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%2325BEA8"/></svg>'); }
#page-main .map__venue__block.--venue_5 .map__venue__title {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23FF0000"/></svg>'); }
#page-main .map__venue__block.--venue_6 .map__venue__title {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23F563E4"/></svg>'); }
#page-main .map__venue__block.--venue_7 .map__venue__title {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23007EFF"/></svg>'); }
#page-main .map__venue__block.--venue_8 .map__venue__title {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%2316A432"/></svg>'); }
#page-main .map__venue__block.--venue_9 .map__venue__title {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%2300D4FF"/></svg>'); }
#page-main .map__venue__block.--venue_10 .map__venue__title {
background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.64C0 3.42 3.42 0 7.64 0C11.86 0 15.28 3.42 15.28 7.64C15.28 11.34 11.49 15.79 8.73 21.02C8.26 21.91 7.01 21.91 6.55 21.02C3.79 15.79 0 11.33 0 7.64ZM11.16 7.64C11.16 5.69 9.58 4.11 7.63 4.11C5.68 4.11 4.1 5.69 4.1 7.64C4.1 9.59 5.68 11.17 7.63 11.17C9.58 11.17 11.16 9.59 11.16 7.64Z" fill="%23A05B5B"/></svg>'); }
@media screen and (max-width: 767px) {
#page-main .map__venue__block .map__venue__contents {
display: none; }
#page-main .map__venue__block.active .map__venue__contents {
display: block; } }
@media screen and (min-width: 768px) {
#page-main .map__venue__block {
width: calc( (100% - 33px) / 2 ); } }
#page-main .map__venue__title {
background-repeat: no-repeat;
background-position: left 20px center;
background-size: 20px auto;
padding: 15px 20px 15px 50px;
font-size: calc(16 / 16 * 1rem);
font-weight: 700;
cursor: pointer; }
@media screen and (min-width: 768px) {
#page-main .map__venue__title {
font-size: calc(16 / 16 * 1rem); } }
#page-main .map__venue__contents {
background: #EAE5AF;
font-weight: 700;
padding-bottom: 15px; }
@media screen and (max-width: 767px) {
#page-main .map__venue__contents {
display: none; } }
#page-main .map__venue__contents__box {
background: #FFFFFF;
border-radius: 10px;
padding: 15px;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px; }
#page-main .map__venue__contents__box .map__venue__title {
padding: 0 0 0 25px;
background-position: left center;
background-size: 18px auto; }
#page-main .map__venue__contents__box .map__venue__address {
padding-top: 0;
padding-right: 0; }
#page-main .map__venue__address {
padding: 20px 20px 0 20px;
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .map__venue__address {
font-size: calc(14 / 16 * 1rem); } }
#page-main .map__venue__address__link a {
text-decoration: underline;
font-family: "Oswald", sans-serif;
letter-spacing: .1em;
font-weight: 400;
font-style: normal; }
@media screen and (min-width: 768px) {
#page-main .map__venue__address {
display: flex;
column-gap: 10px;
justify-content: space-between;
align-items: center; }
#page-main .map__venue__address__text {
flex-grow: 1; }
#page-main .map__venue__address__link {
flex-shrink: 0; } }
#page-main .map__venue__event__list {
padding-left: 0 !important;
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
#page-main .map__venue__event__list {
font-size: calc(16 / 16 * 1rem); } }
#page-main .map__venue__event__list li {
list-style-type: none !important;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/map/ico_link.svg) no-repeat center left;
backgorund-size: 18px auto;
padding-left: 26px; }
#page-main .map__venue__event__list li + li {
margin-top: 4px !important; }
@media screen and (min-width: 768px) {
#page-main-contents, .section__box {
border-radius: 20px;
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
margin-bottom: 4px;
padding: 40px 100px 60px;
background: #FFFFFF;
position: relative; } }
#page-main-contents .main__logo, .section__box .main__logo {
display: none; }
@media screen and (min-width: 768px) {
#page-main-contents .main__logo, .section__box .main__logo {
display: block;
position: absolute;
left: 40px;
top: 30px;
width: 213px; } }
#page-main-contents .section__title, .section__box .section__title {
padding-bottom: 40px;
border-bottom: 3px solid #000000; }
#page-main-contents .section__title h1, .section__box .section__title h1 {
text-align: left;
font-size: calc(20 / 16 * 1rem);
line-height: 1.4; }
@media screen and (min-width: 768px) {
#page-main-contents .section__title h1, .section__box .section__title h1 {
font-size: calc(26 / 16 * 1rem);
line-height: 1.4; } }
#page-main-contents .section__title h1 .title__en, .section__box .section__title h1 .title__en {
color: #0062B1;
font-size: calc(40 / 16 * 1rem);
line-height: 1.4;
display: block;
font-family: "Oswald", sans-serif;
text-transform: uppercase;
font-weight: 400;
font-style: normal; }
@media screen and (min-width: 768px) {
#page-main-contents .section__title h1 .title__en, .section__box .section__title h1 .title__en {
font-size: calc(56 / 16 * 1rem);
line-height: 1.4; } }
@media screen and (min-width: 768px) {
#page-main-contents .section__title, .section__box .section__title {
padding: 20px 0 40px;
min-height: 180px; }
#page-main-contents .section__title h1, .section__box .section__title h1 {
text-align: right; } }
#page-main-contents .film__block__contents a, .section__box .film__block__contents a {
text-decoration: underline; }
#page-main-contents .film__block__contents strong, .section__box .film__block__contents strong {
font-weight: 700; }
#page-main-contents .film__block__contents em, .section__box .film__block__contents em {
font-style: italic; }
#page-main-contents .film__block__contents ul, .section__box .film__block__contents ul {
padding-left: 1.5em; }
#page-main-contents .film__block__contents ul li, .section__box .film__block__contents ul li {
list-style-type: disc; }
#page-main-contents .film__block__contents ol, .section__box .film__block__contents ol {
padding-left: 1.5em; }
#page-main-contents .film__block__contents ol li, .section__box .film__block__contents ol li {
list-style-type: decimal; }
#page-main-title .section__title {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
min-height: 0; }
.section__box + .section__box {
margin-top: 40px; }
body {    }
body.archive #page-main-contents .news__block:last-of-type {
border-bottom: 1px solid #000000; }
body.single #page-main-contents .pagination__block {
border-top: 1px solid #000000;
padding-top: 40px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 20px;
row-gap: 20px; }
body.single #page-main-contents .pagination__prev, body.single #page-main-contents .pagination__next {
width: calc( (100% - 20px) / 2 ); }
body.single #page-main-contents .pagination__prev a, body.single #page-main-contents .pagination__next a {
min-height: 40px;
font-size: calc(14 / 16 * 1rem);
display: flex;
width: 100%;
align-items: center; }
@media screen and (min-width: 768px) {
body.single #page-main-contents .pagination__prev a, body.single #page-main-contents .pagination__next a {
font-size: calc(14 / 16 * 1rem); } }
body.single #page-main-contents .pagination__prev a span, body.single #page-main-contents .pagination__next a span {
display: block; }
body.single #page-main-contents .pagination__prev a {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_nav_prev.svg) no-repeat center left;
padding-left: 30px; }
body.single #page-main-contents .pagination__next a {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_nav_next.svg) no-repeat center right;
padding-right: 30px;
text-align: right;
justify-content: flex-end; }
@media screen and (min-width: 768px) {
body.single #page-main-contents .pagination__block {
justify-content: space-between; }
body.single #page-main-contents .pagination__prev, body.single #page-main-contents .pagination__next {
width: calc( (100% - 20px * 2 - 36px) / 2 ); } }
body.single #page-main-contents .entry__contents a {
color: #1558d6; }
@media screen and (max-width: 767px) {
body.single-film #page-main {
background-color: #F0F0E4; } }
body.single-film #page-main-contents .section__title {
border-bottom: none;
margin-bottom: 0; }
@media screen and (max-width: 767px) {
body.single-film #page-main-contents .section__contents {
border-radius: 20px;
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
margin-bottom: 4px;
background: #FFFFFF; }
body.single-film #page-main-contents .section__contents .film__block__header, body.single-film #page-main-contents .section__contents .entry__contents {
padding: 20px; }
body.single-film #page-main-contents .section__contents .entry__title {
margin-bottom: 0; } }
body.single-film #page-main-contents .film__block {
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block {
font-size: calc(16 / 16 * 1rem); } }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__image {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/bg_black_large.png) no-repeat center center;
background-size: cover;
margin-left: -100px;
margin-right: -100px;
padding-left: 100px;
padding-right: 100px;
margin-bottom: 40px; } }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__header {
display: flex;
justify-content: space-between;
align-items: flex-start;
column-gap: 20px; } }
body.single-film #page-main-contents .film__block__lead {
font-weight: 700; }
body.single-film #page-main-contents .film__block__ticket {
display: none; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__ticket {
display: block;
flex-shrink: 0;
width: 180px; } }
body.single-film #page-main-contents .film__block__category {
margin-bottom: 10px; }
body.single-film #page-main-contents .film__block__tag {
display: flex;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 20px;
align-items: flex-start; }
body.single-film #page-main-contents .film__block__tag a {
padding: .1em .5em;
text-align: center;
background: #000000;
min-width: 80px;
font-size: calc(14 / 16 * 1rem);
font-weight: 700;
color: #FFFFFF;
display: inline-block; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__tag a {
font-size: calc(14 / 16 * 1rem); } }
body.single-film #page-main-contents .film__block__tag a.film__block__tag--image {
background: transparent; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__row {
display: flex;
column-gap: 40px;
row-gap: 40px;
flex-wrap: wrap;
justify-content: space-between; }
body.single-film #page-main-contents .film__block__row > div {
width: calc( (100% - 20px  * 2) / 2 ); } }
body.single-film #page-main-contents .film__block__group {
margin-bottom: 40px; }
body.single-film #page-main-contents .film__block__group__title h3 {
display: inline-block;
background: #EAE5AF;
border-radius: 0 30px 30px 0;
padding: 0.3em 2em 0.3em 20px;
font-size: calc(14 / 16 * 1rem);
font-weight: 700;
width: 160px;
margin-left: -20px; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__group__title h3 {
font-size: calc(14 / 16 * 1rem); } }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__group__title h3 {
margin-left: 0;
padding-left: 1em; } }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__group__contents__row {
display: flex;
column-gap: 20px; } }
body.single-film #page-main-contents .film__block__director {
font-weight: 700;
margin-bottom: 10px;
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__director {
font-size: calc(16 / 16 * 1rem); } }
body.single-film #page-main-contents .film__block__director__image img {
width: 140px;
border: 1px solid #E3E3E3;
display: inline-block; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__director__image {
width: calc( 140 / 480 * 100% );
flex-shrink: 0; }
body.single-film #page-main-contents .film__block__director__image img {
display: block; }
body.single-film #page-main-contents .film__block__director__image img + img {
margin-top: 10px; } }
body.single-film #page-main-contents .film__block__meta {
margin-bottom: 10px;
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__meta {
font-size: calc(14 / 16 * 1rem); } }
body.single-film #page-main-contents .film__block__copyrights {
font-size: calc(10 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__copyrights {
font-size: calc(12 / 16 * 1rem); } }
body.single-film #page-main-contents .film__block__schedule {
margin-bottom: 40px; }
body.single-film #page-main-contents .film__block__schedule__block {
font-size: calc(14 / 16 * 1rem);
font-weight: 700;
padding-bottom: 10px;
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__schedule__block {
font-size: calc(16 / 16 * 1rem); } }
body.single-film #page-main-contents .film__block__schedule__block:last-of-type {
margin-bottom: 0; }
body.single-film #page-main-contents .film__block__schedule__block__title {
font-size: calc(16 / 16 * 1rem);
font-weight: 700;
border-radius: 2em;
line-height: 1;
padding: .5em 1em;
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__schedule__block__title {
font-size: calc(18 / 16 * 1rem); } }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__schedule__block__title {
padding-left: 1.5em; } }
body.single-film #page-main-contents .film__block__schedule__block__venue {
display: flex;
justify-content: space-between; }
body.single-film #page-main-contents .film__block__schedule__block__venue__map {
flex-shrink: 0; }
body.single-film #page-main-contents .film__block__schedule__block__venue__map a {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_map.svg) no-repeat center left;
background-size: 16px auto;
font-size: calc(14 / 16 * 1rem);
padding: .3em 0 .3em 20px;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__schedule__block__venue__map a {
font-size: calc(14 / 16 * 1rem); } }
body.single-film #page-main-contents .film__block__schedule__button {
text-align: right; }
body.single-film #page-main-contents .film__block__schedule__button .button__ticket {
padding: 10px 10px 10px 60px;
color: #FFFFFF;
width: 180px; }
body.single-film #page-main-contents .film__block__event__list {
display: flex;
row-gap: 20px;
flex-direction: column; }
body.single-film #page-main-contents .film__block__event__block {
width: 100%; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__event__block {
display: flex;
flex-direction: row-reverse;
column-gap: 20px;
justify-content: space-between;
align-items: center; } }
body.single-film #page-main-contents .film__block__event__block__image {
margin: 0 auto 20px;
width: 160px;
border-radius: 80px 80px 0 0;
flex-shrink: 0;
overflow: hidden; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__event__block__image {
margin-bottom: 0; } }
body.single-film #page-main-contents .film__block__event__block__contents {
flex-grow: 1;
font-weight: 700;
text-align: center; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__event__block__contents {
text-align: left; } }
body.single-film #page-main-contents .film__block__event__block__link {
margin-top: 10px; }
body.single-film #page-main-contents .film__block__event__block__link a {
font-size: calc(14 / 16 * 1rem);
display: inline-block;
color: #FFFFFF;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/bg_black.png) repeat center center;
border-radius: 2em;
padding: .3em;
width: 160px;
text-align: center;
font-weight: 700; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__event__block__link a {
font-size: calc(16 / 16 * 1rem); } }
body.single-film #page-main-contents .film__block__event__block__catchphrase {
font-size: calc(12 / 16 * 1rem);
line-height: 1.6; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__event__block__catchphrase {
font-size: calc(14 / 16 * 1rem); } }
body.single-film #page-main-contents .film__block__event__block__title {
font-size: calc(14 / 16 * 1rem);
line-height: 1.6; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .film__block__event__block__title {
font-size: calc(18 / 16 * 1rem); } }
body.single-film #page-main-contents .entry__title h2 {
font-size: calc(20 / 16 * 1rem);
line-height: 1.4;
margin-bottom: 20px; }
@media screen and (min-width: 768px) {
body.single-film #page-main-contents .entry__title h2 {
font-size: calc(26 / 16 * 1rem);
line-height: 1.4; } }
body.single-film #page-main-contents .entry__title h2 .text__title_en {
display: none; }
body.single-film #film_schedule {
background: #FFFFFF; }
@media screen and (min-width: 768px) {
body.single-film #film_schedule {
margin-top: 40px; } }
body.single-film #film_schedule .film__schedule__head {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 40px; }
@media screen and (min-width: 768px) {
body.single-film #film_schedule .film__schedule__head {
flex-direction: row;
justify-content: space-between;
align-items: center;
column-gap: 20px;
margin-bottom: 0; } }
body.single-film #film_schedule .film__schedule__head__title h2 {
font-size: calc(20 / 16 * 1rem);
line-height: 1.4;
font-weight: 700;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25); }
@media screen and (min-width: 768px) {
body.single-film #film_schedule .film__schedule__head__title h2 {
font-size: calc(26 / 16 * 1rem);
line-height: 1.4; } }
body.single-film #film_schedule .film__schedule__head__title h2 .text__code {
font-size: calc(46 / 16 * 1rem);
line-height: 1.4;
line-height: 1;
font-family: "Oswald", sans-serif;
letter-spacing: .1em;
font-weight: 400;
font-style: normal;
display: inline-block;
vertical-align: middle;
padding-right: 2px;
text-shadow: none; }
@media screen and (min-width: 768px) {
body.single-film #film_schedule .film__schedule__head__title h2 .text__code {
font-size: calc(46 / 16 * 1rem);
line-height: 1.4; } }
body.single-film #film_schedule .film__schedule__head__meta {
display: flex;
column-gap: 20px;
font-size: calc(12 / 16 * 1rem);
font-weight: 700;
border-bottom: 2px solid #131313; }
@media screen and (min-width: 768px) {
body.single-film #film_schedule .film__schedule__head__meta {
font-size: calc(14 / 16 * 1rem); } }
body.single-film #film_schedule .film__schedule__head__meta .text__number {
font-size: calc(20 / 16 * 1rem);
line-height: 1.4;
line-height: 1;
font-family: "Oswald", sans-serif;
letter-spacing: .1em;
font-weight: 400;
font-style: normal;
padding: 0 4px; }
@media screen and (min-width: 768px) {
body.single-film #film_schedule .film__schedule__head__meta .text__number {
font-size: calc(28 / 16 * 1rem);
line-height: 1.4; } }
@media screen and (min-width: 768px) {
body.single-film #film_schedule .film__schedule__head__meta {
border-width: 1px; } }
body.single-film #film_schedule .film__list--more {
margin-top: 40px; }
@media screen and (max-width: 767px) {
body.single-film #film_schedule .film__block {
width: 240px;
margin-left: auto;
margin-right: auto; }
body.single-film #film_schedule .film__block .film__block__lead {
display: none; }
body.single-film #film_schedule .film__block .film__block__details__director {
display: none; }
body.single-film #film_schedule .film__block .film__block__details {
padding-bottom: 0;
border: none; }
body.single-film #film_schedule .film__block .film__block__copyrights {
display: none; } }
body.single-film #film_schedule .film__list--more {
display: none; }
@media screen and (min-width: 768px) {
body.single-film #film_schedule .film__list--more {
display: block; } }
body.single-film #film_schedule .film__list__more {
text-align: center;
padding: 20px; }
body.single-film #film_schedule .film__list__more a {
display: inline-block;
font-size: calc(18 / 16 * 1rem);
font-family: "Oswald", sans-serif;
letter-spacing: .1em;
font-weight: 400;
font-style: normal;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_arrow_down.svg) no-repeat center bottom;
padding-bottom: 36px; }
@media screen and (min-width: 768px) {
body.single-film #film_schedule .film__list__more a {
font-size: calc(18 / 16 * 1rem); } }
body.single-film #film_schedule .film__list__more a.button__close {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/ico_arrow_up.svg) no-repeat center top;
padding-top: 36px;
padding-bottom: 0; }
@media screen and (min-width: 768px) {
body.single-film #film_schedule .film__list__more {
display: none; } }
body.single-film #film_schedule .film__list__more__bottom {
display: none; }
body.single-film #film_category {
background: #F0F0E4; }
body.single-film #film_category .section__title {
text-align: center; }
body.single-film #film_category .section__title h2 {
font-size: calc(24 / 16 * 1rem);
line-height: 1.4;
font-family: "Oswald", sans-serif;
letter-spacing: .1em;
font-weight: 400;
font-style: normal; }
@media screen and (min-width: 768px) {
body.single-film #film_category .section__title h2 {
font-size: calc(36 / 16 * 1rem);
line-height: 1.4; } }
body.single-film #film_category .film_category__list {
display: flex;
flex-wrap: wrap;
gap: 40px; }
body.single-film #film_category .film_category__block {
background: #FFFFFF;
width: 100%;
padding-bottom: 20px;
border-radius: 10px; }
@media screen and (min-width: 768px) {
body.single-film #film_category .film_category__block {
width: calc( (100% - 40px) / 2 ); } }
body.single-film #film_category .film_category__block__title {
padding: 20px 20px 10px; }
body.single-film #film_category .film_category__block__title h3 {
margin-bottom: 0;
font-size: calc(20 / 16 * 1rem);
line-height: 1.4;
text-align: center; }
@media screen and (min-width: 768px) {
body.single-film #film_category .film_category__block__title h3 {
font-size: calc(20 / 16 * 1rem);
line-height: 1.4; } }
@media screen and (min-width: 768px) {
body.single-film #film_category .film_category__block__title h3 {
text-align: left; } }
body.single-film #film_category .film_category__slider {
padding-left: 40px;
padding-right: 40px; }
@media screen and (min-width: 768px) {
body.single-film #film_category .film_category__slider .film__block {
display: flex;
flex-wrap: wrap;
justify-content: space-between; } }
body.single-film #film_category .film_category__slider .film__block__title {
border-top: 2px solid #131313;
font-size: calc(16 / 16 * 1rem);
font-weight: 700;
width: 100%;
padding: .2em .5em; }
@media screen and (min-width: 768px) {
body.single-film #film_category .film_category__slider .film__block__title {
font-size: calc(18 / 16 * 1rem); } }
@media screen and (min-width: 768px) {
body.single-film #film_category .film_category__slider .film__block__title {
margin-bottom: 10px; } }
body.single-film #film_category .film_category__slider .film__block__image {
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
body.single-film #film_category .film_category__slider .film__block__image {
width: 60.8695652174%;
margin-bottom: 0; } }
@media screen and (min-width: 768px) {
body.single-film #film_category .film_category__slider .film__block__contents {
width: 34.7826086957%;
padding-bottom: 20px; } }
body.single-film #film_category .film_category__slider .film__block__lead {
height: 5.6em;
overflow: hidden;
margin-bottom: 10px;
border-bottom: none; }
body.single-film #film_category .film_category__slider .film__block__details {
display: none; }
body.single-film #film_category .film_category__slider .film__block__copyrights {
display: none; }
body.single-film #film_category .film_category__slider .film__block__link {
text-align: center; }
body.single-film #film_category .film_category__slider .film__block__link a {
color: #FFFFFF;
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/bg_black.png) repeat center center;
border-radius: 2em;
padding: .3em;
text-align: center;
font-weight: 700;
display: inline-block;
width: 160px;
max-width: 100%; }
@media screen and (min-width: 768px) {
body.single-film #film_category .film_category__slider .film__block__link a {
display: block; } }
body.single-film #film_category .film_category__slider .film__block__link a.button__ticket {
display: none; }
body.single-film #film_category .film_category__slider .swiper-button-prev, body.single-film #film_category .film_category__slider .swiper-button-next {
margin: 0;
width: 18px; }
body.single-film #film_category .film_category__slider .swiper-button-prev:after, body.single-film #film_category .film_category__slider .swiper-button-next:after {
display: none; }
body.single-film #film_category .film_category__slider .swiper-button-prev {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_prev.png) no-repeat center center;
background-size: contain; }
body.single-film #film_category .film_category__slider .swiper-button-next {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_next.png) no-repeat center center;
background-size: contain; }
body.single-project #page-main-contents .section__contents .entry__block .entry__title {
display: none; }
body.single-project #page-main-contents .pagination__block {
display: none; }
body.post-type-archive-film .film__block .film__block__link .button__ticket {
display: none; }
body.home {
background-color: #FFFFFF; }
body.home:before {
position: absolute; }
body.home #page-main .section__title h2 {
font-family: "Oswald", sans-serif;
letter-spacing: .1em;
font-weight: 400;
font-style: normal;
font-size: calc(38 / 16 * 1rem);
line-height: 1.4;
text-align: center; }
@media screen and (min-width: 768px) {
body.home #page-main .section__title h2 {
font-size: calc(38 / 16 * 1rem);
line-height: 1.4; } }
body.home #mv {
padding-top: 40px;
padding-bottom: 40px; }
@media screen and (max-width: 767px) {
body.home #mv {
margin-top: 60px; } }
@media screen and (min-width: 768px) {
body.home #mv .container {
width: 1370px; } }
body.home #mv .swiper {
overflow: initial; }
body.home #mv .swiper-slide {
position: relative;
transition: all .4s ease;
text-align: center; }
body.home #mv .swiper-slide a, body.home #mv .swiper-slide span {
border-radius: 20px;
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
margin-bottom: 4px;
background: #FFFFFF;
overflow: hidden;
display: inline-block; }
body.home #mv .swiper-slide a img {
transition: all .4s ease; }
body.home #mv .swiper-slide a:hover {
opacity: 1; }
body.home #mv .swiper-slide a:hover img {
opacity: .7; }
body.home #mv .swiper-slide-active {
transform: translateY(-40px);
z-index: 1; }
@media screen and (min-width: 768px) {
body.home #mv .swiper-slide {
transform: translateY(50px); }
body.home #mv .swiper-slide-active {
transform: translateY(0); } }
body.home #mv .swiper-pagination-bullet {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_01.png) no-repeat center center;
background-size: contain;
width: 16px;
height: 40px;
bottom: 0;
opacity: 1; }
body.home #mv .swiper-pagination-bullet:nth-of-type(2) {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_02.png); }
body.home #mv .swiper-pagination-bullet:nth-of-type(3) {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_03.png); }
body.home #mv .swiper-pagination-bullet:nth-of-type(4) {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_04.png); }
body.home #mv .swiper-pagination-bullet:nth-of-type(5) {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_05.png); }
body.home #mv .swiper-pagination-bullet:nth-of-type(6) {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_06.png); }
body.home #mv .swiper-pagination-bullet-active:nth-of-type(1) {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_01_active.png); }
body.home #mv .swiper-pagination-bullet-active:nth-of-type(2) {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_02_active.png); }
body.home #mv .swiper-pagination-bullet-active:nth-of-type(3) {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_03_active.png); }
body.home #mv .swiper-pagination-bullet-active:nth-of-type(4) {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_04_active.png); }
body.home #mv .swiper-pagination-bullet-active:nth-of-type(5) {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_05_active.png); }
body.home #mv .swiper-pagination-bullet-active:nth-of-type(6) {
background-image: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_06_active.png); }
body.home #mv .swiper-button-prev, body.home #mv .swiper-button-next {
top: auto;
bottom: 0;
margin: 0; }
body.home #mv .swiper-button-prev:after, body.home #mv .swiper-button-next:after {
display: none; }
body.home #mv .swiper-button-prev {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_prev.png) no-repeat center center;
background-size: contain; }
body.home #mv .swiper-button-next {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_next.png) no-repeat center center;
background-size: contain; }
body.home #mv .mv__slider__pagination {
position: relative;
display: flex;
align-items: center;
justify-content: center;
column-gap: 40px; }
@media screen and (min-width: 768px) {
body.home #mv .mv__slider__pagination {
margin-top: 40px; } }
body.home #mv .mv__slider__pagination > div {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
width: auto; }
body.home #mv .mv__slider__pagination .swiper-button-prev
, body.home #mv .mv__slider__pagination .swiper-button-next {
width: 25px; }
@media screen and (max-width: 767px) {
body.home #mv .mv__slider__pagination .swiper-pagination {
width: 100%; } }
body.home #sponsor .container {
width: auto; }
@media screen and (min-width: 768px) {
body.home #sponsor .sponsor__slider {
display: none; } }
body.home #sponsor .sponsor__list {
display: none; }
@media screen and (min-width: 768px) {
body.home #sponsor .sponsor__list {
display: flex;
align-items: center;
justify-content: center;
column-gap: 20px; }
body.home #sponsor .sponsor__list .sponsor__block {
flex: 1; }
body.home #sponsor .sponsor__list .sponsor__block:first-of-type {
flex: 1.2; } }
body.home #lead {
overflow: hidden;
padding-bottom: 0; }
body.home #lead .lead__text {
position: relative;
height: 214px; }
body.home #lead .lead__text img {
position: absolute;
width: 1180px;
max-width: 1180px;
top: 0;
left: 50%;
transform: translateX(-50%); }
@media screen and (max-width: 767px) {
body.home #lead .lead__text {
height: 145px; }
body.home #lead .lead__text img {
width: 800px; } }
body.home #film {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/index/film_bg.png?v=32) no-repeat center center;
background-size: cover; }
body.home #film .section__title {
margin-top: -142px;
position: relative;
z-index: 3; }
body.home #film .section__title h2 {
height: 131.5px;
position: relative; }
body.home #film .section__title h2 img {
position: absolute;
width: 800px;
max-width: 1180px;
top: 0;
left: 50%;
transform: translateX(-50%); }
@media screen and (min-width: 768px) {
body.home #film .section__title {
margin-top: -228px; }
body.home #film .section__title h2 {
height: 194px; }
body.home #film .section__title h2 img {
width: 1180px; } }
body.home #film .section__lead {
color: #FFFFFF;
margin-top: 10px; }
@media screen and (min-width: 768px) {
body.home #film .section__lead {
margin-top: 20px; } }
body.home #film .film__block {
width: 260px; }
body.home #film .film__block a {
text-decoration: none;
display: block;
position: relative; }
body.home #film .film__block__title {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
padding: 0; }
body.home #film .film__block__title__en {
font-size: 34px;
line-height: 32px;
text-align: center;
margin: 0;
color: rgba(255, 255, 255, 0.6); }
body.home #film .film__block__title__ja {
padding: 2px;
font-weight: 700;
line-height: 1.4;
color: #FFFFFF;
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body.home #film .film__block__title__ja {
font-size: calc(16 / 16 * 1rem); } }
body.home #film .film__block__image {
margin-bottom: 0; }
body.home #film .film__block--children .film__block__title__ja {
background-color: #EF8D86; }
body.home #film .film__block--teens .film__block__title__ja {
background-color: #00A0D6; }
body.home #film .film__block--documentary .film__block__title__ja {
background-color: #008A86; }
body.home #film .film__block--poland .film__block__title__ja {
background-color: rgba(181, 0, 9, 0.7); }
@media screen and (min-width: 768px) {
body.home #film .film__block {
width: calc( (100% - 20px * 3) / 4 ); }
body.home #film .film__block__image {
overflow: hidden; }
body.home #film .film__block__image img {
transition: all 0.3s ease; }
body.home #film .film__block__image:hover img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); } }
body.home #map {
padding-bottom: 0; }
body.home #map .section__title {
margin-top: -74px; }
body.home #map .section__title h2 img {
width: 58vw; }
@media screen and (min-width: 768px) {
body.home #map .section__title h2 img {
width: 349px; } }
@media screen and (min-width: 768px) {
body.home #map .section__title {
margin-top: -136px; } }
body.home #map .map__main {
margin-bottom: 40px; }
body.home #map .map__venue__block {
width: 80vw;
max-width: 350px; }
body.home #map .map__venue__block .map__venue__title {
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.4; }
body.home #map .map__venue__block .map__venue__contents {
display: block;
padding-top: 5px; }
body.home #map .map__venue__block .map__venue__contents__box {
padding-top: 10px;
padding-bottom: 10px; }
body.home #map .map__venue__block .map__venue__contents__box .map__venue__title {
padding-top: 3px;
padding-bottom: 3px; }
body.home #map .map__venue__block .map__venue__title {
background-color: #FFFFFF; }
body.home #map .map__venue__block .map__venue__address__text {
line-height: 1.4; }
body.home #map .map__venue__block .map__venue__address, body.home #map .map__venue__block .map__venue__image {
display: none; }
body.home #map .map__venue__slider__wrapper {
position: relative;
padding-top: 30px;
padding-bottom: 30px; }
body.home #map .map__venue__slider__wrapper:before {
content: "";
display: block;
position: absolute;
background: #F0F0E4;
left: 50%;
top: 0;
width: 100vw;
height: 100%;
transform: translateX(-50%); }
body.home #map .section__bottom {
margin-top: 20px; }
@media screen and (min-width: 768px) {
body.home #map .section__bottom {
margin-top: 30px; } }
body.home #map .swiper-button-prev, body.home #map .swiper-button-next {
top: calc( (100% - 70px) / 2 ); }
body.home #map .swiper-button-prev:after, body.home #map .swiper-button-next:after {
display: none; }
body.home #map .swiper-button-prev {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_prev.png) no-repeat center center;
background-size: contain;
left: -15px; }
body.home #map .swiper-button-next {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_next.png) no-repeat center center;
background-size: contain;
right: -15px; }
@media screen and (min-width: 768px) {
body.home #map .swiper-button-prev {
left: -30px; }
body.home #map .swiper-button-next {
right: -30px; } }
body.home #map .map__image {
overflow-x: scroll;
height: 375px; }
body.home #map .map__image img {
height: 100%;
max-width: 1240px; }
@media screen and (min-width: 768px) {
body.home #map .map__image {
overflow-x: initial; } }
body.home #map .venue__wrapper {
position: relative;
padding: 40px 0; }
body.home #map .venue__wrapper:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 0;
width: 100vw;
height: 100%;
background: #EAE5AF;
transform: translateX(-50%); }
body.home #map .venue__list {
position: relative; }
body.home #map .venue__block__title {
font-weight: bold;
font-size: calc(24 / 16 * 1rem);
line-height: 1.4;
text-decoration: underline; }
@media screen and (min-width: 768px) {
body.home #map .venue__block__title {
font-size: calc(28 / 16 * 1rem);
line-height: 1.4; } }
body.home #map .venue__block__title__no {
display: inline-block;
width: 50px;
height: 50px;
background: #2BB5A1;
border-radius: 50%;
line-height: 50px;
font-size: calc(40 / 16 * 1rem);
line-height: 1.4;
color: #FFFFFF;
margin-right: 10px;
text-align: center;
vertical-align: middle; }
@media screen and (min-width: 768px) {
body.home #map .venue__block__title__no {
font-size: calc(40 / 16 * 1rem);
line-height: 1.4; } }
body.home #event .event__slider .swiper-button-prev:after, body.home #event .event__slider .swiper-button-next:after {
display: none; }
body.home #event .event__slider .swiper-button-prev {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_prev.png) no-repeat center center;
background-size: contain; }
body.home #event .event__slider .swiper-button-next {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/sld_next.png) no-repeat center center;
background-size: contain; }
body.home #event .event__slider .swiper-slide {
width: 224px; }
@media screen and (min-width: 768px) {
body.home #event .event__slider .swiper-slide {
width: calc( (100% - 20px * 3) / 4 ); } }
body.home #project {
background: #F0F0E4; }
body.home #project .section__contents {
width: 992px;
max-width: 100%;
margin: 0 auto; }
body.home #project .project__list {
display: flex;
column-gap: 20px;
row-gap: 20px;
flex-wrap: wrap;
justify-content: center; }
body.home #project .project__block {
background: #FFFFFF;
width: 100%; }
body.home #project .project__block__image img {
width: 100%; }
body.home #project .project__block__contents {
padding: 20px; }
body.home #project .project__block__logo {
margin-bottom: 10px; }
body.home #project .project__block__logo img {
margin-left: 0; }
body.home #project .project__block__text {
font-weight: bold;
line-height: 1.4; }
@media screen and (min-width: 768px) {
body.home #project .project__block {
width: calc( (100% - 20px) / 2); }
body.home #project .project__block a {
display: flex; }
body.home #project .project__block a > div.project__block__image {
width: 230px;
flex-shrink: 0; }
body.home #project .project__block a > div.project__block__contents {
width: auto;
flex-grow: 1; }
body.home #project .project__block__image img {
margin-left: 0; }
body.home #project .project__block__contents {
padding: 10px; } }
body.home #banner {
background: #F0F0E4; }
body.home #banner .section__contents {
width: 992px;
max-width: 100%;
margin: 0 auto; }
body.home #news {
padding-bottom: 0; }
body.home #news .section__title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px; }
body.home #news .section__title h2 {
margin-bottom: 0; }
body.home #news .news__links .link {
font-weight: 700; }
body.home #news .news__list {
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
padding-top: 20px; }
@media screen and (min-width: 768px) {
body.home #news .news__wrapper {
width: 992px;
max-width: 100%;
margin: 0 auto;
border-top: 2px solid #000000;
display: flex;
align-items: flex-start;
column-gap: 40px;
padding-top: 40px; }
body.home #news .section__title {
margin-bottom: 0;
flex-direction: column;
row-gap: 20px;
align-items: flex-start;
flex-shrink: 0;
padding: 0 20px; }
body.home #news .section__contents {
flex-grow: 1; }
body.home #news .news__list {
border-top: none;
border-bottom: 1px solid #000000;
padding-top: 0; } }
body[class*="page_about"] #page-main-contents .greetings__block {
background: #F0F0E4;
padding: 20px 20px;
margin-bottom: 40px; }
body[class*="page_about"] #page-main-contents .greetings__bottom {
display: block;
margin-right: 0;
margin-left: auto;
width: 260px;
max-width: 100%; }
body[class*="page_about"] #page-main-contents .greetings__title {
font-size: .8rem; }
body[class*="page_about"] #page-main-contents .greetings__name {
font-weight: 700;
letter-spacing: .5em;
font-size: 1.2em; }
body[class*="page_partners"] #page-main-contents .partners__title {
font-size: calc(20 / 16 * 1rem);
line-height: 1.4;
line-height: 1.4;
font-weight: 700;
margin-bottom: 1em;
text-align: center; }
@media screen and (min-width: 768px) {
body[class*="page_partners"] #page-main-contents .partners__title {
font-size: calc(28 / 16 * 1rem);
line-height: 1.4; } }
body[class*="page_partners"] #page-main-contents .partners__title .partners__title__en {
margin-bottom: .5em; }
@media screen and (min-width: 768px) {
body[class*="page_partners"] #page-main-contents .partner__row {
display: flex;
column-gap: 40px; }
body[class*="page_partners"] #page-main-contents .partner__row > div {
flex: 1; }
body[class*="page_partners"] #page-main-contents .partner__row .partner__list--6 > * {
width: calc((100% - 1rem * 2) / 3); } }
body[class*="page_partners"] #page-main-contents .partner__block {
margin-bottom: 40px; }
body[class*="page_partners"] #page-main-contents .partner__block h4 {
text-align: center;
font-size: 1.2rem;
margin-bottom: 20px;
position: relative; }
body[class*="page_partners"] #page-main-contents .partner__block h4:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 2px;
left: 0;
top: 50%;
transform: translateY(-50%);
background: #000000; }
body[class*="page_partners"] #page-main-contents .partner__block h4 span {
display: inline-block;
background: #FFFFFF;
position: relative;
padding: 0 1em; }
body[class*="page_partners"] #page-main-contents .partner__list {
display: flex;
column-gap: 1rem;
row-gap: 1rem;
flex-wrap: wrap;
align-items: center;
justify-content: center; }
body[class*="page_partners"] #page-main-contents .partner__list img {
margin: 0; }
body[class*="page_partners"] #page-main-contents .partner__list--4 > * {
width: calc((100% - 1rem * 1) / 2); }
@media screen and (min-width: 768px) {
body[class*="page_partners"] #page-main-contents .partner__list--4 > * {
width: calc((100% - 1rem * 3) / 4); } }
body[class*="page_partners"] #page-main-contents .partner__list--6 > * {
width: calc((100% - 1rem * 2) / 3); }
@media screen and (min-width: 768px) {
body[class*="page_partners"] #page-main-contents .partner__list--6 > * {
width: calc((100% - 1rem * 5) / 6); } }
body[class*="page_partners"] #page-main-contents .partner__list--8 {
justify-content: flex-start; }
body[class*="page_partners"] #page-main-contents .partner__list--8 > * {
width: calc((100% - 1rem * 3) / 4); }
@media screen and (min-width: 768px) {
body[class*="page_partners"] #page-main-contents .partner__list--8 > * {
width: calc((100% - 1rem * 7) / 8); } }
body[class*="page_partners"] #page-main-contents .partner__list--left {
justify-content: flex-start; }
@media screen and (min-width: 768px) {
body[class*="page_partners"] #page-main-contents .partner__list--co_partners {
row-gap: 2rem; } }
body[class*="page_partners"] #page-main-contents .partners__organization__list {
margin-top: 80px;
border-top: 1px solid #cccccc;
padding-top: 40px;
margin-bottom: 80px; }
body[class*="page_partners"] #page-main-contents .partners__organization__block {
margin-top: 20px; }
@media screen and (min-width: 768px) {
body[class*="page_partners"] #page-main-contents .partners__organization__block {
display: flex;
column-gap: 20px; } }
body[class*="page_partners"] #page-main-contents .partners__organization__title {
flex-shrink: 0;
font-weight: 700; }
@media screen and (min-width: 768px) {
body[class*="page_partners"] #page-main-contents .partners__organization__title {
width: 100px;
font-size: .9rem; } }
body[class*="page_partners"] #page-main-contents .partners__organization__contents {
flex-grow: 1; }
body[class*="page_partners"] #page-main-contents .partners__organization__contents img {
display: inline-block;
margin: 0 5px 0 0;
vertical-align: middle; }
body[class*="page_quebec_focus"] #page-main-contents h2, body[class*="page_quebec_focus"] #page-main-contents h3 {
color: #4968b0; }
body[class*="page_quebec_focus"] #page-main-contents h2 span, body[class*="page_quebec_focus"] #page-main-contents h3 span {
display: block;
font-size: .7em; }
body[class*="page_quebec_focus"] #page-main-contents .quebec__lead .contents__title {
display: flex;
column-gap: 10px;
align-items: center; }
body[class*="page_quebec_focus"] #page-main-contents .quebec__lead .contents__title h2 {
width: calc( 75% - 10px ); }
body[class*="page_quebec_focus"] #page-main-contents .quebec__lead .contents__title img {
width: 25%; }
body[class*="page_quebec_focus"] #page-main-contents .button__film_details {
padding: 8px .3em; }
body[class*="page_quebec_focus"] #page-main-contents .film__block__title {
background: #006bb6; }
body[class*="page_quebec_focus"] #page-main-contents .film__block__link a {
width: 200px; }
body[class*="page_quebec_focus"] #page-main-contents .feature__block.--special {
background: rgba(73, 104, 176, 0.1);
padding: 20px;
justify-content: center;
align-items: flex-start; }
body[class*="page_quebec_focus"] #page-main-contents .feature__block.--special .feature__contents__title {
text-align: left; }
body[class*="page_quebec_focus"] #page-main-contents .feature__block.--special .feature__contents__title h3 {
font-size: calc(14 / 16 * 1rem);
margin-bottom: 5px; }
@media screen and (min-width: 768px) {
body[class*="page_quebec_focus"] #page-main-contents .feature__block.--special .feature__contents__title h3 {
font-size: calc(16 / 16 * 1rem); } }
body[class*="page_quebec_focus"] #page-main-contents .feature__block.--special .feature__contents {
text-align: right;
position: relative; }
body[class*="page_quebec_focus"] #page-main-contents .feature__block.--special .feature__contents img {
margin-right: 0; }
body[class*="page_quebec_focus"] #page-main-contents .feature__block.--special .feature__image {
position: relative;
text-align: right; }
body[class*="page_quebec_focus"] #page-main-contents .feature__block.--special .link__profile {
display: block; }
body[class*="page_quebec_focus"] #page-main-contents .special_thanks__name {
font-weight: 700; }
body[class*="page_quebec_focus"] #page-main-contents .special_thanks__name__title {
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body[class*="page_quebec_focus"] #page-main-contents .special_thanks__name__title {
font-size: calc(14 / 16 * 1rem); } }
body[class*="page_quebec_focus"] #page-main-contents .modal__content {
width: 600px; }
body[class*="page_quebec_focus"] #page-main-contents .director__profile {
padding: 40px 20px;
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body[class*="page_quebec_focus"] #page-main-contents .director__profile {
font-size: calc(16 / 16 * 1rem); } }
body[class*="page_quebec_focus"] #page-main-contents .director__profile__image {
margin-bottom: 10px; }
body[class*="page_quebec_focus"] #page-main-contents .director__profile__name {
font-size: calc(16 / 16 * 1rem);
font-weight: 700;
margin-bottom: 10px;
line-height: 1.4; }
@media screen and (min-width: 768px) {
body[class*="page_quebec_focus"] #page-main-contents .director__profile__name {
font-size: calc(18 / 16 * 1rem); } }
body[class*="page_quebec_focus"] #page-main-contents .director__profile__name span {
display: block;
font-size: .7em; }
@media screen and (max-width: 767px) {
body[class*="page_online_shop"] #page-main .image__block__image {
margin-top: -20vw; } }
@media screen and (min-width: 768px) {
body[class*="page_online_shop"] #page-main .image__block__image {
width: 50%; } }
body[class*="page_online_shop"] #page-main .feature__block {
align-items: flex-start; }
body[class*="page_online_shop"] #page-main .feature__image__comment {
background: #F2F7FB;
font-size: calc(12 / 16 * 1rem);
padding: 10px;
margin-top: 10px; }
@media screen and (min-width: 768px) {
body[class*="page_online_shop"] #page-main .feature__image__comment {
font-size: calc(14 / 16 * 1rem); } }
body[class*="page_i_love_theater"] #page-main .i_love_theater__block {
margin-bottom: 40px; }
body[class*="page_i_love_theater"] #page-main .i_love_theater__block .film__list .film__block {
width: auto; }
body[class*="page_i_love_theater"] #page-main .i_love_theater__block .film__list .film__block .film__block__lead {
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body[class*="page_i_love_theater"] #page-main .i_love_theater__block .film__list .film__block .film__block__lead {
font-size: calc(14 / 16 * 1rem); } }
body[class*="page_i_love_theater"] #page-main .i_love_theater__block .film__list .film__block .film__block__details {
display: none; }
body[class*="page_i_love_theater"] #page-main .i_love_theater__venue {
display: flex;
column-gap: 40px;
align-items: flex-start; }
body[class*="page_i_love_theater"] #page-main .i_love_theater__venue__name {
font-size: calc(16 / 16 * 1rem);
font-weight: 700; }
@media screen and (min-width: 768px) {
body[class*="page_i_love_theater"] #page-main .i_love_theater__venue__name {
font-size: calc(20 / 16 * 1rem); } }
body[class*="page_i_love_theater"] #page-main .i_love_theater__venue__address {
margin-bottom: 10px; }
body[class*="page_i_love_theater"] #page-main .i_love_theater__venue__menu {
margin-bottom: 10px;
font-size: .9rem; }
body[class*="page_i_love_theater"] #page-main .i_love_theater__venue__image {
width: calc( (100% - 20px * 2) / 3 );
flex-shrink: 0; }
body[class*="page_i_love_theater"] #page-main .i_love_theater__venue__schedule__date {
font-size: calc(16 / 16 * 1rem);
font-weight: 700; }
@media screen and (min-width: 768px) {
body[class*="page_i_love_theater"] #page-main .i_love_theater__venue__schedule__date {
font-size: calc(18 / 16 * 1rem); } }
body[class*="page_i_love_theater"] #page-main .i_love_theater__film .film__block__link .button__ticket {
display: none; }
body[class*="page_i_love_theater"] #page-main .i_love_theater__ticket {
margin-bottom: 80px;
text-align: center; }
@media screen and (min-width: 768px) {
body[class*="page_i_love_theater"] #page-main .i_love_theater__block {
display: flex;
column-gap: 40px;
align-items: flex-start; }
body[class*="page_i_love_theater"] #page-main .i_love_theater__film {
width: calc( (100% - 20px * 2) / 3 );
flex-shrink: 0; }
body[class*="page_i_love_theater"] #page-main .i_love_theater__film .film__block__link {
flex-direction: column; }
body[class*="page_i_love_theater"] #page-main .i_love_theater__film .film__block__link .button__ticket {
width: auto; } }
body[class*="page_schedule"] #page-main-contents .section__title {
border-bottom: none; }
@media screen and (max-width: 767px) {
body[class*="page_schedule"] #page-main-contents .section__title {
padding-bottom: 20px; } }
body[class*="page_map"] #page-main-contents .map__title img {
width: calc( 107 / 375 * 100vw ); }
@media screen and (min-width: 768px) {
body[class*="page_map"] #page-main-contents .map__title img {
width: calc( 247 / 928 * 100% ); } }
body[class*="page_map"] #page-main-contents .map__main {
margin-left: -20px;
margin-right: -20px; }
@media screen and (min-width: 768px) {
body[class*="page_map"] #page-main-contents .map__main {
margin-left: -100px;
margin-right: -100px; }
body[class*="page_map"] #page-main-contents .map__main__map {
margin-bottom: 40px; } }
body[class*="single_event_creative_workshops"] #page-main .entry__contents .contents__title {
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
body[class*="single_event_creative_workshops"] #page-main .entry__contents .contents__title .text__title_en {
font-size: 50px; } }
body[class*="single_event_creative_workshops"] #page-main-contents .lecturer__profile {
padding: 40px 20px;
font-size: calc(14 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body[class*="single_event_creative_workshops"] #page-main-contents .lecturer__profile {
font-size: calc(16 / 16 * 1rem); } }
body[class*="single_event_creative_workshops"] #page-main-contents .lecturer__profile__image {
margin-bottom: 10px; }
body[class*="single_event_creative_workshops"] #page-main-contents .lecturer__profile__name {
font-size: calc(16 / 16 * 1rem);
font-weight: 700;
margin-bottom: 10px;
line-height: 1.4; }
@media screen and (min-width: 768px) {
body[class*="single_event_creative_workshops"] #page-main-contents .lecturer__profile__name {
font-size: calc(18 / 16 * 1rem); } }
body[class*="single_event_creative_workshops"] #page-main-contents .lecturer__profile__name span {
display: block;
font-size: .7em; }
@media screen and (min-width: 768px) {
body[class*="single_event_creative_workshops"] #page-main-contents .lecturer__profile {
display: flex;
column-gap: 40px;
align-items: flex-start; }
body[class*="single_event_creative_workshops"] #page-main-contents .lecturer__profile__image {
width: calc( (100% - (20px * 2)) / 3 );
flex-shrink: 0; }
body[class*="single_event_creative_workshops"] #page-main-contents .lecturer__profile__contents {
flex-grow: 1; } }
body[class*="single_event_czech_festival"] #page-main .entry__contents .contents__title {
color: #a8b515; }
body[class*="single_event_czech_festival"] #page-main .feature__contents__title {
color: #a8b515; }
body[class*="single_event_czech_festival"] #page-main .sponsor__block {
background: #f2f2f0;
padding: 20px;
margin-top: 40px; }
body[class*="single_event_czech_festival"] #page-main .sponsor__block .sponsor__contents {
display: flex;
column-gap: 20px; }
body[class*="single_event_czech_festival"] #page-main .sponsor__block .sponsor__contents > div {
flex: 1; }
body[class*="single_event_czech_festival"] #page-main .sponsor__block .sponsor__item {
text-align: center; }
body[class*="single_event_czech_festival"] #page-main .sponsor__block .sponsor__item:nth-of-type(1) .sponsor__item__title {
color: #f08200; }
body[class*="single_event_czech_festival"] #page-main .sponsor__block .sponsor__item:nth-of-type(2) .sponsor__item__title {
color: #7d7672; }
body[class*="single_event_czech_festival"] #page-main .sponsor__block .sponsor__item__title {
margin-bottom: 10px;
border-bottom: 1px solid #131313; }
body[class*="single_event_czech_festival"] #page-main .sponsor__block .sponsor__item__contents {
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body[class*="single_event_czech_festival"] #page-main .sponsor__block .sponsor__item__contents {
font-size: calc(14 / 16 * 1rem); } }
body[class*="single_event_czech_festival"] #page-main .sponsor__block .sponsor__item__contents img {
margin-bottom: 10px; }
body[class*="single_event_earth_energy_experience"] #page-main .entry__contents .contents__title {
color: #159c92; }
@media screen and (min-width: 768px) {
body[class*="single_event_earth_energy_experience"] #page-main .entry__contents .contents__title .text__title_en {
font-size: 50px; } }
body[class*="single_event_earth_energy_experience"] #page-main .feature__contents__title {
color: #159c92; }
@media screen and (max-width: 767px) {
body[class*="single_event_earth_energy_experience"] #page-main .shop__category__contents .shop__list + .shop__list {
margin-top: 20px; } }
@media screen and (min-width: 768px) {
body[class*="single_event_earth_energy_experience"] #page-main .shop__category__contents {
display: flex;
column-gap: 40px;
align-items: flex-start; }
body[class*="single_event_earth_energy_experience"] #page-main .shop__category__contents > div {
flex: 1; } }
body[class*="single_event_fun_safety"] #page-main .entry__contents .contents__title {
color: #006cb7; }
body[class*="single_event_fun_safety"] #page-main .feature__contents__title {
color: #006cb7; }
body[class*="single_event_mizbering"] #page-main .entry__contents .contents__title h2 {
font-size: calc(32 / 16 * 1rem);
line-height: 1.4;
line-height: 1; }
@media screen and (min-width: 768px) {
body[class*="single_event_mizbering"] #page-main .entry__contents .contents__title h2 {
font-size: calc(48 / 16 * 1rem);
line-height: 1.4; } }
body[class*="single_event_mizbering"] #page-main-contents .film__block__link .button__ticket {
display: none; }
body[class*="single_event_delicious_park"] #page-main-contents .program__datails__list {
margin-bottom: 20px; }
@media screen and (min-width: 768px) {
body[class*="single_event_delicious_park"] #page-main-contents .program__datails__list {
margin-bottom: 40px; } }
@media screen and (max-width: 767px) {
body[class*="single_event_delicious_park"] #page-main-contents .image__block {
background: url(//www.kineko.jp/content/wp-content/themes/kineko/assets/img/delicious_park/delicious_park_mv.png) no-repeat right bottom;
background-size: 30vw auto;
padding-bottom: 25vw; }
body[class*="single_event_delicious_park"] #page-main-contents .image__block__image {
display: none; } }
body[class*="single_event_galleria"] #page-main-contents .contents__title {
color: #00A4DD; }
@media screen and (max-width: 767px) {
body[class*="single_event_galleria"] #page-main-contents .row .col + .col {
margin-top: 20px; } }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .row {
display: flex;
gap: 40px; }
body[class*="single_event_galleria"] #page-main-contents .row > .col:nth-of-type(1) {
flex-grow: 1; }
body[class*="single_event_galleria"] #page-main-contents .row > .col:nth-of-type(2) {
flex-shrink: 0; } }
body[class*="single_event_galleria"] #page-main-contents .program__date {
margin-bottom: 10px; }
body[class*="single_event_galleria"] #page-main-contents .galleria__mv {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 40px; }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__mv {
margin-left: -50px;
margin-right: -50px; } }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__category__list {
display: flex;
flex-wrap: wrap;
gap: 40px; } }
body[class*="single_event_galleria"] #page-main-contents .galleria__category__title {
color: #00A4DD; }
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block {
margin-bottom: 40px; }
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--piano {
width: calc( (100% - 40px) / 2 ); }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--piano {
width: calc( (100% - 40px) / 4  ); } }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--performance {
width: calc( (100% - 40px) / 4 * 3 ); } }
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--performance .galleria__event__list {
display: flex;
flex-wrap: wrap;
row-gap: 40px;
column-gap: 10px; }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--performance .galleria__event__list {
column-gap: 40px; } }
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--performance .galleria__event__block {
width: calc( (100% - 20px / 2) / 2 );
text-align: center; }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--performance .galleria__event__block {
width: calc( (100% - 40px * 2) / 3 ); } }
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--stage .galleria__event__list {
display: flex;
flex-wrap: wrap;
row-gap: 40px;
column-gap: 10px; }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--stage .galleria__event__list {
column-gap: 40px; } }
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--stage .galleria__event__block {
width: calc( (100% - 20px / 2) / 2 );
border-top: 1px solid #00A4DD;
padding-top: 10px; }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--stage .galleria__event__block {
width: calc( (100% - 40px * 2) / 3 ); } }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--stage .galleria__event__block.--pickup {
width: 100%;
display: flex;
column-gap: 20px;
justify-content: flex-start; }
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--stage .galleria__event__block.--pickup .galleria__event__image {
width: calc( (100% - 20px) / 3 ); }
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--stage .galleria__event__block.--pickup .galleria__event__contents {
width: calc( (100% - 20px) / 3 * 2 ); }
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--stage .galleria__event__block.--pickup .galleria__event__title {
text-align: left;
font-size: calc(16 / 16 * 1rem);
margin-bottom: 8px; } }
@media screen and (min-width: 768px) and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--stage .galleria__event__block.--pickup .galleria__event__title {
font-size: calc(18 / 16 * 1rem); } }
body[class*="single_event_galleria"] #page-main-contents .galleria__category__block.--stage .galleria__event__title {
text-align: center;
margin-bottom: 4px; }
body[class*="single_event_galleria"] #page-main-contents .galleria__event__block {
font-size: calc(12 / 16 * 1rem);
line-height: 1.4; }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__event__block {
font-size: calc(14 / 16 * 1rem); } }
body[class*="single_event_galleria"] #page-main-contents .galleria__event__block p {
margin: 0; }
body[class*="single_event_galleria"] #page-main-contents .galleria__event__block p + p {
margin-top: .5em; }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__event__block br.sp {
display: none; } }
@media screen and (max-width: 767px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__event__block br.pc {
display: none; } }
body[class*="single_event_galleria"] #page-main-contents .galleria__event__image {
margin-bottom: 6.6666666667px; }
body[class*="single_event_galleria"] #page-main-contents .galleria__event__title {
font-size: calc(14 / 16 * 1rem);
font-weight: 700; }
@media screen and (min-width: 768px) {
body[class*="single_event_galleria"] #page-main-contents .galleria__event__title {
font-size: calc(16 / 16 * 1rem); } }
body[class*="single_event_galleria"] #page-main-contents .galleria__event__provision {
text-align: right;
opacity: .7;
margin-top: .4px; }
body[class*="single_event_marche"] #page-main-contents .contents__title {
color: #00A4DD; }
@media screen and (min-width: 768px) {
body[class*="single_event_marche"] #page-main-contents .contents__title {
display: flex;
justify-content: space-between;
align-items: flex-start; } }
@media screen and (max-width: 767px) {
body[class*="single_event_marche"] #page-main-contents .contents__title h2 {
margin-bottom: 10px; } }
body[class*="single_event_marche"] #page-main-contents .program__date {
margin-bottom: 10px; }
body[class*="single_event_marche"] #page-main-contents .program__date img {
margin-left: 0; }
body[class*="single_event_marche"] #page-main-contents .marche__mv {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 40px; }
@media screen and (min-width: 768px) {
body[class*="single_event_marche"] #page-main-contents .marche__mv {
margin-left: -50px;
margin-right: -50px; } }
body[class*="single_event_marche"] #page-main-contents .marche__list {
display: flex;
flex-wrap: wrap;
gap: 40px; }
@media screen and (max-width: 767px) {
body[class*="single_event_marche"] #page-main-contents .marche__list {
column-gap: 10px; } }
body[class*="single_event_marche"] #page-main-contents .marche__block {
border-top: 2px solid #00A4DD;
padding: 14px 4px;
font-size: calc(12 / 16 * 1rem);
line-height: 1.4;
width: calc( (100% - 20px / 2) / 2 ); }
@media screen and (min-width: 768px) {
body[class*="single_event_marche"] #page-main-contents .marche__block {
font-size: calc(14 / 16 * 1rem); } }
body[class*="single_event_marche"] #page-main-contents .marche__block p {
margin: 0; }
body[class*="single_event_marche"] #page-main-contents .marche__block p + p {
margin-top: .5em; }
@media screen and (min-width: 768px) {
body[class*="single_event_marche"] #page-main-contents .marche__block br.sp {
display: none; } }
@media screen and (max-width: 767px) {
body[class*="single_event_marche"] #page-main-contents .marche__block br.pc {
display: none; } }
@media screen and (min-width: 768px) {
body[class*="single_event_marche"] #page-main-contents .marche__block {
width: calc( (100% - 40px * 3) / 4 ); } }
body[class*="single_event_marche"] #page-main-contents .marche__image {
margin-bottom: 6.6666666667px; }
body[class*="single_event_marche"] #page-main-contents .marche__title {
font-size: calc(14 / 16 * 1rem);
font-weight: 700;
text-align: center;
margin-bottom: 4px; }
@media screen and (min-width: 768px) {
body[class*="single_event_marche"] #page-main-contents .marche__title {
font-size: calc(16 / 16 * 1rem); } }
body[class*="single_event_marche"] #page-main-contents .marche__provision {
text-align: right;
opacity: .7;
margin-top: 4px;
font-size: .9em; }
body[class*="single_project_1day_educational_conference"] #page-main .entry__contents .contents__title {
color: #78538a; }
body[class*="single_project_1day_educational_conference"] #page-main .adoresu_1dayyoyaku {
font-size: calc(18 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body[class*="single_project_1day_educational_conference"] #page-main .adoresu_1dayyoyaku {
font-size: calc(24 / 16 * 1rem); } }
body[class*="single_project_1day_educational_conference"] #page-main .program__date {
margin-bottom: 10px; }
body[class*="single_project_1day_educational_conference"] #page-main .program__date img {
height: 54px;
margin-left: 0; }
body[class*="single_project_1day_educational_conference"] #page-main .feature__contents__title {
color: #78538a; }
@media screen and (min-width: 768px) {
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--timetable {
width: calc( (100% - 40px * 2) / 3 * 2 ); }
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--timetable .feature__contents__title h3 {
margin-bottom: 20px; } }
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--special {
background: rgba(120, 83, 138, 0.1);
padding: 20px;
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--special {
font-size: calc(14 / 16 * 1rem); } }
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--special h3 {
font-size: calc(16 / 16 * 1rem);
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--special h3 {
font-size: calc(20 / 16 * 1rem); } }
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--special p {
margin-bottom: 0; }
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--special li {
margin-top: 0; }
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--guest h3 {
margin-bottom: 10px; }
@media screen and (max-width: 767px) {
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--guest .feature__contents {
margin-bottom: 10px; } }
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--guest .guest__name {
font-size: calc(18 / 16 * 1rem);
font-weight: 700; }
@media screen and (min-width: 768px) {
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--guest .guest__name {
font-size: calc(24 / 16 * 1rem); } }
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--guest .guest__name .text__en {
font-weight: 400;
font-size: calc(12 / 16 * 1rem);
display: inline-block; }
@media screen and (min-width: 768px) {
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--guest .guest__name .text__en {
font-size: calc(14 / 16 * 1rem); } }
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--guest .guest__title {
margin-bottom: 10px;
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body[class*="single_project_1day_educational_conference"] #page-main .feature__block.--guest .guest__title {
font-size: calc(14 / 16 * 1rem); } }
body[class*="single_project_live_actors"] #page-main .entry__contents .contents__title {
color: #db4d43; }
body[class*="single_project_live_actors"] #page-main .feature__contents__title {
color: #db4d43; }
body[class*="single_project_live_actors"] #page-main .feature__block.--special {
background: #F2F7FB;
padding: 20px;
flex-direction: row; }
body[class*="single_project_live_actors"] #page-main .feature__block.--special .feature__contents__title p {
margin-bottom: 0;
color: #131313; }
body[class*="single_project_live_actors"] #page-main .feature__block.--special .feature__contents__title h3 {
margin-bottom: 10px;
font-size: calc(16 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body[class*="single_project_live_actors"] #page-main .feature__block.--special .feature__contents__title h3 {
font-size: calc(20 / 16 * 1rem); } }
body[class*="single_project_live_actors"] #page-main .feature__block.--special .feature__image {
width: 50%; }
body[class*="single_project_hospital_project"] #page-main .entry__contents .contents__title {
color: #B21B3C; }
@media screen and (max-width: 767px) {
body[class*="single_project_hospital_project"] #page-main .contents__title img {
width: 200px;
margin-right: 0; } }
@media screen and (min-width: 768px) {
body[class*="single_project_hospital_project"] #page-main .contents__title {
display: flex;
justify-content: space-between; }
body[class*="single_project_hospital_project"] #page-main .contents__title h2 {
flex-grow: 1; }
body[class*="single_project_hospital_project"] #page-main .contents__title img {
width: 30%; } }
body[class*="single_project_hospital_project"] #page-main .hospital_project__title {
width: 460px;
max-width: 100%;
margin: 0 auto; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__movies__block {
margin-bottom: 20px; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__movies__block h3 {
margin-top: 40px; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__movies__block h3 img {
max-height: 32px; }
@media screen and (min-width: 768px) {
body[class*="single_project_hospital_project"] #page-main .hospital_project__movies__block h3 {
margin-top: 60px; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__movies__block h3 img {
max-height: 46px; } }
body[class*="single_project_hospital_project"] #page-main .hospital_project__movies__block h4 {
margin-bottom: 6px; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__title {
text-align: center;
font-size: calc(20 / 16 * 1rem);
line-height: 1.4;
font-weight: bold;
color: #B21B3C;
margin-bottom: 20px; }
@media screen and (min-width: 768px) {
body[class*="single_project_hospital_project"] #page-main .hospital_project__title {
font-size: calc(28 / 16 * 1rem);
line-height: 1.4; } }
body[class*="single_project_hospital_project"] #page-main .hospital_project__links {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 auto 40px; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__links.--ceremony > * {
width: calc( (100% - 10px) / 2 ); }
body[class*="single_project_hospital_project"] #page-main .hospital_project__links.--col4 > * {
width: calc( (100% - 10px) / 2 ); }
@media screen and (min-width: 768px) {
body[class*="single_project_hospital_project"] #page-main .hospital_project__links {
gap: 20px; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__links.--ceremony > * {
width: calc( (100% - 20px) / 2 ); }
body[class*="single_project_hospital_project"] #page-main .hospital_project__links.--col4 > * {
width: calc( (100% - 20px * 3) / 4 ); } }
body[class*="single_project_hospital_project"] #page-main .hospital_project__links a {
position: relative;
display: block;
cursor: pointer; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__links a sup {
position: absolute;
right: 6px;
top: 0;
color: #FFFFFF; }
@media screen and (min-width: 768px) {
body[class*="single_project_hospital_project"] #page-main .hospital_project__links a sup {
right: 10px;
top: 10px; } }
body[class*="single_project_hospital_project"] #page-main .hospital_project__link__in_preparation {
position: relative; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__link__in_preparation span {
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.8); }
body[class*="single_project_hospital_project"] #page-main .hospital_project__links__mention {
margin-top: -30px;
margin-bottom: 40px; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__links__mention li {
list-style-type: none;
font-size: calc(12 / 16 * 1rem); }
@media screen and (min-width: 768px) {
body[class*="single_project_hospital_project"] #page-main .hospital_project__links__mention li {
font-size: calc(14 / 16 * 1rem); } }
body[class*="single_project_hospital_project"] #page-main .hospital_project__links__mention li:nth-of-type(1):before {
content: "*1";
display: inline-block;
margin-left: -1.5em;
width: 1.5em; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__links__mention li.no_02:before {
content: "*2"; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__howto {
margin-bottom: 40px;
border: 4px solid #B21B3C;
padding: 20px;
border-radius: 20px; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__howto .hospital_project__howto__title {
text-align: center;
font-size: calc(20 / 16 * 1rem);
line-height: 1.4;
font-weight: bold;
color: #B21B3C;
margin-bottom: 20px; }
@media screen and (min-width: 768px) {
body[class*="single_project_hospital_project"] #page-main .hospital_project__howto .hospital_project__howto__title {
font-size: calc(28 / 16 * 1rem);
line-height: 1.4; } }
@media screen and (min-width: 768px) {
body[class*="single_project_hospital_project"] #page-main .hospital_project__howto .hospital_project__howto__contents {
display: flex;
column-gap: 80px;
align-items: center; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__howto .hospital_project__howto__contents > * {
flex: 1; } }
body[class*="single_project_hospital_project"] #page-main .hospital_project__howto .hospital_project__howto__buttons {
text-align: center; }
@media screen and (max-width: 767px) {
body[class*="single_project_hospital_project"] #page-main .hospital_project__howto .hospital_project__howto__buttons {
margin-top: 20px; }
body[class*="single_project_hospital_project"] #page-main .hospital_project__howto .hospital_project__howto__buttons br {
display: none; } }