.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-audio audio{width:100%;min-width:300px}.wp-block-button{color:#fff}.wp-block-button.aligncenter{text-align:center}.wp-block-button.alignright{text-align:right}.wp-block-button__link{background-color:#32373c;border:none;border-radius:28px;box-shadow:none;color:inherit;cursor:pointer;display:inline-block;font-size:18px;margin:0;padding:12px 24px;text-align:center;text-decoration:none;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:inherit}.is-style-squared .wp-block-button__link{border-radius:0}.no-border-radius.wp-block-button__link{border-radius:0!important}.is-style-outline{color:#32373c}.is-style-outline .wp-block-button__link{background-color:transparent;border:2px solid}.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:4px;border:1px solid #e2e4e7}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-calendar table th{font-weight:400;background:#edeff0}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar tfoot a{color:#00739c}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-columns{display:flex;margin-bottom:28px;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (max-width:599px){.wp-block-column{flex-basis:100%!important}}@media (min-width:600px){.wp-block-column{flex-basis:calc(50% - 16px);flex-grow:0}.wp-block-column:nth-child(2n){margin-left:32px}}@media (min-width:782px){.wp-block-column:not(:first-child){margin-left:32px}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-cover,.wp-block-cover-image{position:relative;background-color:#000;background-size:cover;background-position:50%;min-height:430px;height:100%;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:inherit;opacity:.5;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10:before,.wp-block-cover.has-background-dim.has-background-dim-10:before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20:before,.wp-block-cover.has-background-dim.has-background-dim-20:before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30:before,.wp-block-cover.has-background-dim.has-background-dim-30:before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40:before,.wp-block-cover.has-background-dim.has-background-dim-40:before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50:before,.wp-block-cover.has-background-dim.has-background-dim-50:before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60:before,.wp-block-cover.has-background-dim.has-background-dim-60:before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70:before,.wp-block-cover.has-background-dim.has-background-dim-70:before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80:before,.wp-block-cover.has-background-dim.has-background-dim-80:before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90:before,.wp-block-cover.has-background-dim.has-background-dim-90:before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100:before,.wp-block-cover.has-background-dim.has-background-dim-100:before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:305px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:calc(100% - 70px);z-index:1;color:#f8f9f9}.wp-block-cover-image .wp-block-subhead:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover .wp-block-subhead:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color){color:inherit}.wp-block-cover__video-background{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover}.wp-block-cover-image-text,.wp-block-cover-text,section.wp-block-cover-image h2{color:#fff}.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:610px;padding:14px;text-align:center}.block-editor-block-list__block[data-type="core/embed"][data-align=left] .block-editor-block-list__block-edit,.block-editor-block-list__block[data-type="core/embed"][data-align=right] .block-editor-block-list__block-edit,.wp-block-embed.alignleft,.wp-block-embed.alignright{max-width:360px;width:100%}.wp-block-embed{margin-bottom:1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.78%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:13px;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.blocks-gallery-grid,.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 16px 16px 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative}.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:40px 10px 9px;color:#fff;text-align:center;font-size:13px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent)}.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc((100% - 16px)/2)}.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3);margin-right:16px}@supports (-ms-ime-align:auto){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3 - 1px)}}.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4);margin-right:16px}@supports (-ms-ime-align:auto){.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4 - 1px)}}.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5);margin-right:16px}@supports (-ms-ime-align:auto){.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5 - 1px)}}.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6);margin-right:16px}@supports (-ms-ime-align:auto){.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6 - 1px)}}.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7);margin-right:16px}@supports (-ms-ime-align:auto){.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7 - 1px)}}.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8);margin-right:16px}@supports (-ms-ime-align:auto){.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8 - 1px)}}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n){margin-right:0}.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n){margin-right:0}.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n){margin-right:0}.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n){margin-right:0}.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n){margin-right:0}.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n){margin-right:0}.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:305px;width:100%}.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-image{max-width:100%;margin-bottom:1em}.wp-block-image img{max-width:100%}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.is-resized{display:table;margin-left:0;margin-right:0}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin-right:1em}.wp-block-image .alignright{float:right;margin-left:1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em}.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.is-style-circle-mask img{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;border-radius:none}}.wp-block-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:36px;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:52px}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:14px;line-height:1.8;margin:5px 0 20px}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:left;height:40px;margin-right:12px;width:40px}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 16px)}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-latest-posts.columns-4 li{width:calc(25% - 16px)}.wp-block-latest-posts.columns-5 li{width:calc(20% - 16px)}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px}.wp-block-latest-posts__post-excerpt{margin-top:8px;margin-bottom:16px}.wp-block-media-text{display:-ms-grid;display:grid;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:50% 1fr;grid-template-columns:50% 1fr}.wp-block-media-text .has-media-on-the-right{-ms-grid-columns:1fr 50%;grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{-ms-grid-row-align:start;align-self:start}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{-ms-grid-row-align:center;align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{-ms-grid-row-align:end;align-self:end}.wp-block-media-text .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;margin:0}.wp-block-media-text .wp-block-media-text__content{word-break:break-word;padding:0 8%}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content{-ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill figure{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill figure>img{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{-ms-grid-columns:100%!important;grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}}.is-small-text{font-size:14px}.is-regular-text{font-size:16px}.is-large-text{font-size:36px}.is-larger-text{font-size:48px}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}.has-drop-cap:not(:focus):after{content:"";display:table;clear:both;padding-top:14px}p.has-background{padding:20px 30px}p.has-text-color a{color:inherit}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:305px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px}.wp-block-pullquote p{font-size:28px;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:32px}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:18px;text-align:right}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 16px)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-rss.columns-4 li{width:calc(25% - 16px)}.wp-block-rss.columns-5 li{width:calc(20% - 16px)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#6c7781;font-size:13px}.wp-block-search{display:flex;flex-wrap:wrap}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1}.wp-block-search .wp-block-search__button{margin-left:10px}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:currentColor;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-social-links{display:flex;justify-content:flex-start;padding-left:0;padding-right:0;margin-left:0}.wp-social-link{width:36px;height:36px;border-radius:36px;margin-right:8px}.wp-social-link,.wp-social-link a{display:block;transition:transform .1s ease}.wp-social-link a{padding:6px;line-height:0}.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg{color:currentColor;fill:currentColor}.wp-social-link:hover{transform:scale(1.1)}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1977f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0577b5;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#21a1f3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:#ff0100;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none;padding:4px}.wp-block-social-links.is-style-logos-only .wp-social-link svg{width:28px;height:28px}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1977f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0577b5}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#fe4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#21a1f3}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:#ff0100}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:16px;padding-right:16px}.wp-block-spacer{clear:both}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table{overflow-x:auto}.wp-block-table table{width:100%}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f3f4f5}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 16px;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{white-space:nowrap;overflow:auto}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}:root .has-pale-pink-background-color{background-color:#f78da7}:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-pale-pink-color{color:#f78da7}:root .has-vivid-red-color{color:#cf2e2e}:root .has-luminous-vivid-orange-color{color:#ff6900}:root .has-luminous-vivid-amber-color{color:#fcb900}:root .has-light-green-cyan-color{color:#7bdcb5}:root .has-vivid-green-cyan-color{color:#00d084}:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .has-vivid-cyan-blue-color{color:#0693e3}:root .has-vivid-purple-color{color:#9b51e0}:root .has-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}.has-small-font-size{font-size:13px}.has-normal-font-size,.has-regular-font-size{font-size:16px}.has-medium-font-size{font-size:20px}.has-large-font-size{font-size:36px}.has-huge-font-size,.has-larger-font-size{font-size:42px}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}html.fp-enabled,
.fp-enabled body {
margin: 0;
padding: 0;
overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.fp-slide {
float: left;
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index:1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout:fixed;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
overflow: hidden;
position: relative;
}
.fp-scroller{
overflow: hidden;
}
.iScrollIndicator{
border: 0 !important;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
right: 17px;
}
#fp-nav.left {
left: 17px;
}
.fp-slidesNav{
position: absolute;
z-index: 4;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
left: 0 !important;
right: 0;
margin: 0 auto !important;
}
.fp-slidesNav.bottom {
bottom: 17px;
}
.fp-slidesNav.top {
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position:relative;
}
.fp-slidesNav ul li {
display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background: #333;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
width: 10px;
height: 10px;
margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
height: auto !important;
}.hideText {
text-indent: -9999em;
letter-spacing: -9999em;
overflow: hidden;
}  html {font-family: 'Noto Sans JP', 'Noto Sans Japanese', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;	
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} .cf,
.container,
.row,
.gallery { *zoom: 1;
}
.cf:before,
.container:before,
.row:before,
.gallery:before,
.cf:after,
.container:after,
.row:after,
.gallery:after {
content: " "; display: table; }
.cf:after,
.container:after,
.row:after,
.gallery:after {
clear: both;
} .la-ball-clip-rotate,
.la-ball-clip-rotate > div {
position: relative;
box-sizing: border-box;
}
.la-ball-clip-rotate {
display: block;
width: 96px;
height: 96px;
font-size: 0;
color: #be9f57;
}
.la-ball-clip-rotate > div {
float: none;
display: inline-block;
width: 96px;
height: 96px;
background-color: currentColor;
border: 0 solid currentColor;
background: transparent;
border-width: 6px;
border-bottom-color: transparent;
border-radius: 100%;
animation: ball-clip-rotate 0.75s linear infinite;
}
.la-ball-clip-rotate--sm,
.la-ball-clip-rotate.la-ball-clip-rotate--sm > div {
width: 36px;
height: 36px;
}
.la-ball-clip-rotate.la-ball-clip-rotate--sm > div {
border-width: 3px;
} @keyframes ball-clip-rotate {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
*,
:after,
:before {
box-sizing: border-box;
} .container {
max-width: 1200px;
margin: 0 auto;
}
.container--toys,
.container--birthday {
max-width: 1430px;
}
.container--attractions {
max-width: 1330px;
}
.container--page {
max-width: 910px;
}
.container--contact {
max-width: 930px;
}
.page-content {
overflow: hidden;
}
.page-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2000;
display: none;
background: #000;
background: rgba(0, 0, 0, 0.6);
}
.landscape-overlay {
display: none;
} .alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} html {
min-height: 100%;
font-size: 62.5%;
}
body,
input,
textarea {
color: #212020;font-family: 'Noto Sans JP', 'Noto Sans Japanese', sans-serif;
font-weight: normal;
line-height: 1.78;
}
body {
position: relative;
width: 100%;
height: 100%;
font-size: 18px;
font-size: 1.8rem;
background: #fff;
}
.wf-active body,
.wf-active input,
.wf-active textarea {
} h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
hr {
background-color: #adadad;
border: 0;
height: 1px;
margin: 1.625em 0;
} p {
margin: 0 0 1.625em 0;
}
ul,
ol {
margin: 0 0 1.625em 0;
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
dl {
margin: 0 1.625em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.625em;
}
strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
blockquote {
font-style: italic;
font-weight: normal;
margin: 0 3em;
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote cite {
color: #666;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
}
pre {
background: #f4f4f4;
font: 13px "Courier 10 Pitch", Courier, monospace;
line-height: 1.5;
margin-bottom: 1.625em;
overflow: auto;
padding: 0.75em 1.625em;
}
code,
kbd,
samp,
var {
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym,
dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
display: block;
margin: 0 0 1.625em;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 7.1px;
font-size: 0.71rem;
} input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="date"],
textarea {
display: inline-block;
width: 100%;
height: 66px;
max-width: 100%;
margin: 0;
padding: 0 40px;
padding: 0 4rem;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
background-color: #fff;
color: #212020;
border: 2px solid #fff;
border-radius: 4px;
outline: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
transition: all 0.2s ease;
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
textarea:-moz-placeholder {
color: #212020;
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
textarea::-moz-placeholder {
color: #212020;
opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #212020;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #212020;
}
input[type="text"].wpcf7-not-valid,
input[type="password"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input[type="url"].wpcf7-not-valid,
input[type="number"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
input[type="search"].wpcf7-not-valid,
input[type="date"].wpcf7-not-valid,
textarea.wpcf7-not-valid {
border-color: #e31837;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
textarea:focus {
border-color: #BE9F57;
}
select {
display: inline-block;
width: 100%;
max-width: 100%;
height: 66px;
margin: 0;
padding: 0 0 0 40px;
padding: 0 0 0 4rem;
background: #fff;
color: #212020;
border: none;
border-radius: 0;
outline: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
transition: all 0.2s ease;
}
textarea {
display: block;
height: 212px;
padding-top: 1em;
padding-bottom: 0.4em;
}
input[type="checkbox"],
input[type="radio"] {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
}
input[type="checkbox"][disabled] + span,
input[type="radio"][disabled] + span {
opacity: 0.5;
cursor: not-allowed;
}
input[type="checkbox"] + span {
position: relative;
float: left;
width: 32px;
height: 32px;
margin: -2px 20px 0 0;
background: #f7f7f0;
border: 1px solid #ddddd7;
border-radius: 2px;
transition: all 0.2s ease;
transition-property: background-color, border-color;
cursor: pointer;
}
input[type="checkbox"].b-form-box__input + span {
width: 50px;
height: 50px;
margin: 0;
}
input[type="checkbox"]:checked + span {
background: #e31837 url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2215%22%3E%3Cpath%20d%3D%22M.229%208.24a.741.741%200%200%201%200-1.052l1.022-1.052a.693.693%200%200%201%201.022%200l.073.075%204.014%204.433a.346.346%200%200%200%20.511%200L16.652.201h.073a.693.693%200%200%201%201.022%200l1.022%201.052a.74.74%200%200%201%200%201.051L7.09%2014.776a.691.691%200%200%201-1.022%200L.375%208.465z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
border-color: #e31837;
}
input[type="radio"] + span {
position: relative;
float: left;
width: 38px;
height: 38px;
margin: -2px 20px 0 0;
background: #fff;
border: none;
border-radius: 50%;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
cursor: pointer;
}
input[type="radio"] + span:before {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
display: block;
width: 12px;
height: 12px;
margin: -6px 0 0 -6px;
background: #cf102d;
border-radius: 50%;
transition: all 0.2s ease;
content: ' ';
}
input[type="radio"]:checked + span:before {
opacity: 1;
}
input[type="submit"],
button[type="submit"] {
transition: all 0.2s ease;
}
input.nospin {
-moz-appearance: textfield;
}
input.nospin::-webkit-outer-spin-button,
input.nospin::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: textfield;
margin: 0;
}
label {
cursor: pointer;
}
.label-radio {
position: relative;
display: block;
margin: 0 0 15px 0;
padding: 5px 0 0 58px;
}
.label-radio input[type="radio"] + span {
position: absolute;
top: 0;
left: 0;
}
.star {
color: #d81515;
}
.required:after {
position: absolute;
top: -8px;
left: 100%;
margin: 0 0 0 4px;
font-size: 22px;
color: #cf102d;
content: '*';
} a {
text-decoration: none;
color: #212020;
transition: all 0.2s ease;
}
a:hover {
text-decoration: none;
color: #e31837;
}
.btn,
input[type="submit"].btn,
button[type="submit"].btn {
display: inline-block;
padding: 17px 40px;
padding: 1.7rem 4rem;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
text-decoration: none;
background-color: #e31837;
color: #fff;
border: none;
outline: none;
}
.btn:hover,
input[type="submit"].btn:hover,
button[type="submit"].btn:hover {
background-color: #fe4545;
color: #fff;
cursor: pointer;
}
.btn[disabled],
input[type="submit"].btn[disabled],
button[type="submit"].btn[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
.btn--primary,
input[type="submit"].btn--primary,
button[type="submit"].btn--primary {
position: relative;
width: 312px;
height: 83px;
padding: 0 20px 0 20px;
padding: 0 2rem 0 2rem;
line-height: 83px;
text-align: center;
background: transparent;
color: #fff;
}
.btn--primary:before,
input[type="submit"].btn--primary:before,
button[type="submit"].btn--primary:before {
position: absolute;
left: 50%;
bottom: -9px;
display: block;
width: 273px;
height: 12px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/shadow-btn.png?d34611e3) 50% 100% no-repeat;
background-size: contain;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: ' ';
}
.btn--primary .bg,
input[type="submit"].btn--primary .bg,
button[type="submit"].btn--primary .bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.btn--primary .bg svg,
input[type="submit"].btn--primary .bg svg,
button[type="submit"].btn--primary .bg svg {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s ease;
}
.btn--primary .text,
input[type="submit"].btn--primary .text,
button[type="submit"].btn--primary .text {
position: relative;
z-index: 1;
}
.btn--primary:hover,
input[type="submit"].btn--primary:hover,
button[type="submit"].btn--primary:hover {
background-color: transparent;
}
.btn--primary:hover svg,
input[type="submit"].btn--primary:hover svg,
button[type="submit"].btn--primary:hover svg,
.btn--primary:hover svg .btn-bottom-line,
input[type="submit"].btn--primary:hover svg .btn-bottom-line,
button[type="submit"].btn--primary:hover svg .btn-bottom-line {
fill: #9e8348;
}
.btn--green .bg svg {
fill: #73c026;
}
.btn--green .btn-bottom-line {
fill: #5b9e19;
}
.btn--green:hover svg,
.btn--green:hover svg .btn-bottom-line {
fill: #5b9e19;
}
.btn--sm,
input[type="submit"].btn--sm,
button[type="submit"].btn--sm {
width: 100px;
height: 43px;
font-size: 14px;
font-size: 1.4rem;
line-height: 43px;
}
.btn--sm:before,
input[type="submit"].btn--sm:before,
button[type="submit"].btn--sm:before {
width: 90px;
background-size: 100% 100%;
}
.btn--lg,
input[type="submit"].btn--lg,
button[type="submit"].btn--lg {
width: 507px;
height: 135px;
padding: 0;
font-size: 32px;
font-size: 3.2rem;
line-height: 135px;
text-align: center;
}
.btn--lg:before,
input[type="submit"].btn--lg:before,
button[type="submit"].btn--lg:before {
width: 490px;
background-size: 100% 100%;
}
.btn--lg2,
input[type="submit"].btn--lg2,
button[type="submit"].btn--lg2 {
width: 564px;
height: 150px;
padding: 0;
font-size: 32px;
font-size: 3.2rem;
line-height: 150px;
text-align: center;
}
.btn--lg2:before,
input[type="submit"].btn--lg2:before,
button[type="submit"].btn--lg2:before {
width: 550px;
background-size: 100% 100%;
}
.btn--toys,
.btn--birthday,
.btn--attractions,
.btn--about-us {
position: absolute;
bottom: 5px;
left: 50%;
z-index: 2;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.btn--event-add-calendar {
margin-right: 30px;
}
.btn--event-calendar:last-child {
margin-left: 10px;
margin-left: 1rem;
}
.is-ios .btn--event-add-calendar {
display: none;
} .assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
}
.hidden {
display: none;
}
.scroll-down {
text-indent: -9999em;
letter-spacing: -9999em;
overflow: hidden;
position: absolute;
left: 50%;
bottom: 0;
display: block;
width: 19px;
height: 27px;
margin: 0 0 0 -9.5px;
background-size: 100% 100%;
transition: none;
}
.scroll-down svg {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s ease;
}
.scroll-down:hover svg {
fill: #be9f57;
}
.scroll-down--front {
animation: bounceWaitingSm 4s linear infinite normal both running;
}
.scroll-down--up {
left: 71px;
bottom: 7px;
margin: 0;
-ms-transform: rotate(180deg);
transform: rotate(180deg);
animation: none;
}
.scroll-down--disabled {
opacity: 0;
}
.scroll-down--toys,
.scroll-down--birthday {
z-index: 3;
bottom: 104px;
}
.language-switcher {
position: absolute;
top: 81px;
right: 235px;
z-index: 1;
display: none;
width: 126px;
height: 40px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
line-height: 36px;
background: #e31837;
border: 2px solid #fff;
border-radius: 5px;
}
.language-switcher:before {
position: absolute;
top: 0;
right: 26px;
display: block;
height: 100%;
width: 2px;
border-left: 2px solid #fff;
transition: all 0.2s ease;
content: ' ';
}
.language-switcher--active {
height: 38px;
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.language-switcher--active:before {
height: 0;
}
.language-switcher--active .language-switcher-list {
opacity: 1;
visibility: visible;
-ms-transform: translateY(0);
transform: translateY(0);
}
.language-switcher__item {
position: relative;
z-index: 1;
display: block;
height: 100%;
padding: 0 28px 0 12px;
color: #fff;
}
.language-switcher__item:hover {
color: #fff;
}
.language-switcher__arrow {
position: absolute;
top: 50%;
right: 8px;
width: 9px;
height: 6px;
margin: -3px 0 0 0;
}
.language-switcher__arrow svg {
display: block;
width: 100%;
height: 100%;
}
.language-switcher-list {
position: absolute;
top: 34px;
left: -2px;
right: -2px;
opacity: 0;
visibility: hidden;
line-height: 2;
background: #e31837;
border: 2px solid #fff;
border-top: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
transition: all 0.2s ease;
-ms-transform: translateY(-100%) scaleY(0.1);
transform: translateY(-100%) scaleY(0.1);
}
.language-switcher-list__item {
display: block;
padding: 0 12px;
color: #fff;
}
.language-switcher-list__item:hover {
background: rgba(255, 255, 255, 0.25);
color: #fff;
} .socials {
position: relative;
font-size: 0;
text-align: center;
}
.socials--front .socials__item svg {
fill: #be9f57;
}
.socials--front .socials__item:hover svg {
fill: #6ec4d4;
}
.socials__item {
position: relative;
z-index: 1;
display: inline-block;
margin: 0 19px;
margin: 0 1.9rem;
}
.socials__item:hover svg {
fill: #ab192d;
}
.socials__item svg {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s ease;
fill: #cf102d;
}
.socials__item--fb {
width: 140px;
height: 146px;
}
.socials__item--instagram {
width: 154px;
height: 153px;
}
.socials__item--youtube,
.socials__item--twitter {
width: 143px;
height: 146px;
} .newsletter {
margin: 65px auto 0 auto;
margin: 6.5rem auto 0 auto;
max-width: 600px;
}
.newsletter--front {
margin-top: 70px;
margin-top: 7rem;
}
.newsletter--front .newsletter-form--focus {
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.6);
}
.newsletter--front input.newsletter__email:focus {
border-color: #6ec4d4;
}
.newsletter--front .newsletter__agree a:hover {
color: #be9f57;
}
.newsletter__title {
margin: 0 0 28px 0;
margin: 0 0 2.8rem 0;
font-size: 30px;
font-size: 3rem;
line-height: 1.26;
letter-spacing: 6px;
}
.newsletter-form {
position: relative;
height: 65px;
overflow: hidden;
transition: all 0.2s ease;
}
.newsletter-form--focus {
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
}
input.newsletter__email {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: calc(100% - 158px);
height: 65px;
padding: 0 25px;
padding: 0 2.5rem;
font-size: 17px;
font-size: 1.7rem;
border: none;
border-radius: 6px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
box-shadow: none;
}
.newsletter__submit {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 158px;
padding: 0 0 0 62px;
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
text-align: left;
text-transform: uppercase;
background-color: #fff;
background-position: 24px 50%;
color: #212020;
border: none;
border-radius: 0;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-left: 2px solid #f8f8f8;
}
.newsletter__submit:hover {
background-color: #f8f8f8;
color: #7bd0e0;
}
.newsletter__agree {
width: 75%;
margin: 15px auto 0 auto;
margin: 1.5rem auto 0 auto;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.4;
text-align: center;
}
.newsletter__agree a {
text-decoration: underline;
color: #fff;
}
.newsletter__agree a:hover {
color: #e31837;
} .footer-menu {
position: relative;
z-index: 2;
display: inline-block;
margin: 390px -10px 0 -10px;
margin: 39rem -10px 0 -10px;
padding: 0;
font-size: 0;
text-align: center;
list-style: none;
}
.footer-menu li {
position: relative;
display: inline-block;
margin: 0 10px;
padding: 0;
}
.footer-menu li:before {
position: absolute;
top: 50%;
right: -10px;
display: block;
width: 1px;
height: 14px;
margin: -7px 0 0 0;
background: #fff;
content: ' ';
}
.footer-menu li:last-child:before {
display: none;
}
.footer-menu a {
font-size: 15px;
font-size: 1.5rem;
color: #fff;
}
.footer-menu a:hover {
text-decoration: underline;
color: #fff;
}
.footer-menu--front {
margin-top: 0;
}
.instafeed {
position: absolute;
top: 0;
left: -100px;
z-index: -1;
}
.instafeed__image {
float: left;
width: 200px;
height: 200px;
border: 2px solid #0d3644;
}
.responsive-video {
margin: 0 auto;
}
.responsive-video-inner {
position: relative;
overflow: hidden;
height: 0;
padding-bottom: 56.25%;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tree-eyes {
position: absolute;
left: 50%;
bottom: 434px;
width: 90px;
margin-left: -40px;
}
.tree-eyes--front {
left: 50.1%;
bottom: 489px;
width: 96px;
margin-left: -44px;
}
.tree-eye {
position: absolute;
top: 0;
width: 34px;
height: 30px;
border-radius: 50%;
}
.tree-eye--1 {
left: -7px;
top: 4px;
}
.tree-eye--2 {
right: 0;
}
.tree-eye__pupil {
position: relative;
left: 8.5px;
top: 7.5px;
width: 17px;
height: 17px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/tree-eye.svg) 50% 50% no-repeat;
background-size: contain;
} .page-single {
padding: 160px 0 65px 0;
padding: 16rem 0 6.5rem 0;
background: #6ec4d4;
color: #fff;
}
.page-single a {
text-decoration: underline;
color: #fff;
}
.page-single a:hover {
text-decoration: none;
}
.title {
margin: 0;
padding: 0;
font-size: 70px;
font-size: 7rem;
font-weight: normal;
line-height: 1;
text-align: center;
}
.title--page {
margin: 0 0 70px 0;
margin: 0 0 7rem 0;
}
.subtitle {
margin: 10px 0 0 0;
margin: 1rem 0 0 0;
font-size: 19px;
font-size: 1.9rem;
line-height: 1.57;
}
.subtitle--lg {
font-size: 23px;
font-size: 2.3rem;
}
.subtitle--narrow {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.subtitle + .btn {
margin-top: 70px;
margin-top: 7rem;
}
.header-video {
position: absolute;
left: 50%; top: 50%;
z-index: -2;
height: 100%;
width: 177.77777778vh; min-width: 100%;
min-height: 56.25vw; -ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transition: all 0.5s ease;
object-fit: cover;
}
.header-video-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background: rgba(223, 34, 48, 0.8);
content: ' ';
}
.main {
position: relative;
padding: 0 0 80px 0;
padding: 0 0 8rem 0;
}
.entry__content h1,
.entry__content h2,
.entry__content h3,
.entry__content h4,
.entry__content h5,
.entry__content h6 {
clear: none;
margin: 0 0 0.3em 0;
padding: 0;
font-weight: normal;
line-height: 1.4;
}
.entry__content h1 {
font-size: 72px;
font-size: 7.2rem;
line-height: 1.1;
}
.entry__content h2 {
font-size: 55px;
font-size: 5.5rem;
line-height: 1.1;
}
.entry__content h3 {
font-size: 32px;
font-size: 3.2rem;
}
.entry__content h4 {
font-size: 24px;
font-size: 2.4rem;
}
.entry__content h5 {
font-size: 18px;
font-size: 1.8rem;
}
.entry__content h6 {
font-size: 15px;
font-size: 1.5rem;
}
.entry__content a {
color: #e31837;
}
.entry__content a:hover {
text-decoration: underline;
}
.entry__content table {
display: block;
overflow-x: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
margin: 0 0 1.625em 0;
font-weight: bold;
text-align: center;
border-collapse: collapse;
}
.entry__content table th,
.entry__content table td {
padding: 2px 20px;
padding: 0.2rem 2rem;
border: 1px solid #000;
}
.entry__content table thead th,
.entry__content table thead td {
padding-top: 10px;
padding-top: 1rem;
padding-bottom: 10px;
padding-bottom: 1rem;
background: #e31837;
color: #fff;
}
.entry__content table tbody tr:hover td {
background: #f3f3f3;
}
.entry__content table .highlight {
background: #C8C9CB;
}
.entry__content ul {
margin-left: 0;
padding-left: 0;
list-style: none;
}
.entry__content ul li {
position: relative;
margin: 0;
padding: 0 0 0.2em 40px;
padding: 0 0 0.2em 4rem;
list-style: none;
}
.entry__content ul li:before {
position: absolute;
top: 7px;
left: 0;
width: 19px;
height: 15px;
background-size: cover;
content: ' ';
}
.entry__content ul ul {
margin-top: 10px;
margin-top: 1rem;
margin-bottom: 0;
}
.entry__content ol {
margin-left: 0;
padding-left: 0;
list-style: none;
counter-reset: item;
}
.entry__content ol li {
position: relative;
margin: 0;
padding: 0 0 0.6em 38px;
padding: 0 0 0.6em 3.8rem;
list-style: none;
counter-increment: item;
}
.entry__content ol li:before {
position: absolute;
top: -2px;
left: 0;
font-size: 20px;
font-size: 2rem;
text-align: center;
color: #fff;
content: counter(item);
}
.entry__content ol ol {
margin-top: 10px;
margin-top: 1rem;
margin-bottom: 0;
}
.entry__content--white a,
.entry__content--white a:hover {
color: #fff;
}
.entry__content--white a {
text-decoration: underline;
}
.entry__content--white a:hover {
text-decoration: none;
}
.page-link {
clear: both;
display: block;
margin: 0 0 1.625em;
}
.page-link a {
background: #eee;
color: #373737;
margin: 0;
padding: 2px 3px;
text-decoration: none;
}
.page-link a:hover {
background: #888;
color: #fff;
font-weight: bold;
}
.page-link span {
margin-right: 6px;
}
.entry__content .edit-link {
clear: both;
display: block;
} .image-lazyload.lazyload,
.image-lazyload.lazyloading {
opacity: 0;
}
.image-lazyload.lazyloaded {
opacity: 1;
transition: opacity 300ms;
}
.image-lazyload--white {
background: #fff;
}
.image-lazyload--white.lazyload,
.image-lazyload--white.lazyloading {
opacity: 1;
}
.no-js img.lazyload {
display: none;
}
img {
max-width: 100%; height: auto;
}
img.js-rellax,
.js-rellax img {
max-width: none;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; }
img.size-full,
img.size-large {
max-width: 100%;
width: auto; height: auto; }
.entry__content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1.625em;
}
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
background: #eee;
margin-bottom: 1.625em;
max-width: 96%;
padding: 9px;
}
.wp-caption img {
display: block;
margin: -2px 0 0 -2px;
max-width: 98%;
}
.wp-caption .wp-caption-text {
margin-bottom: 0.6em;
padding: 10px 0 5px 40px;
position: relative;
} .entry__content .gallery {
margin: 0 -3px 1em -3px;
}
.gallery-item {
position: relative;
float: left;
display: block;
margin: 0 3px 6px 3px;
line-height: 0;
}
.gallery-item a {
position: relative;
display: block;
}
.gallery-item a:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
font-weight: normal;
line-height: 100%;
text-align: center;
background: rgba(0, 0, 0, 0.52) url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQyIDQyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MiA0MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiPgo8cG9seWdvbiBwb2ludHM9IjQyLDIwIDIyLDIwIDIyLDAgMjAsMCAyMCwyMCAwLDIwIDAsMjIgMjAsMjIgMjAsNDIgMjIsNDIgMjIsMjIgNDIsMjIgIiBmaWxsPSIjRkZGRkZGIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) 50% 50% no-repeat;
background-size: 32px 32px;
color: #fff;
content: ' ';
transition: all 0.2s ease;
}
.gallery-item a:hover:before {
opacity: 1;
}
.gallery-item img {
width: 100%;
height: auto;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 48%;
width: calc(50% - 6px);
}
.gallery-columns-3 .gallery-item {
width: 32%;
width: calc(33.3% - 6px);
}
.gallery-columns-4 .gallery-item {
width: 23%;
width: calc(25% - 6px);
}
.gallery-columns-5 .gallery-item {
width: 19%;
width: calc(6% - 6px);
}
.gallery-columns-6 .gallery-item {
width: 15%;
width: calc(16.7% - 6px);
}
.gallery-columns-7 .gallery-item {
width: 13%;
width: calc(14.28% - 6px);
}
.gallery-columns-8 .gallery-item {
width: 11%;
width: calc(12.5% - 6px);
}
.gallery-columns-9 .gallery-item {
width: 9%;
width: calc(11.1% - 6px);
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
margin: 10px 0 0 0;
margin: 1rem 0 0 0;
line-height: normal;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} embed,
iframe,
object {
max-width: 100%;
}
.entry__content .twitter-tweet-rendered {
max-width: 100% !important; } .entry-attachment {
margin: 0 0 1.625em 0;
text-align: center;
}
.entry-meta {
margin: 0 0 1.625em 0;
}  @-ms-viewport {
width: device-width;
}
@media screen and (max-width: 106.25em) {
.container--birthday {
max-width: 100%;
padding: 0 4.5%;
}
.container--toys,
.container--attractions {
max-width: 100%;
padding: 0 7.5%;
}
.btn--lg,
input[type="submit"].btn--lg,
button[type="submit"].btn--lg {
width: 375px;
height: 100px;
font-size: 2.4rem;
line-height: 100px;
}
.btn--lg:before,
input[type="submit"].btn--lg:before,
button[type="submit"].btn--lg:before {
width: 350px;
}
.tree-eyes {
bottom: 304px;
width: 63px;
margin-left: -28px;
}
.tree-eyes--front {
bottom: 405px;
width: 80px;
margin-left: -37px;
}
.tree-eyes--front .tree-eye {
width: 28px;
height: 25px;
}
.tree-eyes--front .tree-eye--1 {
left: -7px;
top: 3px;
}
.tree-eyes--front .tree-eye__pupil {
left: 7px;
top: 6px;
width: 14px;
height: 14px;
}
.tree-eye {
width: 24px;
height: 21px;
}
.tree-eye--1 {
left: -5px;
top: 3px;
}
.tree-eye__pupil {
left: 6px;
top: 5px;
width: 12px;
height: 12px;
}
.socials--front .socials__item--fb {
width: 84px;
height: 87.5px;
}
.socials--front .socials__item--instagram {
width: 92px;
height: 91px;
}
.socials--front .socials__item--youtube, .socials--front .socials__item--twitter {
width: 87.5px;
height: 89px;
}
.newsletter--front {
margin-top: 2rem;
}
.newsletter--front .newsletter__title {
margin-bottom: 2rem;
font-size: 2.1rem;
letter-spacing: 4.2px;
}
.newsletter--front .newsletter-form {
height: 53px;
}
.newsletter--front input.newsletter__email {
height: 53px;
padding: 0 2rem;
font-size: 1.5rem;
}
}
@media screen and (max-width: 106.25em) and (min-width: 56.3125em) {
.language-switcher {
top: 68px;
right: 215px;
width: 100px;
height: 30px;
font-size: 1.2rem;
line-height: 26px;
border: 2px solid #fff;
}
.language-switcher:before {
right: 20px;
}
.language-switcher--active {
height: 29px;
}
.language-switcher__item {
padding: 0 21px 0 8px;
}
.language-switcher__arrow {
right: 6px;
width: 7px;
height: 5px;
margin: -2.5px 0 0 0;
}
.language-switcher-list {
top: 25px;
left: -2px;
right: -2px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.language-switcher-list__item {
padding: 0 9px;
}
}
@media screen and (max-height: 43.75em) {
.newsletter--front {
margin-top: 4rem;
}
}
@media screen and (max-width: 100em) {
.title {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
font-size: 6.2rem;
}
.subtitle--lg {
font-size: 2rem;
}
.btn--primary,
input[type="submit"].btn--primary,
button[type="submit"].btn--primary {
width: 250px;
height: 66px;
font-size: 1.6rem;
line-height: 74px;
}
.btn--primary:before,
input[type="submit"].btn--primary:before,
button[type="submit"].btn--primary:before {
bottom: -7px;
width: 235px;
}
.btn--sm,
input[type="submit"].btn--sm,
button[type="submit"].btn--sm {
width: 100px;
height: 43px;
font-size: 1.4rem;
line-height: 43px;
}
.btn--sm:before,
input[type="submit"].btn--sm:before,
button[type="submit"].btn--sm:before {
width: 90px;
background-size: 100% 100%;
}
.btn--lg2,
input[type="submit"].btn--lg2,
button[type="submit"].btn--lg2 {
width: 450px;
height: 120px;
font-size: 2.6rem;
line-height: 120px;
}
.btn--lg2:before,
input[type="submit"].btn--lg2:before,
button[type="submit"].btn--lg2:before {
width: 430px;
}
.btn--toys,
.btn--birthday,
.btn--attractions,
.btn--about-us {
bottom: 25px;
}
}
@media screen and (max-width: 93.75em) {
.socials__item {
margin: 0 1.7rem;
}
.socials__item--fb {
width: 109px;
height: 113px;
}
.socials__item--instagram {
width: 121px;
height: 119px;
}
.socials__item--youtube, .socials__item--twitter {
width: 114px;
height: 115px;
}
.newsletter__title {
font-size: 2.4rem;
letter-spacing: 4.8px;
}
}
@media screen and (max-width: 78.125em) {
.container {
max-width: 100%;
padding-left: 4.5%;
padding-right: 4.5%;
}
.container--toys,
.container--attractions {
padding-left: 7.5%;
padding-right: 7.5%;
}
.container--contact {
max-width: 930px;
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 75em) {
.tree-eyes {
bottom: 242px;
width: 49px;
margin-left: -22px;
}
.tree-eyes--front {
bottom: 405px;
width: 80px;
margin-left: -37px;
}
.tree-eyes--front .tree-eye {
width: 28px;
height: 25px;
}
.tree-eyes--front .tree-eye--1 {
left: -7px;
top: 3px;
}
.tree-eyes--front .tree-eye__pupil {
left: 7px;
top: 6px;
width: 14px;
height: 14px;
}
.tree-eye {
width: 18px;
height: 16px;
}
.tree-eye--1 {
left: -4px;
top: 2px;
}
.tree-eye__pupil {
left: 4.5px;
top: 4px;
width: 9px;
height: 9px;
}
}
@media screen and (max-width: 68.75em) {
.container--attractions {
padding-left: 4.5%;
padding-right: 4.5%;
}
.language-switcher {
right: calc(4.5% + 69px + 40px);
}
}
@media screen and (max-width: 65.625em) {
.container--toys {
padding-left: 4.5%;
padding-right: 4.5%;
}
}
@media screen and (max-width: 62.5em) {
.container--contact {
max-width: 100%;
padding-left: 4.5%;
padding-right: 4.5%;
}
.newsletter--front {
max-width: 480px;
}
.newsletter--front .newsletter__agree {
width: 100%;
}
}
@media screen and (max-width: 56.25em) {
.btn--event-add-calendar {
margin-right: 0;
}
.tree-eyes {
bottom: 198px;
width: 40px;
margin-left: -18px;
}
.tree-eyes--front {
bottom: 405px;
width: 80px;
margin-left: -37px;
}
.tree-eyes--front .tree-eye {
width: 28px;
height: 25px;
}
.tree-eyes--front .tree-eye--1 {
left: -7px;
top: 3px;
}
.tree-eyes--front .tree-eye__pupil {
left: 7px;
top: 6px;
width: 14px;
height: 14px;
}
.tree-eye {
width: 15px;
height: 13px;
}
.tree-eye--1 {
left: -3px;
top: 2px;
}
.tree-eye__pupil {
left: 4px;
top: 3.5px;
width: 8px;
height: 8px;
}
.language-switcher {
right: auto;
left: 4.5%;
top: 35px;
background: #fff;
border-color: #4d0a14;
}
.language-switcher:before {
border-color: #4d0a14;
}
.language-switcher__item {
color: #4d0a14;
}
.language-switcher__item:hover {
color: #4d0a14;
}
.language-switcher__arrow svg {
fill: #4d0a14;
}
.language-switcher-list {
background: #fff;
border-color: #4d0a14;
}
.language-switcher-list__item {
color: #4d0a14;
}
.language-switcher-list__item:hover {
color: #4d0a14;
}
.scroll-down--up {
display: none;
}
}
@media screen and (max-width: 50em) {
.btn--event-calendar {
margin: 0 0.5rem;
}
.btn--event-calendar:last-child {
margin-left: 0.5rem;
}
.footer-menu--front {
position: absolute;
bottom: 34px;
left: 50%;
display: none;
width: 300px;
max-width: 100%;
margin: 0;
padding: 10px 0;
background: #fff;
border-radius: 6px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.footer-menu--front li {
display: block;
margin: 0;
}
.footer-menu--front li:before {
display: none;
}
.footer-menu--front a {
display: block;
padding: 2px 10px;
font-size: 1.4rem;
text-align: center;
color: #212020;
}
.footer-menu--front a:hover {
color: #212020;
}
}
@media screen and (max-width: 43.75em) {
.title {
margin-bottom: 1.5rem;
font-size: 5.2rem;
}
.subtitle {
font-size: 1.6rem;
}
.subtitle--lg {
font-size: 2rem;
}
.entry__content {
font-size: 1.6rem;
}
.entry__content h1 {
font-size: 4.2rem;
}
.entry__content h2 {
font-size: 3.2rem;
}
.entry__content h3 {
font-size: 2.4rem;
}
.entry__content h4 {
font-size: 2rem;
}
.entry__content h5 {
font-size: 1.6rem;
}
.footer-menu {
margin-top: 30rem;
}
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 23%;
width: calc(25% - 20px);
}
}
@media screen and (max-width: 40.625em) {
.newsletter--front {
margin-top: 3rem;
}
.alignleft,
.alignright {
display: block;
float: none;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 37.5em) {
input[type="checkbox"].b-form-box__input + span {
width: 30px;
height: 30px;
}
.title {
font-size: 4rem;
}
.subtitle--lg {
font-size: 1.8rem;
}
.entry__content h1 {
font-size: 3.2rem;
}
.entry__content h2 {
font-size: 2.8rem;
}
.entry__content h3 {
font-size: 2rem;
}
.entry__content h4 {
font-size: 1.6rem;
}
.language-switcher {
top: 35px;
}
.tree-eyes--front {
bottom: 308px;
width: 60px;
margin-left: -27px;
}
.tree-eyes--front .tree-eye {
width: 21px;
height: 19px;
}
.tree-eyes--front .tree-eye--1 {
left: -4px;
top: 2.5px;
}
.tree-eyes--front .tree-eye__pupil {
left: 5px;
top: 4.5px;
width: 10px;
height: 10px;
}
.socials {
margin: 0 -1.1rem;
}
.socials--front .socials__item--fb {
width: 73px;
height: 76px;
}
.socials--front .socials__item--instagram {
width: 82px;
height: 79px;
}
.socials--front .socials__item--youtube,
.socials--front .socials__item--twitter {
width: 76px;
height: 77px;
}
.socials__item {
margin: 0 1.1rem;
}
.socials__item--fb {
width: 73px;
height: 76px;
}
.socials__item--instagram {
width: 82px;
height: 79px;
}
.socials__item--youtube, .socials__item--twitter {
width: 76px;
height: 77px;
}
.newsletter,
.newsletter--front {
margin-top: 4rem;
}
.newsletter__title,
.newsletter--front .newsletter__title {
margin-bottom: 1.2rem;
font-size: 1.6rem;
letter-spacing: 3.2px;
}
.newsletter-form {
height: 53px;
}
input.newsletter__email {
height: 53px;
padding: 0 2rem;
font-size: 1.5rem;
}
.newsletter__agree {
padding-right: 0;
text-align: center;
}
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 32%;
width: calc(33.3% - 20px);
}
}
@media screen and (max-width: 34.375em) {
.btn--lg2,
input[type="submit"].btn--lg2,
button[type="submit"].btn--lg2 {
width: 280px;
height: 74px;
font-size: 1.7rem;
line-height: 74px;
}
.btn--lg2:before,
input[type="submit"].btn--lg2:before,
button[type="submit"].btn--lg2:before {
width: 260px;
}
.footer-menu--front li {
display: block;
margin: 0;
}
.footer-menu--front li:before {
display: none;
}
}
@media screen and (max-width: 31.25em) {
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="date"],
textarea {
padding-left: 2rem;
padding-right: 2rem;
}
select {
padding-left: 2rem;
}
.btn--primary,
input[type="submit"].btn--primary,
button[type="submit"].btn--primary,
.btn--lg,
input[type="submit"].btn--lg,
button[type="submit"].btn--lg {
width: 250px;
height: 66px;
font-size: 1.6rem;
line-height: 74px;
}
.btn--primary:before,
input[type="submit"].btn--primary:before,
button[type="submit"].btn--primary:before,
.btn--lg:before,
input[type="submit"].btn--lg:before,
button[type="submit"].btn--lg:before {
bottom: -7px;
width: 235px;
}
.btn--sm,
input[type="submit"].btn--sm,
button[type="submit"].btn--sm {
width: 100px;
height: 43px;
font-size: 1.4rem;
line-height: 43px;
}
.btn--sm:before,
input[type="submit"].btn--sm:before,
button[type="submit"].btn--sm:before {
width: 90px;
background-size: 100% 100%;
}
.btn--lg2,
input[type="submit"].btn--lg2,
button[type="submit"].btn--lg2 {
width: 280px;
height: 74px;
font-size: 1.7rem;
line-height: 74px;
}
.btn--lg2:before,
input[type="submit"].btn--lg2:before,
button[type="submit"].btn--lg2:before {
width: 260px;
}
.btn--birthday {
bottom: 30px;
}
.scroll-down--toys,
.scroll-down--birthday {
bottom: 84px;
}
.subtitle--lg {
font-size: 1.6rem;
}
.subtitle + .btn {
margin-top: 3.8rem;
}
.footer-menu {
margin-top: 0;
}
.footer-menu--front a {
font-size: 1.4rem;
}
}
@media screen and (max-width: 28.125em) {
.title {
font-size: 3.5rem;
}
input.newsletter__email {
width: calc(100% - 62px);
}
.newsletter__submit {
text-indent: -9999em;
letter-spacing: -9999em;
overflow: hidden;
width: 62px;
padding: 0;
background-position: 50% 50%;
}
.newsletter__agree {
margin-top: 8px;
font-size: 11px;
}
.footer-menu li {
display: block;
margin: 0;
}
.footer-menu li:before {
display: none;
}
.entry__content .gallery {
margin-left: -7px;
margin-right: -7px;
}
.gallery-item {
margin-left: 7px;
margin-right: 7px;
}
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 48%;
width: calc(50% - 14px);
}
}
@media screen and (max-width: 21.875em) {
.entry__content .gallery {
margin-left: 0;
margin-right: 0;
}
.gallery-item {
float: none;
margin: 0 0 0.5rem 0;
}
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
float: none;
width: auto;
margin-left: 0;
margin-right: 0;
text-align: center;
}
}
@media screen and (max-width: 75em) and (max-height: 37.5em) and (orientation: landscape) {
.home.is-tablet-mobile .landscape-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
display: block;
text-align: center;
background: #e31837;
}
.home.is-tablet-mobile .landscape-overlay__text {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
min-width: 83px;
padding: 88px 0 0 0;
font-size: 16px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/display.svg) 50% 0 no-repeat;
background-size: 83px 78px;
color: #fff;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1001;
color: #fff;
transition: all 0.2s ease;
transition-property: opacity;
}
.header-active .header {
z-index: 2001;
}
.header--front {
position: fixed;
display: none;
}
.header--front-active {
display: block;
}
.header--active {
height: 190px;
background-color: #e31837;
background-image: url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/prague-skyline-clear.svg), url(//www.hamleys.jp/contnt/themes/hamleys/img/prague-skyline-glow-resized.png?152103e2);
background-position: left 50% bottom -2px, 50% 100%;
background-repeat: no-repeat, no-repeat;
background-size: auto 154px, auto 190px;
}
.header--active .header-socials {
display: block;
}
.header--active .language-switcher {
display: block;
}
.header--active .navigation-link span:nth-child(1) {
top: 1px;
left: 6px;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.header--active .navigation-link span:nth-child(2) {
width: 0%;
opacity: 0;
}
.header--active .navigation-link span:nth-child(3) {
top: 49px;
left: 6px;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header--active .navigation {
display: block;
}
.logo {
position: absolute;
top: 46px;
left: 71px;
}
.header-socials {
position: absolute;
top: 90px;
right: 219px;
display: none;
margin: 0 0 0 -17px;
}
.header-socials__item {
float: left;
height: 17px;
margin: 0 17px;
}
.header-socials__item svg {
display: block;
width: 100%;
height: 100%;
}
.header-socials__item--fb {
width: 8px;
}
.header-socials__item--instagram {
width: 17px;
}
.header-socials__item--youtube,
.header-socials__item--twitter {
width: 18px;
height: 18px;
}
.navigation-link {
position: absolute;
top: 70px;
right: 100px;
display: block;
width: 69px;
height: 60px;
vertical-align: middle;
}
.navigation-link span {
position: absolute;
left: 0;
display: inline-block;
width: 69px;
height: 8px;
margin: 0;
background: #fff;
border-radius: 4px;
transition: 0.25s ease-in-out;
-ms-transform-origin: left center;
transform-origin: left center;
}
.navigation-link span:nth-child(1) {
top: 7px;
}
.navigation-link span:nth-child(2) {
top: 23px;
}
.navigation-link span:nth-child(3) {
top: 39px;
}
.navigation {
display: none;
}
.navigation-menu {
position: absolute;
top: 190px;
left: 0;
right: 0;
margin: 0;
padding: 0;
list-style: none;
}
.navigation-menu li {
float: left;
margin: 0;
padding: 0;
}
.navigation-menu li:nth-child(1) a,
.navigation-menu li:nth-child(9) a {
background: #b49759;
}
.navigation-menu li:nth-child(1) a:hover,
.navigation-menu li:nth-child(9) a:hover {
background: #967c44;
}
.navigation-menu li:nth-child(2) a,
.navigation-menu li:nth-child(10) a {
background: #ab0112;
}
.navigation-menu li:nth-child(2) a:hover,
.navigation-menu li:nth-child(10) a:hover {
background: #78010d;
}
.navigation-menu li:nth-child(3) a {
background: #73c026;
}
.navigation-menu li:nth-child(3) a:hover {
background: #5a951e;
}
.navigation-menu li:nth-child(4) a {
background: #de3f19;
}
.navigation-menu li:nth-child(4) a:hover {
background: #b03214;
}
.navigation-menu li:nth-child(5) a {
background: #55068e;
}
.navigation-menu li:nth-child(5) a:hover {
background: #38045d;
}
.navigation-menu li:nth-child(6) a {
background: #00a0ee;
}
.navigation-menu li:nth-child(6) a:hover {
background: #007ebb;
}
.navigation-menu li:nth-child(7) a {
background: #e88102;
}
.navigation-menu li:nth-child(7) a:hover {
background: #b56502;
}
.navigation-menu li:nth-child(8) a {
background: #3aac5d;
}
.navigation-menu li:nth-child(8) a:hover {
background: #2d8648;
}
.navigation-menu a {
display: block;
height: 92px;
font-size: 25px;
font-size: 2.5rem;
line-height: 92px;
text-align: center;
color: #fff;
}
.navigation-menu .current-menu-item a {
font-weight: bold;
}
.flexbox .navigation-menu {
display: -ms-flexbox;
display: flex;
}
.flexbox .navigation-menu li {
float: none;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media screen and (max-width: 106.25em) {
.header--active {
height: 169px;
}
.logo {
left: 4.5%;
top: 35px;
width: 322px;
}
.header-socials {
top: 75px;
right: calc(4.5% + 69px + 40px);
}
.navigation-link {
top: 55px;
right: 4.5%;
}
.navigation-link span {
height: 7px;
}
.navigation-link span:nth-child(2) {
top: 22px;
}
.navigation-link span:nth-child(3) {
top: 37px;
}
.navigation-menu {
top: 169px;
}
.navigation-menu a {
height: 60px;
font-size: 1.8rem;
line-height: 60px;
}
}
@media screen and (max-width: 75em) {
.header--active {
background-size: auto 123px, auto 152px;
}
}
@media screen and (max-width: 68.75em) {
.logo {
left: 4.5%;
top: 25px;
}
.navigation-link {
right: 4.5%;
top: 52px;
}
.header-socials {
right: 139px;
}
}
@media screen and (max-width: 62.5em) {
.navigation-menu a {
font-size: 1.7rem;
}
}
@media screen and (max-width: 56.25em) {
body.header-active {
overflow: hidden;
}
.header--active {
position: fixed;
bottom: 0;
height: auto;
overflow-x: hidden;
overflow-y: scroll;
background: #fff;
}
.header--active .logo {
display: none;
}
.header--active .navigation-link span {
background: #e31837;
}
.header-socials {
position: static;
margin: 45px -17px 0 -17px;
font-size: 0;
text-align: center;
}
.header-socials__item {
float: none;
display: inline-block;
}
.header-socials__item svg {
fill: #cf102d;
}
.navigation-link {
top: 26px;
z-index: 1;
}
.navigation {
position: relative;
top: 0;
padding: 105px 0 50px 0;
background: #fff;
}
.navigation-menu {
position: static;
}
.navigation-menu li {
float: none;
}
.navigation-menu li:nth-child(-n+15) a {
background: transparent;
}
.navigation-menu a {
height: auto;
padding: 1.3rem 0;
font-size: 2.4rem;
line-height: normal;
text-align: center;
color: #4d0a14;
}
.navigation-menu .current-menu-item:nth-child(-n+15) a,
.navigation-menu li:nth-child(-n+15) a:hover {
color: #fff;
}
.navigation-menu .current-menu-item:nth-child(1) a,
.navigation-menu li:nth-child(1) a:hover,
.navigation-menu .current-menu-item:nth-child(9) a,
.navigation-menu li:nth-child(9) a:hover {
background: #b49759;
}
.navigation-menu .current-menu-item:nth-child(1) a:hover,
.navigation-menu li:nth-child(1) a:hover:hover,
.navigation-menu .current-menu-item:nth-child(9) a:hover,
.navigation-menu li:nth-child(9) a:hover:hover {
background: #967c44;
}
.navigation-menu .current-menu-item:nth-child(2) a,
.navigation-menu li:nth-child(2) a:hover,
.navigation-menu .current-menu-item:nth-child(10) a,
.navigation-menu li:nth-child(10) a:hover {
background: #ab0112;
}
.navigation-menu .current-menu-item:nth-child(2) a:hover,
.navigation-menu li:nth-child(2) a:hover:hover,
.navigation-menu .current-menu-item:nth-child(10) a:hover,
.navigation-menu li:nth-child(10) a:hover:hover {
background: #78010d;
}
.navigation-menu .current-menu-item:nth-child(3) a,
.navigation-menu li:nth-child(3) a:hover {
background: #73c026;
}
.navigation-menu .current-menu-item:nth-child(3) a:hover,
.navigation-menu li:nth-child(3) a:hover:hover {
background: #5a951e;
}
.navigation-menu .current-menu-item:nth-child(4) a,
.navigation-menu li:nth-child(4) a:hover {
background: #de3f19;
}
.navigation-menu .current-menu-item:nth-child(4) a:hover,
.navigation-menu li:nth-child(4) a:hover:hover {
background: #b03214;
}
.navigation-menu .current-menu-item:nth-child(5) a,
.navigation-menu li:nth-child(5) a:hover {
background: #55068e;
}
.navigation-menu .current-menu-item:nth-child(5) a:hover,
.navigation-menu li:nth-child(5) a:hover:hover {
background: #38045d;
}
.navigation-menu .current-menu-item:nth-child(6) a,
.navigation-menu li:nth-child(6) a:hover {
background: #00a0ee;
}
.navigation-menu .current-menu-item:nth-child(6) a:hover,
.navigation-menu li:nth-child(6) a:hover:hover {
background: #007ebb;
}
.navigation-menu .current-menu-item:nth-child(7) a,
.navigation-menu li:nth-child(7) a:hover {
background: #e88102;
}
.navigation-menu .current-menu-item:nth-child(7) a:hover,
.navigation-menu li:nth-child(7) a:hover:hover {
background: #b56502;
}
.navigation-menu .current-menu-item:nth-child(8) a,
.navigation-menu li:nth-child(8) a:hover {
background: #3aac5d;
}
.navigation-menu .current-menu-item:nth-child(8) a:hover,
.navigation-menu li:nth-child(8) a:hover:hover {
background: #2d8648;
}
.flexbox .navigation-menu {
display: block;
}
}
@media screen and (max-width: 37.5em) {
.header--active .navigation-link span:nth-child(3) {
top: 40px;
}
.logo {
top: 30px;
width: 180px;
}
.navigation-link {
top: 31px;
width: 55px;
}
.navigation-link span {
width: 55px;
}
.navigation-link span:nth-child(1) {
top: 7px;
}
.navigation-link span:nth-child(2) {
top: 19px;
}
.navigation-link span:nth-child(3) {
top: 31px;
}
.navigation {
padding-top: 90px;
}
}
@media screen and (max-width: 28.125em) {
.navigation-menu {
margin-top: 15px;
}
.header-socials {
padding-right: 4.5rem;
text-align: right;
}
}
.footer {
position: relative;
padding: 150px 0 40px 0;
padding: 15rem 0 4rem 0;
text-align: center;
background: #6ec4d4 url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/prague-skyline-clear_footer.svg) left 50% bottom 124px no-repeat;
background-size: auto 400px;
color: #fff;
} .footer:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
height: 124px;
background: #e1002a;
content: ' ';
}
.footer__title {
margin: 0 0 40px 0;
margin: 0 0 4rem 0;
font-size: 60px;
font-size: 6rem;
line-height: 1;
}
.footer__copyright {
position: relative;
z-index: 1;
max-width: 800px;
margin: 0 auto;
font-size: 10px;
font-size: 1rem;
color: #ffffff;
}
.footer__cloud {
position: absolute;
z-index: 2;
animation: swing20 4s ease-in-out infinite alternate both running;
will-change: transform;
}
.footer__cloud--1 {
bottom: 674px;
left: 50%;
margin-left: -977px;
}
.footer__cloud--2 {
bottom: 357px;
right: 50%;
margin-right: 680px;
animation-duration: 6s;
animation-delay: 2s;
}
.footer__cloud--3 {
bottom: 343px;
left: 50%;
margin-left: 681px;
animation-delay: 1s;
}
.footer__balloon {
position: absolute;
left: 50%;
bottom: 422px;
margin-left: 460px;
animation: swing15 4s ease-in-out infinite alternate both running;
will-change: transform;
}
.footer__airship {
position: absolute;
right: 50%;
bottom: 340px;
margin-right: 460px;
animation: swing15 6s ease-in-out infinite alternate both running;
will-change: transform;
}
.footer__kite {
position: absolute;
}
.footer__kite--1 {
bottom: 667px;
right: 157px;
animation: swing10 5s ease-in-out infinite alternate both running;
will-change: transform;
}
.footer__kite--2 {
bottom: 400px;
right: -550px;
filter: blur(2px);
}
.footer__kite--2.lazyloaded {
opacity: 1;
}
.footer-birds {
position: absolute;
}
.footer-birds--1 {
bottom: 870px;
right: 50%;
width: 176px;
height: 95px;
margin-right: 605px;
}
.footer-birds--2 {
bottom: 624px;
right: 50%;
width: 76px;
height: 42px;
margin-right: 557px;
}
.footer-birds--3 {
bottom: 666px;
left: 50%;
width: 109px;
height: 60px;
margin-left: 805px;
}
.footer-birds__bird {
position: absolute;
animation: swing25 5s ease-in-out infinite alternate both running;
will-change: transform;
}
.footer-birds__bird--1 {
top: 0;
right: 0;
}
.footer-birds__bird--2 {
top: 40px;
right: 57px;
animation-delay: .5s;
}
.footer-birds__bird--3 {
bottom: 0;
left: 0;
animation-duration: 3s;
}
.footer-birds__bird--4,
.footer-birds__bird--6 {
top: 0;
left: 0;
animation-delay: 1.5s;
}
.footer-birds__bird--5,
.footer-birds__bird--7 {
bottom: 0;
right: 0;
animation-duration: 3s;
}
.footer-bottom {
position: relative;
}
.footer__trip-advisor {
position: absolute;
top: 35px;
left: 50%;
display: inline-block;
width: 120px;
height: auto;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 93.75em) {
.footer {
background-position: left 50% bottom 124px;
background-size: auto 300px;
}
.footer__title {
margin-bottom: 3rem;
font-size: 5rem;
}
.footer__kite--1 {
bottom: auto;
top: 60px;
width: 170px;
}
.footer__kite--2 {
right: -450px;
bottom: 450px;
width: 570px;
}
.footer__balloon {
bottom: 362px;
margin-left: 470px;
}
.footer__cloud--2 {
bottom: 360px;
margin-right: 560px;
}
.footer__cloud--3 {
bottom: 323px;
margin-left: 561px;
}
.footer__airship {
bottom: 258px;
margin-right: 270px;
}
}
@media screen and (max-width: 68.75em) {
.footer__kite--1 {
left: 50%;
right: auto;
margin: 0 0 0 242px;
}
.footer__kite--2 {
display: none;
}
}
@media screen and (max-width: 43.75em) {
.footer {
background-size: auto 250px;
}
}
@media screen and (max-width: 37.5em) {
.footer {
padding-top: 5rem;
}
.footer__title {
font-size: 3rem;
}
}
@media screen and (max-width: 31.25em) {
.footer {
padding-bottom: 0;
background-position: left -120px bottom 193px;
background-size: auto 160px;
}
.footer:before {
display: none;
}
.footer:after {
height: 195px;
}
.footer-bottom {
height: 195px;
margin: 17rem 0 0 0;
padding: 2rem 0 0 0;
}
.flexbox .footer-bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 0;
}
.footer__balloon {
bottom: 220px;
left: 170px;
width: 28px;
margin-left: 0;
}
.footer__cloud--2 {
bottom: 240px;
left: 190px;
right: auto;
width: 45px;
}
.footer__trip-advisor {
width: 60px;
top: -156px;
}
}
.fp-section {
overflow: hidden;
}
.front-page {
color: #fff;
}
.front-page__title {
margin: 0;
padding: 0;
font-size: 70px;
font-size: 7rem;
font-weight: normal;
line-height: 1.06;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}
.front-page__title--custom,
.front-page__title--explore,
.front-page__title--birthday,
.front-page__title--toys {
text-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.front-page__title--events {
text-shadow: -13px 3px 20px rgba(0, 0, 0, 0.07);
}
.front-page__title--map,
.front-page__title--contact {
text-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.front-page__title--toys,
.front-page__title--contact {
font-size: 80px;
font-size: 8rem;
}
.front-page__subtitle {
margin: 32px 0 55px 0;
margin: 3.2rem 0 5.5rem 0;
font-size: 26px;
font-size: 2.6rem;
line-height: 1.35;
letter-spacing: 6.8px;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
}
.front-page__subtitle--custom,
.front-page__subtitle--explore,
.front-page__subtitle--birthday,
.front-page__subtitle--map,
.front-page__subtitle--contact {
text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.front-page__subtitle--events {
text-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
}
.front-page__subtitle--toys {
text-shadow: 0 0 30px rgba(0, 0, 0, 0.65);
}
.front-video-player {
position: absolute;
left: 50%; top: 50%;
z-index: -100;
opacity: 0;
height: 100%;
width: 177.77777778vh; min-width: 100%;
min-height: 56.25vw; -ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); transition: all 0.5s ease;
}
.front-video-player--active {
opacity: 1;
}
.front-video-player--lightbox {
z-index: 1999;
}
.front-custom,
.front-explore,
.front-events,
.front-birthday,
.front-toys,
.front-map,
.front-contact {
display: none;
}
.front-intro-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1500;
background: #e31837;
color: #fff;
}
.front-intro {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
text-align: center;
}
.front-intro-inner {
position: relative;
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.front-intro__logo {
position: relative;
z-index: 3;
display: block;
width: 286px;
}
.front-intro__slogan {
position: relative;
z-index: 3;
display: block;
width: 240px;
margin: 26px 0 0 0;
margin: 2.6rem 0 0 0;
}
.front-intro__logo,
.front-intro__slogan,
.front-intro__prague,
.front-intro__glow {
margin-left: auto;
margin-right: auto;
}
.front-intro__logo.lazyload,
.front-intro__slogan.lazyload,
.front-intro__prague.lazyload,
.front-intro__glow.lazyload,
.front-intro__logo.lazyloading,
.front-intro__slogan.lazyloading,
.front-intro__prague.lazyloading,
.front-intro__glow.lazyloading,
.front-intro__logo.lazyloaded,
.front-intro__slogan.lazyloaded,
.front-intro__prague.lazyloaded,
.front-intro__glow.lazyloaded {
opacity: 0;
}
.front-intro__prague {
position: absolute;
bottom: 0;
left: 50%;
z-index: 2;
max-width: none;
-ms-transform: translateX(-53.5%);
transform: translateX(-53.5%);
}
.front-intro__glow {
position: absolute;
bottom: 0;
left: 50%;
z-index: 1;
max-width: none;
-ms-transform: translateX(-53.4375%);
transform: translateX(-53.4375%);
}
.front-intro__william {
position: absolute;
right: -450px;
bottom: 65px;
z-index: 4;
width: 330px;
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);
will-change: transform;
}
.front-intro__william.lazyloaded {
-ms-transform: translateX(-267px) rotate(-35deg);
transform: translateX(-267px) rotate(-35deg);
transition: transform 0.8s ease;
transition-delay: 1s;
}
.front-intro__logo.lazyloaded,
.front-intro__slogan.lazyloaded,
.front-intro__prague.lazyloaded,
.front-intro__glow.lazyloaded {
opacity: 1;
transition: opacity 0.8s ease;
transition-delay: 0.5s;
}
.front-intro__prague.lazyloaded {
transition-delay: 0.75s;
}
.front-intro__loader {
position: absolute;
left: 0;
bottom: 0;
z-index: 6;
width: 0;
height: 10px;
background: #96d5ea;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
transition: width 0.5s ease;
}
.front-video {
position: relative;
overflow: hidden;
z-index: -100;
}
.front-video--active {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2000;
}
.front-video--active .front-video__skip {
z-index: 2002;
}
.front-video__play {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
display: none;
width: 112px;
height: 112px;
margin: -56px 0 0 -56px;
background-size: contain;
border-radius: 50%;
transition: all 0.5s ease;
}
.front-video__play:hover {
animation-play-state: paused;
}
.front-video__play:hover svg {
fill: #be9f57;
}
.front-video__play svg {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s ease;
}
.front-video__play--active {
display: block;
animation: pulse 1s linear infinite normal both running;
}
.front-video__sound {
position: absolute;
left: 50px;
bottom: 37px;
z-index: 2;
opacity: 0;
width: 46px;
height: 46px;
background-size: contain;
border-radius: 50%;
transition: all 0.5s ease;
}
.front-video__sound:hover .icon-sound svg {
fill: #be9f57;
}
.front-video__sound:hover .sound-off-outline {
stroke: #be9f57;
}
.front-video__sound .icon-sound {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 41px;
height: 28px;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.front-video__sound .icon-sound-off {
display: none;
width: 100%;
height: 100%;
}
.front-video__sound .icon-sound-off .sound-off-outline {
transition: all 0.2s ease;
}
.front-video__sound svg {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s ease;
}
.front-video__sound--active {
opacity: 1;
}
.front-video__sound--muted .icon-sound {
display: none;
}
.front-video__sound--muted .icon-sound-off {
display: block;
}
.front-video__skip {
position: absolute;
right: 50px;
bottom: 37px;
z-index: 2;
opacity: 0;
display: block;
padding: 0 68px 0 0;
font-size: 26px;
font-size: 2.6rem;
line-height: 46px;
color: #fff;
}
.front-video__skip .icon-skip {
position: absolute;
top: 50%;
right: 0;
display: inline-block;
width: 46px;
height: 46px;
margin: -23px 0 0 0;
}
.front-video__skip .icon-skip svg {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s ease;
}
.front-video__skip:hover {
color: #be9f57;
}
.front-video__skip:hover .icon-skip svg {
fill: #be9f57;
}
.front-video__skip--active {
opacity: 1;
}
.front-custom {
position: relative;
text-align: center;
background-color: rgba(207, 16, 45, 0.88);
background-position: 50% 50%;
background-size: cover;
}
.front-custom--image:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
background: rgba(207, 16, 45, 0.88);
content: ' ';
}
.front-custom-inner {
position: relative;
z-index: 1;
}
.front-explore {
text-align: center;
background-color: rgba(207, 16, 45, 0.88);
}
.front-explore--active .front-explore__cloud {
animation: swing20 4s ease-in-out infinite alternate both running;
}
.front-explore--active .front-explore__cloud--2 {
animation-delay: 2s;
}
.front-explore--active .front-explore__balloon {
animation: swing15 5s ease-in-out infinite alternate both running;
}
.front-explore--active .front-explore__balloon--2 {
animation-delay: 3s;
}
.front-explore-inner {
position: relative;
z-index: 3;
}
.front-explore__william {
position: absolute;
left: -300px;
bottom: -112px;
-ms-transform: rotate(37deg);
transform: rotate(37deg);
width: 250px;
will-change: transform;
}
.front-explore__william--ready.lazyloaded {
-ms-transform: translateX(153px) rotate(37deg);
transform: translateX(153px) rotate(37deg);
transition: transform 0.8s ease;
transition-delay: 1s;
}
.front-explore__cloud {
position: absolute;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
will-change: transform;
}
.front-explore__cloud--1 {
top: 67.8%;
left: 17.47%;
}
.front-explore__cloud--2 {
top: 55.41%;
left: 32.1%;
}
.front-explore__balloon {
position: absolute;
z-index: 1;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
will-change: transform;
}
.front-explore__balloon--1 {
top: 47.1%;
right: 15.31%;
}
.front-explore__balloon--2 {
top: 22.81%;
right: -105px;
}
.front-explore__dotted-line {
position: absolute;
top: calc(47.1% + 239px);
right: 20.32%;
z-index: 0;
}
.front-events {
position: relative;
text-align: center;
background: #6ec4d4;
transition: all 0.2s ease;
}
.header-active .front-events {
background: #e31837;
}
.front-events--active .front-events-birds__bird {
animation: swing25 5s ease-in-out infinite alternate both running;
}
.front-events--active .front-events-birds__bird--2 {
animation-delay: 1s;
}
.front-events--active .front-events-birds__bird--3 {
animation-delay: 3.5s;
}
.front-events--active .front-events-birds__bird--5 {
animation-delay: 1.8s;
}
.front-events-inner {
position: relative;
z-index: 3;
padding: 0 0 40px 0;
padding: 0 0 4rem 0;
}
.front-events-bgs {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.front-events-bgs-item {
width: 100%;
height: 100%;
}
.front-events-bgs__prague,
.front-events-bgs__trees,
.front-events-bgs__buildings,
.front-events-bgs__bg {
position: absolute;
bottom: 0;
left: 50%;
max-width: none;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.front-events-bgs__bg {
z-index: 0;
}
.front-events-bgs__prague {
bottom: -2px;
z-index: 1;
}
.front-events-bgs__trees {
bottom: -2px;
z-index: 2;
}
.front-events-bgs__buildings {
z-index: 3;
}
.front-events__kite {
position: absolute;
bottom: 446px;
left: 50%;
margin: 0 0 0 731px;
}
.front-events-birds {
position: absolute;
}
.front-events-birds--1 {
top: 217px;
right: 50%;
width: 176px;
height: 95px;
margin: 0 555px 0 0;
}
.front-events-birds--2 {
top: 81px;
left: 50%;
width: 100px;
height: 67px;
margin: 0 0 0 392px;
}
.front-events-birds__bird {
position: absolute;
will-change: transform;
}
.front-events-birds__bird--1 {
left: 0;
bottom: 0;
}
.front-events-birds__bird--2 {
right: 57px;
top: 40px;
}
.front-events-birds__bird--3 {
right: 0;
top: 0;
}
.front-events-birds__bird--4 {
left: 0;
top: 0;
}
.front-events-birds__bird--5 {
right: 0;
bottom: 0;
}
.front-birthday {
position: relative;
overflow: hidden;
text-align: center;
background-color: rgba(77, 10, 20, 0.8);
}
.front-birthday-inner {
position: relative;
z-index: 1;
} .front-toys {
position: relative;
text-align: center;
background-color: #6ec4d4;
background-image: url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/tree-birds-blue.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto auto;
}
.front-toys .fp-tableCell {}
.front-toys--active .front-toys-tree-balloon {
animation: swing10 5s ease-in-out infinite alternate both running;
}
.front-toys--active .front-toys-list-item {
animation: toys 6s ease-in-out infinite normal both running;
}
.front-toys--active .front-toys-list-item--1 {
animation-delay: 1s;
}
.front-toys--active .front-toys-list-item--2 {
animation-delay: 2s;
}
.front-toys--active .front-toys-list-item--3 {
animation-delay: 0.5s;
}
.front-toys--active .front-toys-list-item--4 {
animation-delay: 1.5s;
}
.front-toys--active .front-toys-list-item--5 {
animation-delay: 2.5s;
}
.header-active .front-toys {
background-color: #e31837;
} .front-toys-tree-balloon {
position: absolute;
bottom: 496px;
left: 50%;
display: block;
margin: 0 0 0 697px;
}
.front-toys-list-item {
position: absolute;
z-index: 4;
display: block;
width: 196px;
height: 196px;
overflow: hidden;
padding: 10px;
background: rgba(255, 255, 255, 0.15);
border-radius: 50%;
will-change: transform;
}
.front-toys-list-item:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 176px;
height: 176px;
background: #fff;
border-radius: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all 0.1s ease-in;
content: ' ';
}
.front-toys-list-item:hover:before {
width: 196px;
height: 196px;
}
.front-toys-list-item--0 {
top: 15%;
left: 17%;
}
.front-toys-list-item--1 {
top: 44%;
left: 14%;
}
.front-toys-list-item--2 {
bottom: 14%;
left: 26%;
}
.front-toys-list-item--3 {
top: 15%;
right: 17%;
}
.front-toys-list-item--4 {
top: 44%;
right: 14%;
}
.front-toys-list-item--5 {
bottom: 14%;
right: 26%;
}
.front-toys-list-item__image {
position: relative;
z-index: 5;
display: block;
width: 176px;
height: 176px;
background: #fff;
border-radius: 50%;
}
.front-map {
text-align: center;
}
.front-map-point {
position: relative;
width: 121px;
height: 178px;
margin: 87px auto 20px auto;
margin: 8.7rem auto 2rem auto;
}
.front-map-point--active .front-map-point__main {
animation: bounce 1s linear 0s 1 normal both running;
}
.front-map-point--active .front-map-point__bottom {
animation: scale 1s linear 0s 1 normal both running;
}
.front-map-point__main {
position: absolute;
top: 0;
left: 50%;
width: 120px;
height: 159px;
margin: 0 0 0 -60px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/point-top.svg) 0 0 no-repeat;
background-size: contain;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.front-map-point__bottom {
position: absolute;
bottom: 0;
left: 50%;
width: 100px;
height: 27px;
margin: 0 0 0 -50px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/point-bottom.svg) 0 0 no-repeat;
background-size: contain;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.front-contact {
text-align: center;
background-color: rgba(11, 53, 67, 0.88);
background-image: url(//www.hamleys.jp/contnt/themes/hamleys/img/bcg-kontakt2.jpg?666dba49);
background-position: 50% 50%;
background-size: cover;
}
.front-contact .fp-tableCell {
display: block;
padding-top: 14rem;
}
.front-contact-stars {
position: absolute;
top: -75px;
left: 50%;
overflow: visible !important;
-ms-transform: translateX(-47%);
transform: translateX(-47%);
}
.front-contact-stars .star {
animation: pulseWaiting 6s ease infinite normal both;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.front-contact-stars .star--1 {
animation-delay: 4s;
}
.front-contact-stars .star--2 {
animation-delay: 1.5s;
}
.front-contact-stars .star--3 {
animation-delay: 6s;
}
.front-contact-stars .star--4 {
animation-delay: 3s;
}
.front-contact-stars .star--5 {
animation-delay: 1s;
}
.front-contact-stars .star--6 {
animation-delay: 5.5s;
}
.front-contact-stars .star--7 {
animation-delay: 7.5s;
}
.front-contact-footer {
left: calc(4.5% + 100px);
right: calc(4.5% + 100px);
margin-top: 4rem;
}
.front-contact-menu__link {
display: none;
}
.front-contact__copyright {
opacity: 0.5;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
}
.fp-controls {
position: fixed;
bottom: 42px;
left: 0;
right: 0;
transition: all 0.2s ease;
}
.fp-controls-right {
position: absolute;
right: 100px;
bottom: -8px;
}
.fp-controls-play-video {
position: relative;
float: left;
width: 38px;
height: 38px;
margin: 4px 0 0 0;
}
.fp-controls-play-video:hover {
color: #be9f57;
}
.fp-controls-play-video:hover .icon-play svg {
fill: #be9f57;
}
.fp-controls-play-video .icon-play {
position: absolute;
top: 0;
left: 0;
display: block;
width: 38px;
height: 38px;
}
.fp-controls-play-video .icon-play svg {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s ease;
}
.fp-controls__sound {
position: relative;
float: left;
display: none;
width: 46px;
height: 46px;
margin: 0 0 0 35px;
}
.fp-controls__sound:hover .icon-sound svg {
fill: #be9f57;
}
.fp-controls__sound:hover .sound-off-outline {
stroke: #be9f57;
}
.fp-controls__sound .icon-sound,
.fp-controls__sound .icon-sound-off {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 41px;
height: 28px;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.fp-controls__sound .icon-sound svg,
.fp-controls__sound .icon-sound-off svg {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s ease;
}
.fp-controls__sound .icon-sound-off {
display: none;
width: 46px;
height: 46px;
}
.fp-controls__sound .icon-sound-off .sound-off-outline {
transition: all 0.2s ease;
}
.fp-controls__sound--active {
display: block;
}
.fp-controls__sound--muted .icon-sound {
display: none;
}
.fp-controls__sound--muted .icon-sound-off {
display: block;
}
#fp-nav.left {
left: 65px;
}
#fp-nav ul li {
width: 22px;
height: 22px;
margin: 16px 0;
}
#fp-nav ul li a span,
#fp-nav ul li:hover a span {
width: 0;
height: 0;
background: transparent;
}
#fp-nav ul li a {
position: relative;
}
#fp-nav ul li a:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 10px;
height: 10px;
margin: -5px 0 0 -5px;
background: #fff;
border-radius: 50%;
opacity: 0.6;
transition: all 0.2s ease;
content: ' ';
}
#fp-nav ul li a:hover:before {
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 1;
}
#fp-nav ul li a.active:before {
width: 22px;
height: 22px;
margin: -11px 0 0 -11px;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
z-index: 2;
width: 10px;
height: 10px;
margin: -5px 0 0 -5px;
background: #fff;
}
@media screen and (max-height: 40.625em) {
.front-contact-footer {
}
.front-page__subtitle--contact {
margin-bottom: 3.5rem;
}
}
@media screen and (max-width: 106.25em) {
.front-intro__logo {
width: 200px;
}
.front-intro__slogan {
width: 168px;
margin-top: 2rem;
}
.front-intro__prague {
width: 1106px;
}
.front-intro__glow {
width: 1120px;
}
.front-intro__william {
right: -395px;
width: 230px;
}
.front-page__title {
font-size: 7rem;
}
.front-page__subtitle {
font-size: 2.6rem;
letter-spacing: 4.6px;
}
.front-explore__william {
left: -253px;
bottom: -65px;
width: 175px;
}
.front-explore__cloud--1 {
width: 177px;
}
.front-explore__cloud--2 {
width: 102px;
}
.front-explore__balloon--1 {
width: 121px;
}
.front-explore__balloon--2 {
right: -65px;
width: 176px;
}
.front-explore__dotted-line {
top: calc(47.1% + 168px);
right: 19.32%;
}
.front-events-birds--1 {
width: 123px;
height: 66px;
margin: 0 40% 0 0;
}
.front-events-birds--2 {
width: 70px;
height: 47px;
margin: 0 0 0 30%;
}
.front-events-birds__bird--1 {
width: 21px;
}
.front-events-birds__bird--2 {
right: 40px;
top: 28px;
width: 29px;
}
.front-events-birds__bird--3 {
width: 40px;
}
.front-events-birds__bird--4 {
width: 40px;
}
.front-events-birds__bird--5 {
width: 29px;
}
.front-events-bgs__bg,
.front-events-bgs__prague,
.front-events-bgs__trees,
.front-events-bgs__buildings {
width: 1316px;
}
.front-toys {
background-position: left 50.2% bottom 319px, left 50% bottom -1px, 50% 0;
background-size: 52px auto, auto 788px, auto auto;
} .front-toys-tree-balloon {
bottom: 412px;
left: auto;
right: 40px;
width: 132px;
margin: 0;
}
.front-toys-list-item {
width: 146px;
height: 146px;
padding: 8px;
}
.front-toys-list-item:before {
width: 130px;
height: 130px;
}
.front-toys-list-item:hover:before {
width: 146px;
height: 146px;
}
.front-toys-list-item__image {
width: 130px;
height: 130px;
}
.front-toys-list-item--1 {
left: 13.52%;
}
.front-map-point {
width: 96px;
height: 142px;
margin-top: 10.8rem;
}
.front-map-point__main {
width: 96px;
height: 127px;
margin: 0 0 0 -48px;
}
.front-map-point__bottom {
width: 80px;
height: 22px;
margin: 0 0 0 -40px;
}
.fp-controls-right {
right: 4.5%;
}
.fp-controls-play-video {
width: 32px;
height: 32px;
}
.fp-controls-play-video .icon-play {
width: 32px;
height: 32px;
}
.fp-controls__sound {
width: 39px;
height: 39px;
margin: 0 0 0 28px;
}
.fp-controls__sound .icon-sound,
.fp-controls__sound .icon-sound-off {
width: 35px;
height: 24px;
}
.fp-controls__sound .icon-sound-off {
width: 39px;
height: 39px;
}
.front-video__sound {
left: 35px;
bottom: 26px;
width: 32px;
height: 32px;
}
.front-video__sound .icon-sound {
width: 29px;
height: 20px;
}
.front-video__skip {
right: 35px;
bottom: 26px;
padding: 0 47px 0 0;
font-size: 1.8rem;
line-height: 32px;
}
.front-video__skip .icon-skip {
width: 32px;
height: 32px;
margin: -16px 0 0 0;
}
.front-video__play {
width: 78px;
height: 78px;
margin: -39px 0 0 -39px;
}
#fp-nav.left {
left: 35px;
}
} @media screen and (max-width: 106.25em) and (max-height: 46.1875em) { }
@media screen and (max-width: 93.75em) {
.front-page__title {
font-size: 5.2rem;
}
.front-page__subtitle {
font-size: 2.1rem;
letter-spacing: 3.4px;
}
.front-map-point {
margin-top: 5.8rem;
}
}
@media screen and (max-width: 87.5em) {
.front-toys-list-item--0,
.front-toys-list-item--1,
.front-toys-list-item--2 {
right: 50%;
left: auto;
top: auto;
}
.front-toys-list-item--0 {
bottom: 540px;
margin: 0 260px 0 0;
}
.front-toys-list-item--1 {
bottom: 300px;
margin: 0 320px 0 0;
}
.front-toys-list-item--2 {
bottom: 100px;
margin: 0 186px 0 0;
}
.front-toys-list-item--3,
.front-toys-list-item--4,
.front-toys-list-item--5 {
left: 50%;
right: auto;
top: auto;
}
.front-toys-list-item--3 {
bottom: 506px;
margin: 0 0 0 226px;
}
.front-toys-list-item--4 {
bottom: 310px;
margin: 0 0 0 300px;
}
.front-toys-list-item--5 {
bottom: 105px;
margin: 0 0 0 192px;
}
.front-contact-stars {
top: -45px;
width: 1010px;
height: 236px;
}
.fp-controls-right {
bottom: -2px;
}
.fp-controls-play-video {
width: 25px;
height: 25px;
}
.fp-controls-play-video .icon-play {
width: 25px;
height: 25px;
}
.fp-controls__sound {
width: 31px;
height: 31px;
margin: 0 0 0 22px;
}
.fp-controls__sound .icon-sound,
.fp-controls__sound .icon-sound-off {
width: 28px;
height: 19px;
}
.fp-controls__sound .icon-sound-off {
width: 31px;
height: 31px;
}
}
@media screen and (max-width: 87.5em) and (max-height: 41.875em) {
.front-toys-list-item--0 {
bottom: 397px;
}
.front-toys-list-item--1 {
bottom: 206px;
}
.front-toys-list-item--2 {
bottom: 36px;
}
.front-toys-list-item--3 {
bottom: 416px;
}
.front-toys-list-item--4 {
bottom: 250px;
}
.front-toys-list-item--5 {
bottom: 75px;
}
}
@media screen and (max-width: 87.5em) and (max-height: 36.25em) {
.front-toys-list-item--0 {
bottom: 337px;
}
.front-toys-list-item--1 {
bottom: 186px;
}
.front-toys-list-item--2 {
bottom: 16px;
}
.front-toys-list-item--3 {
bottom: 366px;
}
.front-toys-list-item--4 {
bottom: 200px;
}
.front-toys-list-item--5 {
bottom: 35px;
}
}
@media screen and (max-width: 75em) {
.front-toys-tree-balloon {
display: none;
}
}
@media screen and (max-width: 68.75em) {
.front-intro__prague {
width: 790px;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.front-intro__glow {
width: 800px;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.front-explore__cloud--2,
.front-explore__balloon--1,
.front-explore__dotted-line {
display: none;
}
.front-events-birds--2 {
display: none;
}
.front-events-bgs__bg,
.front-events-bgs__prague,
.front-events-bgs__trees,
.front-events-bgs__buildings {
width: 1100px;
}
}
@media screen and (max-width: 56.25em) {
.front-intro__william {
display: none;
}
.front-explore__cloud--1 {
width: 152px;
}
.front-explore__balloon--2 {
right: -55px;
width: 151px;
}
#fp-nav {
display: none;
}
}
@media screen and (max-width: 50em) {
.front-video__play {
width: 102px;
height: 102px;
margin: -51px 0 0 -51px;
}
.front-events-birds--1 {
display: none;
}
.front-contact-footer {
left: 4.5%;
right: 4.5%;
}
.front-contact-menu {
position: relative;
}
.front-contact-menu--active .footer-menu--front {
display: block;
}
.front-contact-menu__link {
position: relative;
display: inline-block;
padding: 0 16px 0 0;
font-size: 1.4rem;
color: #fff;
}
.front-contact-menu__link:before {
position: absolute;
top: 50%;
right: 0;
display: block;
width: 0;
height: 0;
margin: -2px 0 0 0;
border-style: solid;
border-width: 0 3.5px 4px 3.5px;
border-color: transparent transparent #ffffff transparent;
content: ' ';
}
.front-contact-menu__link:hover {
text-decoration: underline;
color: #fff;
}
}
@media screen and (max-width: 46.875em) {
.front-toys-list-item--0 {
margin-right: 200px;
}
.front-toys-list-item--3 {
margin-left: 202px;
}
}
@media screen and (max-width: 43.75em) {
.front-page__title {
font-size: 5rem;
}
.front-page__subtitle {
margin-bottom: 2.5rem;
font-size: 1.2em;
letter-spacing: 3.6px;
}
.front-explore__william {
display: none;
}
.front-toys-list-item--0 {
margin: 0 180px 0 0;
}
.front-toys-list-item--1 {
margin: 0 112px 0 0;
}
.front-toys-list-item--2 {
margin: 0 155px 0 0;
}
.front-toys-list-item--3 {
margin: 0 0 0 175px;
}
.front-toys-list-item--4 {
margin: 0 0 0 130px;
}
.front-toys-list-item--5 {
margin: 0 0 0 170px;
}
.front-map-point {
margin-top: 2.7rem;
}
.footer-contact-footer {
left: calc(4.5% + 58px);
right: calc(4.5% + 58px);
}
.fp-controls-right {
position: static;
}
.fp-controls-play-video {
position: absolute;
left: 4.5%;
bottom: 2px;
margin: 0;
}
.fp-controls__sound {
position: absolute;
right: 4.5%;
bottom: -1px;
margin: 0;
}
.is-tablet-mobile .fp-controls-play-video {
left: auto;
right: 4.5%;
}
.is-tablet-mobile .fp-controls__sound {
right: auto;
left: 4.5%;
}
}
@media screen and (max-width: 43.75em) and (max-height: 46.1875em) {
.front-page__subtitle--toys {
margin-bottom: 15rem;
}
}
@media screen and (max-width: 40.625em) {
.front-toys-list-item {
}
}
@media screen and (max-width: 37.5em) and (min-height: 25em) {
.front-page__subtitle--toys {
margin-bottom: 10.5rem;
} }
@media screen and (max-width: 37.5em) and (max-height: 37.5em) {
.front-page__title {
font-size: 3rem;
}
}
@media screen and (max-width: 37.5em) {
.front-video__play {
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
}
.front-video__skip {
right: 4.5%;
}
.front-explore__cloud--1 {
display: none;
}
.front-explore__balloon--2 {
top: 45%;
right: -40px;
width: 125px;
} .front-toys {}
.front-contact-stars {
top: -18px;
width: 505px;
height: 118px;
}
}
@media screen and (min-width: 31.3125em) and (max-height: 40.625em) {
.fp-controls {
bottom: 22px;
}
}
@media screen and (max-width: 31.25em) {
.front-page__title {
font-size: 3rem;
}
.front-page__subtitle {
margin: 1.5rem 0 2.5rem 0;
font-size: 1.4rem;
letter-spacing: 2.6px;
}
.front-map-point {
width: 76px;
height: 112px;
margin-top: 3.7rem;
}
.front-map-point__main {
width: 76px;
height: 101px;
margin-left: -38px;
}
.front-map-point__bottom {
width: 63px;
height: 17px;
margin-left: -31.5px;
}
.front-contact-footer {
}
.fp-controls {
bottom: 16px;
}
}
@media screen and (max-width: 31.25em) and (min-height: 25em) {
.front-page__subtitle--toys {
margin-bottom: 4rem;
} }
@media screen and (max-width: 28.125em) {
.front-intro__prague,
.front-intro__glow {
left: -100px;
-ms-transform: translateX(0);
transform: translateX(0);
}
.front-events-bgs__bg,
.front-events-bgs__prague,
.front-events-bgs__trees,
.front-events-bgs__buildings {
left: -100px;
width: 700px;
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@media screen and (max-width: 25em) and (max-height: 37.5em) {
.front-page__title {
font-size: 3rem;
}
}
@media screen and (max-width: 25em) and (max-height: 40.625em) {
.front-events-inner {
padding: 2rem 0 0 0;
}
}
@media screen and (max-width: 21.875em) and (max-height: 37.5em) {
.footer-menu--front {
display: none;
}
}
.attractions-header {
position: relative;
height: 1085px;
padding: 175px 0 150px 0;
padding: 17.5rem 0 15rem 0;
text-align: center;
background: #e31837;
color: #fff;
}
.flexbox .attractions-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
.flexbox .attractions-header-inner {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.attractions-header-inner {
position: relative;
z-index: 1;
}
.attractions-header__content {
max-width: 865px;
margin: 50px auto 65px auto;
margin: 5rem auto 6.5rem auto;
font-size: 19px;
font-size: 1.9rem;
}
.attractions-header-video {
position: relative;
display: inline-block;
}
.attractions-header-video-box {
position: relative;
}
.attractions-header-video-box:before {
position: absolute;
left: -2px;
right: -2px;
bottom: -2%;
display: block;
height: 12px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/shadow-video.png?345cb342) 50% 100% no-repeat;
background-size: contain;
content: ' ';
}
.attractions-header-video__image {
position: relative;
z-index: 1;
display: block;
height: auto;
}
.attractions-header-video__btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
width: 112px;
height: 112px;
margin: -56px 0 0 -56px;
background-size: contain;
border-radius: 50%;
animation: bounceWaiting 4s linear infinite normal both running;
}
.attractions-header-video__btn:hover {
animation-play-state: paused;
}
.attractions-header-video__btn:hover svg {
fill: #be9f57;
}
.attractions-header-video__btn:hover .play-path {
fill: #fff;
}
.attractions-header-video__btn svg {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s ease;
}
.attractions-header-video__card {
position: absolute;
top: -23px;
left: 100%;
z-index: 2;
margin: 0 0 0 -30px;
}
.attractions-header-video__shadow {
position: absolute;
top: -264px;
right: -484px;
}
.attractions-header-desc {
position: absolute;
left: 100%;
bottom: 0;
width: 370px;
margin: 0 0 0 63px;
text-align: left;
}
.attractions-header-desc__content {
margin: 0 0 20px 0;
margin: 0 0 2rem 0;
font-size: 16px;
font-size: 1.6rem;
font-style: italic;
line-height: 1.5;
}
.attractions-header__cloud {
position: absolute;
left: 50%;
animation: swing15 4s ease-in-out infinite alternate both running;
will-change: transform;
}
.attractions-header__cloud--1 {
top: 370px;
margin: 0 0 0 548px;
}
.attractions-header__cloud--2 {
top: 294px;
z-index: 1;
margin: 0 0 0 860px;
animation-delay: 1s;
}
.attractions-header__balloon {
position: absolute;
top: 243px;
right: 50%;
margin: 0 578px 0 0;
animation: swing10 5s ease-in-out infinite alternate both running;
will-change: transform;
}
.attractions-header-birds {
position: absolute;
right: 50%;
}
.attractions-header-birds--1 {
top: 424px;
width: 115px;
height: 59px;
margin: 0 726px 0 0;
}
.attractions-header-birds--2 {
top: 633px;
width: 176px;
height: 95px;
margin: 0 531px 0 0;
}
.attractions-header-birds__bird {
position: absolute;
}
.attractions-header-birds__bird--1,
.attractions-header-birds__bird--3 {
top: 0;
right: 0;
}
.attractions-header-birds__bird--2,
.attractions-header-birds__bird--5 {
left: 0;
bottom: 0;
}
.attractions-header-birds__bird--4 {
top: 44px;
right: 57px;
}
.attractions-header__airship {
position: absolute;
right: 50%;
top: 705px;
margin: 0 683px 0 0;
filter: blur(2px);
animation: swing10 8s ease-in-out infinite alternate both running;
will-change: transform;
}
.attractions-header__airship.lazyloaded {
opacity: 0.4;
}
.attractions-main {
position: relative;
padding: 280px 0 0 0;
padding: 28rem 0 0 0;
background: #f7f7f0;
}
.attractions-main:before {
position: absolute;
top: -83px;
left: 0;
right: 0;
display: block;
height: 84px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/clip-header.svg) 50% 0 repeat-x;
content: ' ';
}
.attractions-main:after {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
display: block;
height: 84px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/clip-footer-top.svg) 50% 0 repeat-x;
content: ' ';
}
.attractions-main__cloud {
position: absolute;
}
.attractions-main__cloud.lazyloaded {
opacity: 0.4;
}
.attractions-main__cloud--1 {
bottom: 94px;
right: 50%;
margin: 0 705px 0 0;
}
.attractions-main__cloud--2 {
bottom: 359px;
left: 50%;
margin: 0 0 0 815px;
}
.attractions-main-birds {
position: absolute;
}
.attractions-main-birds--1 {
top: 150px;
left: 50%;
width: 76px;
height: 42px;
margin: 0 0 0 744px;
}
.attractions-main-birds--2 {
top: 150px;
left: 50%;
width: 76px;
height: 42px;
margin: 0 0 0 762px;
}
.attractions-main-birds__bird {
position: absolute;
}
.attractions-main-birds__bird--1 {
top: 400px;
left: 0;
}
.attractions-main-birds__bird--2 {
top: 600px;
right: 0;
}
.attractions-main-birds__bird--3 {
top: 1800px;
left: 0;
}
.attractions-main-birds__bird--4 {
top: 2300px;
right: 0;
}
.attractions-main__kite {
position: absolute;
}
.attractions-main__kite.lazyloaded {
opacity: 0.6;
}
.attractions-main__kite--1 {
top: -300px;
left: 50%;
margin: 0 0 0 623px;
}
.attractions-main__kite--2 {
-ms-transform: rotate(20deg) scale(0.7);
transform: rotate(20deg) scale(0.7);
}
.attractions-main__kite--2.lazyloaded {
opacity: 0.4;
}
.attractions-main__kite--3 {
top: -300px;
left: 50%;
margin: 0 0 0 739px;
filter: blur(4px);
}
.attractions-main__kite--3.lazyloaded {
opacity: 0.2;
}
.attractions-main__kite--4 {
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.attractions-main__kite--5 {
-ms-transform: rotate(-20deg) scale(0.7) scaleX(-1);
transform: rotate(-20deg) scale(0.7) scaleX(-1);
}
.attractions-main__kite--5.lazyloaded {
opacity: 0.4;
}
.attractions-main-kite {
position: absolute;
z-index: 1;
}
.attractions-main-kite--1 {
top: -800px;
left: 50%;
margin: 0 0 0 686px;
}
.attractions-main-kite--2 {
top: -300px;
right: 50%;
margin: 0 923px 0 0;
}
.attractions-main-kite--3 {
top: -750px;
right: 50%;
margin: 0 806px 0 0;
}
.attractions-main__bird {
position: absolute;
}
.attractions-main__bird--1 {
top: 860px;
left: 50%;
margin: 0 0 0 856px;
}
.attractions-main__bird--2 {
top: 1440px;
right: 50%;
margin: 0 909px 0 0;
}
.attractions-main__bird--3 {
top: 713px;
right: 50%;
margin: 0 852px 0 0;
}
.attractions-main__bird--4 {
top: 663px;
right: 50%;
margin: 0 894px 0 0;
}
.attractions-main__bird--5 {
top: 1010px;
right: 50%;
margin: 0 792px 0 0;
}
.attractions-main__bird--6 {
top: 2054px;
right: 50%;
margin: 0 735px 0 0;
}
.attractions-main__balloon {
position: absolute;
}
.attractions-main__balloon.lazyloaded {
opacity: 0.3;
}
.attractions-main__balloon--1 {
top: -800px;
right: 50%;
margin: 0 720px 0 0;
filter: blur(4px);
}
.attractions-main__balloon--1.lazyloaded {
opacity: 0.2;
}
.attractions-main__balloon--2 {
top: 1050px;
right: 50%;
margin: 0 582px 0 0;
}
.attractions-main-airship {
position: absolute;
top: -1476px;
left: 50%;
margin: 0 0 0 657px;
}
.attractions-main__airship--1 {
-ms-transform: scaleX(-1);
transform: scaleX(-1);
filter: blur(4px);
}
.attractions-main__airship--1.lazyloaded {
opacity: 0.2;
}
.attractions-main__airship--2 {
position: absolute;
top: 1725px;
left: 50%;
margin: 0 0 0 577px;
}
.attractions-main__airship--2.lazyloaded {
opacity: 0.4;
}
.attractions-slide {
position: absolute;
top: -90px;
bottom: 65px;
left: 50%;
z-index: 3;
width: 129px;
margin: 0 0 0 -65px;
padding: 838px 0 1048px 0;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/slide-start.svg) 0 0 no-repeat;
}
.attractions-slide:before {
position: absolute;
top: 838px;
bottom: 1048px;
left: 0;
right: 0;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/slide-part.svg) 0 0 repeat-y;
content: ' ';
}
.attractions-slide:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1048px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/slide-end.svg) 0 0 no-repeat;
content: ' ';
}
.attractions-slide__william {
position: absolute;
top: -4px;
left: 58px;
z-index: 4;
}
.attractions-slide__william--on-slide {
-ms-transform: rotate(13deg);
transform: rotate(13deg);
}
.attractions-slide__william--on-end {
-ms-transform: rotate(-13deg);
transform: rotate(-13deg);
}
.attractions-slide__william--starting {
animation: williamStarting 2s linear 1 alternate both running;
will-change: transform;
}
.attractions-slide__william--sliding {
animation: williamSliding 2s linear 1 alternate both running;
will-change: transform;
}
.attractions-item {
position: relative;
height: 400px;
margin: 0 0 315px 0;
}
.attractions-item:nth-child(even) .attractions-item-primary {
float: left;
}
.attractions-item:nth-child(even) .attractions-item-secondary {
float: right;
}
.attractions-item:nth-child(even) .attractions-item-title {
padding-left: 0;
padding-right: 0;
}
.attractions-item:nth-child(even) .attractions-item-title__icon {
left: auto;
right: 0;
}
.attractions-item:nth-child(even) .attractions-item-desc {
float: right;
margin-right: 0;
margin-left: -130px;
}
.attractions-item:nth-child(even) .attractions-item-desc--has-card {
margin-left: 0;
margin-right: 55px;
padding-left: 0;
padding-right: 182px;
}
.attractions-item:nth-child(even) .attractions-item-desc__card {
left: auto;
right: 0;
}
.attractions-item:nth-child(even) .attractions-item__image {
-ms-transform: translateX(500px);
transform: translateX(500px);
}
.attractions-item:nth-child(even) .attractions-item__image--sm {
left: auto;
right: 65%;
}
.attractions-item--visible .attractions-item-primary,
.attractions-item--visible:nth-child(even) .attractions-item-primary {
animation: bounceIn 1s linear 0.5s 1 normal forwards running;
}
.attractions-item--visible .attractions-item__image.lazyloaded,
.attractions-item--visible:nth-child(even) .attractions-item__image.lazyloaded {
opacity: 1;
-ms-transform: translateX(0);
transform: translateX(0);
}
.attractions-item-primary {
float: right;
width: 37.6%;
opacity: 0;
}
.attractions-item-secondary {
position: relative;
float: left;
width: 30.07%;
}
.flexbox .attractions-item-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flexbox .attractions-item-primary,
.flexbox .attractions-item-secondary {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.flexbox .attractions-item-title {
margin-top: 0;
}
.flexbox .attractions-item:nth-child(even) .attractions-item-primary {
-ms-flex-order: 0;
order: 0;
}
.flexbox .attractions-item:nth-child(even) .attractions-item-secondary {
-ms-flex-order: 1;
order: 1;
}
.attractions-item-title {
position: relative;
margin: 45px 0 30px 0;
margin: 4.5rem 0 3rem 0;
font-size: 32px;
font-size: 3.2rem;
font-weight: normal;
line-height: 1.2;
letter-spacing: 4px;
color: #d10f2d;
}
.attractions-item-title__icon {
position: absolute;
top: 50%;
left: 0;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.attractions-item__content {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.625;
color: #595959;
}
.attractions-item-desc {
position: relative;
float: left;
max-width: 100%;
margin: 15px 0 0 0;
margin: 1.5rem 0 0 0;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
color: #be9f57;
}
.attractions-item-desc p:last-child {
margin-bottom: 0;
}
.attractions-item-desc--has-card {
margin-left: 55px;
padding-left: 182px;
}
.attractions-item-desc__card {
position: absolute;
left: 0;
top: -15px;
}
.attractions-item__image {
position: relative;
z-index: 1;
display: block;
border-radius: 50%;
box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.3);
opacity: 0;
-ms-transform: translateX(-500px);
transform: translateX(-500px);
transition: all 1s ease;
}
.attractions-item__image.lazyloaded {
opacity: 0;
}
.attractions-item__image--sm {
position: absolute;
top: 25%;
left: 65%;
z-index: 3;
display: block;
width: 70%;
box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.3);
transition-delay: 0.5s;
}
@media screen and (max-width: 106.25em) {
.attractions-header,
.flexbox .attractions-header {
display: block;
height: auto;
padding: 17rem 0 18rem 0;
}
.attractions-header__content {
margin-bottom: 2.5rem;
}
.attractions-header-video__card {
position: relative;
top: 0;
left: 0;
margin: -38px 0 0 0;
}
.attractions-header-video__shadow {
top: auto;
right: 50%;
bottom: 30px;
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.attractions-header-desc {
position: relative;
left: 0;
bottom: 0;
z-index: 1;
width: auto;
max-width: 370px;
margin: 0 auto;
text-align: center;
}
.attractions-header__balloon {
right: auto;
left: 60px;
width: 145px;
margin: 0;
}
.attractions-header__cloud {
left: auto;
}
.attractions-header__cloud--1 {
right: 100px;
width: 177px;
margin: 0;
}
.attractions-header__cloud--2 {
right: -50px;
width: 108px;
margin: 0;
}
.attractions-header__airship {
right: auto;
left: -480px;
width: 648px;
margin: 0;
}
.attractions-header-birds {
right: auto;
}
.attractions-header-birds--1 {
left: 60px;
width: 80px;
height: 41px;
margin: 0;
}
.attractions-header-birds--2 {
left: 140px;
width: 123px;
height: 66px;
margin: 0;
}
.attractions-header-birds__bird--1,
.attractions-header-birds__bird--4 {
width: 28px;
}
.attractions-header-birds__bird--2,
.attractions-header-birds__bird--3 {
width: 40px;
}
.attractions-header-birds__bird--5 {
width: 21px;
}
.attractions-header-birds__bird--4 {
top: 30px;
right: 40px;
}
.attractions-item:nth-child(even) .attractions-item-desc--has-card {
margin-right: 38px;
}
.attractions-item-desc--has-card {
margin-left: 38px;
}
.attractions-main__cloud--1,
.attractions-main__balloon--1,
.attractions-main__balloon--2,
.attractions-main__bird--2,
.attractions-main__bird--3,
.attractions-main__bird--4,
.attractions-main__bird--5,
.attractions-main__bird--6,
.attractions-main-kite--2,
.attractions-main-kite--3 {
right: auto;
margin: 0;
}
.attractions-main__cloud--1 {
left: -100px;
width: 182px;
}
.attractions-main__balloon--1 {
left: -180px;
width: 290px;
}
.attractions-main__balloon--2 {
left: 40px;
width: 140px;
}
.attractions-main__bird--2 {
left: -10px;
width: 39px;
}
.attractions-main__bird--3 {
left: 30px;
width: 28px;
}
.attractions-main__bird--4 {
left: 20px;
width: 21px;
}
.attractions-main__bird--5 {
left: 80px;
width: 28px;
}
.attractions-main__bird--6 {
left: 110px;
width: 39px;
}
.attractions-main-kite--2 {
left: -20px;
}
.attractions-main-kite--3 {
left: 50px;
}
.attractions-main__kite--4,
.attractions-main__kite--5 {
width: 148px;
}
.attractions-main__kite--3,
.attractions-main-birds--1,
.attractions-main__kite--1,
.attractions-main-kite--1,
.attractions-main__bird--1,
.attractions-main__cloud--2,
.attractions-main-airship,
.attractions-main__airship--2,
.attractions-main-birds--2 {
left: auto;
margin: 0;
}
.attractions-main__kite--3 {
right: -500px;
width: 647px;
}
.attractions-main-birds--1 {
right: 80px;
width: 53px;
height: 29px;
}
.attractions-main-birds__bird--1 {
width: 17px;
}
.attractions-main-birds__bird--2 {
width: 23px;
}
.attractions-main__kite--1 {
right: 30px;
width: 148px;
}
.attractions-main-kite--1 {
right: 120px;
}
.attractions-main__kite--2 {
width: 148px;
}
.attractions-main__bird--1 {
right: 26px;
width: 34px;
}
.attractions-main__cloud--2 {
right: -60px;
width: 115px;
}
.attractions-main-airship {
right: -500px;
}
.attractions-main__airship--1 {
width: 680px;
}
.attractions-main__airship--2 {
right: -60px;
width: 284px;
}
.attractions-main-birds--2 {
right: 40px;
width: 53px;
height: 29px;
}
.attractions-main-birds__bird--3 {
width: 17px;
}
.attractions-main-birds__bird--4 {
width: 23px;
}
}
@media screen and (max-width: 106.25em) {
.attractions-header__balloon {
left: -60px;
}
.attractions-header__cloud--1 {
top: 470px;
right: 20px;
}
}
@media screen and (max-width: 100em) {
.attractions-header-video__btn {
width: 94px;
height: 94px;
margin: -47px 0 0 -47px;
}
}
@media screen and (max-width: 93.75em) {
.attractions-item-title {
font-size: 2.8rem;
}
}
@media screen and (max-width: 87.5em) {
.attractions-header-birds--2 {
display: none;
}
.attractions-item:nth-child(even) .attractions-item-desc--has-card {
margin-right: -10px;
padding-right: 142px;
}
.attractions-item-desc--has-card {
margin-left: -10px;
padding-left: 142px;
}
.attractions-item-desc__card {
top: -10px;
width: 120px;
}
}
@media screen and (max-width: 68.75em) {
.attractions-header__content {
margin: 3rem 0 1.5rem 0;
font-size: 1.7rem;
}
.attractions-header__balloon {
top: auto;
bottom: 150px;
}
.attractions-header__cloud--1 {
display: none;
}
.attractions-header__airship {
top: 270px;
}
.attractions-header-birds--1 {
top: 360px;
left: 30px;
}
.attractions-item-secondary {
width: 40%;
}
.attractions-item-title {
font-size: 2.4rem;
letter-spacing: 3.12px;
}
.attractions-item__content {
font-size: 1.5rem;
}
.attractions-item-desc {
font-size: 1.4rem;
}
.attractions-item__image--sm {
display: none;
}
}
@media screen and (max-width: 56.25em) {
.attractions-header__cloud--2 {
top: auto;
bottom: 520px;
}
.attractions-item:nth-child(even) .attractions-item-desc--has-card {
padding-right: 126px;
}
.attractions-item-desc--has-card {
padding-left: 126px;
}
}
@media screen and (max-width: 50em) {
.attractions-header-video__btn {
width: 102px;
height: 102px;
margin: -51px 0 0 -51px;
}
}
@media screen and (max-width: 46.875em) {
.attractions-header,
.flexbox .attractions-header {
padding-top: 14rem;
}
.attractions-main {
height: auto !important;
padding: 2rem 0 6rem 0;
}
.attractions-slide {
display: none;
}
.attractions-item {
height: auto;
margin-bottom: 13rem;
}
.attractions-item .attractions-item-primary,
.attractions-item:nth-child(even) .attractions-item-primary {
opacity: 1;
animation: none;
}
.attractions-item .attractions-item__image,
.attractions-item:nth-child(even) .attractions-item__image {
opacity: 1;
-ms-transform: translateX(0);
transform: translateX(0);
}
.attractions-item:nth-child(even) .attractions-item-primary {
text-align: center;
}
.attractions-item:nth-child(even) .attractions-item-secondary {
float: none;
}
.attractions-item:nth-child(even) .attractions-item-title {
padding: 0;
}
.attractions-item:nth-child(even) .attractions-item-desc,
.attractions-item:nth-child(even) .attractions-item-desc--has-card {
float: none;
margin: 1rem 0 0 0;
padding: 0;
}
.attractions-item-primary,
.attractions-item-secondary {
float: none;
width: auto;
}
.attractions-item-secondary {
margin: 0 0 3.5rem 0;
}
.attractions-item__image {
width: 260px;
max-width: 100%;
margin: 0 auto;
}
.attractions-item-primary {
text-align: center;
}
.attractions-item-title {
margin: 0 0 2rem 0;
padding: 0;
}
.attractions-item-title__icon {
position: static;
display: block;
margin: 0 auto 12px auto;
-ms-transform: none;
transform: none;
}
.attractions-item-desc,
.attractions-item-desc--has-card {
float: none;
margin: 1rem 0 0 0;
padding: 0;
}
.attractions-item-desc__card {
position: static;
}
.flexbox .attractions-item-inner {
display: block;
}
.attractions-main__cloud,
.attractions-main__balloon,
.attractions-main__bird,
.attractions-main-kite {
display: none;
}
.attractions-main__kite,
.attractions-main-birds,
.attractions-main-kite,
.attractions-main__bird,
.attractions-main__cloud,
.attractions-main-airship,
.attractions-main__airship,
.attractions-main-birds {
display: none;
}
}
@media screen and (max-width: 37.5em) {
.attractions-header,
.flexbox .attractions-header {
padding-top: 11.5rem;
}
.attractions-header__content {
margin: 2rem 0 1rem 0;
font-size: 1.5rem;
}
.attractions-header-video__btn {
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
}
.attractions-header-video__card {
width: 240px;
}
.attractions-header__balloon,
.attractions-header__airship {
display: none;
}
}
.toys-header {
position: relative;
height: 880px;
padding: 230px 0 0 0;
padding: 23rem 0 0 0;
text-align: center;
background-position: 50% 0;
background-size: cover;
color: #fff;
}
.toys-header:before {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
z-index: 1;
display: block;
height: 84px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/clip-header.svg) 50% 0 repeat-x;
content: ' ';
}
.toys-header--video:after {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(223, 34, 48, 0.8);
content: ' ';
}
.toys-header-inner {
position: relative;
z-index: 2;
}
.flexbox .toys-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
.flexbox .toys-header-inner {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.toys-header__cloud {
position: absolute;
right: 50%;
top: 316px;
z-index: 3;
margin: 0 697px 0 0;
}
.toys-header__cloud.lazyloaded {
opacity: 1;
}
.toys-header__bird {
position: absolute;
left: 50%;
z-index: 3;
}
.toys-header__bird--1 {
top: 689px;
margin: 0 0 0 752px;
}
.toys-header__bird--2 {
top: 710px;
margin: 0 0 0 794px;
}
.toys-header__kite {
position: absolute;
left: 50%;
top: 678px;
z-index: 3;
margin: 0 0 0 747px;
filter: blur(4px);
}
.toys-header__kite.lazyloaded {
opacity: 0.2;
}
.toys-main {
padding: 140px 0 0 0;
padding: 14rem 0 0 0;
background: #f7f7f0;
}
.toys-item {
position: relative;
margin: 0 0 170px 0;
margin: 0 0 17rem 0;
}
.toys-item:nth-child(even) .toys-item-primary {
float: left;
}
.toys-item:nth-child(even) .toys-item-secondary {
float: right;
}
.toys-item:nth-child(even) .toys-item__image {
-ms-transform: translateX(500px) rotate(-5deg);
transform: translateX(500px) rotate(-5deg);
}
.toys-item:nth-child(even) .toys-item__image--sm {
float: left;
margin-right: 0;
margin-left: -80px;
-ms-transform: translateX(500px) rotate(3deg);
transform: translateX(500px) rotate(3deg);
}
.toys-item--visible .toys-item-primary,
.toys-item--visible:nth-child(even) .toys-item-primary {
animation: bounceIn 1s linear 0.5s 1 normal forwards running;
}
.toys-item--visible .toys-item__image.lazyloaded,
.toys-item--visible:nth-child(even) .toys-item__image.lazyloaded {
opacity: 1;
-ms-transform: translateX(0) rotate(-5deg);
transform: translateX(0) rotate(-5deg);
}
.toys-item--visible .toys-item__image--sm.lazyloaded,
.toys-item--visible:nth-child(even) .toys-item__image--sm.lazyloaded {
-ms-transform: translateX(0) rotate(3deg);
transform: translateX(0) rotate(3deg);
}
.toys-item--visible .toys-item__bg-image.lazyloaded,
.toys-item--visible:nth-child(even) .toys-item__bg-image.lazyloaded {
opacity: 1;
}
.toys-item--visible:nth-child(even) .toys-item__image.lazyloaded {
-ms-transform: translateX(0) rotate(5deg);
transform: translateX(0) rotate(5deg);
}
.toys-item--visible:nth-child(even) .toys-item__image--sm.lazyloaded {
-ms-transform: translateX(0) rotate(-3deg);
transform: translateX(0) rotate(-3deg);
}
.toys-item-primary {
float: right;
width: 37.07%;
margin: 13.98% 0 0 0;
opacity: 0;
}
.toys-item-secondary {
position: relative;
z-index: 2;
float: left;
width: 42.66%;
}
.flexbox .toys-item-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flexbox .toys-item-primary,
.flexbox .toys-item-secondary {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
float: none;
margin: 0;
}
.flexbox .toys-item:nth-child(even) .toys-item-primary {
-ms-flex-order: 0;
order: 0;
}
.flexbox .toys-item:nth-child(even) .toys-item-secondary {
-ms-flex-order: 1;
order: 1;
}
.toys-item__title {
margin: 0 0 20px 0;
margin: 0 0 2rem 0;
padding: 0;
font-size: 32px;
font-size: 3.2rem;
font-weight: normal;
line-height: 1.4;
letter-spacing: 4px;
color: #d10f2d;
}
.toys-item__content {
font-size: 16px;
font-size: 1.6rem;
color: #595959;
}
.toys-item__image {
position: relative;
z-index: 1;
display: block;
width: 100%;
border: 20px solid #fff;
box-shadow: 0 16px 29px rgba(0, 0, 0, 0.12);
opacity: 0;
-ms-transform: translateX(-500px) rotate(5deg);
transform: translateX(-500px) rotate(5deg);
transition: all 1s ease;
}
.toys-item__image.lazyloaded {
opacity: 0;
}
.toys-item__image--sm {
z-index: 2;
float: right;
width: 59.18%;
height: auto;
margin: -90px -100px 0 0;
border-width: 18px;
-ms-transform: translateX(-500px) rotate(-3deg);
transform: translateX(-500px) rotate(-3deg);
transition-delay: 0.5s;
}
.toys-item__bg-image {
position: absolute;
}
.toys-item__bg-image.lazyloaded {
opacity: 0;
transition-delay: 1.5s;
}
.toys-item__bg-image--1 {
top: 15.38%;
left: -31.62%;
width: 45.57%;
}
.toys-item__bg-image--2 {
right: -18.77%;
bottom: -32.42%;
z-index: 1;
width: 48.2%;
}
.toys-item__bg-image--3 {
top: 24.74%;
left: -27.3%;
width: 49.68%;
}
.toys-main__kite--1 {
position: absolute;
left: 50%;
top: 180px;
margin: 0 0 0 631px;
}
.toys-main__kite--1.lazyloaded {
opacity: 0.6;
}
.toys-main-kite {
position: absolute;
left: 50%;
top: 106px;
margin: 0 0 0 758px;
opacity: 0.4;
}
.toys-main__kite--2 {
-ms-transform: rotate(20deg) scale(0.7);
transform: rotate(20deg) scale(0.7);
}
.toys-main__bird {
position: absolute;
}
.toys-main__bird--1 {
left: 50%;
top: 610px;
margin: 0 0 0 864px;
}
.toys-main__bird--2 {
right: 50%;
top: 877px;
margin: 0 901px 0 0;
}
.toys-main__bird--3 {
right: 50%;
top: 500px;
margin: 0 844px 0 0;
}
.toys-main__bird--4 {
right: 50%;
top: 200px;
margin: 0 886px 0 0;
}
.toys-main__bird--5 {
right: 50%;
top: 647px;
margin: 0 784px 0 0;
}
.toys-main__bird--6 {
right: 50%;
top: 1291px;
margin: 0 727px 0 0;
}
.toys-main__bird--7 {
left: 50%;
top: 676px;
margin: 0 0 0 835px;
}
.toys-main__bird--8 {
left: 50%;
top: 955px;
margin: 0 0 0 877px;
}
.toys-main__cloud {
position: absolute;
}
.toys-main__cloud--1 {
left: 50%;
bottom: 150px;
margin: 0 0 0 466px;
}
.toys-main__cloud--1.lazyloaded {
opacity: 0.4;
}
.toys-main__balloon {
position: absolute;
right: 50%;
z-index: 1;
}
.toys-main__balloon--1 {
top: -600px;
margin: 0 712px 0 0;
filter: blur(4px);
}
.toys-main__balloon--1.lazyloaded {
opacity: 0.2;
}
.toys-main__balloon--2 {
top: 850px;
margin: 0 574px 0 0;
}
.toys-main__balloon--2.lazyloaded {
opacity: 0.3;
}
.toys-main-airship {
position: absolute;
left: 50%;
top: -800px;
z-index: 2;
margin: 0 0 0 730px;
opacity: 0.2;
filter: blur(4px);
}
.toys-main__airship--1 {
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.toys-main__airship--2 {
position: absolute;
left: 50%;
top: 850px;
z-index: 2;
margin: 0 0 0 650px;
}
.toys-main__airship--2.lazyloaded {
opacity: 0.4;
} .toys-tree__balloon {
position: absolute;
bottom: 440px;
left: 50%;
width: 172px;
margin: 0 0 0 638px;
animation: swing10 5s ease-in-out infinite alternate both running;
}
.toys-list-item {
position: absolute;
top: 0;
left: 50%;
z-index: 4;
margin: 0 0 0 -78px;
animation: toys 6s ease-in-out infinite normal both running;
will-change: top;
}
.toys-list-item:hover .toys-list-item-inner {
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.toys-list-item:hover .toys-list-item-inner:before {
width: 196px;
height: 196px;
}
.toys-list-item-inner {
display: block;
width: 196px;
height: 196px;
padding: 10px;
overflow: hidden;
background: rgba(255, 255, 255, 0.15);
border-radius: 50%;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
transition: all 0.2s ease;
}
.toys-list-item-inner:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 176px;
height: 176px;
background: #fff;
border-radius: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all 0.1s ease-in;
content: ' ';
}
.toys-list-item--0 {
margin-left: -758px;
top: 236px;
}
.toys-list-item--1 {
margin-left: -518px;
top: 73px;
animation-delay: 1s;
}
.toys-list-item--2 {
margin-left: -231px;
top: -10px;
animation-delay: 2s;
}
.toys-list-item--3 {
margin-left: 75px;
top: -10px;
animation-delay: 0.5s;
}
.toys-list-item--4 {
margin-left: 362px;
top: 73px;
animation-delay: 1.5s;
}
.toys-list-item--5 {
margin-left: 602px;
top: 236px;
animation-delay: 2.5s;
}
.toys-list-item__image {
position: relative;
z-index: 5;
display: block;
width: 176px;
height: 176px;
background: #fff;
border-radius: 50%;
}
@media screen and (max-width: 106.25em) {
.toys-item:nth-child(even) .toys-item-primary {
margin-left: 3%;
}
.toys-item:nth-child(even) .toys-item-secondary {
padding-left: 0;
padding-right: 30px;
}
.toys-item:nth-child(even) .toys-item__bg-image {
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
.toys-item-primary {
margin-right: 3%;
}
.toys-item-secondary {
padding-left: 30px;
}
.toys-item__bg-image {
-ms-transform: translateX(30px);
transform: translateX(30px);
}
.flexbox .toys-item-primary {
margin-right: 3%;
}
.flexbox .toys-item:nth-child(even) .toys-item-primary {
margin-left: 3%;
}
.toys-header__cloud,
.toys-main__balloon--1,
.toys-main__balloon--2,
.toys-main__bird--2 {
right: auto;
left: -130px;
width: 290px;
margin: 0;
}
.toys-main__balloon--2 {
left: 50px;
width: 140px;
}
.toys-header__cloud {
left: -82px;
width: 182px;
}
.toys-main__bird--2 {
left: -7px;
width: 40px;
}
.toys-main__bird--3 {
left: 37px;
width: 28px;
}
.toys-main__bird--4 {
left: 14px;
width: 20px;
}
.toys-main__bird--5 {
left: 47px;
width: 28px;
}
.toys-main__bird--6 {
left: 82px;
width: 40px;
}
.toys-header__kite,
.toys-header__bird--1,
.toys-header__bird--2,
.toys-main__kite--1,
.toys-main-kite,
.toys-main__cloud--1,
.toys-main-airship,
.toys-main__airship--2,
.toys-main__bird--7,
.toys-main__bird--8 {
left: auto;
margin: 0;
}
.toys-header__kite {
right: -500px;
width: 640px;
}
.toys-header__bird--1 {
right: 44px;
width: 17px;
}
.toys-header__bird--2 {
right: 7px;
width: 23px;
}
.toys-main__kite--1 {
right: 27px;
width: 148px;
}
.toys-main__kite--2 {
width: 148px;
}
.toys-main-kite {
right: -45px;
}
.toys-main__cloud--1 {
right: 206px;
width: 115px;
}
.toys-main-airship {
right: -550px;
}
.toys-main__airship--1 {
width: 680px;
}
.toys-main__airship--2 {
right: -80px;
width: 284px;
}
.toys-main__bird--7 {
right: 63px;
width: 21px;
}
.toys-main__bird--8 {
right: 17px;
width: 28px;
}
.toys-tree {
height: 750px;
background-position: left 50.2% bottom 238px, left 50% bottom 427px, 50% 100%;
background-size: 40px auto, auto 157px, auto 588px;
}
.toys-tree__balloon {
bottom: 308px;
width: 120px;
margin: 0 0 0 446px;
}
.toys-list-item--0 {
margin-left: -530px;
top: 165px;
}
.toys-list-item--1 {
margin-left: -362px;
top: 51px;
}
.toys-list-item--2 {
margin-left: -161px;
top: -7px;
}
.toys-list-item--3 {
margin-left: 52px;
top: -7px;
}
.toys-list-item--4 {
margin-left: 253px;
top: 51px;
}
.toys-list-item--5 {
margin-left: 421px;
top: 165px;
}
}
@media screen and (max-width: 106.25em) {
.toys-list-item:hover .toys-list-item-inner:before {
width: 138px;
height: 138px;
}
.toys-list-item-inner {
width: 138px;
height: 138px;
padding: 7px;
}
.toys-list-item-inner:before {
width: 124px;
height: 124px;
}
.toys-list-item__image {
width: 122px;
height: 122px;
}
}
@media screen and (max-width: 93.75em) {
.toys-item__title {
font-size: 2.8rem;
letter-spacing: 3.36px;
}
.toys-item__image {
border-width: 15px;
}
}
@media screen and (max-width: 75em) {
.toys-item-primary {
margin-top: 5%;
}
.toys-item__title {
font-size: 2.4rem;
}
.toys-item__image {
border-width: 10px;
}
.toys-tree {
height: 660px;
background-position: left 50.2% bottom 191px, left 50% bottom 342px, 50% 100%;
background-size: 32px auto, auto 125px, auto 470px;
}
.toys-tree__balloon {
bottom: 246px;
width: 96px;
margin: 0 0 0 356px;
}
.toys-list-item--0 {
margin-left: -449px;
top: 165px;
}
.toys-list-item--1 {
margin-left: -306px;
top: 51px;
}
.toys-list-item--2 {
margin-left: -153px;
top: -7px;
}
.toys-list-item--3 {
margin-left: 15px;
top: -7px;
}
.toys-list-item--4 {
margin-left: 168px;
top: 51px;
}
.toys-list-item--5 {
margin-left: 311px;
top: 165px;
}
}
@media screen and (max-width: 68.75em) {
.toys-header {
height: 660px;
}
.toys-item-primary {
margin-right: 0;
}
.toys-item:nth-child(even) .toys-item-primary {
margin-left: 0;
}
.flexbox .toys-item-primary {
margin-right: 0;
}
.flexbox .toys-item:nth-child(even) .toys-item-primary {
margin-left: 0;
}
.toys-header__cloud,
.toys-main__balloon,
.toys-main__bird,
.toys-header__kite,
.toys-header__bird,
.toys-main__kite,
.toys-main-kite,
.toys-main__cloud,
.toys-main-airship,
.toys-main__airship,
.toys-main__bird {
display: none;
}
}
@media screen and (max-width: 62.5em) {
.toys-item:nth-child(even) .toys-item__image--sm {
margin-left: -75px;
}
.toys-item-primary {
width: 41%;
}
.toys-item__image--sm {
margin: -75px -75px 0 0;
}
}
@media screen and (max-width: 59.375em) {
.toys-tree {
height: 810px;
}
.toys-list-item--0 {
margin-left: -245px;
top: 0;
}
.toys-list-item--1 {
margin-left: -69px;
top: 65px;
}
.toys-list-item--2 {
margin-left: 107px;
top: 0;
}
.toys-list-item--3 {
margin-left: -245px;
top: 187px;
}
.toys-list-item--4 {
margin-left: -69px;
top: 252px;
}
.toys-list-item--5 {
margin-left: 107px;
top: 187px;
}
}
@media screen and (max-width: 56.25em) {
.birthday-header-video {
margin: 6rem 0 5.5rem 0;
}
.toys-main {
padding-top: 8rem;
}
.toys-item {
margin-bottom: 14rem;
}
.toys-item:nth-child(even) .toys-item__image--sm {
margin-left: -55px;
}
.toys-item-primary {
margin-top: 1%;
}
.toys-item__image {
border-width: 8px;
}
.toys-item__image--sm {
margin: -55px -55px 0 0;
}
.toys-tree {
height: 730px;
background-position: left 50.2% bottom 156px, left 50% bottom 277px, 50% 100%;
background-size: 26px auto, auto 102px, auto 382px;
}
.toys-tree__balloon {
bottom: 200px;
width: 78px;
margin: 0 0 0 289px;
}
}
@media screen and (max-width: 43.75em) {
.toys-header {
height: 760px;
}
.toys-item .toys-item-primary,
.toys-item:nth-child(even) .toys-item-primary {
opacity: 1;
animation: none;
}
.toys-item .toys-item__image,
.toys-item:nth-child(even) .toys-item__image {
opacity: 1;
-ms-transform: translateX(0) rotate(-5deg);
transform: translateX(0) rotate(-5deg);
}
.toys-item .toys-item__image--sm,
.toys-item:nth-child(even) .toys-item__image--sm {
-ms-transform: translateX(0) rotate(3deg);
transform: translateX(0) rotate(3deg);
}
.toys-item .toys-item__bg-image.lazyloaded,
.toys-item:nth-child(even) .toys-item__bg-image.lazyloaded {
opacity: 1;
}
.toys-item:nth-child(even) .toys-item-primary {
text-align: center;
}
.toys-item:nth-child(even) .toys-item-secondary {
-ms-transform: translateX(30px);
transform: translateX(30px);
}
.toys-item:nth-child(even) .toys-item__image {
-ms-transform: translateX(0) rotate(5deg);
transform: translateX(0) rotate(5deg);
}
.toys-item:nth-child(even) .toys-item__image--sm {
-ms-transform: translateX(0) rotate(-3deg);
transform: translateX(0) rotate(-3deg);
}
.toys-item-primary {
float: none;
width: auto;
margin: 0;
text-align: center;
}
.toys-item-secondary,
.flexbox .toys-item-secondary {
float: none;
width: auto;
margin: 0 15% 3.5rem 15%;
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
.flexbox .toys-item-inner {
display: block;
}
.toys-item__bg-image--2 {
bottom: -2.42%;
}
.toys-tree {
height: 710px;
}
.toys-list-item--0 {
margin-left: -245px;
top: 0;
}
.toys-list-item--1 {
margin-left: -69px;
top: 65px;
}
.toys-list-item--2 {
margin-left: 107px;
top: 0;
}
.toys-list-item--3 {
margin-left: -245px;
top: 187px;
}
.toys-list-item--4 {
margin-left: -69px;
top: 252px;
}
.toys-list-item--5 {
margin-left: 107px;
top: 187px;
}
}
@media screen and (max-width: 37.5em) {
.toys-tree__balloon {
display: none;
}
}
@media screen and (max-width: 34.375em) {
.toys-header {
height: 640px;
}
.toys-main {
padding-top: 5rem;
}
.toys-item {
margin-bottom: 9rem;
}
.toys-tree {
height: 750px;
}
.toys-list-item:hover .toys-list-item-inner:before {
width: 116px;
height: 116px;
}
.toys-list-item-inner {
width: 116px;
height: 116px;
padding: 6px;
}
.toys-list-item-inner:before {
width: 104px;
height: 104px;
}
.toys-list-item__image {
width: 105px;
height: 105px;
}
.toys-list-item--0 {
margin-left: -142px;
top: 58px;
}
.toys-list-item--1 {
margin-left: -142px;
top: 204px;
}
.toys-list-item--2 {
margin-left: -142px;
top: 350px;
}
.toys-list-item--3 {
margin-left: 26px;
top: 0;
}
.toys-list-item--4 {
margin-left: 26px;
top: 146px;
}
.toys-list-item--5 {
margin-left: 26px;
top: 292px;
}
}
@media screen and (max-width: 31.25em) {
.toys-header {
height: 540px;
}
}
@media screen and (max-width: 25em) {
.toys-item__title {
margin: 0 0 1.5rem 0;
font-size: 2rem;
}
}
.birthday {
position: relative;
}
.birthday__confetti {
position: absolute;
z-index: 2;
opacity: 0.7;
}
.birthday-header {
position: relative;
height: 880px;
padding: 170px 0 0 0;
padding: 17rem 0 0 0;
text-align: center;
background-position: 50% 0;
background-size: cover;
color: #fff;
}
.birthday-header:before {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
z-index: 1;
display: block;
height: 84px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/clip-header.svg) 50% 0 repeat-x;
content: ' ';
}
.birthday-header--video:after {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(77, 10, 20, 0.8);
content: ' ';
}
.birthday-header-inner {
position: relative;
z-index: 1;
}
.flexbox .birthday-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
.flexbox .birthday-header-inner {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.birthday-header-video {
position: relative;
height: 112px;
margin: 50px 0;
margin: 5rem 0;
}
.birthday-header-video__btn {
text-indent: -9999em;
letter-spacing: -9999em;
overflow: hidden;
display: inline-block;
width: 112px;
height: 112px;
border-radius: 50%;
animation: bounceWaiting 4s linear infinite normal both running;
}
.birthday-header-video__btn:hover {
animation-play-state: paused;
}
.birthday-header-video__btn:hover svg {
fill: #be9f57;
}
.birthday-header-video__btn:hover .play-path {
fill: #fff;
}
.birthday-header-video__btn svg {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s ease;
}
.birthday-header-video__text {
position: absolute;
left: 50%;
bottom: -55px;
width: 100%;
margin: 0 0 0 79px;
font-size: 26px;
font-size: 2.6rem;
text-align: left;
-ms-transform: rotate(6deg);
transform: rotate(6deg);
}
.birthday-header-video__arrow {
position: relative;
top: 6px;
display: inline-block;
width: 38px;
height: 34px;
margin: 0 8px 0 0;
-ms-transform: rotate(-13deg);
transform: rotate(-13deg);
}
.birthday-header-video__arrow svg {
display: block;
width: 100%;
height: 100%;
}
.birthday-main {
position: relative;
padding: 140px 0 175px 0;
padding: 14rem 0 17.5rem 0;
background: #f7f7f0;
}
.birthday-main:before {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
z-index: 1;
display: block;
height: 84px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/clip-footer-top.svg) 50% 0 repeat-x;
content: ' ';
}
.birthday-item {
margin: 0 0 160px 0;
margin: 0 0 16rem 0;
}
.birthday-item:nth-child(even) .birthday-item-primary {
float: left;
text-align: right;
}
.birthday-item:nth-child(even) .birthday-item-secondary {
float: right;
}
.birthday-item:nth-child(even) .birthday-item-title,
.birthday-item:nth-child(even) .birthday-item__content {
margin-left: 0;
margin-right: 107px;
}
.birthday-item:nth-child(even) .birthday-item-title__number {
left: auto;
right: -107px;
}
.birthday-item:nth-child(even) .birthday-item-title__number span {
padding-left: 2px;
}
.birthday-item:nth-child(even) .birthday-item__image {
-ms-transform: translateX(500px) rotate(-3.9deg);
transform: translateX(500px) rotate(-3.9deg);
}
.birthday-item:nth-child(even) .birthday-item__image--sm {
float: left;
margin-right: 0;
margin-left: -95px;
-ms-transform: translateX(500px) rotate(3.4deg);
transform: translateX(500px) rotate(3.4deg);
}
.birthday-item--visible .birthday-item-primary,
.birthday-item--visible:nth-child(even) .birthday-item-primary {
animation: bounceIn 1s linear 0.5s 1 normal forwards running;
}
.birthday-item--visible .birthday-item__image.lazyloaded,
.birthday-item--visible:nth-child(even) .birthday-item__image.lazyloaded {
opacity: 1;
-ms-transform: translateX(0) rotate(-3.9deg);
transform: translateX(0) rotate(-3.9deg);
}
.birthday-item--visible .birthday-item__image--sm.lazyloaded,
.birthday-item--visible:nth-child(even) .birthday-item__image--sm.lazyloaded {
-ms-transform: translateX(0) rotate(3.4deg);
transform: translateX(0) rotate(3.4deg);
}
.birthday-item--visible .birthday-item__bg-image.lazyloaded,
.birthday-item--visible:nth-child(even) .birthday-item__bg-image.lazyloaded {
opacity: 1;
}
.birthday-item--visible:nth-child(even) .birthday-item__image.lazyloaded {
-ms-transform: translateX(0) rotate(3.9deg);
transform: translateX(0) rotate(3.9deg);
}
.birthday-item--visible:nth-child(even) .birthday-item__image--sm.lazyloaded {
-ms-transform: translateX(0) rotate(-3.4deg);
transform: translateX(0) rotate(-3.4deg);
}
.birthday-item-primary {
position: relative;
float: right;
width: 44.75%;
margin: 13.28% 0 0 0;
opacity: 0;
}
.birthday-item-secondary {
position: relative;
float: left;
width: 42.66%;
}
.birthday-item-title {
position: relative;
min-height: 76px;
margin: 0 0 20px 107px;
margin: 0 0 2rem 107px;
padding: 0;
font-size: 32px;
font-size: 3.2rem;
font-weight: normal;
line-height: 1.4;
letter-spacing: 4px;
color: #d10f2d;
}
.flexbox .birthday-item:nth-child(even) .birthday-item-secondary {
-ms-flex-order: 1;
order: 1;
}
.flexbox .birthday-item-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flexbox .birthday-item-primary,
.flexbox .birthday-item-secondary {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.flexbox .birthday-item-primary {
margin-top: 0;
}
.flexbox .birthday-item-title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.flexbox .birthday-item-title__text {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.flexbox .birthday-item:nth-child(even) .birthday-item-title {
-ms-flex-pack: end;
justify-content: flex-end;
}
.birthday-item__content {
margin: 0 0 0 107px;
font-size: 16px;
font-size: 1.6rem;
color: #595959;
}
.birthday-item-title__number {
position: absolute;
top: 50%;
left: -107px;
width: 76px;
height: 76px;
margin: -38px 0 0 0;
font-size: 36px;
font-size: 3.6rem;
background: #d10f2d;
color: #fff;
border-radius: 50%;
}
.birthday-item-title__number span {
position: absolute;
top: 50%;
left: 50%;
display: block;
padding: 4px 0 0 4px;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.birthday-item__image {
position: relative;
z-index: 1;
display: block;
width: 100%;
border: 20px solid #fff;
box-shadow: 0 16px 29px rgba(0, 0, 0, 0.12);
opacity: 0;
-ms-transform: translateX(-500px) rotate(3.9deg);
transform: translateX(-500px) rotate(3.9deg);
transition: all 1s ease;
}
.birthday-item__image.lazyloaded {
opacity: 0;
}
.birthday-item__image--sm {
z-index: 2;
float: right;
width: 59.18%;
margin: -95px -95px 0 0;
border-width: 18px;
-ms-transform: translateX(-500px) rotate(-3.4deg);
transform: translateX(-500px) rotate(-3.4deg);
transition-delay: 0.5s;
}
.birthday-item__bg-image {
position: absolute;
}
.birthday-item__bg-image.lazyloaded {
opacity: 0;
transition-delay: 2s;
}
.birthday-item__bg-image--1 {
top: 23%;
left: -25%;
}
.birthday-item__bg-image--2 {
top: 20%;
right: -18%;
}
.birthday-item__bg-image--3 {
top: 30%;
left: -26.3%;
}
.birthday-item__bg-image--4 {
top: 21.66%;
right: -25.3%;
}
.birthday-item__bg-image--5 {
top: 24.1%;
left: -21.66%;
z-index: 3;
}
.birthday-item__bg-image--6 {
top: 35%;
right: -29%;
}
.birthday-main-footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.birthday-main-btn-desc {
position: absolute;
right: 50%;
bottom: 165px;
margin: 0 43px 0 0;
font-size: 30px;
font-size: 3rem;
color: #595959;
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.birthday-main-btn-desc__arrow {
display: inline-block;
width: 38px;
height: 34px;
margin: 0 0 -18px 28px;
-ms-transform: rotate(172deg);
transform: rotate(172deg);
}
.birthday-main-btn-desc__arrow svg {
display: block;
width: 100%;
height: 100%;
fill: #595959;
}
.birthday-main__william {
position: absolute;
bottom: -45px;
right: 50%;
margin: 0 407px 0 0;
animation: slideInUp 0.5s ease-out 1s 1 normal both paused;
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
.birthday-main__william.lazyloaded {
animation-play-state: running;
}
.birthday-airball {
position: fixed;
top: 100%;
z-index: 1500;
}
.birthday-airball--front {
position: absolute;
z-index: 4001;
display: none;
}
.b-form {
padding: 90px 8.18% 120px 8.18%;
padding: 9rem 8.18% 12rem 8.18%;
font-size: 16px;
font-size: 1.6rem;
color: #595959;
}
.b-form__title {
margin: 0 0 50px 0;
margin: 0 0 5rem 0;
font-size: 60px;
font-size: 6rem;
line-height: 1;
text-align: center;
color: #e31837;
}
.b-form__subtitle {
margin: 0 0 55px 0;
margin: 0 0 5.5rem 0;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.5;
letter-spacing: 3.36px;
text-align: center;
color: #e31837;
}
.b-form-cal {
margin: 0 0 60px 0;
margin: 0 0 6rem 0;
padding: 22px 40px 50px 40px;
background-color: #fff;
background-position: right 38px top 22px;
background-size: 17px auto;
border-radius: 4px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.b-form-inner,
.b-form-options-type {
display: none;
}
.b-form-cal-primary {
float: left;
width: 45.25%;
}
.b-form-cal-secondary {
float: right;
width: 44.78%;
padding: 100px 0 0 0;
}
.b-form-cal-primary-header {
margin: 0 0 32px 0;
}
.b-form-cal-primary__title {
float: left;
}
.b-form-cal-primary-controls {
position: relative;
float: right;
font-weight: bold;
}
.b-form-cal-primary-controls__link {
position: absolute;
top: 0;
width: 23px;
height: 23px;
line-height: 21px;
text-align: center;
background: #595959;
color: #fff;
border-radius: 50%;
}
.b-form-cal-primary-controls__link:hover {
color: #be9f57;
}
.b-form-cal-primary-controls__link--prev {
left: 0;
}
.b-form-cal-primary-controls__link--next {
right: 0;
}
.b-form-cal-primary-controls__date {
display: inline-block;
margin: 0 43px;
}
.b-form-cal-calendar {
position: relative;
min-height: 292px;
}
.b-form-cal-calendar--loading .calendar {
opacity: 0.25;
}
.b-form-cal-calendar--loading .b-form-cal-calendar__spinner {
opacity: 1;
visibility: visible;
}
.b-form-cal-calendar__spinner {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
visibility: hidden;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all 0.2s ease;
}
.b-form-cal-primary__desc {
margin: 7px 0 0 0;
margin: 0.7rem 0 0 0;
font-style: italic;
}
.b-form-cal-secondary-placeholder {
text-align: center;
font-size: 22px;
font-size: 2.2rem;
margin: 80px 0 0 0;
}
.b-form-cal-secondary-placeholder__text {
position: relative;
}
.b-form-cal-secondary-placeholder__arrow {
position: absolute;
top: 100%;
left: 0;
display: inline-block;
width: 38px;
height: 34px;
margin: 12px 0 0 -40px;
-ms-transform: scaleX(-1) rotate(-5deg);
transform: scaleX(-1) rotate(-5deg);
}
.b-form-cal-secondary-placeholder__arrow svg {
display: block;
width: 38px;
height: 34px;
fill: #595959;
}
.b-form-cal-secondary__selected-date {
margin: 0 0 16px 0;
margin: 0 0 1.6rem 0;
}
.b-form-cal-secondary__selected-date,
.b-form-cal-time {
opacity: 0;
visibility: hidden;
transition: all 0.2s ease;
}
.b-form-cal-secondary__selected-date--active,
.b-form-cal-time--active {
opacity: 1;
visibility: visible;
}
.b-form-cal-secondary__title {
margin: 0 0 16px 0;
margin: 0 0 1.6rem 0;
}
.b-form-cal-time-slots {
margin: 0 -7px;
}
.b-form-cal-time-slots__item {
float: left;
width: calc(50% - 14px);
height: 104px;
margin: 0 7px;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
line-height: 104px;
text-align: center;
background: #f2f2e9;
color: #595959;
border-radius: 2px;
}
.b-form-cal-time-slots__item:nth-child(2) {
float: right;
}
.b-form-cal-time-slots__item:hover,
.b-form-cal-time-slots__item--selected {
background: #a8cc33;
color: #fff;
}
.b-form-cal-time-slots__item--disabled,
.b-form-cal-time-slots__item--disabled:hover {
background: #e31837;
color: #fff;
cursor: not-allowed;
}
input.b-form-cal__date,
input.b-form-cal__hour {
position: absolute !important;
width: auto !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
}
.b-form-section {
margin: 0 0 60px 0;
margin: 0 0 6rem 0;
}
.b-form-section--payment {
position: absolute;
top: 0;
left: 728px;
}
.b-form-section-header {
margin: 110px 0 60px 0;
margin: 11rem 0 6rem 0;
font-size: 60px;
font-size: 6rem;
line-height: 1;
text-align: center;
color: #e31837;
}
.b-form-section__title {
margin: 0 0 18px 0;
margin: 0 0 1.8rem 0;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 3.36px;
color: #e31837;
}
.b-form-section-inputs {
line-height: 68px;
}
.b-form-spinner {
position: relative;
float: left;
width: 162px;
}
input[type="number"].b-form__input--children-count {
width: 100%;
padding: 0 40px;
padding: 0 4rem;
}
.b-form-spinner__control {
text-indent: -9999em;
letter-spacing: -9999em;
overflow: hidden;
position: absolute;
top: 0;
right: 23px;
width: 0;
height: 0;
overflow: visible;
border-style: solid;
}
.b-form-spinner__control:before {
position: absolute;
left: -10px;
right: -10px;
display: block;
content: ' ';
}
.b-form-spinner__control--up {
top: 50%;
margin-top: -14px;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #595959 transparent;
}
.b-form-spinner__control--up:hover {
border-color: transparent transparent #be9f57 transparent;
}
.b-form-spinner__control--up:before {
top: -5px;
bottom: -10px;
}
.b-form-spinner__control--down {
top: 50%;
margin-top: 9px;
border-width: 5px 5px 0 5px;
border-color: #595959 transparent transparent transparent;
}
.b-form-spinner__control--down:hover {
border-color: #be9f57 transparent transparent transparent;
}
.b-form-spinner__control--down:before {
top: -10px;
bottom: -5px;
}
.b-form-section__info {
float: left;
margin: 0 0 0 55px;
padding: 0 0 0 47px;
background-position: 0 50%;
}
.b-form-boxes {
margin: 0 -10px -20px -10px;
}
.b-form-box {
position: relative;
float: left;
clear: both;
width: calc(50% - 20.5px);
margin: 0 10px 20px 10px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
}
.b-form-box:nth-child(2n) {
float: right;
clear: none;
}
.flexbox .b-form-boxes {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flexbox .b-form-boxes--type {
-ms-flex-align: start;
align-items: flex-start;
}
.flexbox .b-form-box,
.flexbox .b-form-box:nth-child(2n) {
float: none;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.flexbox .b-form-box-label {
height: 100%;
}
input.b-form-box__input:checked + .b-form-box-label:before {
z-index: 4;
border-color: #e31837;
}
input.b-form-box__input:checked + .b-form-box-label .b-form-box__title {
color: #e31837;
}
input.b-form-box__input:checked + .b-form-box-label .b-form-box__image.lazyloaded,
input.b-form-box__input:checked + .b-form-box-label .b-form-box-stars {
opacity: 1;
}
input.b-form-box__input:checked + .b-form-box__checkbox + .b-form-box-label .b-form-box__title {
color: #e31837;
}
.b-form-box-label {
position: relative;
overflow: hidden;
display: block;
padding: 32px 44px 14px 44px;
background: #fff;
border-radius: 4px;
}
.b-form-box-label:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
display: block;
border: 4px solid #fff;
border-radius: 4px;
transition: all 0.2s ease;
content: ' ';
}
.b-form-box-label:hover:before {
opacity: 0.5;
border-color: #e31837;
}
.b-form-box-label--checkbox {
padding-left: 108px;
}
.b-form-box-label--image {
padding-right: 175px;
}
.b-form-box-label--image .b-form-box-price {
position: absolute;
right: 30px;
}
input[type="checkbox"] + .b-form-box__checkbox {
position: absolute;
top: 21px;
left: 21px;
z-index: 1;
}
.b-form-box-price {
position: relative;
z-index: 3;
float: right;
height: 32px;
margin: 0 0 0 20px;
padding: 0 22px;
background: #a5d133;
color: #fff;
border-radius: 16px;
}
.b-form-box-price--type {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
line-height: 32px;
}
.b-form-box-price__plus {
float: left;
margin: 0 4px 0 0;
font-size: 24px;
font-size: 2.4rem;
font-weight: normal;
line-height: 32px;
}
.b-form-box-price__value {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
line-height: 32px;
}
.b-form-box__gratis {
float: right;
font-weight: bold;
color: #a5d133;
}
.b-form-box__title {
position: relative;
z-index: 3;
margin: 0 0 20px 0;
margin: 0 0 2rem 0;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
}
.b-form-box__content {
position: relative;
z-index: 3;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.73;
}
.b-form-box__content ul {
margin-left: 0;
padding-left: 0;
}
.b-form-box__content ul li {
position: relative;
margin: 0;
padding: 0 0 8px 32px;
list-style: none;
}
.b-form-box__content ul li:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 18px;
height: 21px;
background-size: contain;
content: ' ';
}
.b-form-box__image {
position: absolute;
top: 50%;
right: 0;
z-index: 2;
display: block;
width: auto;
min-height: 100%;
max-width: none;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.b-form-box__image.lazyloaded {
opacity: 0.2;
}
.b-form-inputs-row {
margin: 0 0 18px 0;
}
.b-form-inputs-item {
position: relative;
float: left;
}
.b-form-inputs-item--active .b-form-inputs-item__label {
top: 0;
left: 20px;
padding: 2px 10px;
font-size: 14px;
font-size: 1.4rem;
background: #fff;
border: 1px solid #be9f57;
border-radius: 2px;
cursor: default;
}
.b-form-inputs-item--active .b-form-inputs-item__label:after {
top: -6px;
margin-left: -8px;
}
.b-form-inputs-item--name {
width: calc((100% - 220px) / 2 - 16px);
}
.b-form-inputs-item--email {
width: calc((100% - 220px) / 2 - 16px);
margin: 0 16px;
}
.b-form-inputs-item--tel {
width: 220px;
}
.b-form-inputs-item--note {
float: none;
}
.b-form-inputs-item__label {
position: absolute;
top: 50%;
left: 40px;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: text;
transition: all 0.2s ease;
}
.b-form-inputs-item__label--textarea {
top: 30px;
}
.flexbox .b-form-inputs-row {
display: -ms-flexbox;
display: flex;
}
.flexbox .b-form-inputs-item {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.b-form-footer {
position: relative;
margin: 80px 0 0 0;
margin: 8rem 0 0 0;
}
.b-form-price {
margin: 0 0 70px 0;
margin: 0 0 7rem 0;
color: #a5d133;
}
.b-form-price__text {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.5;
letter-spacing: 3.36px;
}
.b-form-price__value {
font-size: 72px;
font-size: 7.2rem;
line-height: 1;
}
.b-form-agree {
margin: 0 0 16px 0;
margin: 0 0 1.6rem 0;
}
.b-form-agree a {
text-decoration: underline;
}
.b-form-agree a:hover {
text-decoration: none;
}
.b-form-submit {
position: relative;
float: left;
}
.b-form-submit__spinner {
position: absolute;
top: 57px;
right: -46px;
opacity: 0;
transition: all 0.2s ease;
}
.b-form-submit__spinner--active {
opacity: 1;
}
.b-form-footer__desc {
margin: 20px 0 0 0;
margin: 2rem 0 0 0;
}
.b-form-message {
position: relative;
display: none;
padding: 250px 8.18% 80px 8.18%;
padding: 25rem 8.18% 8rem 8.18%;
font-size: 16px;
font-size: 1.6rem;
background-image: none !important;
color: #595959;
}
.b-form-message:before {
position: absolute;
top: 80px;
left: 50%;
display: block;
width: 150px;
height: 150px;
margin: 0 0 0 -75px;
background-color: #a5d133;
background-position: 50% 50%;
background-size: 75px auto;
border-radius: 50%;
content: ' ';
}
.b-form-message__title {
position: relative;
margin: 0 0 35px 0;
margin: 0 0 3.5rem 0;
font-size: 60px;
font-size: 6rem;
text-align: center;
color: #e31837;
}
.b-form-message__content {
text-align: center;
}
.calendar {
width: 100%;
border-spacing: 8px;
border-collapse: separate;
transition: all 0.2s ease;
}
.calendar th {
font-weight: bold;
text-align: center;
}
.calendar-day {
width: 14.28%;
height: 48px;
font-size: 20px;
font-size: 2rem;
line-height: 48px;
text-align: center;
background: #f2f2e9;
border: 3px solid #f2f2e9;
border-radius: 2px;
cursor: pointer;
transition: all 0.2s ease;
}
.calendar-day--active:hover,
.calendar-day--selected {
background: #a8cc33;
color: #fff;
border-color: #a8cc33;
}
.calendar-day--selected {
font-weight: bold;
}
.calendar-day--out {
background: transparent;
cursor: not-allowed;
}
.calendar-day--not-available {
background: #e31837;
color: #fff;
border-color: #e31837;
cursor: not-allowed;
}
@media screen and (max-width: 106.25em) {
.birthday-item:nth-child(even) .birthday-item-secondary {
padding-left: 0;
padding-right: 30px;
}
.birthday-item:nth-child(even) .birthday-item__bg-image {
-ms-transform: scale(0.65) translate(-5%, -5%);
transform: scale(0.65) translate(-5%, -5%);
}
.birthday-item-secondary {
padding-left: 30px;
}
.birthday-item__bg-image {
-ms-transform: scale(0.65) translate(10%, -5%);
transform: scale(0.65) translate(10%, -5%);
}
.birthday-item__bg-image--3 {
-ms-transform: scale(0.65) translate(20%, -5%);
transform: scale(0.65) translate(20%, -5%);
}
.birthday-main-btn-desc {
bottom: 145px;
}
.birthday-main__william {
bottom: -30px;
width: 163px;
}
}
@media screen and (max-width: 100em) {
.birthday-header-video__btn {
width: 94px;
height: 94px;
}
.birthday-header-video__text {
margin-left: 64px;
}
}
@media screen and (max-width: 93.75em) {
.birthday-item-title {
font-size: 2.8rem;
letter-spacing: 3.36px;
}
.birthday-item__image {
border-width: 15px;
}
}
@media screen and (max-width: 87.5em) {
.birthday-main-btn-desc {
bottom: 125px;
margin-right: -110px;
font-size: 2.6rem;
}
.birthday-main-btn-desc__arrow {
width: 30px;
height: 27px;
margin-left: 18px;
}
.b-form {
padding-left: 4.5%;
padding-right: 4.5%;
}
.birthday-airball--front {
width: 92px;
}
}
@media screen and (max-width: 75em) {
.birthday-item:nth-child(even) .birthday-item-title,
.birthday-item:nth-child(even) .birthday-item__content {
margin-right: 80px;
}
.birthday-item:nth-child(even) .birthday-item-title__number {
right: -80px;
}
.birthday-item:nth-child(even) .birthday-item__bg-image {
-ms-transform: scale(0.5) translate(20%, -45%);
transform: scale(0.5) translate(20%, -45%);
}
.birthday-item-primary {
width: 41%;
margin-top: 5%;
}
.birthday-item-title {
min-height: 58px;
margin-left: 80px;
font-size: 2.4rem;
}
.birthday-item-title__number {
left: -80px;
width: 58px;
height: 58px;
margin-top: -29px;
font-size: 2.7rem;
line-height: 62px;
}
.birthday-item__content {
margin-left: 80px;
}
.birthday-item__image {
border-width: 10px;
}
.birthday-item__bg-image {
-ms-transform: scale(0.65) translate(-10%, -25%);
transform: scale(0.65) translate(-10%, -25%);
}
.birthday-main__william {
width: 130px;
bottom: -35px;
margin-right: 202px;
}
.b-form__title,
.b-form-section-header {
margin-bottom: 4.5rem;
}
.b-form-section-header {
margin-top: 8rem;
}
.b-form-cal-primary,
.b-form-cal-secondary {
width: 47.5%;
}
.b-form-section--payment {
left: 650px;
}
}
@media screen and (max-width: 68.75em) {
.b-form-boxes {
margin-left: 0;
margin-right: 0;
}
.b-form-box,
.b-form-box:nth-child(2n) {
float: none;
width: auto;
margin-left: 0;
margin-right: 0;
}
.flexbox .b-form-boxes {
display: block;
}
.b-form-section--payment {
position: static;
margin-bottom: 5rem;
}
.b-form-price {
margin-bottom: 5rem;
}
}
@media screen and (max-width: 62.5em) {
.birthday-header {
height: 980px;
}
.birthday-item:nth-child(even) .birthday-item__image--sm {
margin-left: -75px;
}
.birthday-item__image--sm {
margin: -75px -75px 0 0;
}
}
@media screen and (max-width: 56.25em) {
.birthday-header-video {
margin: 6rem 0 5.5rem 0;
}
.birthday-main {
padding-top: 8rem;
}
.birthday-item {
margin-bottom: 14rem;
}
.birthday-item:nth-child(even) .birthday-item__content {
margin-right: 0;
}
.birthday-item:nth-child(even) .birthday-item__image--sm {
margin-left: -55px;
}
.birthday-item-primary {
margin-top: 1%;
}
.birthday-item__content {
margin-left: 0;
}
.birthday-item__image {
border-width: 8px;
}
.birthday-item__image--sm {
margin: -55px -55px 0 0;
}
.birthday-item__bg-image--5 {
-ms-transform: scale(0.5) translate(-10%, -45%);
transform: scale(0.5) translate(-10%, -45%);
}
.b-form-cal {
background-image: none !important;
}
.b-form-cal-primary,
.b-form-cal-secondary {
float: none;
width: auto;
}
.b-form-cal-secondary {
padding-top: 40px;
}
.b-form-cal-secondary-placeholder {
display: none;
}
.b-form-cal-secondary__selected-date,
.b-form-cal-time {
display: none;
}
.b-form-cal-secondary__selected-date--active,
.b-form-cal-time--active {
display: block;
}
.flexbox .b-form-inputs-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flexbox .b-form-inputs-item--name {
width: calc(100% - 222px);
}
.flexbox .b-form-inputs-item--email {
-ms-flex-order: 2;
order: 2;
width: 100%;
margin: 18px 0 0 0;
}
.flexbox .b-form-inputs-item--tel {
-ms-flex-order: 1;
order: 1;
width: 206px;
margin: 0 0 0 16px;
}
}
@media screen and (max-width: 50em) {
.birthday__confetti {
display: none;
}
}
@media screen and (max-width: 43.75em) {
.birthday-header {
height: 860px;
}
.birthday-header-video {
height: 82px;
margin: 3rem 0 8rem 0;
}
.birthday-header-video__btn {
width: 82px;
height: 82px;
}
.birthday-header-video__text {
bottom: -77px;
margin: 0;
font-size: 2rem;
}
.birthday-item .birthday-item-primary,
.birthday-item:nth-child(even) .birthday-item-primary {
opacity: 1;
animation: none;
}
.birthday-item .birthday-item__image,
.birthday-item:nth-child(even) .birthday-item__image {
-ms-transform: translateX(0) rotate(-3.9deg);
transform: translateX(0) rotate(-3.9deg);
}
.birthday-item .birthday-item__image--sm,
.birthday-item:nth-child(even) .birthday-item__image--sm {
-ms-transform: translateX(0) rotate(3.4deg);
transform: translateX(0) rotate(3.4deg);
}
.birthday-item .birthday-item__image.lazyloaded,
.birthday-item:nth-child(even) .birthday-item__image.lazyloaded,
.birthday-item .birthday-item__bg-image.lazyloaded,
.birthday-item:nth-child(even) .birthday-item__bg-image.lazyloaded {
opacity: 1;
}
.birthday-item:nth-child(even) .birthday-item-secondary {
-ms-transform: translateX(30px);
transform: translateX(30px);
}
.birthday-item:nth-child(even) .birthday-item-title {
margin-right: 0;
}
.birthday-item:nth-child(even) .birthday-item-title__number {
left: 50%;
right: auto;
}
.birthday-item:nth-child(even) .birthday-item-title__number span {
padding-left: 4px;
}
.birthday-item:nth-child(even) .birthday-item__image {
-ms-transform: translateX(0) rotate(3.9deg);
transform: translateX(0) rotate(3.9deg);
}
.birthday-item:nth-child(even) .birthday-item__image--sm {
-ms-transform: translateX(0) rotate(-3.4deg);
transform: translateX(0) rotate(-3.4deg);
}
.birthday-item-primary {
float: none;
width: auto;
margin: 0;
padding-top: 75px;
}
.birthday-item-secondary {
float: none;
width: auto;
margin: 0 15% 2.5rem 15%;
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
.birthday-item-title__number {
top: -74px;
left: 50%;
margin: 0 0 0 -29px;
}
.birthday-item-title {
min-height: 0;
margin-left: 0;
text-align: center;
}
.birthday-item__content {
text-align: center;
}
.flexbox .birthday-item-title {
display: block;
}
.flexbox .birthday-item-inner {
display: block;
}
.birthday-item__bg-image--5 {
-ms-transform: scale(0.4) translate(-10%, -45%);
transform: scale(0.4) translate(-10%, -45%);
}
.birthday-main__william {
display: none;
}
.b-form__title,
.b-form-section-header {
font-size: 5rem;
}
}
@media screen and (max-width: 37.5em) {
.b-form__title,
.b-form-section-header {
font-size: 3rem;
}
.b-form-cal {
padding: 15px 13px 13px 13px;
}
.b-form-cal-calendar {
min-height: 0;
}
.b-form-section-inputs {
line-height: normal;
}
.b-form-spinner {
float: none;
width: auto;
}
.b-form-section__info {
float: none;
margin: 18px 0 0 0;
line-height: 31px;
}
.b-form-box-label {
padding: 32px 18px 24px 18px;
}
.b-form-box-label--image {
padding-right: 18px;
}
.b-form-box-label--checkbox {
padding-left: 59px;
}
.b-form-box-label--card .b-form-box__content {
padding-right: 0;
}
input[type="checkbox"] + .b-form-box__checkbox {
top: 33px;
left: 12px;
}
.b-form-box__image {
display: none;
}
.b-form-inputs-row {
margin-bottom: 14px;
}
.b-form-inputs-item,
.b-form-inputs-item--name,
.b-form-inputs-item--email,
.b-form-inputs-item--tel {
float: none;
width: auto;
}
.b-form-inputs-item--email,
.b-form-inputs-item--tel {
margin: 14px 0 0 0;
}
.b-form-submit__spinner {
display: none;
}
.flexbox .b-form-inputs-row {
display: block;
}
.flexbox .b-form-inputs-item--name {
width: auto;
}
.flexbox .b-form-inputs-item--email {
margin: 14px 0 0 0;
}
.flexbox .b-form-inputs-item--tel {
width: auto;
margin: 14px 0 0 0;
}
.calendar {
font-size: 1.6rem;
border-spacing: 5px;
}
.calendar-day {
height: 30px;
font-size: 1.6rem;
line-height: 30px;
}
}
@media screen and (max-width: 31.25em) {
.birthday-header {
height: 760px;
}
.birthday-header-video__text {
bottom: -60px;
}
.birthday-header-video__arrow {
width: 30px;
height: 27px;
margin-right: 4px;
}
.birthday-main {
padding-top: 5rem;
}
.birthday-item {
margin-bottom: 10rem;
}
.birthday-item:nth-child(even) .birthday-item__bg-image {
-ms-transform: scale(0.4) translate(30%, -65%);
transform: scale(0.4) translate(30%, -65%);
}
.birthday-item__bg-image {
-ms-transform: scale(0.5) translate(-10%, -45%);
transform: scale(0.5) translate(-10%, -45%);
}
.birthday-item__bg-image--3 {
-ms-transform: scale(0.4) translate(-30%, -55%);
transform: scale(0.4) translate(-30%, -55%);
}
.birthday-item__bg-image--5 {
-ms-transform: scale(0.3) translate(-70%, -100%);
transform: scale(0.3) translate(-70%, -100%);
}
.birthday-main-btn-desc {
bottom: 110px;
margin-right: -70px;
font-size: 2rem;
}
.birthday-main-btn-desc__arrow {
width: 22px;
height: 20px;
margin: 0 0 -12px 8px;
}
.b-form-section__title,
.b-form__subtitle {
margin-bottom: 1.5rem;
font-size: 2rem;
letter-spacing: 2.8px;
}
.b-form-footer {
margin-top: 5.5rem;
}
.b-form-price {
margin-bottom: 4rem;
}
.b-form-price__text {
margin-bottom: 0.5rem;
font-size: 2rem;
letter-spacing: 2.4px;
}
.b-form-inputs-item__label {
left: 20px;
}
}
@media screen and (max-width: 25em) {
.birthday-item-title {
margin: 0 0 1.5rem 0;
font-size: 2rem;
}
.b-form-cal-primary-header {
margin-bottom: 2rem;
}
.b-form-cal-primary__title {
float: none;
margin-bottom: 1rem;
}
.b-form-cal-primary-controls {
float: left;
}
.b-form-box-label--checkbox {
padding-top: 56px;
}
.b-form-box-label--checkbox .b-form-box-price,
.b-form-box-label--checkbox .b-form-box__gratis {
position: absolute;
top: 18px;
right: 18px;
}
input[type="checkbox"].b-form-box__input + span {
top: 55px;
}
.b-form-box__title {
font-size: 1.6rem;
}
.b-form-box__content {
font-size: 1.4rem;
}
.b-form-price__value {
font-size: 6.2rem;
}
.calendar {
font-size: 1.3rem;
border-spacing: 4px;
}
.calendar-day {
height: 25px;
font-size: 1.3rem;
line-height: 25px;
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
40%,
43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounceWaiting {
from,
5%,
13.25%,
20%,
25%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
10%,
10.75% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
17.5% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
22.5% {
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounceWaitingSm {
from,
5%,
13.25%,
20%,
25%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
10%,
10.75% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -20px, 0);
}
17.5% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -10px, 0);
}
22.5% {
transform: translate3d(0, -3px, 0);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes scale {
from,
20%,
53%,
80%,
to {
transform: scale(1);
}
40%,
43% {
transform: scale(0.8);
}
70% {
transform: scale(0.9);
}
90% {
transform: scale(0.97);
}
}
@keyframes pulse {
from,
to {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
}
@keyframes pulseWaiting {
from {
opacity: 0;
transform: scale3d(1, 1, 1);
}
20% {
opacity: 1;
transform: scale3d(1.05, 1.05, 1.05);
}
40% {
opacity: 0;
transform: scale3d(1, 1, 1);
}
to {
opacity: 0;
transform: scale3d(1, 1, 1);
}
}
@keyframes swing10 {
from,
to {
transform: translateY(0);
}
50% {
transform: translateY(-10%);
}
}
@keyframes swing15 {
from,
to {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -15%, 0);
}
}
@keyframes swing20 {
from,
to {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -20%, 0);
}
}
@keyframes swing25 {
from,
to {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -25%, 0);
}
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0) rotate(-8deg);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0) rotate(-8deg);
}
}
@keyframes toys {
from {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
to {
transform: translateY(0);
}
}
@keyframes opacity {
to {
opacity: 1;
}
}
@keyframes williamStarting {
from {
transform: rotate(0);
}
12% {
transform: rotate(0);
}
25% {
transform: rotate(-5deg);
}
50% {
transform: rotate(-13deg);
}
60% {
transform: rotate(-8deg);
}
70% {
transform: rotate(0deg);
}
to {
transform: rotate(13deg);
}
}
@keyframes williamSliding {
from {
transform: rotate(13deg);
}
25% {
transform: rotate(0);
}
50% {
transform: rotate(-13deg);
}
75% {
transform: rotate(0);
}
to {
transform: rotate(13deg);
}
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 1;
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.about-us {
position: relative;
z-index: 1;
padding: 230px 0 250px 0;
padding: 23rem 0 25rem 0;
background: #6ec4d4;
color: #fff;
}
.history {
position: relative;
margin: 40px 0 0 0;
margin: 4rem 0 0 0;
}
.history:before {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
display: block;
width: 4px;
margin: 0 0 0 -2px;
background: #92d3df;
content: ' ';
}
.history-inner {
position: relative;
z-index: 1;
}
.history-section {
position: relative;
}
.history-year {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 228px;
height: 228px;
margin: 0 auto;
font-size: 72px;
font-size: 7.2rem;
line-height: 228px;
text-align: center;
background: #7bd0e0;
border: 3px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
}
.history-year.visible .history-year__text {
animation: zoomIn 0.3s ease 1 normal forwards running;
}
.history-year__text {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
opacity: 0;
}
.history__crown {
position: absolute;
top: 590px;
left: 50%;
opacity: 0;
width: 147px;
height: 147px;
margin: 0 0 0 298px;
line-height: 147px;
text-align: center;
background: #fff;
border-radius: 50%;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
background-image: none !important;
transition: all 0.2s ease;
}
.history__crown:before {
position: absolute;
right: 165px;
left: 0;
top: 75px;
display: block;
height: 4px;
background-position: 100% 0;
background-repeat: repeat-x !important;
transition: all 0.2s ease;
transition-delay: 0.5s;
content: ' ';
}
.history__crown:after {
position: absolute;
left: -306px;
top: 68px;
opacity: 0;
display: block;
width: 17px;
height: 17px;
margin: 0 -8px 0 0;
border: 5px solid #fff;
border-radius: 50%;
content: ' ';
}
.history__crown img {
vertical-align: middle;
}
.history__crown.visible.lazyloaded {
opacity: 1;
}
.history__crown.visible.lazyloaded:before {
left: -280px;
}
.history__crown.visible.lazyloaded:after {
animation: bounceIn 1s linear 0.5s 1 normal forwards running;
}
.history__horse {
position: absolute;
top: 198px;
left: -280px;
opacity: 0;
width: 92px;
height: 92px;
line-height: 92px;
text-align: center;
background: #fff;
border-radius: 50%;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
background-image: none !important;
transition: all 0.2s ease;
}
.history__horse:before {
position: absolute;
right: 0;
left: 112px;
top: 46px;
display: block;
height: 4px;
background-repeat: repeat-x !important;
transition: all 0.2s ease;
transition-delay: 0.5s;
content: ' ';
}
.history__horse img {
vertical-align: middle;
}
.history__horse.visible.lazyloaded {
opacity: 1;
}
.history__horse.visible.lazyloaded:before {
right: -148px;
}
.history__bear {
position: absolute;
top: 340px;
right: -465px;
opacity: 0;
width: 180px;
height: 210px;
background-image: none !important;
transition: all 0.2s ease;
}
.history__bear:before {
position: absolute;
right: 200px;
left: 0;
top: 57px;
display: block;
height: 4px;
background-position: 100% 0;
background-repeat: repeat-x !important;
transition: all 0.2s ease;
transition-delay: 0.5s;
content: ' ';
}
.history__bear.visible.lazyloaded {
opacity: 1;
}
.history__bear.visible.lazyloaded:before {
left: -256px;
}
.history__cloud {
position: absolute;
top: -455px;
left: 50%;
opacity: 0;
width: 261px;
margin: 0 0 0 164px;
background-image: none !important;
transition: all 0.2s ease;
}
.history__cloud:before {
position: absolute;
right: 278px;
top: 70px;
display: block;
width: 0;
height: 4px;
background-position: 100% 0;
background-repeat: repeat-x !important;
transition: all 0.2s ease;
transition-delay: 0.5s;
content: ' ';
}
.history__cloud:after {
position: absolute;
left: -172px;
top: 63px;
opacity: 0;
display: block;
width: 17px;
height: 17px;
border: 5px solid #fff;
border-radius: 50%;
content: ' ';
}
.history__cloud img {
vertical-align: middle;
}
.history__cloud.visible.lazyloaded {
opacity: 1;
}
.history__cloud.visible.lazyloaded:before {
width: 128px;
}
.history__cloud.visible.lazyloaded:after {
animation: bounceIn 1s linear 0.5s 1 normal forwards running;
}
.history__plane {
position: absolute;
top: 519px;
left: 50%;
z-index: 2;
opacity: 0;
width: 163px;
height: 163px;
margin: 0 0 0 271px;
line-height: 163px;
text-align: center;
background: #fff;
border-radius: 50%;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
background-image: none !important;
transition: all 0.2s ease;
}
.history__plane:before {
position: absolute;
right: 185px;
top: 86px;
display: block;
width: 0;
height: 4px;
background-position: 100% 0;
background-repeat: repeat-x !important;
transition: all 0.2s ease;
transition-delay: 0.5s;
content: ' ';
}
.history__plane:after {
position: absolute;
left: -279px;
top: 79px;
opacity: 0;
display: block;
width: 17px;
height: 17px;
border: 5px solid #fff;
border-radius: 50%;
content: ' ';
}
.history__plane img {
vertical-align: middle;
}
.history__plane.visible.lazyloaded {
opacity: 1;
}
.history__plane.visible.lazyloaded:before {
width: 223px;
}
.history__plane.visible.lazyloaded:after {
animation: bounceIn 1s linear 0.5s 1 normal forwards running;
}
.history__logo {
position: absolute;
top: 17px;
left: -366px;
opacity: 0;
width: 80px;
background-image: none !important;
transition: all 0.2s ease;
transition-delay: 0.5s;
}
.history__logo:before {
position: absolute;
left: 117px;
top: 49px;
display: block;
width: 0;
height: 4px;
background-repeat: repeat-x !important;
transition: all 0.2s ease;
transition-delay: 1s;
content: ' ';
}
.history__logo:after {
position: absolute;
right: -291px;
top: 45px;
display: block;
width: 11px;
height: 11px;
background: #92d3df;
border-radius: 50%;
content: ' ';
}
.history__logo.visible.lazyloaded {
opacity: 1;
}
.history__logo.visible.lazyloaded:before {
width: 235px;
}
.history__globe {
position: absolute;
top: 291px;
right: -282px;
opacity: 0;
width: 82px;
height: 82px;
background-image: none !important;
transition: all 0.2s ease;
}
.history__globe:before {
position: absolute;
right: 99px;
top: 39px;
display: block;
width: 0;
height: 4px;
background-position: 100% 0;
background-repeat: repeat-x !important;
transition: all 0.2s ease;
transition-delay: 0.5s;
content: ' ';
}
.history__globe.visible.lazyloaded {
opacity: 1;
}
.history__globe.visible.lazyloaded:before {
width: 195px;
}
.history__merrygoround {
position: absolute;
top: 513px;
left: 50%;
opacity: 0;
width: 330px;
height: 330px;
margin: 0 0 0 271px;
text-align: center;
line-height: 330px;
background-color: #fff;
background-image: none !important;
border-radius: 50%;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
transition: all 0.2s ease;
}
.history__merrygoround:before {
position: absolute;
right: 350px;
top: 163px;
display: block;
width: 223px;
height: 4px;
background-position: 100% 0;
background-repeat: repeat-x !important;
transition: all 0.2s ease;
transition-delay: 0.5s;
content: ' ';
}
.history__merrygoround:after {
position: absolute;
left: -279px;
top: 156px;
opacity: 0;
display: block;
width: 17px;
height: 17px;
border: 5px solid #fff;
border-radius: 50%;
content: ' ';
}
.history__merrygoround img {
vertical-align: middle;
}
.history__merrygoround.visible.lazyloaded {
opacity: 1;
}
.history__merrygoround.visible.lazyloaded:before {
width: 223px;
}
.history__merrygoround.visible.lazyloaded:after {
animation: bounceIn 1s linear 0.5s 1 normal forwards running;
}
.history-content {
width: 610px;
max-width: 50%;
margin: 0 50% 0 auto;
padding: 0 110px 0 0;
text-align: right;
opacity: 0;
-ms-transform: translateX(-500px);
transform: translateX(-500px);
transition: all 1s ease;
}
.history-content--right {
width: 640px;
margin-left: 50%;
margin-right: 0;
padding-left: 110px;
padding-right: 0;
text-align: left;
-ms-transform: translateX(500px);
transform: translateX(500px);
}
.history-content.visible {
opacity: 1;
-ms-transform: translateX(0);
transform: translateX(0);
}
.history-content--1760 {
margin-top: 95px;
margin-top: 9.5rem;
margin-bottom: 330px;
margin-bottom: 33rem;
}
.history-content--1837 {
margin-top: 90px;
margin-top: 9rem;
margin-bottom: 330px;
margin-bottom: 33rem;
}
.history-content--1881 {
margin-top: 100px;
margin-top: 10rem;
margin-bottom: 150px;
margin-bottom: 15rem;
}
.history-content--1931 {
margin-top: 85px;
margin-top: 8.5rem;
margin-bottom: 450px;
margin-bottom: 45rem;
}
.history-content--1938 {
margin-bottom: 70px;
margin-bottom: 7rem;
}
.history-content--1940 {
margin-top: 160px;
margin-top: 16rem;
margin-bottom: 270px;
margin-bottom: 27rem;
}
.history-content--2010 {
margin-top: 90px;
margin-top: 9rem;
margin-bottom: 15px;
margin-bottom: 1.5rem;
}
.history-content--2016 {
margin-top: 60px;
margin-top: 6rem;
margin-bottom: 430px;
margin-bottom: 43rem;
}
.history-content__title {
margin: 0 0 24px 0;
margin: 0 0 2.4rem 0;
padding: 0;
font-size: 32px;
font-size: 3.2rem;
font-weight: normal;
line-height: 1.4;
letter-spacing: 4.5px;
}
.history-image-sm {
position: absolute;
opacity: 0;
max-width: none;
}
.history-image-sm.visible.lazyloaded {
opacity: 0;
}
.history-image-sm--1760 {
top: 300px;
right: 50%;
margin: 0 200px 0 0;
background-image: none !important;
}
.history-image-sm--1760:before {
position: absolute;
right: 0;
left: 100px;
top: 42px;
display: block;
height: 4px;
background-repeat: repeat-x !important;
transition: all 0.2s ease;
transition-delay: 1.5s;
content: ' ';
}
.history-image-sm--1760:after {
position: absolute;
right: -200px;
top: 35px;
opacity: 0;
display: block;
width: 17px;
height: 17px;
margin: 0 -8px 0 0;
border: 5px solid #fff;
border-radius: 50%;
content: ' ';
}
.history-image-sm--1760.visible.lazyloaded {
animation: bounceIn 1s linear 0.5s 1 normal forwards running;
}
.history-image-sm--1760.visible.lazyloaded:before {
right: -200px;
}
.history-image-sm--1760.visible.lazyloaded:after {
animation: bounceIn 1s linear 1.5s 1 normal forwards running;
}
.history-image-sm--1760.visible.lazyloaded .history-image-sm__william.lazyloaded {
transition-delay: 0.5s;
opacity: 1;
}
.history-image-sm--1938 {
left: -260px;
bottom: -130px;
z-index: 4;
}
.history-image-sm--1938.visible.lazyloaded {
animation: bounceInLeft 1s linear 0.5s 1 normal forwards running;
}
.history-image-sm--1940 {
left: 50%;
top: 286px;
margin: 0 0 0 240px;
}
.history-image-sm--1940.visible.lazyloaded {
animation: bounceInRight 1s linear 1 normal forwards running;
}
.history-image-sm--2016 {
right: -355px;
top: 160px;
z-index: 4;
-ms-transform: rotate(-1.6deg);
transform: rotate(-1.6deg);
}
.history-image-sm--2016.visible.lazyloaded {
animation: bounceIn 1s linear 0.5s 1 normal forwards running;
}
.history-image-sm__image {
position: relative;
z-index: 1;
display: block;
max-width: none;
border: 20px solid #fff;
box-shadow: 0px 16px 29px 0px rgba(0, 0, 0, 0.12);
}
.history-image-sm__image--1760 {
width: 230px;
height: 306px;
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
.history-image-sm__image--1938 {
width: 290px;
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
}
.history-image-sm__image--1940 {
width: 460px;
-ms-transform: rotate(7.6deg);
transform: rotate(7.6deg);
}
.history-image-sm__image--2016 {
width: 360px;
height: 252px;
}
.history-image-sm__william {
position: absolute;
top: -10px;
left: -68px;
-ms-transform: rotate(-29deg);
transform: rotate(-29deg);
}
.history-image-sm__william.lazyloaded {
opacity: 0;
}
.history-image-sm__desc {
position: absolute;
width: 150%;
font-size: 26px;
font-size: 2.6rem;
}
.history-image-sm__desc--reverse {
text-align: right;
}
.history-image-sm__desc--reverse .history-image-sm__arrow {
margin: 0 0 0 10px;
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.history-image-sm__desc--1760 {
bottom: -95px;
left: 120px;
-ms-transform: rotate(8deg);
transform: rotate(8deg);
}
.history-image-sm__desc--1938 {
bottom: -115px;
right: 146px;
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.history-image-sm__desc--1940 {
bottom: -145px;
left: 240px;
-ms-transform: rotate(11deg);
transform: rotate(11deg);
}
.history-image-sm__arrow {
display: inline-block;
width: 38px;
height: 34px;
margin: 0 10px 0 0;
}
.history-image-sm__arrow svg {
display: block;
width: 100%;
height: 100%;
}
.history-desc {
position: absolute;
z-index: 3;
opacity: 0;
}
.history-desc:before {
position: absolute;
top: -25px;
right: 165px;
z-index: 2;
display: block;
width: 65px;
height: 53px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/pin.png?63f3fd05) 0 0 no-repeat;
background-size: cover;
content: ' ';
}
.history-desc.visible {
animation: jackInTheBox 1s linear 1 normal forwards running;
}
.history-desc__content {
width: 328px;
height: 325px;
padding: 52px 46px 70px 60px;
font-size: 22px;
font-size: 2.2rem;
line-height: 1.54;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/note.png?042f036d) 0 0 no-repeat;
background-size: cover;
color: #4c4c4c;
}
.history-desc--1760 {
top: -220px;
right: -277px;
}
.history-desc--1760 .history-desc__content {
-ms-transform: rotate(-10.5deg);
transform: rotate(-10.5deg);
}
.history-desc--1837 {
top: -225px;
left: -220px;
}
.history-desc--1837 .history-desc__content {
-ms-transform: rotate(-4deg);
transform: rotate(-4deg);
}
.history-desc--1881 {
top: -88px;
right: -290px;
}
.history-desc--1881 .history-desc__content {
-ms-transform: rotate(-4.7deg);
transform: rotate(-4.7deg);
}
.history-desc--1931 {
top: -230px;
left: -242px;
}
.history-desc--1931 .history-desc__content {
-ms-transform: rotate(9.7deg);
transform: rotate(9.7deg);
}
.history-desc--1938 {
bottom: -425px;
right: -180px;
}
.history-desc--1938 .history-desc__content {
-ms-transform: rotate(-4deg);
transform: rotate(-4deg);
}
.history-desc--1940 {
top: -150px;
left: -325px;
}
.history-desc--1940 .history-desc__content {
-ms-transform: rotate(-11.5deg);
transform: rotate(-11.5deg);
}
.history-desc--2016 {
top: -190px;
left: -165px;
}
.history-desc--2016 .history-desc__content {
-ms-transform: rotate(10deg);
transform: rotate(10deg);
}
.history-image {
position: relative;
left: 50%;
width: 565px;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.history-image.lazyloaded .history-image__desc-inner--1760,
.history-image.lazyloaded .history-image__desc-inner--1837,
.history-image.lazyloaded .history-image__desc-inner--1881,
.history-image.lazyloaded .history-image__desc-inner--1931,
.history-image.lazyloaded .history-image__desc-inner--2010 {
animation: bounceIn 1s linear 1s 1 normal forwards running;
}
.history-image--1760 {
margin-bottom: 140px;
margin-bottom: 14rem;
}
.history-image--1760 .history-image__image--1 {
-ms-transform: rotate(-3.7deg);
transform: rotate(-3.7deg);
}
.history-image--1760 .history-image__image--2 {
margin: -20px 0 0 -57px;
-ms-transform: rotate(1.8deg) translateX(-50%);
transform: rotate(1.8deg) translateX(-50%);
}
.history-image--1837 {
margin-left: -50px;
margin-bottom: 180px;
margin-bottom: 18rem;
}
.history-image--1837 .history-image__image--1 {
-ms-transform: rotate(-2.3deg);
transform: rotate(-2.3deg);
}
.history-image--1837 .history-image__image--2 {
margin: -18px 0 0 70px;
-ms-transform: rotate(4deg) translateX(-50%);
transform: rotate(4deg) translateX(-50%);
}
.history-image--1881 {
margin-left: -50px;
margin-bottom: 180px;
margin-bottom: 18rem;
}
.history-image--1881 .history-image__image--1 {
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
.history-image--1881 .history-image__image--2 {
margin: 0 0 0 10px;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.history-image--1931 {
margin-bottom: 145px;
margin-bottom: 14.5rem;
}
.history-image--1931 .history-image__image--1 {
right: -97px;
top: -15px;
-ms-transform: rotate(-5.8deg);
transform: rotate(-5.8deg);
}
.history-image--1931 .history-image__image--2 {
margin: 0 0 0 -5px;
-ms-transform: rotate(2.5deg) translateX(-50%);
transform: rotate(2.5deg) translateX(-50%);
}
.history-image--1938 {
margin-bottom: 460px;
margin-bottom: 46rem;
}
.history-image--1938 .history-image__wrapper--1 {
left: -42px;
}
.history-image--1938 .history-image__image--1 {
-ms-transform: rotate(11deg);
transform: rotate(11deg);
}
.history-image--1938 .history-image__image--2 {
margin: -20px 0 0 33px;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.history-image--1940 {
margin-bottom: 120px;
margin-bottom: 12rem;
}
.history-image--1940 .history-image__wrapper--1 {
top: -30px;
left: -90px;
}
.history-image--1940 .history-image__image--1 {
-ms-transform: rotate(2.4deg);
transform: rotate(2.4deg);
}
.history-image--1940 .history-image__image--2 {
margin: 20px 0 0 -17px;
-ms-transform: rotate(-3.7deg) translateX(-50%);
transform: rotate(-3.7deg) translateX(-50%);
}
.history-image--2010 {
margin-bottom: 120px;
margin-bottom: 12rem;
}
.history-image--2010 .history-image__wrapper--2 {
top: 55px;
}
.history-image--2010 .history-image__image--1 {
-ms-transform: rotate(-5.2deg);
transform: rotate(-5.2deg);
}
.history-image--2010 .history-image__image--2 {
margin: 0 0 0 5px;
-ms-transform: rotate(9.6deg) translateX(-50%);
transform: rotate(9.6deg) translateX(-50%);
}
.history-image--2016 .history-image__wrapper--1 {
top: 80px;
left: 50px;
}
.history-image--2016 .history-image__wrapper--2 {
top: 0;
}
.history-image--2016 .history-image__image--1 {
-ms-transform: rotate(6.6deg);
transform: rotate(6.6deg);
}
.history-image--2016 .history-image__image--2 {
margin: 0 0 0 -25px;
-ms-transform: rotate(-2deg) translateX(-50%);
transform: rotate(-2deg) translateX(-50%);
}
.history-image__image {
position: relative;
width: 575px;
height: 454px;
border: 20px solid #fff;
box-shadow: 0px 16px 29px 0px rgba(0, 0, 0, 0.12);
}
.history-image__wrapper {
position: relative;
opacity: 0;
}
.history-image__wrapper--2 {
width: 100%;
}
.history-image__wrapper.lazyloaded + .history-image__desc--2016 .history-image__desc-inner--2016 {
animation: bounceIn 1s linear 1s 1 normal forwards running;
}
.history-image__wrapper--1 {
z-index: 2;
}
.history-image__wrapper--2 {
position: absolute;
top: -4px;
left: 50%;
z-index: 1;
}
.history-image__wrapper--1.visible.lazyloaded {
animation: bounceInLeft 1s linear 1 normal forwards running;
}
.history-image__wrapper--2.visible.lazyloaded {
animation: bounceInRight 1s linear 1 normal forwards running;
}
.history-image__bg {
position: absolute;
}
.history-image__bg.lazyloaded {
opacity: 0;
}
.history-image__bg.lazyloaded.visible {
opacity: 1;
transition-delay: 1s;
transition-duration: 0.5s;
}
.history-image__bg--1837 {
right: -340px;
top: 65px;
}
.history-image__bg--1881 {
left: -185px;
top: -203px;
}
.history-image__bg--1931 {
right: -473px;
top: 138px;
}
.history-image__bg--2010-1 {
left: -270px;
top: 270px;
z-index: 3;
}
.history-image__bg--2010-1.lazyloaded.visible {
opacity: 0;
}
.history-image__bg--2010-2 {
right: -158px;
bottom: 36px;
}
.history-image__bg--2010-2.lazyloaded.visible {
opacity: 0;
}
.history-image--2010.lazyloaded .history-image__bg--2010-1.lazyloaded.visible,
.history-image--2010.lazyloaded .history-image__bg--2010-2.lazyloaded.visible {
opacity: 1;
transition-delay: 1s;
}
.history-image--2010.lazyloaded .history-image__bg--2010-1.lazyloaded.visible {
transition-delay: 1.25s;
}
.history-image__fish {
position: absolute;
right: -375px;
bottom: 140px;
opacity: 0;
width: 103px;
height: 58px;
background-image: none !important;
transition: all 0.2s ease;
}
.history-image__fish:before {
position: absolute;
right: 120px;
top: 26px;
display: block;
width: 0;
height: 4px;
background-repeat: repeat-x !important;
background-position: 100% 0;
transition: all 0.2s ease;
transition-delay: 0.5s;
content: ' ';
}
.history-image__fish.visible.lazyloaded {
opacity: 1;
}
.history-image__fish.visible.lazyloaded:before {
width: 223px;
}
.history-image__desc {
position: absolute;
width: 150%;
margin: 0 0 0 -100px;
font-size: 26px;
font-size: 2.6rem;
line-height: 1.4;
}
.history-image__desc-inner {
position: relative;
padding: 4px 0 0 60px;
}
.history-image__desc-inner--1760,
.history-image__desc-inner--1837,
.history-image__desc-inner--1881,
.history-image__desc-inner--1931,
.history-image__desc-inner--2010,
.history-image__desc-inner--2016 {
opacity: 0;
display: inline-block;
}
.history-image__desc--1760 {
bottom: -125px;
left: 50%;
margin: 0 0 0 50px;
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
.history-image__desc--1837 {
bottom: -125px;
left: 100%;
-ms-transform: rotate(7deg);
transform: rotate(7deg);
}
.history-image__desc--1881 {
right: 410px;
bottom: -85px;
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.history-image__desc--1931 {
bottom: -60px;
left: 100%;
margin-left: -50px;
}
.history-image__desc--2010 {
bottom: -170px;
left: 100%;
margin-left: -130px;
-ms-transform: rotate(8deg);
transform: rotate(8deg);
}
.history-image__desc--2016 {
bottom: -105px;
right: 100%;
margin-right: -160px;
-ms-transform: rotate(3deg);
transform: rotate(3deg);
}
.history-image__desc--reverse {
text-align: right;
}
.history-image__desc--reverse .history-image__desc-inner {
padding-right: 60px;
padding-left: 0;
}
.history-image__desc--reverse .history-image__arrow {
right: 0;
left: auto;
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.history-image__arrow {
position: absolute;
top: -6px;
left: 0;
display: block;
width: 38px;
height: 34px;
}
.history-image__arrow svg {
display: block;
width: 100%;
height: 100%;
}
.history-desc-sm {
position: relative;
opacity: 0;
margin: 0 50% 0 0;
padding: 0 114px 0 0;
text-align: right;
}
.history-desc-sm--right {
margin: 0 0 0 50%;
padding: 0 0 0 114px;
text-align: left;
}
.history-desc-sm--right .history-desc-sm__content:before {
right: auto;
left: -9px;
border-width: 9.5px 10px 9.5px 0;
border-color: transparent #ffffff transparent transparent;
}
.history-desc-sm.visible {
animation: bounceIn 0.75s linear 1 normal forwards running;
}
.history-desc-sm--1760 {
margin-bottom: 140px;
margin-bottom: 14rem;
}
.history-desc-sm--1938 {
margin-top: 90px;
margin-top: 9rem;
margin-bottom: 60px;
margin-bottom: 6rem;
}
.history-desc-sm--1940 {
margin-bottom: 230px;
margin-bottom: 23rem;
}
.history-desc-sm--2010 {
margin-bottom: 160px;
margin-bottom: 16rem;
}
.history-desc-sm__content {
position: relative;
display: inline-block;
max-width: 455px;
padding: 28px 56px;
padding: 2.8rem 5.6rem;
background: #fff;
color: #6e6e6e;
border-radius: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.history-desc-sm__content:before {
position: absolute;
top: 50%;
right: -9px;
display: block;
width: 0;
height: 0;
margin: -9.5px 0 0 0;
border-style: solid;
border-width: 9.5px 0 9.5px 10px;
border-color: transparent transparent transparent #ffffff;
content: ' ';
}
.au-airship-wrapper {
position: absolute;
z-index: -1;
}
.au-airship-wrapper .au-airship {
position: relative;
}
.au-airship-wrapper--1 {
top: 61px;
left: 50%;
margin: 0 0 0 538px;
}
.au-airship-wrapper--2 {
top: -1300px;
right: 50%;
margin: 0 677px 0 0;
}
.au-airship-wrapper--3 {
top: -2500px;
left: 50%;
margin: 0 0 0 538px;
}
.au-airship {
position: absolute;
z-index: -1;
}
.au-airship--1 {
-ms-transform: scaleX(-1);
transform: scaleX(-1);
filter: blur(4px);
}
.au-airship--1.lazyloaded {
opacity: 0.08;
}
.au-airship--2 {
top: 401px;
left: 50%;
margin: 0 0 0 551px;
}
.au-airship--3 {
-ms-transform: scaleX(-1);
transform: scaleX(-1);
filter: blur(4px);
}
.au-airship--3.lazyloaded {
opacity: 0.2;
}
.au-airship--4 {
top: 4000px;
right: 50%;
margin: 0 288px 0 0;
}
.au-airship--5 {
-ms-transform: scaleX(-1);
transform: scaleX(-1);
filter: blur(4px);
}
.au-airship--5.lazyloaded {
opacity: 0.08;
}
.au-airship--6 {
top: 6500px;
left: 50%;
margin: 0 0 0 551px;
}
.au-balloon {
position: absolute;
z-index: -1;
}
.au-balloon--1 {
right: 50%;
top: 700px;
margin: 0 691px 0 0;
filter: blur(4px);
}
.au-balloon--1.lazyloaded {
opacity: 0.08;
}
.au-balloon--2 {
right: 50%;
top: 1400px;
margin: 0 663px 0 0;
}
.au-balloon--3 {
left: 50%;
top: -1300px;
margin: 0 0 0 445px;
filter: blur(4px);
}
.au-balloon--3.lazyloaded {
opacity: 0.08;
}
.au-balloon--4 {
left: 50%;
top: 2100px;
margin: 0 0 0 805px;
}
.au-balloon--5 {
right: 50%;
top: -2000px;
z-index: -1;
margin: 0 691px 0 0;
filter: blur(4px);
}
.au-balloon--5.lazyloaded {
opacity: 0.08;
}
.au-balloon--6 {
right: 50%;
top: 5000px;
margin: 0 663px 0 0;
}
.au-bird {
position: absolute;
z-index: -1;
}
.au-bird--1 {
right: 50%;
top: 1300px;
margin: 0 482px 0 0;
}
.au-bird--2 {
right: 50%;
top: 1100px;
margin: 0 539px 0 0;
}
.au-bird--3 {
right: 50%;
top: 1000px;
margin: 0 628px 0 0;
}
.au-bird--4 {
right: 50%;
top: 1500px;
margin: 0 445px 0 0;
}
.au-bird--5 {
right: 50%;
top: 1800px;
margin: 0 502px 0 0;
}
.au-bird--6 {
left: 50%;
top: 100px;
margin: 0 0 0 744px;
}
.au-bird--7 {
left: 50%;
top: 280px;
margin: 0 0 0 786px;
}
.au-bird--8 {
left: 50%;
top: 1200px;
margin: 0 0 0 856px;
}
.au-bird--9 {
left: 50%;
top: 3600px;
margin: 0 0 0 795px;
}
.au-bird--10 {
left: 50%;
top: 2400px;
margin: 0 0 0 755px;
}
.au-bird--11 {
left: 50%;
top: 1700px;
margin: 0 0 0 664px;
}
.au-bird--12 {
left: 50%;
top: 1100px;
margin: 0 0 0 695px;
}
.au-bird--13 {
left: 50%;
top: 2400px;
margin: 0 0 0 621px;
}
.au-bird--14 {
right: 50%;
top: 1200px;
margin: 0 730px 0 0;
}
.au-bird--15 {
right: 50%;
top: 2700px;
margin: 0 679px 0 0;
}
.au-bird--16 {
left: 50%;
top: 1000px;
margin: 0 0 0 744px;
}
.au-bird--17 {
left: 50%;
top: 2600px;
margin: 0 0 0 786px;
}
.au-bird--18 {
left: 50%;
top: 5200px;
margin: 0 0 0 856px;
}
.au-bird--19 {
right: 50%;
top: 5800px;
margin: 0 482px 0 0;
}
.au-bird--20 {
right: 50%;
top: 3600px;
margin: 0 539px 0 0;
}
.au-bird--21 {
right: 50%;
top: 1400px;
margin: 0 628px 0 0;
}
.au-bird--22 {
right: 50%;
top: 2800px;
margin: 0 445px 0 0;
}
.au-bird--23 {
right: 50%;
top: 5000px;
margin: 0 502px 0 0;
}
.au-bird--24 {
left: 50%;
top: 2500px;
margin: 0 0 0 568px;
}
.au-bird--25 {
left: 50%;
top: 3500px;
margin: 0 0 0 610px;
}
.au-kite {
position: absolute;
z-index: -1;
}
.au-kite--1 {
left: 50%;
top: -600px;
margin: 0 0 0 739px;
filter: blur(4px);
}
.au-kite--1.lazyloaded {
opacity: 0.08;
}
.au-kite--2 {
left: 50%;
top: 650px;
margin: 0 0 0 623px;
}
.au-kite--3 {
-ms-transform: rotate(20deg) scale(0.7);
transform: rotate(20deg) scale(0.7);
}
.au-kite--4 {
left: 50%;
top: -1800px;
margin: 0 0 0 739px;
filter: blur(4px);
}
.au-kite--4.lazyloaded {
opacity: 0.08;
}
.au-kite--5 {
left: 50%;
top: 2000px;
margin: 0 0 0 623px;
}
.au-kite--6 {
-ms-transform: rotate(20deg) scale(0.7);
transform: rotate(20deg) scale(0.7);
}
.au-kite-wrapper {
position: absolute;
z-index: -1;
}
.au-kite-wrapper .au-kite {
position: relative;
}
.au-kite-wrapper--1 {
left: 50%;
top: 1250px;
margin: 0 0 0 750px;
}
.au-kite-wrapper--2 {
left: 50%;
top: 3800px;
margin: 0 0 0 750px;
}
.au-cloud {
position: absolute;
z-index: -1;
}
.au-cloud--1 {
right: 50%;
top: 1700px;
margin: 0 705px 0 0;
}
.au-cloud--2 {
right: 50%;
top: 3100px;
margin: 0 600px 0 0;
}
.au-cloud--3 {
left: 50%;
top: 2600px;
margin: 0 0 0 841px;
}
.au-cloud--4 {
right: 50%;
top: 4200px;
margin: 0 801px 0 0;
}
.au-cloud--5 {
left: 50%;
top: 2400px;
margin: 0 0 0 745px;
}
.au-cloud--6 {
left: 50%;
top: 7600px;
margin: 0 0 0 640px;
}
.au-cloud--7 {
right: 50%;
top: 6500px;
margin: 0 599px 0 0;
}
@media screen and (max-width: 106.25em) {
.au-airship-wrapper--1,
.au-airship-wrapper--3 {
left: auto;
right: -454px;
margin: 0;
}
.au-airship-wrapper--2 {
right: auto;
left: -454px;
margin: 0;
}
.au-airship--1,
.au-airship--3,
.au-airship--5 {
width: 604px;
}
.au-airship--2,
.au-airship--6 {
left: auto;
right: -80px;
width: 284px;
margin: 0;
}
.au-airship--4 {
right: auto;
left: 20px;
width: 284px;
margin: 0;
}
.au-balloon--1,
.au-balloon--5 {
right: auto;
left: -155px;
width: 297px;
margin: 0;
}
.au-balloon--2,
.au-balloon--6 {
right: auto;
left: 40px;
width: 140px;
margin: 0;
}
.au-balloon--3 {
left: auto;
right: -155px;
width: 297px;
margin: 0;
}
.au-balloon--4 {
left: auto;
right: 40px;
width: 140px;
margin: 0;
}
.au-kite--1,
.au-kite--4 {
left: auto;
right: -500px;
width: 647px;
margin: 0;
}
.au-kite--2,
.au-kite--5 {
left: auto;
right: 60px;
width: 148px;
margin: 0;
}
.au-kite--3,
.au-kite--6 {
width: 148px;
}
.au-kite-wrapper--1,
.au-kite-wrapper--2 {
left: auto;
right: 20px;
margin: 0;
}
.au-cloud--1 {
right: auto;
left: -40px;
width: 182px;
margin: 0;
}
.au-cloud--2 {
right: auto;
left: 40px;
width: 115px;
margin: 0;
}
.au-cloud--3 {
left: auto;
right: -60px;
width: 115px;
margin: 0;
}
.au-cloud--4 {
right: auto;
left: -30px;
width: 115px;
margin: 0;
}
.au-cloud--5 {
left: auto;
right: -60px;
width: 182px;
margin: 0;
}
.au-cloud--6 {
left: auto;
right: 50px;
width: 115px;
margin: 0;
}
.au-cloud--7 {
right: auto;
left: 35px;
width: 115px;
margin: 0;
}
.au-bird--w58 {
width: 40px;
}
.au-bird--w49 {
width: 34px;
}
.au-bird--w41 {
width: 28px;
}
.au-bird--w30 {
width: 21px;
}
.au-bird--w34 {
width: 24px;
}
.au-bird--w25 {
width: 17px;
}
}
@media screen and (max-width: 100em) {
.about-us {
padding-top: 21rem;
}
}
@media screen and (max-width: 87.5em) {
.history-inner {
padding-left: 4.5%;
padding-right: 4.5%;
}
.history-content {
font-size: 1.7rem;
}
.history-content__title {
font-size: 3rem;
}
.history-image-sm--1940 {
top: 306px;
margin-left: 60px;
}
.history-image-sm__image--1940 {
width: 360px;
border-width: 15px;
}
.history-image-sm__desc--1940 {
display: none;
}
}
@media screen and (max-width: 81.25em) {
.history-image__desc--1931 {
left: 30%;
bottom: auto;
top: 100%;
max-width: 70%;
margin: 30px 0 0 0;
background: #6ec4d4;
}
.history-image-sm__desc--1938 {
right: 86px;
}
.history-image-sm--2016 {
right: -155px;
}
.history__horse {
left: -65px;
z-index: 3;
}
.history__horse:before {
display: none;
}
.history__bear {
display: none;
}
.history__merrygoround {
margin-left: 80px;
}
.history__merrygoround:after {
left: -89px;
}
.history__merrygoround.visible.lazyloaded:before {
width: 43px;
}
}
@media screen and (max-width: 75em) {
.about-us {
padding-bottom: 30rem;
}
.history-image-sm--1938 {
left: -82px;
}
.history-desc--1940 {
left: -92px;
}
.history-image__bg--2010-1 {
left: -84px;
}
.history-image__desc--2016 {
top: 100%;
bottom: auto;
left: 0;
right: auto;
max-width: 100%;
margin: 100px 0 0 0;
padding: 0 0 0 10%;
text-align: left;
}
.history-image__desc--2016 .history-image__desc-inner {
padding-left: 60px;
padding-right: 0;
}
.history-image__desc--2016 .history-image__arrow {
left: 0;
right: auto;
-ms-transform: none;
transform: none;
}
}
@media screen and (max-width: 71.875em) {
.history-image__desc--1760 {
margin-left: 30px;
}
}
@media screen and (max-width: 68.75em) {
.history-content {
padding-right: 50px;
}
.history-content--right {
padding-right: 0;
padding-left: 50px;
}
.history-image-sm__william,
.history__globe {
display: none;
}
.history-desc--1760 {
right: -97px;
}
.history-desc--1837 {
left: -20px;
}
.history-desc--1881 {
right: -140px;
}
.history-desc-sm {
padding-right: 30px;
}
.history-desc-sm--right {
padding-left: 30px;
padding-right: 0;
}
.history-desc-sm__content {
padding-left: 3.5rem;
padding-right: 3.5rem;
font-size: 1.6rem;
}
.history-image__bg--1837 {
right: -235px;
top: 40px;
}
.history-image__bg--1881 {
left: -165px;
}
.history-image__desc--1760 {
margin-left: -100px;
background: #6ec4d4;
}
.history-image__desc--1881 {
right: 265px;
bottom: -95px;
}
.history-image__desc--2010 {
margin-left: -190px;
}
.au-airship,
.au-airship-wrapper,
.au-balloon,
.au-bird,
.au-kite,
.au-kite-wrapper,
.au-cloud {
display: none;
}
}
@media screen and (max-width: 62.5em) {
.history-year.visible .history-year__text {
animation: none;
}
.history-year__text {
opacity: 1;
}
.history__horse.lazyloaded,
.history__bear.lazyloaded,
.history__logo.lazyloaded,
.history__globe.lazyloaded {
opacity: 1;
}
.history__crown.lazyloaded,
.history__cloud.lazyloaded,
.history__plane.lazyloaded,
.history__merrygoround.lazyloaded {
opacity: 1;
}
.history__crown.lazyloaded.visible:after,
.history__cloud.lazyloaded.visible:after,
.history__plane.lazyloaded.visible:after,
.history__merrygoround.lazyloaded.visible:after {
animation: none;
}
.history-content {
opacity: 1;
-ms-transform: translateX(0);
transform: translateX(0);
}
.history-content--right {
-ms-transform: translateX(0);
transform: translateX(0);
}
.history-image-sm.lazyloaded {
opacity: 1;
}
.history-image-sm.lazyloaded.visible {
opacity: 1;
}
.history-image-sm--1760.visible.lazyloaded,
.history-image-sm--1938.visible.lazyloaded,
.history-image-sm--1940.visible.lazyloaded,
.history-image-sm--2016.visible.lazyloaded {
animation: none;
}
.history-image__wrapper {
opacity: 1;
}
.history-image__wrapper.lazyloaded + .history-image__desc--2016 .history-image__desc-inner--2016 {
animation: none;
}
.history-image__wrapper--1.visible.lazyloaded,
.history-image__wrapper--2.visible.lazyloaded {
animation: none;
}
.history-image.lazyloaded .history-image__desc-inner--1760,
.history-image.lazyloaded .history-image__desc-inner--1837,
.history-image.lazyloaded .history-image__desc-inner--1881,
.history-image.lazyloaded .history-image__desc-inner--1931,
.history-image.lazyloaded .history-image__desc-inner--2010 {
animation: none;
}
.history-image__desc-inner--1760,
.history-image__desc-inner--1837,
.history-image__desc-inner--1881,
.history-image__desc-inner--1931,
.history-image__desc-inner--2010,
.history-image__desc-inner--2016 {
opacity: 1;
}
.history-desc {
opacity: 1;
}
.history-desc.visible {
animation: none;
}
.history-desc-sm,
.history-desc-sm--right {
opacity: 1;
}
.history-desc-sm.visible {
animation: none;
}
.history-image-sm--1760 {
margin-right: 90px;
}
.history-image-sm__desc--1760 {
left: 20px;
}
.history-image-sm--1760.visible.lazyloaded:before {
right: -90px;
}
.history-image-sm--1760:after {
right: -90px;
}
.history-desc--1931 {
left: -82px;
}
.history-desc--1938 {
bottom: -405px;
right: -120px;
}
.history-image__bg--1931 {
display: none;
}
.history__crown {
margin-left: 168px;
}
.history__crown:after {
left: -177px;
}
.history__crown.visible.lazyloaded:before {
left: -152px;
}
}
@media screen and (max-width: 56.25em) {
.history-image--1881 {
margin-left: 0;
}
.history-image--2010 {
margin-bottom: 18rem;
}
.history-image__desc--1881 {
right: 310px;
}
.history-image__desc--2010 {
bottom: auto;
top: 100%;
left: 56%;
margin: 110px 0 0 0;
}
.history-content--2016 {
margin-bottom: 38rem;
}
.history-desc--1881 {
right: -100px;
}
.history-desc--2016 {
left: -95px;
}
.history-image-sm--1940 {
top: 346px;
}
.history-image-sm__image--1940 {
width: 300px;
}
.history-image__desc--1760 {
left: 0;
margin-left: 100px;
}
.history__plane {
margin-left: 196px;
}
.history__plane:after {
left: -204px;
}
.history__plane.visible.lazyloaded:before {
width: 153px;
}
.history__logo {
left: -266px;
}
.history__logo:after {
right: -191px;
}
.history__logo.visible.lazyloaded:before {
width: 135px;
}
}
@media screen and (max-width: 50em) {
.history-image__desc--1837 {
margin-left: -140px;
}
}
@media screen and (max-width: 46.875em) {
.history-image--1938 .history-image__wrapper--1 {
left: -5%;
}
.history-image--1938 {
margin-bottom: 16rem;
}
.history-image-sm--1938 {
position: relative;
left: auto;
right: -10%;
bottom: 0;
float: right;
margin: -5% 0 0 0;
}
.history-image-sm__image--1938 {
width: 220px;
}
.history-image-sm__desc--1938 {
bottom: auto;
top: 100%;
right: 30%;
max-width: 100%;
margin: 30px 0 0 0;
background: #6ec4d4;
-ms-transform: rotate(-6deg);
transform: rotate(-6deg);
}
.history-desc--1938 {
position: relative;
left: 50%;
right: 0;
top: 0;
bottom: 0;
width: 328px;
height: 325px;
margin: 365px 0 0 -142px;
}
.history-image__desc--2010 {
left: 51%;
}
}
@media screen and (max-width: 43.75em) {
.about-us {
padding-top: 18rem;
}
.history-year {
width: 150px;
height: 150px;
font-size: 4.7rem;
line-height: 150px;
}
.history-content {
max-width: 100%;
padding: 1rem 0 0.5rem 0;
text-align: center;
background: #6ec4d4;
}
.history-content--right {
margin-left: 0;
}
.history-content--1760 {
margin: 5rem 0 4rem 0;
}
.history-content--1837 {
margin: 5rem 0 0 0;
}
.history-content--1881 {
margin: 5rem 0 34rem 0;
}
.history-content--1931 {
margin: 4rem 0 40rem 0;
}
.history-content--1940 {
margin: 5rem 0;
}
.history-content--2010 {
margin: 6rem 0 5rem 0;
}
.history-content--2016 {
margin: 5rem 0 4rem 0;
}
.history-content__title {
font-size: 2.4rem;
}
.history-content__content p:last-child {
margin-bottom: 0;
}
.history-image-sm {
position: relative;
}
.history-image-sm:before,
.history-image-sm:after {
display: none;
}
.history-image-sm--1760 {
top: auto;
right: auto;
width: 180px;
margin: 0 auto 9rem auto;
}
.history-image-sm--1940 {
top: 0;
left: 50%;
margin: 0 0 0 -130px;
}
.history-image-sm--2016 {
position: absolute;
right: -4%;
top: 45%;
width: 48%;
}
.history-image-sm__desc--1760 {
left: -16px;
bottom: auto;
top: 100%;
margin-top: 30px;
padding-left: 55px;
font-size: 2.2rem;
line-height: 1.4;
background: #6ec4d4;
}
.history-image-sm__desc--1760 .history-image-sm__arrow {
position: absolute;
top: -10px;
left: 0;
}
.history-image-sm__image {
border-width: 15px;
}
.history-image-sm__image--1760 {
width: 180px;
height: auto;
}
.history-image-sm__image--1940 {
width: 260px;
max-width: 100%;
}
.history-image-sm__image--2016 {
width: 100%;
height: auto;
}
.history-image {
width: auto;
}
.history-image--1760 {
margin: 40rem 0 0 0;
}
.history-image--1760 .history-image__image--2 {
margin-left: -5%;
}
.history-image--1837 {
margin: 0 0 16rem -20px;
}
.history-image--1837 .history-image__image--2 {
margin: -2% 0 0 10%;
}
.history-image--1881 {
margin-bottom: 26rem;
}
.history-image--1931 {
margin: 0 0 22rem 0;
}
.history-image--1940 {
margin: 34rem 0 15rem 0;
}
.history-image--2010 {
margin: 0 0 28rem 0;
}
.history-image--2016 {
margin: 22rem 0 0 0;
}
.history-image--1931 .history-image__image--1,
.history-image--1940 .history-image__wrapper--1 {
left: -5%;
}
.history-image--2010 .history-image__image--1,
.history-image--2010 .history-image__image--2 {
max-width: 90%;
}
.history-image__image {
height: auto;
}
.history-image__desc--1760 {
bottom: auto;
top: 100%;
max-width: 100%;
margin-left: 0;
margin-top: 10%;
padding-left: 100px;
}
.history-image__desc--1837 {
left: 0;
bottom: -30%;
margin-left: 80px;
background: #6ec4d4;
}
.history-image__desc--1881 {
right: 20%;
bottom: auto;
top: 100%;
max-width: 80%;
margin: 15% 0 0 0;
background: #6ec4d4;
}
.history-image__desc--2010 {
left: 10%;
max-width: 90%;
margin-top: 26%;
background: #6ec4d4;
}
.history-image__bg--1837,
.history-image__bg--1881 {
display: none;
}
.history-image__bg--2010-1 {
left: -3%;
bottom: -18%;
top: auto;
width: 43%;
}
.history-image__bg--2010-2 {
top: auto;
right: -4.5%;
bottom: -9%;
width: 34%;
}
.history-desc {
width: 328px;
height: 325px;
margin: 0 auto;
}
.history-desc--1760 {
left: 50%;
right: auto;
top: -260px;
margin-left: -134px;
}
.history-desc--1837 {
left: 50%;
right: auto;
top: -340px;
margin-left: -134px;
}
.history-desc--1881 {
left: 50%;
right: auto;
top: -275px;
margin-left: -136px;
}
.history-desc--1931 {
left: 50%;
right: auto;
top: -300px;
z-index: 0;
margin-left: -185px;
}
.history-desc--1938 {
margin: 365px 0 0 -142px;
}
.history-desc--1940 {
left: 50%;
right: auto;
top: -290px;
margin-left: -136px;
}
.history-desc--2016 {
left: 50%;
right: auto;
top: -235px;
z-index: 0;
margin-left: -175px;
}
.history-desc-sm,
.history-desc-sm--right {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.history-desc-sm--1760 {
margin: 16rem 0 9rem 0;
}
.history-desc-sm--1938 {
margin: 6rem 0 7rem 0;
}
.history-desc-sm--1940 {
margin: 4.6rem 0 4rem 0;
}
.history-desc-sm--2010 {
margin: 0 0 7.5rem 0;
}
.history-desc-sm--1938 .history-desc-sm__content:before,
.history-desc-sm--2010 .history-desc-sm__content:before {
top: auto;
bottom: -9px;
border-width: 10px 9.5px 0 9.5px;
border-color: #ffffff transparent transparent transparent;
}
.history-desc-sm__content,
.history-desc-sm--right .history-desc-sm__content {
max-width: 100%;
}
.history-desc-sm__content:before,
.history-desc-sm--right .history-desc-sm__content:before {
top: -9px;
left: 50%;
right: auto;
margin: 0 0 0 -9.5px;
border-width: 0 9.5px 10px 9.5px;
border-color: transparent transparent #ffffff transparent;
}
.history-desc-sm__content {
display: block;
}
.history__crown {
position: relative;
top: 0;
left: 50%;
z-index: 2;
width: 105px;
height: 105px;
margin: 2rem 0 33rem 60px;
line-height: 105px;
}
.history__crown:before {
right: 110px;
top: 52px;
}
.history__crown:after {
left: -68px;
top: 44px;
opacity: 1;
}
.history__crown img {
width: 55px;
}
.history__crown.visible.lazyloaded:before {
left: -48px;
}
.history__horse {
top: auto;
bottom: -10px;
left: -35px;
}
.history__cloud {
top: -360px;
margin-left: -30px;
}
.history__cloud:before,
.history__cloud:after {
display: none;
}
.history__plane {
position: relative;
top: 0;
left: 50%;
width: 82px;
height: 82px;
margin: -30px 0 0 70px;
line-height: 82px;
}
.history__plane:before,
.history__plane:after {
display: none;
}
.history__plane img {
width: 62px;
}
.history__logo {
display: none;
}
.history__merrygoround {
position: relative;
top: 0;
left: 0;
width: 220px;
height: 220px;
margin: 0 auto;
line-height: 220px;
}
.history__merrygoround:before,
.history__merrygoround:after {
display: none;
}
.history__merrygoround img {
width: 122px;
}
}
@media screen and (max-width: 37.5em) {
.about-us {
padding-top: 12.5rem;
}
.history-image__desc--1931 {
left: 10%;
max-width: 90%;
}
.history-image__desc--1760 {
padding-left: 10%;
}
}
@media screen and (max-width: 31.25em) {
.history-image__image {
border-width: 15px;
}
.history-image-sm__image {
border-width: 10px;
}
.history-image__desc {
font-size: 2.2rem;
}
.history-image__desc-inner {
padding-top: 6px;
}
}
@media screen and (max-width: 25em) {
.history-image__image {
border-width: 10px;
}
.history-image-sm__image {
border-width: 8px;
}
}
.events {
position: relative;
padding: 160px 0 0 0;
padding: 16rem 0 0 0;
text-align: center;
background: #6ec4d4;
color: #fff;
}
.event-list-wrapper {
position: relative;
max-width: 1520px;
margin: 95px auto 0 auto;
margin: 9.5rem auto 0 auto;
}
.event-list-wrapper--front {
max-width: 1200px;
margin: 0 auto;
}
.event-list {
position: relative;
}
.event-list--front {
margin: 0 0 50px 0;
margin: 0 0 5rem 0;
}
.event-list--front .event-list-item {
overflow: hidden;
float: left;
width: 48.5%;
height: 240px;
margin: 0;
padding: 0;
text-align: left;
box-shadow: -27px 7px 20px 0px rgba(0, 0, 0, 0.11);
}
.event-list--front .event-list-item:nth-child(2) {
margin-left: 3%;
}
.event-list--front .event-list-item-image {
float: left;
}
.event-list--front .event-list-item__image {
float: left;
width: 206px;
margin: 0;
}
.event-list--front .event-list-item-primary {
float: right;
width: calc(100% - 206px);
padding: 30px 34px 34px 34px;
padding: 3rem 3.4rem 3.4rem 3.4rem;
font-size: 15px;
font-size: 1.5rem;
}
.event-list--front .event-list-item__title {
font-size: 18px;
font-size: 1.8rem;
color: #4d0a14;
}
.event-list--front .event-list-item__date {
padding: 0 0 0 28px;
font-weight: bold;
background-position: 0 50%;
background-size: 10px 13px;
color: #e31837;
}
.event-list-item {
display: block;
height: 100%;
padding: 20px;
overflow: hidden;
text-align: center;
background: #fff;
color: #595959;
box-shadow: 0 16px 29px rgba(0, 0, 0, 0.12);
transition: all 0.2s ease;
will-change: transform;
}
.event-list-item:hover {
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.event-list-item-wrapper {
float: left;
width: 25%;
height: 482px;
margin: 0 0 115px 0;
margin: 0 0 11.5rem 0;
padding: 0 1.31%;
}
.event-list-item-wrapper:nth-child(4n-3) {
clear: left;
}
.flexbox .event-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flexbox .event-list--front {
display: block;
}
.flexbox .event-list-item-wrapper {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
height: auto;
margin-left: -1px;
margin-right: -1px;
}
.event-list-item-image {
position: relative;
overflow: hidden;
}
.event-list-item__image {
display: block;
width: 100%;
height: auto;
margin: 0 0 26px 0;
margin: 0 0 2.6rem 0;
}
.event-list-item__past {
position: absolute;
bottom: 10px;
right: -85px;
width: 250px;
height: 42px;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
line-height: 42px;
text-align: center;
background: #be9f57;
color: #fff;
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.event-list-item__title {
margin: 0;
padding: 0;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.44;
}
.event-list-item__excerpt {
margin: 20px 0 0 0;
margin: 2rem 0 0 0;
line-height: 1.6;
color: #4d0a14;
}
.flexbox .event-list-item__image {
margin: 0;
}
.flexbox .event-list-item-primary {
display: -ms-flexbox;
display: flex;
min-height: 108px;
padding-top: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.flexbox .event-list--front .event-list-item-primary {
display: block;
height: auto;
}
.flexbox .event-list-item__title {
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.flexbox .event-list-item__date {
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.event-detail {
padding: 55px;
}
.event-detail-primary {
float: right;
width: 54.4%;
font-size: 16px;
font-size: 1.6rem;
text-align: left;
color: #595959;
}
.event-detail-secondary {
float: left;
width: 40.65%;
}
.event-detail__title {
margin: 10px 0 5px 0;
margin: 1rem 0 0.5rem 0;
padding: 0 20px 0 0;
font-size: 36px;
font-size: 3.6rem;
line-height: 1.2;
color: #cf102d;
}
.event-detail-info {
margin: 0 -17px 50px -17px;
margin: 0 -17px 5rem -17px;
font-size: 0;
font-weight: bold;
}
.event-detail-info__item {
display: inline-block;
margin: 0 17px;
font-size: 16px;
font-size: 1.6rem;
}
.event-detail__content {
line-height: 1.625;
}
.event-detail-footer {
margin: 30px 0 0 0;
margin: 3rem 0 0 0;
}
.event-calendars {
display: inline-block;
margin: 0 30px 0 0;
}
.event-calendars__title {
margin: 0 0 10px 0;
margin: 0 0 1rem 0;
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
}
.event-calendars + .event-sharing-wrapper .event-sharing {
margin-top: 0;
}
.event-sharing-wrapper {
position: relative;
display: inline-block;
vertical-align: top;
}
.event-sharing {
position: relative;
overflow: hidden;
display: inline-block;
width: 82px;
height: 73px;
margin: -4px 0 0 0;
vertical-align: top;
}
.event-sharing__title {
margin: 0 0 20px 0;
margin: 0 0 2rem 0;
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
text-align: center;
}
.event-sharing__link {
text-indent: -9999em;
letter-spacing: -9999em;
overflow: hidden;
display: inline-block;
}
.event-sharing__link:hover {
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.event-sharing__link--email {
width: 26px;
height: 21px;
margin: 0 7px 0 5px;
background-size: contain;
}
.event-sharing__link--fb {
width: 21px;
height: 21px;
margin: 0 0 0 7px;
background-color: #485992;
background-position: right 3px top 100%;
background-size: auto 18px;
border-radius: 3px;
}
.event-detail__image {
display: block;
width: 100%;
height: auto;
}
.events__william {
position: absolute;
top: -145px;
left: 20px;
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.events__cloud {
position: absolute;
}
.events__cloud--1 {
right: 50%;
top: 546px;
z-index: 2;
margin: 0 811px 0 0;
}
.events__cloud--2 {
right: 50%;
top: 823px;
z-index: 2;
margin: 0 706px 0 0;
}
.events__cloud--3 {
left: 50%;
top: 1215px;
z-index: 3;
margin: 0 0 0 853px;
}
.events__balloon {
position: absolute;
right: 50%;
z-index: 1;
}
.events__balloon--1 {
top: 850px;
z-index: 1;
margin: 0 737px 0 0;
filter: blur(4px);
}
.events__balloon--1.lazyloaded {
opacity: 0.08;
}
.events__balloon--2 {
top: 1300px;
margin: 0 709px 0 0;
z-index: 2;
}
.events-airship {
position: absolute;
left: 50%;
top: 497px;
margin: 0 0 0 684px;
opacity: 0.08;
filter: blur(4px);
}
.events__airship--1 {
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.events__airship--2 {
position: absolute;
left: 50%;
top: 898px;
z-index: 2;
margin: 0 0 0 697px;
}
.events__kite {
position: absolute;
left: 50%;
bottom: 100px;
z-index: 2;
margin: 0 0 0 681px;
}
.events__bird {
position: absolute;
}
.events__bird--1 {
left: 50%;
top: 257px;
margin: 0 0 0 714px;
}
.events__bird--2 {
left: 50%;
top: 278px;
margin: 0 0 0 756px;
}
.events__bird--3 {
right: 50%;
top: 1032px;
margin: 0 864px 0 0;
}
.events__bird--4 {
right: 50%;
top: 1076px;
margin: 0 921px 0 0;
}
.events__bird--5 {
right: 50%;
top: 1404px;
margin: 0 827px 0 0;
}
.events__bird--6 {
right: 50%;
top: 1427px;
margin: 0 884px 0 0;
}
.events__bird--7 {
left: 50%;
bottom: 1027px;
margin: 0 0 0 802px;
}
.events__bird--8 {
left: 50%;
bottom: 1000px;
margin: 0 0 0 844px;
}
.events__bird--9 {
left: 50%;
bottom: 673px;
margin: 0 0 0 914px;
}
@media screen and (max-width: 106.25em) {
.event-list-wrapper {
width: calc(100% - 200px);
}
.event-list-wrapper--front {
width: calc(100% - 160px);
}
.event-list-item-wrapper {
margin: 0 0 7rem 0;
padding: 0 0.75%;
}
.events__bird--1 {
top: 157px;
margin-left: 35%;
}
.events__bird--2 {
top: 178px;
margin-left: 39%;
}
.events__cloud--1 {
right: auto;
left: -120px;
width: 182px;
margin-right: 0;
}
.events__cloud--2 {
right: auto;
left: 5px;
width: 115px;
margin-right: 0;
}
.events__cloud--3 {
left: auto;
right: -50px;
width: 115px;
margin-left: 0;
}
.events__balloon--1 {
right: auto;
left: -180px;
width: 297px;
margin-right: 0;
}
.events__balloon--2 {
right: auto;
left: -16px;
width: 140px;
margin-right: 0;
}
.events-airship {
margin-left: 41%;
}
.events__airship--1 {
width: 604px;
}
.events__airship--2 {
left: auto;
right: -152px;
width: 304px;
margin-left: 0;
}
.events__kite {
left: auto;
right: -10px;
width: 150px;
margin-left: 0;
}
}
@media screen and (max-width: 100em) {
.event-sharing__title {
margin-bottom: 1.8rem;
}
}
@media screen and (max-width: 87.5em) {
.events__william {
top: -92px;
left: -20px;
width: 130px;
}
.event-list--front {
margin: -1.5rem 0 4rem 0;
}
.event-list--front .event-list-item-image {
position: relative;
width: 206px;
height: 100%;
overflow: hidden;
}
.event-list--front .event-list-item__image {
position: absolute;
top: 0;
left: 0;
max-width: none;
}
.event-list--front .event-list-item-primary {
width: calc(100% - 206px);
padding: 16px 24px;
}
.event-list--front .event-list-item__excerpt {
margin-top: 10px;
}
.flexbox .event-list-item-primary {
min-height: 93px;
}
}
@media screen and (max-width: 75em) {
.event-list-item-wrapper {
width: 33.33%;
padding: 0 0.75%;
}
.event-list-item-wrapper:nth-child(4n-3) {
clear: none;
}
.event-list-item-wrapper:nth-child(3n-2) {
clear: left;
}
}
@media screen and (max-width: 71.875em) {
.event-list--front .event-list-item-primary {
font-size: 1.4rem;
}
.event-list--front .event-list-item__title {
font-size: 1.6rem;
}
}
@media screen and (max-width: 68.75em) {
.event-list-wrapper {
width: auto;
padding-left: 4.5%;
padding-right: 4.5%;
}
.event-list-wrapper--front {
width: calc(100% - 160px);
padding-left: 0;
padding-right: 0;
}
.events__william {
left: calc(4.5% - 20px);
}
.events__cloud,
.events__balloon,
.events-airship,
.events__airship,
.events__kite {
display: none;
}
}
@media screen and (max-width: 68.75em) and (min-width: 62.5625em) {
.event-list--front .event-list-item-primary {
font-size: 1.3rem;
}
.event-list--front .event-list-item__title {
font-size: 1.5rem;
}
}
@media screen and (max-width: 62.5em) {
.event-list-wrapper--front {
width: auto;
}
.event-list--front .event-list-item {
float: none;
display: block;
width: 582px;
max-width: 100%;
margin: 0 auto;
}
.event-list--front .event-list-item:nth-child(2) {
display: none;
}
.event-list--front .event-list-item-image {
width: 206px;
}
.event-list--front .event-list-item__image {
position: static;
max-width: 100%;
}
.event-list--front .event-list-item-primary {
width: calc(100% - 206px);
padding: 30px 34px 34px 34px;
}
.event-list--front .event-list-item__excerpt {
margin-top: 20px;
}
.flexbox .event-list--front {
display: block;
}
}
@media screen and (max-width: 56.25em) {
.event-sharing-wrapper {
display: block;
margin: 4rem 0 0 0;
}
}
@media screen and (max-width: 53.125em) {
.event-list-item-wrapper {
width: 50%;
margin-bottom: 6rem;
padding: 0 4px;
}
.event-list-item-wrapper:nth-child(4n-3),
.event-list-item-wrapper:nth-child(3n-2) {
clear: none;
}
.event-list-item-wrapper:nth-child(2n-1) {
clear: left;
}
.event-list-item:hover {
-ms-transform: none;
transform: none;
}
}
@media screen and (max-width: 50em) {
.event-detail-secondary {
float: none;
width: auto;
max-width: 504px;
margin: 0 auto 7rem auto;
}
.event-detail-primary {
float: none;
width: auto;
}
.event-detail__title {
padding-right: 0;
}
.event-detail-info {
margin-bottom: 4rem;
}
.event-detail-footer {
margin-top: 1.2rem;
}
.event-calendars {
display: block;
margin-right: 0;
text-align: center;
}
.event-sharing {
margin-left: 0;
}
}
@media screen and (max-width: 43.75em) {
.event-list-wrapper {
margin-top: 4.5rem;
}
.event-list-wrapper--front {
margin-top: 0;
}
.events__william {
display: none;
}
.event-detail {
padding-left: 4.5%;
padding-right: 4.5%;
}
.event-detail-secondary {
margin-bottom: 3.5rem;
}
.event-detail__title {
font-size: 3rem;
}
}
@media screen and (max-width: 37.5em) {
.events {
padding-top: 11.5rem;
}
.event-list--front .event-list-item,
.flexbox .event-list--front .event-list-item {
height: 189px;
}
.flexbox .event-list--front .event-list-item-primary {
display: -ms-flexbox;
display: flex;
height: 189px;
}
.event-list--front {
margin-bottom: 2rem;
padding: 0 2%;
}
.event-list--front .event-list-item-image,
.event-list--front .event-list-item__image {
width: 162px;
}
.event-list--front .event-list-item-primary {
width: calc(100% - 162px);
height: 189px;
}
.event-list--front .event-list-item__excerpt {
display: none;
}
.event-list-item {
padding: 15px;
}
.event-list-item__date,
.event-list-item__title {
font-size: 1.5rem;
}
.events__bird {
display: none;
}
}
@media screen and (max-width: 31.25em) {
.event-list--front {
margin: -0.5rem 0 2rem 0;
}
.event-detail-secondary,
.event-detail__title {
margin-bottom: 1.5rem;
}
.event-detail-info {
margin: 0 0 2rem 0;
}
.event-detail-info__item {
display: block;
margin: 0;
font-size: 1.4rem;
}
.event-detail__content {
font-size: 1.5rem;
}
.event-sharing__title {
margin-bottom: 1rem;
}
}
@media screen and (max-width: 25em) {
.event-list--front .event-list-item-primary {
padding-left: 2rem;
padding-right: 2rem;
}
.event-list--front .event-list-item__title {
margin-bottom: 0.5rem;
font-size: 1.3rem;
}
.event-list--front .event-list-item__date {
font-size: 1.3rem;
}
.event-list-item-wrapper {
float: none;
width: 100%;
margin-bottom: 5rem;
padding: 0;
}
.event-list-item__date,
.event-list-item__title {
font-size: 1.4rem;
}
.flexbox .event-list-item-primary {
min-height: 76px;
}
}
.contact-header {
position: relative;
height: 705px;
padding: 170px 0 0 0;
padding: 17rem 0 0 0;
background-position: 50% 0;
background-size: cover;
color: #fff;
}
.contact-header:before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: block;
height: 84px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/clip-header.svg) 50% 0 repeat-x;
content: ' ';
}
.contact-header--video:after {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(223, 34, 48, 0.8);
content: ' ';
}
.contact-header-inner {
position: relative;
z-index: 3;
}
.flexbox .contact-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
background-position: 20% -3rem;
}
.flexbox .contact-header-inner {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.contact-main {
position: relative;
z-index: 4;
background: #f7f7f0;
}
.contact-main:before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
height: 84px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/clip-footer-top.svg) 50% 0 repeat-x;
content: ' ';
}
.contact-main__cloud {
position: absolute;
top: 630px;
right: 50%;
margin: 0 854px 0 0;
}
.contact-main__balloon {
position: absolute;
left: 50%;
}
.contact-main__balloon--1 {
top: -144px;
margin: 0 0 0 718px;
filter: blur(4px);
}
.contact-main__balloon--1.lazyloaded {
opacity: 0.2;
}
.contact-main__balloon--2 {
top: 480px;
margin: 0 0 0 580px;
}
.contact-main__balloon--2.lazyloaded {
opacity: 0.3;
}
.contact-main__bird {
position: absolute;
left: 50%;
}
.contact-main__bird--1 {
top: 193px;
margin: 0 0 0 850px;
}
.contact-main__bird--2 {
top: 156px;
margin: 0 0 0 907px;
}
.contact-main__bird--3 {
top: 402px;
margin: 0 0 0 733px;
}
.contact-main__bird--4 {
top: 386px;
margin: 0 0 0 790px;
}
.contact-main__bird--5 {
top: 273px;
margin: 0 0 0 892px;
}
.branches {
margin: -167px 0 220px 0;
}
.branches-header {
position: relative;
overflow: hidden;
height: 72px;
}
.branches-header-item {
position: relative;
float: left;
width: 230px;
height: 72px;
padding: 0 36px;
font-size: 16px;
font-size: 1.6rem;
line-height: 90px;
color: #fff;
}
.branches-header-item:before {
position: absolute;
top: 0;
right: -6px;
display: block;
width: 76px;
height: 90px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/shadow-tab.png?c5bb56c9) 0 0 no-repeat;
content: ' ';
}
.branches-header-item:nth-child(1) {
z-index: 2;
padding-left: 33px;
}
.branches-header-item:nth-child(2) {
left: -10px;
z-index: 1;
}
.branches-header-item:nth-child(3) {
left: -20px;
}
.branches-header-item:last-child {
box-shadow: none;
}
.branches-header-item:hover:not(.branches-header-item--active) {
color: #fff;
}
.branches-header-item:hover:not(.branches-header-item--active) .branches-header-item__bg svg {
fill: #9e8348;
}
.branches-header-item--active {
color: #e31837;
}
.branches-header-item--active .branches-header-item__bg svg {
fill: #fff;
}
.branches-header-item__bg {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 231px;
}
.branches-header-item__bg svg {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s ease;
}
.branches-header-item__bg-mobile {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: none;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/shadow-tab-700.svg) 100% 0 no-repeat;
background-size: auto 100%;
}
.branches-header-item__text {
position: relative;
z-index: 2;
}
.branches-header__control {
display: none;
}
.branch {
position: relative;
background: #fff;
color: #595959;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.branch--active {
display: block;
}
.branch-primary {
float: left;
width: 465px;
padding: 50px 60px 47px 60px;
}
.branch-map {
float: right;
width: calc(100% - 465px);
min-height: 390px;
}
.branch__title {
margin: 0 0 20px 0;
margin: 0 0 2rem 0;
padding: 0;
font-size: 28px;
font-size: 2.8rem;
line-height: 1.4;
font-weight: bold;
}
.branch-section {
margin: 0 0 35px 0;
margin: 0 0 3.5rem 0;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.4;
}
.branch-section:last-child {
margin-bottom: 0;
}
.branch-section__title {
margin: 0 0 15px 0;
margin: 0 0 1.5rem 0;
padding: 0;
font-weight: bold;
}
.branch-opening-hours__days {
}
.branch-opening-hours__time {
}
.branch-contact {
position: absolute;
top: 100%;
left: 183px;
width: 100%;
margin: 45px 0 0 0;
font-size: 32px;
font-size: 3.2rem;
color: #e31837;
-ms-transform: rotate(2deg);
transform: rotate(2deg);
}
.branch-contact a {
color: #e31837;
}
.branch-contact__arrow {
display: inline-block;
width: 38px;
height: 34px;
margin: 0 35px 0 0;
-ms-transform: rotate(-6deg);
transform: rotate(-6deg);
}
.branch-contact__arrow svg {
display: block;
width: 100%;
height: 100%;
fill: #e31837;
}
.branch-contact__sep {
display: inline-block;
}
.branch-badge {
position: absolute;
top: -188px;
right: -142px;
width: 269px;
height: 269px;
text-align: center;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/badge.svg) 50% 50% no-repeat;
background-size: contain;
color: #fff;
border-radius: 50%;
}
.branch-badge__title {
padding: 0 35px;
font-weight: 700;
}
.branch-badge__subtitle {
padding: 0 30px;
font-size: 36px;
font-size: 3.6rem;
}
.flexbox .branch--active {
display: -ms-flexbox;
display: flex;
} .flexbox .branch-badge {
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flexbox .branch-badge__title,
.flexbox .branch-badge__subtitle {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.virtual-tour {
position: relative;
z-index: 6;
}
.virtual-tour__title {
margin: 0 0 35px 0;
margin: 0 0 3.5rem 0;
padding: 0;
font-size: 60px;
font-size: 6rem;
font-weight: normal;
line-height: 1.1;
letter-spacing: -2.4px;
text-align: center;
color: #e31837;
}
.virtual-tour-box-wrapper {
padding: 20px;
background: #fff;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.virtual-tour-box {
position: relative;
height: 0;
padding-bottom: 56.18%; }
.virtual-tour-box--active .virtual-tour-box__image,
.virtual-tour-box--active .virtual-tour-box__btn {
display: none;
}
.virtual-tour-box--active .virtual-tour-box__iframe {
display: block;
}
.virtual-tour-box__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.virtual-tour-box__btn {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
width: 127px;
height: 127px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.25;
text-align: center;
background: #fff;
color: #be9f57;
border-radius: 50%;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.virtual-tour-box__btn:hover {
background: #be9f57;
color: #fff;
}
.virtual-tour-box__btn span {
position: absolute;
left: 15px;
right: 15px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.virtual-tour-box__iframe {
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
}
.virtual-tour-desc {
position: absolute;
left: -252px;
bottom: -88px;
z-index: 3;
}
.virtual-tour-desc:before {
position: absolute;
top: -25px;
right: 165px;
z-index: 2;
display: block;
width: 65px;
height: 53px;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/pin.png?63f3fd05) 0 0 no-repeat;
background-size: cover;
content: ' ';
}
.virtual-tour-desc__content {
width: 328px;
height: 325px;
padding: 52px 46px 70px 60px;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.54;
background: transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/note.png?042f036d) 0 0 no-repeat;
background-size: cover;
color: #4c4c4c;
-ms-transform: rotate(-4deg);
transform: rotate(-4deg);
}
.faq {
position: relative;
padding: 150px 0 0 0;
padding: 15rem 0 0 0;
background: #6ec4d4;
}
.faq__title {
position: relative;
z-index: 6;
margin: 0 0 30px 0;
margin: 0 0 3rem 0;
padding: 0;
font-size: 60px;
font-size: 6rem;
font-weight: normal;
letter-spacing: -2.4px;
text-align: center;
color: #fff;
}
.faq-items {
position: relative;
z-index: 6;
margin: 0 -20px;
}
.faq-items-column {
float: left;
width: 50%;
padding: 0 20px;
}
.faq-item {
overflow: hidden;
margin: 0 0 13px 0;
background: #fff;
border-radius: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.faq-item--active .faq-item-title {
background: #fff;
}
.faq-item--active .faq-item-title:before {
left: 0;
background: #fff;
border-top-left-radius: 10px;
}
.faq-item--active .faq-item-title__btn:before {
top: 36px;
height: 4px;
background: #cf102d;
}
.faq-item--active .faq-item-title__btn:after {
background: #cf102d;
}
.faq-item-title {
position: relative;
display: table;
width: 100%;
height: 76px;
padding: 0 30px 0 116px;
line-height: 1.3;
background: #fff;
border-radius: 10px;
}
.faq-item-title:before {
position: absolute;
top: 0;
bottom: 0;
left: 80px;
right: 0;
display: block;
background: #ebf5f7;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
transition: all 0.2s ease;
content: ' ';
}
.faq-item-title__btn:before,
.faq-item-title__btn:after {
position: absolute;
top: 30px;
left: 39px;
display: block;
width: 4px;
height: 16px;
background: #7bd0e0;
border-radius: 2px;
transition: all 0.2s ease;
content: ' ';
}
.faq-item-title__btn:after {
top: 36px;
left: 33px;
width: 16px;
height: 4px;
}
.faq-item-title__text {
position: relative;
z-index: 1;
display: table-cell;
vertical-align: middle;
}
.faq-item__content {
display: none;
padding: 0 33px;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.625;
}
.faq__cloud {
position: absolute;
z-index: 4;
}
.faq__cloud--1 {
top: -170px;
right: 50%;
margin: 0 719px 0 0;
filter: blur(4px);
}
.faq__cloud--1.lazyloaded {
opacity: 0.8;
}
.faq__cloud--2 {
top: 1105px;
right: 50%;
z-index: 6;
margin: 0 582px 0 0;
}
.faq__cloud--3 {
top: 1005px;
left: 50%;
z-index: 6;
margin: 0 0 0 737px;
}
.faq__cloud--4 {
top: -567px;
left: 50%;
margin: 0 0 0 807px;
filter: blur(4px);
}
.faq__cloud--4.lazyloaded {
opacity: 0.6;
}
@media screen and (max-width: 106.25em) {
.contact-main__balloon--1 {
left: auto;
right: -150px;
width: 292px;
margin: 0;
}
.contact-main__balloon--2 {
left: auto;
right: 70px;
width: 140px;
margin: 0;
}
.contact-main__cloud {
right: auto;
left: -60px;
width: 115px;
margin: 0;
}
.faq__cloud--1 {
right: auto;
left: -130px;
width: 267px;
margin: 0;
}
.faq__cloud--2 {
right: auto;
left: 80px;
width: 117px;
margin: 0;
}
.faq__cloud--3 {
left: auto;
right: 80px;
width: 115px;
margin: 0;
}
.faq__cloud--4 {
left: auto;
right: -130px;
width: 267px;
margin: 0;
}
}
@media screen and (max-width: 100em) {
.branch__title {
font-size: 2.8rem;
}
.branch-section {
font-size: 1.8rem;
}
}
@media screen and (max-width: 87.5em) {
.virtual-tour-desc {
left: -100px;
bottom: -138px;
}
}
@media screen and (max-width: 81.25em) {
.contact-main__balloon--1 {
right: -200px;
}
.contact-main__balloon--2 {
right: 5px;
}
}
@media screen and (max-width: 75em) {
.branch-badge {
top: -260px;
right: -4.5%;
z-index: -1;
}
.faq__cloud--2,
.faq__cloud--4 {
display: none;
}
.faq__cloud--3 {
right: -50px;
}
}
@media screen and (max-width: 68.75em) {
.virtual-tour-desc {
left: -40px;
bottom: -208px;
}
.contact-main__balloon--1,
.contact-main__balloon--2 {
display: none;
}
}
@media screen and (max-width: 62.5em) {
.branch-primary {
width: calc(100% - 330px);
padding-left: 40px;
padding-right: 40px;
}
.branch-map {
width: 330px;
}
.branch__title {
font-size: 2.6rem;
}
.branch-section,
.branch-section__title {
font-size: 1.8rem;
}
.branch-opening-hours__time {
float: left;
}
}
@media screen and (max-width: 56.25em) {
.branches {
margin-bottom: 18rem;
}
.branch-contact {
left: 90px;
}
.virtual-tour {
margin-bottom: 16rem;
}
.virtual-tour__title {
font-size: 5rem;
letter-spacing: -2px;
}
.virtual-tour-box-wrapper {
padding: 15px;
}
.virtual-tour-box__btn {
width: 100px;
height: 100px;
font-size: 1.5rem;
}
.faq__title {
font-size: 5rem;
letter-spacing: -2px;
}
.faq-items {
margin: 0;
}
.faq-items-column {
float: none;
width: auto;
padding: 0;
}
}
@media screen and (max-width: 50em) {
.branches-header-item {
width: 205px;
padding: 0 26px 0 36px;
}
}
@media screen and (max-width: 46.875em) {
.branch-primary {
width: calc(100% - 290px);
}
.branch-map {
width: 290px;
}
}
@media screen and (max-width: 43.75em) {
.branch-primary {
float: none;
width: auto;
text-align: center;
}
.branch-opening-hours__days,
.branch-opening-hours__time {
float: none;
display: inline-block;
}
.branch-map {
float: none;
width: auto;
height: 380px;
}
.flexbox .branch--active {
display: block;
}
.branches-header {
overflow: visible;
}
.branches-header-item {
float: none;
display: none;
width: calc(100% + 8px);
text-align: center;
pointer-events: none;
}
.branches-header-item:before {
display: none;
}
.branches-header-item:hover {
color: #fff;
}
.branches-header-item:nth-child(-n+3) {
left: 0;
padding: 0 90px;
}
.branches-header-item--active {
display: block;
color: #fff;
}
.branches-header-item--active .branches-header-item__bg svg {
fill: #be9f57;
}
.branches-header-item__bg {
display: none;
}
.branches-header-item__bg-mobile {
display: block;
}
.branches-header__control {
position: absolute;
bottom: 18px;
z-index: 2;
display: block;
width: 24px;
height: 24px;
font-size: 14px;
font-weight: bold;
line-height: 22px;
text-align: center;
background: #595959;
color: #fff;
border-radius: 50%;
}
.branches-header__control:hover {
color: #be9f57;
}
.branches-header__control--prev {
left: 34px;
}
.branches-header__control--next {
right: 34px;
}
.branches-header__control--disabled {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.branch-contact {
left: 50%;
width: 100%;
margin-top: 25px;
font-size: 2.6rem;
line-height: 1.3;
text-align: center;
-ms-transform: rotate(2deg) translateX(-50%);
transform: rotate(2deg) translateX(-50%);
}
.branch-contact-inner {
display: inline-block;
}
.branch-contact__arrow {
width: 30px;
height: 27px;
margin-right: 15px;
}
.branch-contact__sep {
display: none;
}
.branch-contact__email {
display: block;
margin-left: 54px;
}
.virtual-tour__title {
margin-bottom: 1.5rem;
font-size: 3rem;
letter-spacing: -1.2px;
}
.virtual-tour-box {
overflow: hidden;
height: 380px;
padding-bottom: 0;
}
.virtual-tour-box__image {
top: 50%;
left: 50%;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: none;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.faq {
padding-top: 11rem;
}
.faq__title {
font-size: 3rem;
letter-spacing: -1.2px;
}
.faq__cloud--1 {
left: -182px;
}
}
@media screen and (max-width: 37.5em) {
.contact-header {
height: 555px;
}
.contact-header-inner {
}
.branch-badge {
right: 50%;
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.branch-primary {
padding: 35px 20px;
}
.branch-section,
.branch-section__title {
font-size: 1.7rem;
}
.virtual-tour-box {
height: 300px;
}
.virtual-tour-desc {
bottom: -278px;
}
.faq {
padding-top: 14rem;
}
.contact-main__cloud {
display: none;
}
}
@media screen and (max-width: 31.25em) {
.faq-item,
.faq-item__content {
font-size: 1.5rem;
}
}
@media screen and (max-width: 25em) {
.virtual-tour-desc {
bottom: -340px;
}
.faq {
padding-top: 20rem;
}
}
.modal-inner {
position: relative;
background: #fff;
}
.modal-inner--video {
padding: 55px 25px 25px 25px;
}
.no-flexbox .modal {
position: fixed;
top: 50%;
left: 50%;
z-index: 3001;
display: none;
width: 1350px;
max-width: 100%;
max-height: 100%;
overflow: auto;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.no-flexbox .modal--video {
width: 1070px;
}
.flexbox .modal {
position: fixed;
top: 20px;
bottom: 20px;
left: 0;
z-index: 3001;
display: none;
width: 100%;
height: 100%;
height: calc(100% - 40px);
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.flexbox .modal--video .modal-inner {
width: 1070px;
}
.flexbox .modal--birthday-form .modal-inner {
width: 1540px;
background: #f7f7f0;
}
.flexbox .modal-inner {
width: 1350px;
max-width: 100%;
max-height: 100%;
margin: 0 4%;
overflow: auto;
}
.modal {
display: none;
}
.modal--birthday-form .modal__link-close {
top: 40px;
right: 40px;
}
.modal__link-close {
position: absolute;
top: 5px;
right: 5px;
z-index: 2;
display: inline-block;
width: 40px;
height: 40px;
padding: 5px;
vertical-align: middle;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: 0.5s ease-in-out;
}
.modal__link-close span {
position: absolute;
left: 2px;
top: 18px;
display: block;
height: 6px;
width: 36px;
background: #c8c8c8;
border-radius: 3px;
transition: all 0.2s ease;
}
.modal__link-close span:nth-child(1) {
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.modal__link-close span:nth-child(2) {
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modal__link-close:hover span {
background: #e31837;
}
@media screen and (max-width: 37.5em) {
.modal--birthday-form .modal__link-close {
top: 20px;
right: 15px;
}
.modal-inner--video {
padding: 55px 10px 10px 10px;
}
}@media screen and (max-width: 48em){.pcbr{display:none}}.playroom-subtitle-add{font-size:25px;line-height:1.2;font-weight:bold;text-align:center;color:#4d4d4d;margin:12px 0 -5px}@media screen and (max-width: 48em){.playroom-subtitle-add{font-size:16px}}.playroom-subtitle-add2{font-size:27px;line-height:1.2;font-weight:bold;text-align:center;color:#d5b45c;padding:0;margin:0 0 26px}@media screen and (max-width: 25em){.playroom-subtitle-add2{font-size:16px;margin:0 0 10px}}#playroom-photo-images{width:100%;position:relative}#playroom-photo-images ul{overflow:hidden;padding:5px 5px 0;margin:0}@media screen and (max-width: 48em){#playroom-photo-images ul{margin:13px 0 0}}#playroom-photo-images li{width:32%;float:left;list-style:none;margin:0 2% 55px 0}@media screen and (max-width: 48em){#playroom-photo-images li{width:49%;margin:0 2% 4% 0}}#playroom-photo-images li:nth-child(3n){margin-right:0}@media screen and (max-width: 48em){#playroom-photo-images li:nth-child(3n){margin-right:2%}}@media screen and (max-width: 48em){#playroom-photo-images li:nth-child(even){margin-right:0}}.pr-img{border:10px solid #ffffff;box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);margin-bottom:14px;width:100%}@media screen and (max-width: 48em){.pr-img{margin-bottom:0}}.popup-name{background-image:url(//www.hamleys.jp/contnt/themes/hamleys/img/attraction/popup-link_off.png);background-repeat:no-repeat;background-position:top center;background-size:100%;text-align:center;font-size:24px;font-weight:700;width:100%;margin:0 auto;padding:6% 0 10%;font-size:calc(25/387*100);line-height:1}@media screen and (max-width: 80em){.popup-name{font-size:18px}}@media screen and (max-width: 60em){.popup-name{font-size:14px}}@media screen and (max-width: 30em){.popup-name{font-size:12px}}@media screen and (max-width: 25em){.popup-name{font-size:10px}}#playroom-photo-images li a{color:#ffffff;display:block}#playroom-photo-images li a:hover .pr-img{opacity:0.8}#playroom-photo-images li a:hover .popup-name{background-image:url(//www.hamleys.jp/contnt/themes/hamleys/img/attraction/popup-link_on.png)}.pr-store-text{text-align:center;font-size:23px;line-height:1.25;font-weight:500;color:#4d4d4d;margin-top:3px;margin-bottom:3px}@media screen and (max-width: 80em){.pr-store-text{font-size:18px}}@media screen and (max-width: 60em){.pr-store-text{font-size:12px}}@media screen and (max-width: 30em){.pr-store-text{font-size:10px}}@media screen and (max-width: 25em){.pr-store-text{font-size:8.5px}}#playroom-business-hours{clear:both;max-width:1090px;margin:0 auto 0;position:relative;padding:29px 0 0}@media screen and (max-width: 48em){#playroom-business-hours{max-width:94%}}.playroom-bh-title-chara{margin-left:35%;display:flex}@media screen and (max-width: 48em){.playroom-bh-title-chara{margin-left:30%}}.playroom-bh-title-chara p{font-size:27px;font-weight:700;color:#d5b45c !important;text-align:center;margin-bottom:0 !important}@media screen and (max-width: 48em){.playroom-bh-title-chara p{font-size:18px}}.playroom-bh-title-chara:before{content:"";background-image:url(//www.hamleys.jp/contnt/themes/hamleys/img/attraction/chara_left.png);background-repeat:no-repeat;width:99px;height:130px;display:flex;vertical-align:middle;margin-right:5px;margin-bottom:-50px;-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}@media screen and (max-width: 48em){.playroom-bh-title-chara:before{width:40px;height:53px;background-size:contain}}#playroom-business-hours-detail{background-color:#fff;border-radius:10px;padding:49px 50px 41px;box-shadow:3px 5px 8px rgba(0,0,0,0.1);position:relative;z-index:10}@media screen and (max-width: 48em){#playroom-business-hours-detail{padding:24px 15px 16px}}#playroom-business-hours-detail p{font-size:20px}@media screen and (max-width: 48em){#playroom-business-hours-detail p{font-size:14px}}#playroom-business-hours-detail p strong{color:#d5b45c !important;font-size:24.5px;font-weight:700}@media screen and (max-width: 48em){#playroom-business-hours-detail p strong{font-size:16px}}#playroom-business-hours-detail p .small-text{font-size:16px}@media screen and (max-width: 48em){#playroom-business-hours-detail p .small-text{font-size:12px}}@media screen and (max-width: 48em){#playroom-business-hours-detail p .span-spbr{display:block}}#playroom-business-hours-detail p .span-spbr:before{content:"/ ";padding-left:7px;padding-right:15px}@media screen and (max-width: 48em){#playroom-business-hours-detail p .span-spbr:before{content:none;padding-left:0;padding-right:0}}#playroom-business-hours-detail p:last-of-type{margin-bottom:0 !important}.pr-target-age{text-align:center;font-size:18px;line-height:1.25;font-weight:500;color:#d5b45c !important;margin-top:4px;margin-bottom:0}@media screen and (max-width: 48em){.pr-target-age{font-size:12px}}.pr-target-age span{font-size:14px}@media screen and (max-width: 48em){.pr-target-age span{font-size:10px}}.border-box-text-area{border:1px solid #4d4d4d;border-radius:4px;padding:1rem 1.5rem;display:block}.cafe-banner-img{padding-bottom:100px}@media screen and (max-width: 48em){.cafe-banner-img{padding-bottom:40px}}.cafe-banner-img{width:70%;margin:0 auto}@media screen and (max-width: 48em){.cafe-banner-img{width:100%}}#news-header-ycm{height:500px}@media screen and (max-width: 50em){#news-header-ycm{height:300px}}.event-detail{padding-top:0}
/*# sourceMappingURL=add-stylejp.css.map */
.spbr{display:none}@media (max-width: 768px){.spbr{display:block}.scroll-down,.birthday-airball{display:none !important}.front-video-player{display:none}.front-map{background-size:cover;background-position:center;object-fit:cover}.front-explore:after,.front-birthday:after{content:"";top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1;width:100%;height:100%;background-size:cover;background-position:center;object-fit:cover}.front-contact{height:auto !important;padding:40px 0 34px !important}.front-contact-footer{position:inherit;bottom:inherit;left:inherit;right:inherit;margin-top:0}.js-section{padding:0 10px;min-height:568px}}.header{top:21px !important}#hjp-tab-change-area{display:none}.header--active #hjp-tab-change-area{display:block;background-color:#ab192d;padding:15px 0 0 0;top:0;left:0;width:100%;overflow:hidden;position:fixed}.wrap960{position:relative;left:4.5%}.discoverLinks a{text-decoration:none;box-sizing:inherit !important;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}.discoverLinks a:link,.discoverLinks a:visited{padding:0 5px 0 0;color:#fff;text-transform:uppercase;display:inline-block;width:120px;height:38px;line-height:38px;text-align:center;font-size:12px}.discoverLinks{display:inline-block}.discoverLinks a.selected:link,.discoverLinks a.selected:visited{background:#e31837;position:relative}.discoverLinks a.selected:after,.discoverLinks a.selected:before{content:"";position:absolute;border:0px solid #e31837;box-sizing:inherit !important}.discoverLinks a.selected:after{top:-5px;left:0;border-width:5px 0 0 120px;border-color:transparent transparent transparent #e31837;box-sizing:inherit !important}.discoverLinks a.HomeLink.selected:after{border-width:5px 0 0 120px;box-sizing:inherit !important}.discoverLinks a.selected:before{top:-5px;left:-8px;border-width:0 0 50px 8px;border-color:transparent transparent #e31837;box-sizing:inherit !important}@media screen and (max-width: 56.25em){.header{top:0 !important}.header--active .language-switcher{top:88px !important}.header--active .navigation-link{top:84px !important}.header--active #hjp-tab-change-area{position:static}}@media (max-width: 768px){.header{position:fixed}}@media (max-width: 480px){.navigation-menu a{font-size:1.8rem;padding:0.7rem 0}}@media (max-width: 62.5em){.event-list--front .event-list-item:nth-child(2){display:block !important;margin:10px auto 0}.event-list--front .event-list-item-primary{padding:15px 17px 17px !important}}@media (max-width: 37.5em){.event-list--front .event-list-item,.flexbox .event-list--front .event-list-item{height:120px !important}.event-list--front .event-list-item-image,.event-list--front .event-list-item__image{width:103px !important}.flexbox .event-list--front .event-list-item-primary{display:block !important}.event-list--front .event-list-item-primary{width:calc(100% - 103px) !important}}.footer-bottom .container{max-width:1372px}.footer_att_txt p{color:#ffffff;position:relative;z-index:1;max-width:1000px;margin:0 auto;font-size:12px;font-size:1.2rem;text-align:center}.footer_linkbtns{overflow:hidden}.footer_linkbtns .flink_faq,.footer_linkbtns .flink_contact{display:block;float:left;width:49%}.footer_linkbtns .flink_contact{margin-left:2%}.footer_linkbtns a{width:100%}.footer .newsletter{padding-bottom:400px}.footer-menu a{font-size:14px;font-size:1.4rem}.footer_att_txt{margin-top:10px}@media (max-width: 768px){.footer{background-size:100%;background-position:left 0 bottom 150px}.footer__balloon{bottom:180px;left:50px;width:14px}.footer__cloud--2{bottom:200px;left:100px;width:22px}.footer-bottom{margin:12rem 0 0 0 !important;height:auto !important}.footer:after{height:150px !important}.footer .newsletter{padding-bottom:0}.footer-bottom .container .footer_att_txt p{margin:10px 0}.footer__copyright{color:#ffffff;padding-bottom:20px;font-weight:normal;font-size:10px;font-size:1rem}.footer_att_txt p{font-size:10px;font-size:1rem;margin:17px 0 22px}.footer_linkbtns{padding-bottom:20px}.footer_linkbtns .flink_faq,.footer_linkbtns .flink_contact{float:inherit;width:100%}.footer_linkbtns .flink_contact{margin-top:10px;margin-left:0}.front-contact-menu,.footer-menu--front{z-index:3001 !important}}.toys-main{position:relative}.toys-main:before{position:absolute;bottom:-1px;left:0;right:0;z-index:1;display:block;height:84px;background:transparent url(//www.hamleys.jp/contnt/themes/hamleys/img/svg-std/clip-footer-top.svg) 50% 0 repeat-x;content:' '}@media screen and (max-width: 31.25em) and (min-height: 25em){.front-toys-list-item{width:110px;height:110px}.front-toys-list-item:before,.front-toys-list-item__image{width:94px;height:94px}.front-toys-list-item--0{top:4%;left:2.66%;margin:0}.front-toys-list-item--1{top:6%;left:34%;margin:0 auto}.front-toys-list-item--2{top:7%;right:2.66%;margin:0}.front-toys-list-item--3{bottom:4%;left:2.66%;margin:0}.front-toys-list-item--4{bottom:6%;left:34%;margin:0}.front-toys-list-item--5{bottom:7%;left:inherit;right:2.66%;margin:0}}.attractions-item__content .btn{color:#ffffff;text-decoration:none !important}@media (max-width: 768px){.attractions-item{margin-bottom:40px}}.jp_only{border:3px solid #d10f2d;display:inline-block;background-color:#ffffff;color:#d10f2d;text-align:center;font-size:12px;font-size:1.2rem;letter-spacing:0;font-weight:700;line-height:1;border-radius:50%;width:56px;height:56px;padding:12px 0 0 0;box-sizing:border-box}.flexbox .branch-map .gmap{height:450px;overflow:hidden}.open_date{background-color:#e1002a;text-align:center;color:#ffffff;font-size:14px;font-size:1.4rem;line-height:30px;margin-bottom:15px;border-radius:4px}#shop_contact_box{margin-top:-14%;margin-bottom:8%}#shop_contact_box .btn--shopcontact{position:absolute;bottom:5px;left:50%;z-index:2;-ms-transform:translateX(-50%);transform:translateX(-50%)}.shop_contact_box_inner{padding:10px 0 2%;margin-bottom:10%}.shop_contact_box_inner p{text-align:center}.shop_contact_box_inner a{color:#44b1c6}.tel_number{display:inherit;font-size:26px;font-size:2.6rem;margin:0 0 1.25em 0 !important}.tel_border{font-weight:500;color:#44b1c6;border:solid 2px #ecece1;padding:2% 10%;border-radius:200px;background-color:#ffffff;box-shadow:0 10px 25px rgba(0,0,0,0.1)}.tel_reception_time{font-size:16px;font-size:1.6rem;color:#595959}.contact-header:before{z-index:0}.contact-main{z-index:0}.contact-main:before{z-index:1}.js-branch a .branch-primary{display:block;color:#595959}.js-branch a .branch-primary:hover{opacity:0.8}@media (max-width: 768px){.branch-primary{padding:30px 15px}.branch__title{font-size:20px;font-size:2rem}.branch-section{margin:0 0 2rem 0}.branch-section,.branch-section__title{font-size:14px;font-size:1.4rem}.branch-map{height:auto !important;min-height:inherit}.flexbox .branch-map .gmap{height:300px}.flexbox .branch-map .gmap iframe{height:300px}#shop_contact_box{margin:-140px 0 60px 0}#shop_contact_box .virtual-tour__title{font-size:20px;font-size:2rem;margin-bottom:1rem}.tel_number{font-size:20px;font-size:2rem}.tel_border{padding:2% 5%;width:100%}.tel_reception_time{font-size:12px;font-size:1.2rem}}.event-sns-share{overflow:hidden}.event-sns-twitter,.event-sns-facebook,.event-sns-line{float:left}.event-sns-twitter,.event-sns-facebook{margin-right:10px}.event-sns-facebook{margin-top:-7px}@media (max-width: 768px){.event-sns-twitter,.event-sns-facebook{margin-right:5px}}.history-image-sm__desc,.history-image__desc{font-size:20px;font-size:2rem}.attractionjp-main{padding-top:0 !important}.container--attractionjp{max-width:100%;margin-bottom:-3%}#hamleys-attractionjp{position:relative}#attractionjp-about-box{max-width:1265px;margin:0 auto;position:relative}.attractionjp-merrygoround{padding-left:3.55%}.attractionjp-merrygoround img{display:inline-block;width:45%}.attractionjp-merrygoround h3{display:inline-block;color:#e1002a;font-size:1.92vw;line-height:1.486;font-weight:500;width:52.56%;vertical-align:top;letter-spacing:-0.1em;padding-top:8px}.attractionjp-txt1{max-width:41.1%;margin-top:28px;font-size:1vw;line-height:1.65;text-align:justify;color:#4d4d4d}.attractionjp-txt2{margin-top:28px;font-size:0.90vw;line-height:1.667;text-align:justify;color:#4d4d4d}.attractionjp-about-images img{border-radius:50%;position:absolute;box-shadow:3px 5px 8px rgba(0,0,0,0.1);width:27.82%}#attractionjp-about--images1{top:33.76%;right:27.66%}#attractionjp-about--images2{top:57.61%;right:3.71%;z-index:1}#attractionjp-about--images3{top:22.19%;right:0}#attractionjp-images-box1{width:100%;height:215px;position:relative;overflow:hidden;margin:56px 0 -3px}#attractionjp-images-box1 img{position:absolute}#attractionjp-images-box1 #cloud{width:15.41%;top:15.81%;left:14.63%;opacity:0.5}#attractionjp-images-box1 #bard1{width:7.39%;top:0;left:31.35%}#attractionjp-images-box1 #bard2{width:6.97%;top:12.55%;right:18%}#attractionjp-images-box1 #airship{width:36.56%;bottom:0;right:12.86%}#attractionjp-playroom-box{max-width:1241px;margin:0 auto;position:relative;padding-top:170px}.attractionjp-playroom-images img{border-radius:50%;position:absolute;box-shadow:3px 5px 8px rgba(0,0,0,0.1)}#playroom-images1{width:24.17%;top:39px;left:1.53%}#playroom-images2{width:16.11%;top:0;left:21.35%}#playroom-images3{width:24.65%;top:21px;right:2.82%}#attractionjp-playroom-box .playroom-title{font-size:37px;text-align:center;color:#e1002a;font-weight:500;margin:0}#attractionjp-playroom-box h4{text-align:center;font-weight:400;font-size:20px;line-height:1.65;color:#4d4d4d;margin:7px 0 25px 0;letter-spacing:-0.1em}.hamleys-store-images{position:relative;width:100%}.hamleys-store-area{position:relative;width:48.42%}.hamleys-store-area.yokohama-images{float:left}.hamleys-store-area.hakata-images{float:right}.hamleys-store-area img{border:0.781vw solid #ffffff;box-shadow:3px 5px 8px rgba(0,0,0,0.1);box-sizing:border-box;width:100%}.att-shop-name{position:absolute;z-index:3;width:28.83%}.yokohama-images .att-shop-name{bottom:-17.18%;left:-13.16%}.hakata-images .att-shop-name{bottom:-17.18%;right:-13.16%}.att-shop-name-box{position:relative;width:100%;border:0.625vw solid #f6f5f0;border-radius:50%;background-color:#ffffff;box-shadow:3px 5px 8px rgba(0,0,0,0.1);display:table}.att-shop-name-box:before{content:"";display:block;padding-top:100%}.att-shop-name-box .inner{position:absolute;top:0;left:0;right:0;bottom:0}.att-shop-name-box .inner p{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#e1002a;font-size:2vw;font-weight:500}#playroom-price-box{clear:both;max-width:1090px;margin:0 auto 0;padding-top:78px;position:relative}#playroom-price-box p{margin:0;text-align:center;color:#4d4d4d}.playroom-price-title-chara{margin-left:30%;display:flex}.playroom-price-title p{font-size:27px;font-weight:700;color:#d5b45c !important;text-align:center}.playroom-price-title-chara:before{content:"";background-image:url(//www.hamleys.jp/contnt/themes/hamleys/img/attraction/chara_left.png);background-repeat:no-repeat;width:99px;height:130px;display:flex;vertical-align:middle;margin-right:5px;margin-bottom:-50px;-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}.playroom-price-title span{font-size:20px;font-weight:500}.atjp-att-txt{display:block;font-size:16px !important;line-height:1}.playroom-price-outer{overflow:hidden;margin-bottom:38px;position:relative;z-index:2}.playroom-price-inner{float:left;width:47.2477%}.playroom-price-inner.right{float:right}.playroom-price-inner-top{background:#fff;background:linear-gradient(135deg, transparent 10px, #fff 0) top left,linear-gradient(225deg, transparent 10px, #fff 0) top right;background-size:51% 100%;background-repeat:no-repeat;padding:27px 0 0 0}.playroom-price-inner-txtbox1{padding:0 22.33% 25px}.ppin_txt1{font-size:21px;font-weight:500}.ppin_txt2{font-size:24.5px;line-height:1.5;font-weight:700;border-bottom:2px solid #4d4d4d;margin:16px 0 -9px 0 !important}.ppin_txt3{font-size:110px;font-weight:700;line-height:1.2;color:#d5b45c !important}.ppin_txt3 span{font-size:38px;margin-left:6px}.ppin_txt4{font-size:25px;font-weight:700;line-height:1.2;color:#d5b45c !important;padding-right:20px;text-align:right !important;margin:-5px 0 0 0 !important}.playroom-price-inner-txtbox2{border-top:8px dotted #f7f7f0;border-bottom:8px dotted #f7f7f0;position:relative;z-index:2;padding:20px 0}.playroom-price-inner.right .playroom-price-inner-txtbox2{padding:49px 0}.playroom-price-inner-txtbox2 p{color:#d5b45c !important}.playroom-price-inner.right .playroom-price-inner-txtbox3{border-top:8px dotted #f7f7f0;margin-top:-8px;background:#ffffff;background:linear-gradient(315deg, transparent 10px, #fff 0) bottom right,linear-gradient(45deg, transparent 10px, #fff 0) bottom left;background-size:51% 100%;background-repeat:no-repeat;padding:49px 0}.playroom-price-inner.right .playroom-price-inner-txtbox3 p{text-align:center;color:#d5b45c !important}.ppin_txt5{font-size:20.5px;font-weight:700;line-height:1.2}.ppin_txt6{font-size:49px;font-weight:700;line-height:1.2}.ppin_txt6 span{font-size:31px;margin-left:13px}.playroom-price-inner-free{margin-top:-4px;background:#d5b45d;background:linear-gradient(315deg, transparent 10px, #d5b45d 0) bottom right,linear-gradient(45deg, transparent 10px, #d5b45d 0) bottom left;background-size:51% 100%;background-repeat:no-repeat;padding:20px 0 40px 0}.playroom-price-inner-free p{text-align:center}.ppin_txt7{width:55.14%;margin:0 auto}.ppin_txt7 p{font-size:24.5px;font-weight:700;line-height:1.4;border-bottom:2px solid #4d4d4d}.ppin_txt8{font-size:18px;margin:-2px 0 0 0 !important}.ppin_txt9{font-size:73px;color:#ffffff !important;font-weight:700;line-height:1.2}.ppin_txt9 .jpyen{font-size:36px;margin-left:7px}.ppin_txt9 .jpenother{font-size:21px;font-weight:400;margin-left:6px}.ppin_txt9_cs{font-size:34px;color:#e1002a !important;font-weight:700;line-height:1.2;padding-top:10px}.playroom-price-txt1{font-size:16px;line-height:1.667;color:#4d4d4d;text-align:left !important}.playroom-baimages img{position:absolute;z-index:0}.playroom-baimages #bard{width:17.98%;top:10%;left:-3.66%}.playroom-baimages #bard2{width:14%;top:56%;right:8%}.playroom-baimages #balloon{width:15%;top:28%;left:-12%;opacity:0.5}.playroom-baimages #cloud{width:23.66%;top:50%;right:-21.19%;opacity:0.5}#playroom-guide{max-width:1100px;margin:8px auto 0}#playroom-guide p{color:#4d4d4d}.playroom-guide-title{font-size:24px;text-align:center;font-weight:700;margin:0 0 4px 0}.playroom-guide-inner{border-top:2px solid #4d4d4d;border-bottom:2px solid #4d4d4d;padding:17px 0 19px 0}.playroom-guide-inner p{font-size:18px;line-height:1.6;margin:0}@media (max-width: 768px){.attractionjp-main{padding:0 0 10rem 0}.container--attractionjp{padding:0 2.666%;margin-bottom:0}#attractionjp-about-box{max-width:100%}.attractionjp-merrygoround{padding-left:0}.attractionjp-merrygoround img{display:block;width:80%;margin:0 auto}.attractionjp-merrygoround h3{display:block;font-size:23px;width:100%;text-align:center;letter-spacing:0;padding-top:8px}.attractionjp-txt1{max-width:100%;margin-top:28px;font-size:15px}.attractionjp-txt2{margin-top:0;font-size:12px}.attractionjp-about-images{overflow:hidden}.attractionjp-about-images img{display:inline-block;position:inherit;width:35%}#attractionjp-about--images1{top:inherit;right:inherit}#attractionjp-about--images2{position:relative;top:inherit;right:inherit;margin-left:-4.53%}#attractionjp-about--images3{top:inherit;right:inherit;margin-left:-4.53%}#attractionjp-images-box1{width:105.32%;height:auto;position:relative;overflow:hidden;margin:0 -2.66%;padding-bottom:6%}#attractionjp-images-box1 #cloud{position:inherit;width:39.33%;margin:0 0 0 -18%;top:inherit;left:inherit;float:left}#attractionjp-images-box1 #bard1{position:absolute !important;width:16%;top:inherit;left:15.33%;bottom:0;z-index:1}#attractionjp-images-box1 #bard2{display:none}#attractionjp-images-box1 #airship{width:93.6%;top:0;bottom:inherit;right:-30.26%}#attractionjp-playroom-box{max-width:100%;padding-top:0}.attractionjp-playroom-images{overflow:hidden;padding:3% 0 1% 0;margin-top:15px}.attractionjp-playroom-images img{position:inherit;float:left}.attractionjp-playroom-images #playroom-images1{width:40.56%;top:inherit;left:inherit;float:left}.attractionjp-playroom-images #playroom-images2{position:relative;width:27%;margin:-3% 0 0 -7.1%;top:inherit;left:inherit}.attractionjp-playroom-images #playroom-images3{float:right;width:41.12%;top:inherit;right:inherit;margin:3px 0 0 -1.73%}#attractionjp-playroom-box .playroom-title{font-size:23px}#attractionjp-playroom-box h4{font-size:15px;margin:7px 0 0 0;letter-spacing:0}.hamleys-store-area{width:84%;margin:0 auto 0}.hamleys-store-area.yokohama-images{float:inherit}.hamleys-store-area.hakata-images{float:inherit}.hamleys-store-area img{border:2vw solid #ffffff}.att-shop-name{width:24.36%}.yokohama-images .att-shop-name{bottom:-3.51%;left:-8.3%}.hakata-images .att-shop-name{bottom:-3.51%;right:-8.3%}.att-shop-name-box{border:1.6vw solid #f6f5f0}.att-shop-name-box .inner{position:absolute;top:0;left:0;right:0;bottom:0}.att-shop-name-box .inner p{font-size:4vw}#playroom-price-box{max-width:100%;padding-top:31px}.playroom-price-title-chara{margin-left:12%;margin-bottom:5px}.playroom-price-title p{font-size:18px}.playroom-price-title-chara:before{width:40px;height:53px;background-size:contain}.playroom-price-title span{font-size:14px}.atjp-att-txt{font-size:12px !important}.playroom-price-outer{overflow:hidden;margin-bottom:0}.playroom-price-inner{float:inherit;width:95%;margin:0 auto 20px}.playroom-price-inner.right{float:inherit}.playroom-price-inner-top{padding:27px 0 0 0}.playroom-price-inner-txtbox1{padding:0 16% 25px}.ppin_txt1{font-size:14px}.ppin_txt2{font-size:18px;margin:10px 0 -9px 0 !important}.ppin_txt3{font-size:65px;padding-left:11%}.ppin_txt3 span{font-size:20px;margin-left:15px}.ppin_txt4{font-size:16px;padding-right:20px;margin:-5px 0 0 0 !important}.playroom-price-inner-txtbox2{border-top:4px dotted #f7f7f0;border-bottom:4px dotted #f7f7f0;padding:12px 0}.playroom-price-inner.right .playroom-price-inner-txtbox2{padding:12px 0}.ppin_txt5{font-size:16px}.ppin_txt6{font-size:40px}.ppin_txt6 span{font-size:15px;margin-left:13px}.playroom-price-inner-free{margin-top:-2px;padding:20px 0}.ppin_txt7{width:55.14%}.ppin_txt7 p{font-size:18px}.ppin_txt8{font-size:12px;margin:-2px 0 0 0 !important}.ppin_txt9{font-size:44px}.ppin_txt9 .jpyen{font-size:16px;margin-left:0}.ppin_txt9 .jpenother{font-size:12px;margin-left:3px}.ppin_txt9_cs{font-size:20px;padding-top:10px}.playroom-price-txt1{width:95%;margin:0 auto;font-size:14px;padding-top:12px}.playroom-baimages #bard{width:26.13%;top:2%;left:-16%}.playroom-baimages #balloon{width:19.46%;top:15%;left:-12%}.playroom-baimages #cloud{width:34.66%;top:67%;right:-21.19%}#playroom-guide{max-width:100%;margin:8px auto 0}.playroom-guide-title{font-size:18px;line-height:1.4;margin:0 0 4px 0}.playroom-guide-inner{padding:17px 0 19px 0}.playroom-guide-inner p{font-size:14px}}.playroom-waiting-time{margin-bottom:38px}.playroom-waiting-time p{text-align:center;color:#d5b45c !important;font-size:24px;font-weight:700}.tw-waiting-time{overflow:hidden;margin-top:20px}.tw-waiting-time a{position:relative;display:block;float:left;width:47.2477%;color:#ffffff;text-align:center;text-decoration:none;background:#e31836;box-shadow:inset 0 3px 0 rgba(255,255,255,0.1);border-bottom:solid 3px #990921;text-shadow:-1px -1px rgba(255,255,255,0.4),1px 1px rgba(0,0,0,0.38);border-radius:8px;padding:30px 10px;font-size:22px;font-weight:700}.tw-waiting-time a:hover{border-bottom:solid 3px #e31836;box-shadow:none;text-shadow:-1px -1px rgba(255,255,255,0.3),1px 1px rgba(0,0,0,0.3)}.tw-waiting-time a:nth-of-type(2){float:right}@media (max-width: 768px){.playroom-waiting-time{margin-bottom:0}.playroom-waiting-time p{font-size:18px}.tw-waiting-time{margin-top:10px}.tw-waiting-time a{width:100%;margin-bottom:5px;padding:15px 5px;font-size:16px}}.cafe-main{padding-top:35px !important}.container--cafe{max-width:100%;padding:0 0 5% 0}#hamleys-cafe-images{max-width:100%}.hamleys-cafe-area{width:27.55%;position:relative}.hamleys-cafe-area.yokohama-images{float:left;margin-left:21.19%}.hamleys-cafe-area.hakata-images{float:right;margin-right:20.15%}.hamleys-cafe-area img{border:0.781vw solid #ffffff;box-shadow:3px 5px 8px rgba(0,0,0,0.1)}.hamleys-cafe-area.yokohama-images img{transform:rotate(-5deg);-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg)}.hamleys-cafe-area.hakata-images img{transform:rotate(5deg);-moz-transform:rotate(5deg);-webkit-transform:rotate(5deg)}.cafe-shop-name{position:absolute;z-index:3;width:35.53%}.yokohama-images .cafe-shop-name{bottom:-21%;left:-13.61%}.hakata-images .cafe-shop-name{bottom:-21%;right:-13.61%}.cafe-shop-name-box{position:relative;width:100%;border:0.625vw solid #f6f5f0;border-radius:50%;background-color:#ffffff;box-shadow:3px 5px 8px rgba(0,0,0,0.1);display:table}.cafe-shop-name-box:before{content:"";display:block;padding-top:100%}.cafe-shop-name-box .inner{position:absolute;top:0;left:0;right:0;bottom:0}.cafe-shop-name-box .inner p{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#e1002a;font-size:2.239vw;font-weight:500}#cafe-txt-area{max-width:890px;margin:0 auto}#cafe-txt-area h3{text-align:center;color:#e1002a;font-size:34px;line-height:1.5;font-weight:500}#cafe-txt-area p{font-size:17px;font-weight:500;color:#4d4d4d;margin-top:-26px}#cafe-aobut-area{max-width:48.75%;overflow:hidden;margin:70px auto 0}.cafe-menu--list{margin-top:10px}.cafe-menu--list dl{display:table;width:100%;margin:0}.cafe-menu--list dt,.cafe-menu--list dd{display:table-cell;font-weight:normal;color:#4d4d4d;font-size:15px;font-size:1.5rem;vertical-align:middle;margin:0}.cafe-menu--list dd{text-align:right}.picture-book{max-width:346px;margin:0 auto}.picture-book img{border-radius:50%;width:100%;height:100%;box-shadow:3px 5px 8px rgba(0,0,0,0.1)}#cafe-aobut-area p{text-align:center;margin:0;color:#4d4d4d}.cafe-aobut-heading{ext-align:center;color:#e1002a !important;font-size:19px;font-weight:500}.cafe-aobut-body{font-size:16px;font-size:1.6rem;line-height:1.5}.cafe-menu{max-width:54.91%;float:right}#cafe-menu-list{margin-top:84px}.cafe-menu-title{position:relative;max-width:43.12%;background-image:url(//www.hamleys.jp/contnt/themes/hamleys/img/cafe/menu_title.png);background-repeat:no-repeat;background-size:contain;margin-left:28.43%}.cafe-menu-title:before{content:"";width:100%;padding-top:52.29%;display:block}.cafe-menu-title .inner{position:absolute;top:0;left:0;width:100%;height:100%}.cafe-menu-title .inner p{font-size:2.395vw;line-height:1.2;font-weight:700;color:#ffffff;padding:10% 0 0 0;box-sizing:border-box;text-align:center;max-width:48.3%;margin:0}.cafe-menu-title .inner span{display:block;font-size:1.979vw}.cafe-att-txt{display:block;font-size:0.8vw !important;font-weight:500 !important}@media (max-width: 768px){.cafe-att-txt{font-size:10px !important}}#cafe-menu-list ul{margin:-6.26% 0 0}#cafe-menu-list li{list-style:none;position:relative}#cafe-menu-list li:nth-child(1){max-width:32.44%;margin:0 0 0 16.82%}#cafe-menu-list li:nth-child(2){max-width:38.59%;margin:-18% 0 0 46.87%}#cafe-menu-list li:nth-child(3){max-width:35.46%;margin:-16% 0 0 15.31%}#cafe-menu-list li:nth-child(4){max-width:36.71%;margin:-18% 0 0 47.76%}#cafe-menu-list li:nth-child(5){max-width:37.76%;margin:-16.5% 0 0 14.16%}#cafe-menu-list li:nth-child(6){max-width:30.26%;margin:-16% 0 0 51.35%}#cafe-menu-list li:nth-child(7){max-width:30.98%;margin:-17% 0 0 17.91%}#cafe-menu-list li:nth-child(8){margin:-15.5% 0 0 15%}.pasta-text-area{font-size:1.562vw;line-height:1.35;color:#4d4d4d;text-align:center}.pasta-text-area .bold{font-weight:700}#cafe-menu-list li img{width:100%;margin-bottom:-2%}#cafe-menu-list li p{font-size:1.666vw;font-weight:500;text-align:center;color:#d5b45c;margin:0}#cafe-menu-list li .cafe-menu-comments{z-index:2;color:#e1002a;font-size:1.406vw;letter-spacing:-2;position:absolute;top:67%;left:29%;text-align:right}.cafe-menu-name{margin-bottom:-5px !important}.cafe-menu-name:before{content:"";display:inline-block;background-image:url(//www.hamleys.jp/contnt/themes/hamleys/img/cafe/icon1.png);background-repeat:no-repeat;background-size:contain;width:15px;height:43px;vertical-align:top;margin-right:20px}.cafe-menu-name:after{content:"";display:inline-block;background-image:url(//www.hamleys.jp/contnt/themes/hamleys/img/cafe/icon2.png);background-repeat:no-repeat;background-size:contain;width:9px;height:43px;vertical-align:top;margin-left:20px}.cafe-menu-txt{line-height:1;margin:-5px 0 15px 0 !important}.cafe-menu-proce{margin-top:-15px !important;font-weight:700 !important;font-size:35px !important}.cafe-airship{margin:90px 0 0 32%}#cafe-menu-drink{display:flex;width:51.19%;margin-left:25.2%;padding-top:2.24%;position:relative;margin-top:64px;z-index:10}.cafe-drink-box{width:43.54%}.cafe-drink-box .drink-imgs{border-radius:50%;border:10px solid #ffffff;box-shadow:3px 5px 8px rgba(0,0,0,0.1)}.drink-menu-txt-flex{display:flex;width:150%;margin-left:-40px}.drink-menu-txt-flex .drink-menu-txt{text-align:left}.drink-menu-txt{font-size:1.4vw;line-height:1.3;text-align:center;color:#4d4d4d}.hot-drink{margin-left:12.92%}.drink-price-box p{font-size:1.666vw;font-weight:500;text-align:center;color:#d5b45c;margin:0}#cafe-bard1{position:absolute;bottom:22%;right:17%;width:6.25%}#cafe-bard2{position:absolute;bottom:3%;right:33.12%;width:10.2%}#cafe-cloud1{position:absolute;top:16.6%;right:12.5%;width:19.11%;opacity:0.5}#cafe-cloud2{position:absolute;top:18%;left:8.9%;width:16.56%;opacity:0.5}#cafe-cloud3{position:absolute;bottom:2%;right:13.38%;width:16.56%;opacity:0.5}.cafe-header-txt{margin-top:20px}@media (max-width: 768px){.container--cafe{padding:0 2.666%}.hamleys-cafe-area{width:86%}.hamleys-cafe-area.yokohama-images{float:inherit;margin:0 auto}.hamleys-cafe-area.hakata-images{float:inherit;margin:20px auto 0}.hamleys-cafe-area img{border:2vw solid #ffffff}.cafe-shop-name{width:25.2%}.hamleys-cafe-area.yokohama-images .cafe-shop-name{bottom:-15%;left:-8%}.hamleys-cafe-area.hakata-images .cafe-shop-name{bottom:-15%;right:-8%}.cafe-shop-name-box{border:1.6vw solid #f6f5f0}.cafe-shop-name-box .inner p{font-size:15px}#cafe-txt-area{max-width:100%;padding:0 2.666%}#cafe-txt-area h3{font-size:23px}#cafe-txt-area p{font-size:15px;margin-top:15px;text-align:justify}#cafe-aobut-area{max-width:90%;margin:0 auto 0}.picture-book{max-width:100%;float:inherit}.cafe-aobut-heading{font-size:19px}.cafe-aobut-body{font-size:15px;font-size:1.5rem}.cafe-menu{max-width:100%;float:inherit;margin-top:20px}#cafe-menu-list{margin-top:40px}.cafe-menu-title{max-width:100%;margin:0}.cafe-menu-title .inner p{font-size:16px}.cafe-menu-title .inner span{font-size:14px}#cafe-menu-list ul{margin:0;padding:0}#cafe-menu-list li{list-style:none;position:relative}#cafe-menu-list li:nth-child(1){max-width:83.06%;margin:0 auto}#cafe-menu-list li:nth-child(2){max-width:98.8%;margin:20px auto 0}#cafe-menu-list li:nth-child(3){max-width:90.8%;margin:20px auto 0}#cafe-menu-list li:nth-child(4){max-width:94%;margin:20px auto 0}#cafe-menu-list li:nth-child(5){max-width:96.66%;margin:20px auto 0}#cafe-menu-list li:nth-child(6){max-width:77.46%;margin:20px auto 0}#cafe-menu-list li:nth-child(7){max-width:77.33%;margin:20px auto 0}#cafe-menu-list li:nth-child(8){margin:0}.pasta-text-area{font-size:4vw;line-height:1.35;color:#4d4d4d;text-align:center}#cafe-menu-list li img{width:100%;margin-bottom:-3%}#cafe-menu-list li p{font-size:4.22vw}#cafe-menu-list li .cafe-menu-comments{font-size:10px;top:64.5%;left:33%}.cafe-menu-name{margin-bottom:-5px !important}.cafe-menu-name:before{width:7.5px;height:21.5px;margin-right:8px;vertical-align:inherit}.cafe-menu-name:after{width:4.5px;height:21.5px;margin-left:8px;vertical-align:inherit}.cafe-menu-txt{margin:0 0 5px 0 !important;font-size:4.22vw !important}.cafe-menu-proce{margin-top:-5px !important;font-size:4.66vw !important}.cafe-airship{margin:20px 0 0;overflow:hidden}.cafe-airship img{margin-left:22%}#cafe-menu-drink{display:block;width:100%;margin-left:0;padding-top:0;background-size:40% auto;background-position:-10% 62%;margin-top:0}.cafe-drink-box{width:70%;float:inherit;margin:0 auto}.drink-menu-txt{font-size:4vw;line-height:1.4}.ice-drink{margin-bottom:50px}.hot-drink{margin:0 auto}.drink-price-box p{font-size:18px}#cafe-bard1{bottom:28.1%;right:9%;width:15.73%}#cafe-bard2{bottom:1%;left:7.46%;right:inherit;width:26.13%}#cafe-cloud1{top:31.2%;right:-20%;width:40%}#cafe-cloud2{top:34.5%;left:-20%;width:40%}#cafe-cloud3{bottom:1%;right:-4%;width:40%}.cafe-header-txt{font-size:14px;margin-top:10px}.cafe-menu--list dl{display:block}.cafe-menu--list dt,.cafe-menu--list dd{display:block;font-weight:normal;color:#4d4d4d;text-align:center}.cafe-menu--list dd{text-align:center;margin-bottom:0}}#party-outer-ys{max-width:750px;margin:0 auto}#party-outer-ys p{font-weight:400}#party-outer-ys h2{font-size:30px;font-size:3rem;text-align:center}.party-txt{margin:32px 0 33px}.party-txt p{font-size:18px;font-size:1.8rem;text-align:center;margin:0}.party-txt .party-txt-num2{font-size:16px;font-size:1.6rem}.party-start-day{position:relative;background-color:#f7f7f0;border-radius:12px;margin:0 auto;padding:39px 0 43px}.party-start-day p{text-align:center;color:#dd052b;margin:0;line-height:1;font-weight:500 !important}.psd-txt1{font-size:20px;font-size:2rem}.psd-txt2{font-size:34px;font-size:3.4rem}#psd-bg-img1{position:absolute;top:13px;left:27px}#psd-bg-img2{position:absolute;top:-10px;right:21px}#psd-bg-img3{position:absolute;top:17px;left:150px}#psd-bg-img4{position:absolute;top:30px;left:202px}#psd-bg-img5{position:absolute;top:81px;left:141px}#psd-bg-img6{position:absolute;top:30px;right:188px}#psd-bg-img7{position:absolute;top:18px;right:132px}#psd-bg-img8{position:absolute;top:83px;right:145px}.party-room-rent{margin-top:27px}.party-heading-txt{font-size:30px;font-size:3rem;text-align:center;margin:0 0 19px}.party-tables{overflow:hidden;background-color:#7bd0e0;border:2px solid #a3deea;border-radius:12px;box-sizing:border-box}.party-tables dl{float:left;width:50%;margin:0;text-align:center}.party-tables dt,.party-tables dd{font-weight:400;margin:0;padding:23px 0 22px}.party-tables dd{border-top:2px solid #a3deea}.pt-left{border-right:2px solid #a3deea}.room-rent-price{font-size:24px;font-size:2.4rem}.rrp-tax{font-size:16px;font-size:1.6rem}.party-cancelpolicy{margin-top:47px}.party-cancelpolicy-list{overflow:hidden;background-color:#7bd0e0;border:2px solid #a3deea;border-radius:12px;box-sizing:border-box}.party-cancelpolicy-list dl{float:left;width:25%;margin:0;text-align:center;border-right:2px solid #a3deea}.party-cancelpolicy-list dl:last-of-type{border-right:0}.party-cancelpolicy-list dt,.party-cancelpolicy-list dd{font-weight:400;margin:0;padding:23px 0 22px}.party-cancelpolicy-list dd{border-top:2px solid #a3deea;font-size:30px;font-size:3rem}.party-notes{margin-top:47px}.party-notes-list{background-color:#7bd0e0;border:2px solid #a3deea;border-radius:12px;box-sizing:border-box;margin-bottom:32px}.party-notes-list ul{padding:23px 30px 23px 51px;margin:0}.party-notes-list li{list-style:disc !important;padding:0 !important;margin:0 !important;font-weight:300}.party-notes-list li:before{background-image:none !important}.pn-txt{text-align:center;font-weight:300 !important}.party-store{padding-top:43px}.party-store-yokohama{overflow:hidden}.party-store-hakata{overflow:hidden;margin-top:30px}.party-store-image{float:left;width:46.66%;border-radius:12px;border:4px solid #ffffff;box-sizing:border-box}.party-store-body{float:right;width:49.33%;padding-top:5px}.psb-txt1{font-size:24px;font-size:2.4rem;line-height:30px;margin:0}.psb-txt2,.psb-txt3{font-weight:300 !important;line-height:1.7 !important}.psb-txt2{margin:20px 0 16px}.psb-txt3{margin:0}.party-contact-btn{margin-top:60px}.party-contact-btn a{display:block;margin:0 auto;color:#ffffff;text-decoration:none}.party-contact-btn a:hover{text-decoration:none}#party-bg-img1{position:absolute;top:168px;right:15.68%;max-width:10.36%}#party-bg-img2{position:absolute;top:597px;left:19.26%;max-width:8.47%}#party-bg-img3{position:absolute;top:976px;right:21.95%;max-width:6.78%}#party-bg-img4{position:absolute;top:1239px;left:22.32%;max-width:6.47%}#party-bg-img5{position:absolute;top:1888px;right:22.21%;max-width:6.15%}#party-bg-img6{position:absolute;top:2223px;left:22.47%;max-width:6%}@media screen and (max-width: 1800px){#party-bg-img2{left:14.26%}#party-bg-img3{right:16.95%}#party-bg-img4{left:17.32%}#party-bg-img5{right:17.21%}#party-bg-img6{left:17.47%}}@media screen and (max-width: 1500px){#party-bg-img1{right:10%}#party-bg-img2{left:9.26%}#party-bg-img3{right:11.95%}#party-bg-img4{left:12.32%}#party-bg-img5{right:12.21%}#party-bg-img6{left:12.47%}}@media screen and (max-width: 1200px){#party-bg-img1{right:5%}#party-bg-img2{left:2.26%}#party-bg-img3{right:2.95%}#party-bg-img4{left:2.32%}#party-bg-img5{right:2.21%}#party-bg-img6{left:2.47%}}@media screen and (max-width: 750px){#party-outer-ys{max-width:100%}#party-outer-ys h2{font-size:20px;font-size:2rem;line-height:1.4}.party-first{overflow:hidden}.party-txt{margin:17px 0 0}.party-txt p{font-size:15px;font-size:1.5rem;text-align:left}.party-txt .party-txt-num1{line-height:1.85}.party-txt .party-txt-num2{font-size:13px;font-size:1.3rem;line-height:1.4;margin:11px 0 12px}.party-start-day{border-radius:6px;padding:29px 0 33px}.psd-txt1{font-size:14px;font-size:1.4rem}.psd-txt2{font-size:20px;font-size:2rem;margin-top:9px !important}#psd-bg-img1{top:4px;left:2.32%;max-width:13.33%}#psd-bg-img2{position:absolute;top:inherit;bottom:5px;right:1.45%;max-width:15%}#psd-bg-img3{top:12px;left:20.29%;max-width:3.62%}#psd-bg-img4{top:16px;left:30.43%;max-width:1.59%}#psd-bg-img5{top:37px;left:22.9%;max-width:2.75%}#psd-bg-img6{top:20px;right:21.16%;max-width:1.59%}#psd-bg-img7{top:10px;right:13.33%;max-width:3.33%}#psd-bg-img8{top:34px;right:13.04%;max-width:3%}.party-room-rent{margin-top:31px}.party-heading-txt{font-size:20px;font-size:2rem;text-align:center;margin:0 0 13px}.party-tables{border-radius:6px}.party-tables dt,.party-tables dd{font-size:14px;font-size:1.4rem;padding:13px 0 15px}.room-rent-price{font-size:30px !important;font-size:3rem !important;line-height:1.3}.rrp-tax{font-size:14px;font-size:1.4rem}.rrp-yen{font-size:20px;font-size:2rem}.rrp-sp{display:block;font-size:14px;font-size:1.4rem}.party-cancelpolicy{margin-top:16px}.party-cancelpolicy-list{background-color:transparent;border:0;border-radius:0}.party-cancelpolicy-list dl{width:49%;background-color:#7bd0e0;border:2px solid #a3deea;border-radius:6px;box-sizing:border-box}.party-cancelpolicy-list dl:nth-child(2n){float:right}.party-cancelpolicy-list dl:nth-child(3),.party-cancelpolicy-list dl:nth-child(4){margin-top:2%}.party-cancelpolicy-list dl:last-of-type{border-right:2px solid #a3deea}.party-cancelpolicy-list dt{font-size:14px;font-size:1.4rem;padding:15px 0}.party-cancelpolicy-list dd{font-size:30px;font-size:3rem;padding:3px 0 6px}.party-cancelpolicy-list dd span{font-size:20px;font-size:2rem}.party-notes{margin-top:16px}.party-notes-list{border-radius:6px;margin-bottom:17px}.party-notes-list ul{padding:14px 20px 15px 37px}.party-notes-list li{font-size:14px;font-size:1.4rem}.pn-txt{text-align:left;font-size:14px;font-size:1.4rem;line-height:1.3}.party-store{padding-top:17px}.party-store-yokohama{overflow:hidden}.party-store-hakata{overflow:hidden;margin-top:34px}.party-store-image{float:inherit;width:100%;border-radius:6px}.party-store-body{float:inherit;width:100%;padding-top:12px}.psb-txt1{font-size:18px;font-size:1.8rem;line-height:1.1}.psb-txt2,.psb-txt3{font-size:14px;font-size:1.4rem;font-weight:300 !important;line-height:1.7 !important}.psb-txt2{margin:14px 0 7px}.party-contact-btn{margin-top:43px}#party-bg-img1{position:inherit;top:inherit;right:inherit;max-width:26.4%;float:right}#party-bg-img2{top:inherit;left:1%;margin-top:-5%;max-width:14%}#party-bg-img3{top:inherit;right:3%;margin-top:-3%;max-width:11%}#party-bg-img4{top:inherit;left:2%;margin-top:-3%;max-width:10%}#party-bg-img5{top:inherit;right:6%;max-width:11%;margin-top:70%}#party-bg-img6{top:inherit;left:inherit;right:7%;max-width:12%;margin-top:70%}}#party-option-btn{padding:28px 0 47px}#party-option-btn a{display:block;text-decoration:none}#party-option-btn a:hover{opacity:0.9}.number-of-guests{padding-bottom:10px}@media screen and (max-width: 750px){#party-option-btn{padding:13px 0 21px}}.news-twitter-timeline{margin:0 auto;width:1100px;overflow:hidden}.tw-left{float:left;width:545px}.tw-right{float:right;width:545px}.InstaWidget-area{width:750px;margin:20px auto 0}@media screen and (max-width: 68.75em){.news-twitter-timeline{width:100%;padding-left:4.5%;padding-right:4.5%}.tw-left{float:none;width:100%}.tw-right{float:none;width:100%}.InstaWidget-area{width:100%;padding-left:4.5%;padding-right:4.5%}}.new-cafe-header{margin-top:45px}@media screen and (max-width: 48em){.new-cafe-header{margin-top:28px}}@media screen and (max-width: 48em){.nch-new{width:19.33%}}.cafe-head-new-textarea{width:586px;margin:-6px auto 43px}@media screen and (max-width: 37.5em){.cafe-head-new-textarea{width:100%;margin:-6px auto 15px}}.cafe-head-new-textarea p{color:#d6b161;line-height:1.2;margin:0}.menu-update{border-bottom:2px dashed #d6b161;font-size:47px;font-weight:700;text-align:center;padding-bottom:14px;margin-bottom:8px !important}@media screen and (max-width: 48em){.menu-update{font-size:6.26vw}}.menu-update span{font-size:27px}@media screen and (max-width: 48em){.menu-update span{font-size:3.6vw}}.menu-update-text{font-size:30px;font-weight:500}@media screen and (max-width: 48em){.menu-update-text{font-size:4vw}}.cafe-head-newimages{width:685px;margin:0 auto}@media screen and (max-width: 48em){.cafe-head-newimages{width:100%}}.cafe-head-newimages ul{padding:0;margin:0;overflow:hidden}.cafe-head-newimages li{list-style:none;float:left}@media screen and (max-width: 48em){.cafe-head-newimages li{width:40%}}.cafe-head-newimages li:first-child{margin-right:85px}@media screen and (max-width: 48em){.cafe-head-newimages li:first-child{margin-right:0}}@media screen and (max-width: 48em){.cafe-head-newimages li:last-child{float:right}}.cafe-head-newimages li p{font-size:19px;line-height:1.5;text-align:center}@media screen and (max-width: 48em){.cafe-head-newimages li p{font-size:2.53vw}}.cafe-img-en img{border-radius:50%;width:300px;border:10px solid #f7f7f0;background-color:#ffffff;box-sizing:border-box}@media screen and (max-width: 48em){.cafe-img-en img{width:100%;border:5px solid #f7f7f0}}.cafe-new-icons{max-width:29.74%;margin:0 auto 4px !important;display:block}@media screen and (max-width: 48em){.cafe-new-icons{max-width:23.73%}}#tapioca-drink-area{position:relative;width:calc(1174/1920*100%);margin:8px auto 0}@media screen and (max-width: 48em){#tapioca-drink-area{width:100%}}.tapioca-drink-images{overflow:hidden;width:100%}@media screen and (max-width: 48em){.tapioca-drink-images{overflow:auto}}.tapioca-drink-images img{float:left}@media screen and (max-width: 48em){.tapioca-drink-images img{float:none;margin:0 auto}}.tapioca-img1{width:50%}@media screen and (max-width: 48em){.tapioca-img1{width:77.33%;display:block}}.tapioca-img2{width:50%}@media screen and (max-width: 48em){.tapioca-img2{display:none}}.tapioca-img3{width:50%}@media screen and (max-width: 48em){.tapioca-img3{display:none}}.tapioca-img4{width:calc(391/1174*100%);margin-top:6px;margin-left:calc(95/1174*100%)}@media screen and (max-width: 48em){.tapioca-img4{width:51.33%;margin:0 auto;display:block}}.tapioca-drink-texts{overflow:hidden;margin-top:-11%;width:100%}.tapioca-drink-texts .tapioca-price-area{float:left;padding-top:13.1%;width:50%}@media screen and (max-width: 48em){.tapioca-drink-texts .tapioca-price-area{float:none;width:100%}}.tapioca-drink-texts .tapioca-price-area p{font-size:1.666vw;font-weight:500;text-align:center;color:#d5b45c;margin:0}@media screen and (max-width: 48em){.tapioca-drink-texts .tapioca-price-area p{font-size:4.2vw}}.tapioca-drink-texts .tapioca-menu-area{float:left;width:50%}@media screen and (max-width: 48em){.tapioca-drink-texts .tapioca-menu-area{float:none;width:100%}}.tapioca-drink-texts .tapioca-menu-area p{font-size:1.562vw;line-height:1.35;color:#4d4d4d;text-align:center}@media screen and (max-width: 48em){.tapioca-drink-texts .tapioca-menu-area p{font-size:4vw}}#cafe-tea{position:absolute;bottom:10.5%;right:17%;width:12.29%;z-index:0}@media screen and (max-width: 48em){#cafe-tea{width:30.66%;bottom:6.7%;right:4%}}