@charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform} .swiper-slide-invisible-blank{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform} .swiper-container-3d{-webkit-perspective:1200px;perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-lock{display:none} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%} .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2} button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-bullet-active{opacity:1;background:#007aff} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top;-webkit-transition:.2s transform,.2s top,.2s -webkit-transform;transition:.2s transform,.2s top,.2s -webkit-transform} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left;-webkit-transition:.2s transform,.2s left,.2s -webkit-transform;transition:.2s transform,.2s left,.2s -webkit-transform} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right;-webkit-transition:.2s transform,.2s right,.2s -webkit-transform;transition:.2s transform,.2s right,.2s -webkit-transform} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff} .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)} .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000} .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)} .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000} .swiper-pagination-lock{display:none} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-scrollbar-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain} .swiper-slide-zoomed{cursor:move} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite} .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")} @-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube{overflow:visible} .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} .swiper-container-flip{overflow:visible} .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} @font-face { font-family: "dnp-shuei-gothic-gin-std", sans-serif; font-weight: 500; font-style: normal; } @font-face { font-family: "ten-mincho-text", serif; font-weight: 400; font-style: normal; } /** * Custom media queries * @example * @media (--mobile) { * styles for mobile viewport * } */ /** * for mobile viewoport */ /** * for tablet and Pc. large viewport */ /** http://bourbon.io/docs/#timing-functions */ /** example @include transition(all 5s $ease-in-circ);*/ /** transition timing-function: ease - cubic-bezier(0.25, 0.1, 0.25, 1.0) を指定したのと同じ（開始と完了を滑らかにする）（初期値） linear - cubic-bezier(0.0, 0.0, 1.0, 1.0) を指定したのと同じ（一定） ease-in - cubic-bezier(0.42, 0, 1.0, 1.0) を指定したのと同じ（ゆっくり始まる） ease-out - cubic-bezier(0, 0, 0.58, 1.0) を指定したのと同じ（ゆっくり終わる） ease-in-out - cubic-bezier(0.42, 0, 0.58, 1.0) を指定したのと同じ（ゆっくり始まってゆっくり終わる） */ /** * text ellipsis for block multiline */ /* unsupport IE, Edge, Fx @mixin text-ellipsis-block($rows) { display: box; box-orient: vertical; line-clamp: $rows; overflow: hidden; } */ /** * element size */ /** * position layout */ /** * images */ /** * Variables */ /** extend */ @-webkit-keyframes border { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left top; transform-origin: left top; } 1% { -webkit-transform-origin: right top; transform-origin: right top; } 50% { -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right top; transform-origin: right top; } 51% { -webkit-transform-origin: left top; transform-origin: left top; } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left top; transform-origin: left top; } } @keyframes border { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left top; transform-origin: left top; } 1% { -webkit-transform-origin: right top; transform-origin: right top; } 50% { -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right top; transform-origin: right top; } 51% { -webkit-transform-origin: left top; transform-origin: left top; } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left top; transform-origin: left top; } } /* == @import "../node_modules/normalize.css/normalize.css"; */ [v-cloak] { display: none; } html { font-size: 62.5%; } body { font-family: "dnp-shuei-gothic-gin-std", sans-serif; font-size: 1.0rem; letter-spacing: 0; width: 100%; } body.is-fixed { height: 100vh; } .font-ten { font-family: "ten-mincho-text", serif; } a { color: #000000; text-decoration: none; } s *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } h1, h2, h3, h4, h5, h6, div, dl, dt, dd, p { margin: 0; padding: 0; } ul, ol, li { padding: 0; margin: 0; } li { list-style: none; } img { vertical-align: bottom; } figure { margin: 0; padding: 0; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } .l-main { line-height: 1.2; } img { height: auto; max-height: 100%; max-width: 100%; width: auto; } .l-footer { padding: 120px 0 40px; } .p-top .l-footer { background: url(../images/bg.png) repeat left top; } .l-footer__share dt { font-size: 1.5rem; text-align: center; } .l-footer__share dd { margin-top: 15px; } .l-footer__share ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .l-footer__share ul li + li { margin-left: 35px; } .l-footer__share ul li:nth-of-type(1) { height: 31px; width: 33px; } .l-footer__share ul li:nth-of-type(2) { height: 27px; width: 33px; } .l-footer__share ul li:nth-of-type(3) { height: 32px; margin-right: 15px; width: 17px; } .l-footer__share a path { -webkit-transition: fill .3s; transition: fill .3s; } .l-footer__follow { text-align: center; } .l-footer__follow dt { font-size: 1.5rem; } .l-footer__follow a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: color .3s; transition: color .3s; } .l-footer__follow a path { -webkit-transition: fill .3s; transition: fill .3s; } .l-footer__follow dd { font-size: 1.5rem; line-height: 32px; margin-top: 17px; } .l-footer__follow dd span { display: inline-block; } .l-footer__follow dd span:nth-of-type(1) { height: 32px; width: 32px; } .l-footer__follow dd span:nth-of-type(2) { padding-left: 10px; } .l-footer__logo { height: 25px; margin: 90px auto 0; width: 58px; } .l-footer__logo a { display: block; height: 100%; } .l-footer__logo a path, .l-footer__logo a polygon { -webkit-transition: fill .3s; transition: fill .3s; } .l-footer__copy { font-size: 1.4rem; margin-top: 15px; text-align: center; } .l-header { pointer-events: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 3000; } .l-header__logo { height: 34px; margin: 27px 23px; opacity: 0; pointer-events: auto; -webkit-transition: opacity 1s; transition: opacity 1s; width: 80px; } .l-header__logo a { display: block; } .l-header__menubtn { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 27px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: auto; position: absolute; top: 30px; right: 30px; bottom: 0; width: 30px; z-index: 3002; } .l-header__menubtn.is-active { height: 30px; top: 29px; right: 25px; width: 40px; } .l-header__menubtn.is-active .l-header__menubtn-border { height: 40px; width: 40px; } .l-header__menubtn.is-active span:nth-of-type(1) { top: 19px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .l-header__menubtn.is-active span:nth-of-type(2) { opacity: 0; } .l-header__menubtn.is-active span:nth-of-type(3) { bottom: 19px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .l-header__menubtn-border { height: 27px; position: relative; width: 30px; } .l-header__menubtn-border span { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #000; height: 1px; position: absolute; left: 0; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: transform .3s, opacity .3s; transition: transform .3s, opacity .3s, -webkit-transform .3s; width: 100%; } .l-header__menubtn-border span:nth-of-type(1) { top: 0; -webkit-transition: top .2s; transition: top .2s; } .l-header__menubtn-border span:nth-of-type(2) { top: 13px; } .l-header__menubtn-border span:nth-of-type(3) { bottom: 0; -webkit-transition: bottom .2s; transition: bottom .2s; } .l-header__openarea { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; display: none; height: 100%; opacity: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: auto; position: fixed; top: 0; left: 0; width: 100%; z-index: 3001; } .l-header__openarea h1 { height: 64px; margin: 0 auto; width: 152px; } .l-header__openarea nav { margin-top: 70px; } .l-header__openarea nav ul { text-align: center; } .l-header__openarea nav ul li { font-size: 2.4rem; } .l-header__openarea nav ul li + li { margin-top: 28px; } .l-header__openarea nav ul li a { -webkit-transition: color .3s; transition: color .3s; } .l-header__openarea .c-btn { font-size: 1.8rem; margin-top: 30px; width: 240px; } .l-header__openarea .c-btn a span { padding: 16px 0; } .l-header__openarea .c-btn__target { margin-top: 35px; } .l-header__follow { margin-top: 75px; text-align: center; } .l-header__follow dt { font-size: 1.8rem; } .l-header__follow a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: color .3s; transition: color .3s; } .l-header__follow a path { -webkit-transition: fill .3s; transition: fill .3s; } .l-header__follow dd { font-size: 1.5rem; line-height: 20px; margin-top: 15px; } .l-header__follow dd span { display: inline-block; } .l-header__follow dd span:nth-of-type(1) { height: 20px; width: 20px; } .l-header__follow dd span:nth-of-type(2) { padding-left: 10px; } .l-loading { background-color: #fff; height: 100%; position: fixed; top: 0; left: 0; width: 100%; z-index: 5000; } /** * main.scss */ .l-main { font-size: 1.6rem; } .p-top .l-main { background: url(../images/bg.png) repeat left top; } .mv { overflow: hidden; width: 100%; position: relative; } .mv__photo { background-size: cover; background-position: center top; -webkit-transition: margin 1.5s 1s; transition: margin 1.5s 1s; } .mv__photo-image { background-size: cover; background-position: center center; position: absolute; top: -1px; left: 0; -webkit-transition: height 1.5s 1s; transition: height 1.5s 1s; height: 100vh; width: 100%; } .mv__logo { height: 76px; -webkit-transition: opacity 1.5s 3s; transition: opacity 1.5s 3s; width: 180px; } .mv__text { color: #fff; line-height: 2; letter-spacing: -0.05em; margin-top: 50px; -webkit-transition: opacity 1.5s 4s; transition: opacity 1.5s 4s; } .product { margin: 0 auto; padding-top: 60px; } .product__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; height: 52px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; width: 90%; z-index: 1000; } .product__arrow li { height: 52px; width: 27px; } .product__arrow li:nth-of-type(1) a::before { border-left: 1px solid #000; border-bottom: 1px solid #000; left: 0; } .product__arrow li:nth-of-type(2) a::before { border-top: 1px solid #000; border-right: 1px solid #000; right: 0; } .product__arrow li a { display: block; pointer-events: auto; position: relative; -webkit-transition: opacity .3s; transition: opacity .3s; height: 100%; } .product__arrow li a::before { height: 35px; content: ""; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 35px; } .product__inner { position: relative; } .product__numb { font-size: 7.8rem; line-height: 1; position: absolute; top: -15px; left: 0; } .product__photo { width: 500px; } .product__photo img { height: auto; width: 100%; } .product__text { margin-bottom: 50px; } .product__text dl dt { font-size: 2rem; line-height: 2; } .product__text dl dd { line-height: 2; margin-top: 20px; } .product__item { margin: 90px auto 0; } .product__item-list li + li { margin-top: 24px; } .product__item-list li dl { width: 100%; } .product__item-sub { margin-top: 55px; } .product__item-sub li { line-height: 1.7; } .product__item-sub li + li { margin-top: 20px; } .shop { margin: 0 auto; padding-top: 80px; padding-bottom: 60px; } .shop h2 { font-size: 4.2rem; font-weight: normal; letter-spacing: 0.05em; padding-top: 80px; text-align: center; } .shop__list { margin-top: 50px; } .shop__list dl { border-top: #000 1px solid; padding: 20px 0; } .shop__list dl:last-of-type { border-bottom: #000 1px solid; } .shop__list dl dt { font-size: 2rem; } .shop__list dl dt.is-open::before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .shop__list dl dd { line-height: 1.7; margin-top: 20px; } .shop__list address { font-style: normal; } .shop__list address a { display: inline-block; position: relative; } .shop__list address a::before { background-color: #000; content: ""; height: 1px; position: absolute; left: 0; bottom: 0; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: scale(1, 1); transform: scale(1, 1); width: 100%; } .shop__banner { padding-top: 20%; margin: 90px auto; position: relative; width: 480px; } .shop__banner a { display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; } .shop__banner a > img { position: absolute; top: 50%; left: 50%; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: left top; transform-origin: left top; width: 100%; } .shop__banner-border { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: #000 1px solid; display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100% - 14px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 6px; position: relative; text-align: center; width: calc(100% - 14px); } .shop__banner-border span { color: #fff; display: block; font-size: 0; height: 23px; line-height: 0; width: 244px; } .styling { margin: 0 auto; padding: 80px 0; text-align: center; } .p-second .styling { background: url(../images/bg.png) repeat left top; margin: 120px auto 0; padding: 110px 0 90px; } .styling h2 { font-size: 4.2rem; font-weight: normal; letter-spacing: 0.05em; } .styling h3 { font-size: 2.8rem; font-weight: normal; margin-top: 80px; } .styling__text { line-height: 2; letter-spacing: -0.05em; margin-top: 30px; } .styling__tab { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 105px auto 0; width: 1000px; } .p-second .styling__tab { background: url(../images/bg.png) repeat left top; margin: 45px auto 0; width: 760px; } .styling__tab li { border-bottom: #91773d 1px solid; color: #91773d; cursor: pointer; font-size: 3rem; padding-bottom: 15px; -webkit-transition: color .3s, border-color .3s, border-width .3s; transition: color .3s, border-color .3s, border-width .3s; width: 50%; } .styling__tab li.is-curr { border-bottom: #000 2px solid; color: #000; } .styling__tabarea { display: none; } .styling__pager, .styling__pager--winter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px auto 0; } .styling__pager li, .styling__pager--winter li { height: 140px; margin: 25px 0; width: 140px; } .styling__pager li + li, .styling__pager--winter li + li { margin-left: 17px; } .styling__pager li.is-curr a, .styling__pager--winter li.is-curr a { border: 1px solid #000; } .styling__pager li a, .styling__pager--winter li a { border: 1px solid #d1ac59; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 5px; position: relative; -webkit-transition: border-color .3s; transition: border-color .3s; } .styling__pager li img, .styling__pager--winter li img { max-height: none; width: 100%; } .styling__pager-numb { font-size: 3rem; margin: auto; position: absolute; top: -15px; left: 0; right: 0; } .c-btn { margin: 0 auto; width: 300px; } .c-btn a { background-color: #000; color: #fff; display: block; position: relative; padding: 6px; -webkit-transition: color .3s; transition: color .3s; text-align: center; } .c-btn a span { border: #000 1px solid; display: block; font-size: 0; line-height: 1; padding: 22px 0; position: relative; -webkit-transition: border-color .3s; transition: border-color .3s; } .c-btn a span img { height: 14px; width: 132px; } .c-btn__target { text-align: center; } .c-btn__target a { background: url(/special/ak1/common/images/icon_blank.svg) no-repeat right center; background-size: 17px 17px; display: inline-block; font-size: 2.1rem; line-height: 17px; padding-right: 25px; } .c-btn__cart { width: 220px; } .c-btn__cart a { background-color: #000; color: #fff; display: block; position: relative; padding: 6px; -webkit-transition: color .3s; transition: color .3s; text-align: center; } .c-btn__cart a span { border: #000 1px solid; display: block; font-size: 0; line-height: 1; padding: 11px 0; position: relative; -webkit-transition: border-color .3s; transition: border-color .3s; } .c-btn__cart a span img { height: 14px; width: 39px; } .c-row { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } .c-google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .js-inview-fade { opacity: 0; -webkit-transition: opacity 1.2s; transition: opacity 1.2s; } .js-inview-fade.inview { opacity: 1; } .js-inview-fade-late { opacity: 0; } .js-inview-fade-late.inview { opacity: 1; } .slider__list { margin: 0 auto; } .slider__box--pattern10 .slider__wrap { max-height: none; } .slider__wrap { height: 100%; position: relative; width: 100%; } .slider__wrap a { background-color: #fff; display: block; height: 100%; opacity: 0; } .slider__wrap a::before { border: #000 1px solid; content: ""; height: calc(100% - 16px); margin: auto; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: opacity .3s; transition: opacity .3s; width: calc(100% - 16px); z-index: 1001; } .slider__inner { height: 100%; margin: 0 auto; position: relative; overflow: hidden; } .slider__numb, .slider__numb--odd, .slider__numb--even { font-size: 7.5rem; position: absolute; -webkit-transition: opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92), -webkit-transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92), -webkit-transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92), opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92), opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92), -webkit-transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); z-index: 1001; } .slider__numb--odd { top: -55px; left: 22px; } .slider__numb--even { top: -55px; right: 22px; } .slider__photo { opacity: 0; -webkit-transition: opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); } .slider__box--pattern01 .slider__photo { height: 54%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 80%; } .slider__box--pattern02 .slider__photo { height: 72%; margin: auto; position: absolute; top: 10%; right: 0; width: 72%; } .slider__box--pattern03 .slider__photo { height: 71%; margin: auto; position: absolute; left: 0; right: 0; bottom: 0; width: 80%; } .slider__box--pattern04 .slider__photo { height: 72%; margin: auto; position: absolute; top: 0; right: 0; width: 72%; } .slider__box--pattern05 .slider__photo { height: 54%; margin: auto; position: absolute; top: 10%; left: 0; width: 80%; } .slider__box--pattern06 .slider__photo { height: 72%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 72%; } .slider__box--pattern07 .slider__photo { height: 72%; margin: auto; position: absolute; right: 0; bottom: 0; width: 72%; } .slider__box--pattern08 .slider__photo { height: 72%; margin: auto; position: absolute; left: 0; bottom: 6%; width: 72%; } .slider__box--pattern09 .slider__photo { height: 72%; margin: auto; position: absolute; top: 0; left: 0; right: 0; width: 72%; } .slider__box--pattern11 .slider__photo { height: 72%; margin: auto; position: absolute; left: 0; bottom: 0; width: 72%; } .slider__box--pattern12 .slider__photo { height: 54%; margin: auto; position: absolute; right: 0; bottom: 12%; width: 80%; } .slider__photo img { max-height: none; width: 100%; } .slider__text { line-height: 1.7; position: absolute; opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92), -webkit-transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92), -webkit-transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92), opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92), opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92), -webkit-transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); text-align: left; } .slider__box--pattern02 .slider__text { left: 7%; bottom: 7%; } .slider__box--pattern03 .slider__text { top: 8%; } .slider__box--pattern04 .slider__text { left: 9%; bottom: 5%; } .slider__box--pattern05 .slider__text { right: 9%; bottom: 20%; } .slider__box--pattern07 .slider__text { top: 8%; left: 9%; } .slider__box--pattern08 .slider__text { top: 9%; right: 9%; } .slider__box--pattern09 .slider__text { right: 8%; bottom: 5%; } .slider--winter .slider__box--pattern09 .slider__text { bottom: 17%; } .slider__box--pattern11 .slider__text { top: 8%; right: 9%; } .slider__box--pattern12 .slider__text { top: 5%; left: 9%; } .slider__message { line-height: 2; letter-spacing: -0.05em; opacity: 0; -webkit-transition: opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); text-align: center; } .slider__pager { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; position: fixed; top: 0; right: 0; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity 1s; transition: opacity 1s; width: 30px; } .slider__pager ul li { border-radius: 50%; overflow: hidden; } .slider__pager ul li + li { margin-top: 15px; } .slider__pager ul li.is-select { background-color: #000; } .slider__pager a { background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; display: block; height: 4px; width: 4px; } /** * wordpress * WYSIWYG compatchble style */ .c-wp-post_article strong { font-weight: bold; } .c-wp-post_article em { font-style: italic; } .c-wp-post_article ul { margin-left: 1em; display: block; list-style-type: disc !important; margin-before: 1em; margin-after: 1em; margin-start: 0px; margin-end: 0px; padding-start: 40px; } .c-wp-post_article ol { display: block; list-style-type: decimal !important; margin-before: 1em; margin-after: 1em; margin-start: 0px; margin-end: 0px; padding-start: 40px; } .c-wp-post_article li { display: list-item; text-align: match-parent; } .c-wp-post_article img { width: auto; } .c-wp-post_article .alignleft { display: inline; float: left; } .c-wp-post_article .alignright { display: inline; float: right; } .c-wp-post_article .aligncenter { display: block; margin-right: auto; margin-left: auto; } .c-wp-post_article blockquote.alignleft, .c-wp-post_article .wp-caption.alignleft, .c-wp-post_article img.alignleft { margin: 0.4em 1.6em 1.6em 0; } .c-wp-post_article blockquote.alignright, .c-wp-post_article .wp-caption.alignright, .c-wp-post_article img.alignright { margin: 0.4em 0 1.6em 1.6em; } .c-wp-post_article blockquote.aligncenter, .c-wp-post_article .wp-caption.aligncenter, .c-wp-post_article img.aligncenter { clear: both; margin-top: 0.4em; margin-bottom: 1.6em; } .c-wp-post_article .wp-caption.alignleft, .c-wp-post_article .wp-caption.alignright, .c-wp-post_article .wp-caption.aligncenter { margin-bottom: 1.2em; } /** * clearfix micro */ .clearfix:after { content: ""; clear: both; display: block; } /** * text ellipsis., text... */ .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .u-hide { display: none; } .u-click { cursor: pointer; } /** * BrowserSync */ #__bs_notify__ { display: none !important; font-size: 8px !important; opacity: .25; max-height: 50px; } .__debug_mihon__ { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto 0 auto; z-index: 100000; pointer-events: none; cursor: none; width: 100%; overflow: hidden; text-align: center; -webkit-animation: __debug_mihon__ 1s infinite; animation: __debug_mihon__ 1s infinite; } .__debug_mihon__ { padding-top: 0px; margin-top: 0px; opacity: 0.3; } /* @example
*/ @media (min-width: 813px) { .ex-link { opacity: 1; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .ex-link:hover { opacity: .5; } .l-footer { min-width: 1000px; } .l-footer__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .l-footer__share a:hover path { fill: #4e5930; } .l-footer__follow { margin-left: 110px; } .l-footer__follow a:hover { color: #4e5930; } .l-footer__follow a:hover path { fill: #4e5930; } .l-footer__logo a:hover path, .l-footer__logo a:hover polygon { fill: #4e5930; } .l-header__menubtn:hover span:nth-of-type(1) { top: 3px; } .l-header__menubtn:hover span:nth-of-type(3) { bottom: 3px; } .l-header__menubtn.is-active:hover span:nth-of-type(1) { top: 19px; -webkit-transform: rotate(35deg); transform: rotate(35deg); } .l-header__menubtn.is-active:hover span:nth-of-type(3) { bottom: 19px; -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } .l-header__openarea nav ul li a:hover { color: #4e5930; } .l-header__follow a:hover { color: #4e5930; } .l-header__follow a:hover path { fill: #4e5930; } .l-main { min-width: 1000px; } .mv { height: 100vh; } .mv__photo { height: 100%; } .mv__inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -46%); transform: translate(-50%, -46%); width: 84%; } .mv__text { font-size: 1.6rem; } .product { width: 1000px; } .product__arrow li a:hover { opacity: .5; } .product__inner { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; } .product__photo { margin-left: 120px; } .product__text { margin-left: 60px; } .product__item { width: 640px; } .product__item-list li dl { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product__item-list li dl dd { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .product__price { margin-right: 40px; } .product__item-sub li a { text-decoration: underline; -webkit-transition: color .3s; transition: color .3s; } .product__item-sub li a:hover { color: #4e5930; } .product__item-sub li dl { display: inline; } .product__item-sub li dl dt { display: inline; } .product__item-sub li dl dd { display: inline; } .shop { width: 1000px; } .shop__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shop__list dl { width: calc(100% / 3 - 28px); } .shop__list dl:nth-of-type(3n) { margin-left: 40px; } .shop__list dl:nth-of-type(3n -1) { margin-left: 40px; } .shop__list dl:nth-last-of-type(2) { border-bottom: #000 1px solid; } .shop__list dl:nth-last-of-type(3) { border-bottom: #000 1px solid; } .shop__list address a:hover::before { -webkit-animation: .5s border linear; animation: .5s border linear; } .shop__banner a:hover > img { -webkit-transform: scale(1.1) translate(-50%, -50%); transform: scale(1.1) translate(-50%, -50%); } .styling__pager, .styling__pager--winter { width: 770px; } .styling__pager li:nth-of-type(6), .styling__pager--winter li:nth-of-type(6) { margin-left: 0; } .styling__pager li a:hover, .styling__pager--winter li a:hover { border: 1px solid #544524; } .styling__pager--winter { width: 700px; } .styling__pager--winter li:nth-of-type(5) { margin-left: 0; } .styling__pager--winter li:nth-of-type(6) { margin-left: 17px; } .c-btn a { font-size: 1.8rem; } .c-btn a:hover span { border: #fff 1px solid; } .c-btn__target a { -webkit-transition: color .3s; transition: color .3s; } .c-btn__target a:hover { color: #4e5930; } .c-btn__cart a { font-size: 1.8rem; } .c-btn__cart a:hover span { border: #fff 1px solid; } .js-inview-fade-late { -webkit-transition: opacity 1.2s 1s; transition: opacity 1.2s 1s; } .slider, .slider--autumn, .slider--winter { margin-top: 120px; } .slider__list { width: 1000px; } .slider__box, .slider__box--pattern01, .slider__box--pattern02, .slider__box--pattern03, .slider__box--pattern04, .slider__box--pattern05, .slider__box--pattern06, .slider__box--pattern07, .slider__box--pattern08, .slider__box--pattern09, .slider__box--pattern11, .slider__box--pattern12 { height: 684px; width: 455px; -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: -webkit-transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92), -webkit-transform 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); } .slider__box.inview, .inview.slider__box--pattern01, .inview.slider__box--pattern02, .inview.slider__box--pattern03, .inview.slider__box--pattern04, .inview.slider__box--pattern05, .inview.slider__box--pattern06, .inview.slider__box--pattern07, .inview.slider__box--pattern08, .inview.slider__box--pattern09, .inview.slider__box--pattern11, .inview.slider__box--pattern12 { -webkit-transform: translateY(0); transform: translateY(0); } .slider--autumn .slider__box:nth-of-type(2), .slider--autumn .slider__box--pattern01:nth-of-type(2), .slider--autumn .slider__box--pattern02:nth-of-type(2), .slider--autumn .slider__box--pattern03:nth-of-type(2), .slider--autumn .slider__box--pattern04:nth-of-type(2), .slider--autumn .slider__box--pattern05:nth-of-type(2), .slider--autumn .slider__box--pattern06:nth-of-type(2), .slider--autumn .slider__box--pattern07:nth-of-type(2), .slider--autumn .slider__box--pattern08:nth-of-type(2), .slider--autumn .slider__box--pattern09:nth-of-type(2), .slider--autumn .slider__box--pattern11:nth-of-type(2), .slider--autumn .slider__box--pattern12:nth-of-type(2) { margin-left: auto; margin-top: -295px; } .slider--winter .slider__box:nth-of-type(2), .slider--winter .slider__box--pattern01:nth-of-type(2), .slider--winter .slider__box--pattern02:nth-of-type(2), .slider--winter .slider__box--pattern03:nth-of-type(2), .slider--winter .slider__box--pattern04:nth-of-type(2), .slider--winter .slider__box--pattern05:nth-of-type(2), .slider--winter .slider__box--pattern06:nth-of-type(2), .slider--winter .slider__box--pattern07:nth-of-type(2), .slider--winter .slider__box--pattern08:nth-of-type(2), .slider--winter .slider__box--pattern09:nth-of-type(2), .slider--winter .slider__box--pattern11:nth-of-type(2), .slider--winter .slider__box--pattern12:nth-of-type(2) { margin-left: auto; margin-top: -205px; } .slider--autumn .slider__box:nth-of-type(3), .slider--autumn .slider__box--pattern01:nth-of-type(3), .slider--autumn .slider__box--pattern02:nth-of-type(3), .slider--autumn .slider__box--pattern03:nth-of-type(3), .slider--autumn .slider__box--pattern04:nth-of-type(3), .slider--autumn .slider__box--pattern05:nth-of-type(3), .slider--autumn .slider__box--pattern06:nth-of-type(3), .slider--autumn .slider__box--pattern07:nth-of-type(3), .slider--autumn .slider__box--pattern08:nth-of-type(3), .slider--autumn .slider__box--pattern09:nth-of-type(3), .slider--autumn .slider__box--pattern11:nth-of-type(3), .slider--autumn .slider__box--pattern12:nth-of-type(3) { margin: 120px auto 0; } .slider--winter .slider__box:nth-of-type(3), .slider--winter .slider__box--pattern01:nth-of-type(3), .slider--winter .slider__box--pattern02:nth-of-type(3), .slider--winter .slider__box--pattern03:nth-of-type(3), .slider--winter .slider__box--pattern04:nth-of-type(3), .slider--winter .slider__box--pattern05:nth-of-type(3), .slider--winter .slider__box--pattern06:nth-of-type(3), .slider--winter .slider__box--pattern07:nth-of-type(3), .slider--winter .slider__box--pattern08:nth-of-type(3), .slider--winter .slider__box--pattern09:nth-of-type(3), .slider--winter .slider__box--pattern11:nth-of-type(3), .slider--winter .slider__box--pattern12:nth-of-type(3) { margin-top: -60px; } .slider--autumn .slider__box:nth-of-type(4), .slider--autumn .slider__box--pattern01:nth-of-type(4), .slider--autumn .slider__box--pattern02:nth-of-type(4), .slider--autumn .slider__box--pattern03:nth-of-type(4), .slider--autumn .slider__box--pattern04:nth-of-type(4), .slider--autumn .slider__box--pattern05:nth-of-type(4), .slider--autumn .slider__box--pattern06:nth-of-type(4), .slider--autumn .slider__box--pattern07:nth-of-type(4), .slider--autumn .slider__box--pattern08:nth-of-type(4), .slider--autumn .slider__box--pattern09:nth-of-type(4), .slider--autumn .slider__box--pattern11:nth-of-type(4), .slider--autumn .slider__box--pattern12:nth-of-type(4) { margin-left: auto; margin-top: 155px; } .slider--winter .slider__box:nth-of-type(4), .slider--winter .slider__box--pattern01:nth-of-type(4), .slider--winter .slider__box--pattern02:nth-of-type(4), .slider--winter .slider__box--pattern03:nth-of-type(4), .slider--winter .slider__box--pattern04:nth-of-type(4), .slider--winter .slider__box--pattern05:nth-of-type(4), .slider--winter .slider__box--pattern06:nth-of-type(4), .slider--winter .slider__box--pattern07:nth-of-type(4), .slider--winter .slider__box--pattern08:nth-of-type(4), .slider--winter .slider__box--pattern09:nth-of-type(4), .slider--winter .slider__box--pattern11:nth-of-type(4), .slider--winter .slider__box--pattern12:nth-of-type(4) { margin: 90px auto 0; } .slider__box:nth-of-type(4) .slider__numb--even, .slider__box--pattern01:nth-of-type(4) .slider__numb--even, .slider__box--pattern02:nth-of-type(4) .slider__numb--even, .slider__box--pattern03:nth-of-type(4) .slider__numb--even, .slider__box--pattern04:nth-of-type(4) .slider__numb--even, .slider__box--pattern05:nth-of-type(4) .slider__numb--even, .slider__box--pattern06:nth-of-type(4) .slider__numb--even, .slider__box--pattern07:nth-of-type(4) .slider__numb--even, .slider__box--pattern08:nth-of-type(4) .slider__numb--even, .slider__box--pattern09:nth-of-type(4) .slider__numb--even, .slider__box--pattern11:nth-of-type(4) .slider__numb--even, .slider__box--pattern12:nth-of-type(4) .slider__numb--even { top: auto; bottom: -55px; } .slider--autumn .slider__box:nth-of-type(5), .slider--autumn .slider__box--pattern01:nth-of-type(5), .slider--autumn .slider__box--pattern02:nth-of-type(5), .slider--autumn .slider__box--pattern03:nth-of-type(5), .slider--autumn .slider__box--pattern04:nth-of-type(5), .slider--autumn .slider__box--pattern05:nth-of-type(5), .slider--autumn .slider__box--pattern06:nth-of-type(5), .slider--autumn .slider__box--pattern07:nth-of-type(5), .slider--autumn .slider__box--pattern08:nth-of-type(5), .slider--autumn .slider__box--pattern09:nth-of-type(5), .slider--autumn .slider__box--pattern11:nth-of-type(5), .slider--autumn .slider__box--pattern12:nth-of-type(5) { margin: -215px 0 0 0; } .slider--winter .slider__box:nth-of-type(5), .slider--winter .slider__box--pattern01:nth-of-type(5), .slider--winter .slider__box--pattern02:nth-of-type(5), .slider--winter .slider__box--pattern03:nth-of-type(5), .slider--winter .slider__box--pattern04:nth-of-type(5), .slider--winter .slider__box--pattern05:nth-of-type(5), .slider--winter .slider__box--pattern06:nth-of-type(5), .slider--winter .slider__box--pattern07:nth-of-type(5), .slider--winter .slider__box--pattern08:nth-of-type(5), .slider--winter .slider__box--pattern09:nth-of-type(5), .slider--winter .slider__box--pattern11:nth-of-type(5), .slider--winter .slider__box--pattern12:nth-of-type(5) { margin-top: 90px; } .slider--autumn .slider__box:nth-of-type(6), .slider--autumn .slider__box--pattern01:nth-of-type(6), .slider--autumn .slider__box--pattern02:nth-of-type(6), .slider--autumn .slider__box--pattern03:nth-of-type(6), .slider--autumn .slider__box--pattern04:nth-of-type(6), .slider--autumn .slider__box--pattern05:nth-of-type(6), .slider--autumn .slider__box--pattern06:nth-of-type(6), .slider--autumn .slider__box--pattern07:nth-of-type(6), .slider--autumn .slider__box--pattern08:nth-of-type(6), .slider--autumn .slider__box--pattern09:nth-of-type(6), .slider--autumn .slider__box--pattern11:nth-of-type(6), .slider--autumn .slider__box--pattern12:nth-of-type(6) { margin-left: auto; margin-top: -60px; } .slider--winter .slider__box:nth-of-type(6), .slider--winter .slider__box--pattern01:nth-of-type(6), .slider--winter .slider__box--pattern02:nth-of-type(6), .slider--winter .slider__box--pattern03:nth-of-type(6), .slider--winter .slider__box--pattern04:nth-of-type(6), .slider--winter .slider__box--pattern05:nth-of-type(6), .slider--winter .slider__box--pattern06:nth-of-type(6), .slider--winter .slider__box--pattern07:nth-of-type(6), .slider--winter .slider__box--pattern08:nth-of-type(6), .slider--winter .slider__box--pattern09:nth-of-type(6), .slider--winter .slider__box--pattern11:nth-of-type(6), .slider--winter .slider__box--pattern12:nth-of-type(6) { margin-left: auto; margin-top: -270px; } .slider--autumn .slider__box:nth-of-type(7), .slider--autumn .slider__box--pattern01:nth-of-type(7), .slider--autumn .slider__box--pattern02:nth-of-type(7), .slider--autumn .slider__box--pattern03:nth-of-type(7), .slider--autumn .slider__box--pattern04:nth-of-type(7), .slider--autumn .slider__box--pattern05:nth-of-type(7), .slider--autumn .slider__box--pattern06:nth-of-type(7), .slider--autumn .slider__box--pattern07:nth-of-type(7), .slider--autumn .slider__box--pattern08:nth-of-type(7), .slider--autumn .slider__box--pattern09:nth-of-type(7), .slider--autumn .slider__box--pattern11:nth-of-type(7), .slider--autumn .slider__box--pattern12:nth-of-type(7) { margin: 120px auto 0; } .slider--winter .slider__box:nth-of-type(7), .slider--winter .slider__box--pattern01:nth-of-type(7), .slider--winter .slider__box--pattern02:nth-of-type(7), .slider--winter .slider__box--pattern03:nth-of-type(7), .slider--winter .slider__box--pattern04:nth-of-type(7), .slider--winter .slider__box--pattern05:nth-of-type(7), .slider--winter .slider__box--pattern06:nth-of-type(7), .slider--winter .slider__box--pattern07:nth-of-type(7), .slider--winter .slider__box--pattern08:nth-of-type(7), .slider--winter .slider__box--pattern09:nth-of-type(7), .slider--winter .slider__box--pattern11:nth-of-type(7), .slider--winter .slider__box--pattern12:nth-of-type(7) { margin-top: 60px; } .slider--autumn .slider__box:nth-of-type(8), .slider--autumn .slider__box--pattern01:nth-of-type(8), .slider--autumn .slider__box--pattern02:nth-of-type(8), .slider--autumn .slider__box--pattern03:nth-of-type(8), .slider--autumn .slider__box--pattern04:nth-of-type(8), .slider--autumn .slider__box--pattern05:nth-of-type(8), .slider--autumn .slider__box--pattern06:nth-of-type(8), .slider--autumn .slider__box--pattern07:nth-of-type(8), .slider--autumn .slider__box--pattern08:nth-of-type(8), .slider--autumn .slider__box--pattern09:nth-of-type(8), .slider--autumn .slider__box--pattern11:nth-of-type(8), .slider--autumn .slider__box--pattern12:nth-of-type(8) { margin: 120px 0 0 auto; } .slider--autumn .slider__box:nth-of-type(8) .slider__numb--even, .slider--autumn .slider__box--pattern01:nth-of-type(8) .slider__numb--even, .slider--autumn .slider__box--pattern02:nth-of-type(8) .slider__numb--even, .slider--autumn .slider__box--pattern03:nth-of-type(8) .slider__numb--even, .slider--autumn .slider__box--pattern04:nth-of-type(8) .slider__numb--even, .slider--autumn .slider__box--pattern05:nth-of-type(8) .slider__numb--even, .slider--autumn .slider__box--pattern06:nth-of-type(8) .slider__numb--even, .slider--autumn .slider__box--pattern07:nth-of-type(8) .slider__numb--even, .slider--autumn .slider__box--pattern08:nth-of-type(8) .slider__numb--even, .slider--autumn .slider__box--pattern09:nth-of-type(8) .slider__numb--even, .slider--autumn .slider__box--pattern11:nth-of-type(8) .slider__numb--even, .slider--autumn .slider__box--pattern12:nth-of-type(8) .slider__numb--even { top: auto; bottom: -55px; } .slider--winter .slider__box:nth-of-type(8), .slider--winter .slider__box--pattern01:nth-of-type(8), .slider--winter .slider__box--pattern02:nth-of-type(8), .slider--winter .slider__box--pattern03:nth-of-type(8), .slider--winter .slider__box--pattern04:nth-of-type(8), .slider--winter .slider__box--pattern05:nth-of-type(8), .slider--winter .slider__box--pattern06:nth-of-type(8), .slider--winter .slider__box--pattern07:nth-of-type(8), .slider--winter .slider__box--pattern08:nth-of-type(8), .slider--winter .slider__box--pattern09:nth-of-type(8), .slider--winter .slider__box--pattern11:nth-of-type(8), .slider--winter .slider__box--pattern12:nth-of-type(8) { margin: 90px auto 0; } .slider__box:nth-of-type(9), .slider__box--pattern01:nth-of-type(9), .slider__box--pattern02:nth-of-type(9), .slider__box--pattern03:nth-of-type(9), .slider__box--pattern04:nth-of-type(9), .slider__box--pattern05:nth-of-type(9), .slider__box--pattern06:nth-of-type(9), .slider__box--pattern07:nth-of-type(9), .slider__box--pattern08:nth-of-type(9), .slider__box--pattern09:nth-of-type(9), .slider__box--pattern11:nth-of-type(9), .slider__box--pattern12:nth-of-type(9) { margin-top: -90px; } .slider__box--pattern10 { margin: 110px auto 0; } .slider__wrap a { -webkit-transition: opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); } .inview .slider__wrap a { opacity: 1; } .slider__wrap a:hover::before { opacity: 1; } .slider__numb, .slider__numb--odd, .slider__numb--even { opacity: 0; -webkit-transform: scale(0.6) translateY(-50px); transform: scale(0.6) translateY(-50px); } .inview .slider__numb, .inview .slider__numb--odd, .inview .slider__numb--even { opacity: 1; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .inview .slider__photo { opacity: 1; } .inview .slider__text { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .slider__box--pattern03 .slider__text { left: 7%; } .inview .slider__message { opacity: 1; } .for-mobile { display: none; } } @media (max-width: 812px) { html, body { width: 100%; height: 100%; } h1, h2, h3, h4, h5, h6, div, dl, dt, dd, p { margin: 0; padding: 0; } .l-footer { padding: 90px 0 40px; } .l-footer__share dd { margin-top: 22px; } .l-footer__follow { margin-top: 55px; } .l-footer__follow dd { font-size: 1.9rem; margin-top: 20px; } .l-footer__logo { height: 34px; margin: 90px auto 0; width: 81px; } .l-footer__copy { font-size: 1.2rem; margin-top: 22px; } .l-header__logo { height: 27px; margin: 12px; width: 65px; } .l-header__menubtn { height: 20px; top: 19px; right: 18px; width: 24px; } .l-header__menubtn.is-active { top: 15px; right: 10px; } .l-header__menubtn-border { height: 20px; width: 24px; } .l-header__menubtn-border span:nth-of-type(2) { top: 9px; } .l-header__openarea nav ul li { font-size: 2.1rem; } .l-header__openarea .c-btn { font-size: 1.9rem; margin-top: 40px; width: 200px; } .l-header__openarea .c-btn__target { margin-top: 45px; } .l-header__inner { height: calc(100% - 100px); overflow-y: auto; padding: 50px 0; width: 100%; } .l-header__follow { margin-top: 70px; } .l-header__follow dt { font-size: 1.5rem; } .l-header__follow dd { font-size: 1.9rem; margin-top: 20px; } .l-header__follow dd span:nth-of-type(1) { height: 32px; width: 32px; } .l-main { font-size: 1.5rem; } .mv { padding-top: 1px; padding-bottom: 20px; } .mv.inview .mv__photo { margin: 30px; } .mv.inview .mv__photo-image { height: 100% !important; } .mv.inview .mv__logo { opacity: 1; } .mv.inview .mv__text { opacity: 1; } .mv__photo { padding-top: 126%; position: relative; } .mv__logo { height: 67px; margin: auto; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 161px; } .mv__text { color: #000; opacity: 0; margin-top: 35px; text-align: center; } .product { padding-top: 50px; } .product__arrow { height: 22px; width: 95%; } .product__arrow li { height: 22px; width: 12px; } .product__arrow li a::before { height: 15px; width: 15px; } .product__inner { margin: 0 auto; width: 84%; } .product__photo { margin: 0 auto; text-align: center; width: 100%; } .product__text { text-align: center; margin: 35px auto 0; width: 90%; } .product__text dl dd { margin-top: 10px; } .product__item { margin: 65px auto 0; } .product__item-list li + li { margin-top: 30px; } .product__item-list li dl { text-align: center; } .product__item-list li dl dd { text-align: center; } .product__item-list .c-btn__cart { margin-top: 10px; } .product__price { margin-top: 10px; } .product__item-sub { margin: 70px auto 0; width: 80%; } .product__item-sub li + li { margin-top: 25px; } .product__item-sub li dl dd { text-decoration: underline; } .shop { padding-bottom: 30px; } .shop h2 { font-size: 3.4rem; } .shop__list { margin: 40px auto 0; width: 84%; } .shop__list dl { padding: 0; } .shop__list dl dt { font-size: 1.7rem; position: relative; padding: 20px 0; } .shop__list dl dt::before { border-right: 1px solid #000; border-bottom: 1px solid #000; height: 8px; content: ""; margin: auto; position: absolute; top: 0; right: 5px; bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; } .shop__list dl dd { display: none; line-height: 2; margin-top: 0; padding-bottom: 20px; } .shop__banner { padding-top: 35%; margin: 75px auto; width: 84%; } .shop__banner-border span { height: 16px; font-size: 2.1rem; width: 171px; } .styling { padding-bottom: 60px; } .p-second .styling { margin-top: 70px; padding: 70px 0 80px; } .styling h2 { font-size: 3.4rem; } .styling h3 { font-size: 2.1rem; margin-top: 65px; } .styling__tab { width: 85%; margin: 65px auto 0; } .p-second .styling__tab { margin: 30px auto 0; width: 85%; } .styling__tab li { font-size: 2.1rem; } .styling__pager, .styling__pager--winter { margin: 30px auto 0; width: 90%; } .styling__pager li, .styling__pager--winter li { height: auto; margin: 11px 0; width: calc(100% / 3 - 9px); } .styling__pager li + li, .styling__pager--winter li + li { margin-left: 6px; } .styling__pager li:nth-of-type(3n + 1), .styling__pager--winter li:nth-of-type(3n + 1) { margin-left: 0; } .styling__pager li a, .styling__pager--winter li a { padding: 3px; } .styling__pager-numb { font-size: 1.9rem; top: -10px; } .c-btn { width: 255px; } .c-btn a { font-size: 1.9rem; } .c-btn a span { padding: 18px 0; } .c-btn__cart { margin: 0 auto; } .c-btn__cart a span { padding: 6px 0; } .c-btn__cart a span img { height: 11px; width: 30px; } .js-inview-fade-late { -webkit-transition: opacity 1.2s; transition: opacity 1.2s; } .slider__box, .slider__box--pattern01, .slider__box--pattern02, .slider__box--pattern03, .slider__box--pattern04, .slider__box--pattern05, .slider__box--pattern06, .slider__box--pattern07, .slider__box--pattern08, .slider__box--pattern09, .slider__box--pattern11, .slider__box--pattern12 { margin: 0 auto 0; padding-top: 150%; position: relative; width: 85%; } .slider__box--pattern10 { margin: 0 auto; padding-top: 80px; width: 85%; } .slider__wrap { height: calc(100% - 70px); position: absolute; top: 70px; left: 0; } .slider__wrap a { -webkit-transition: opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); transition: opacity 1.2s cubic-bezier(0.63, 0.13, 0.42, 0.92); } .is-active .slider__wrap a { opacity: 1; } .slider__numb, .slider__numb--odd, .slider__numb--even { -webkit-transform: scale(0.6) translateY(-50px); transform: scale(0.6) translateY(-50px); } .is-active .slider__numb, .is-active .slider__numb--odd, .is-active .slider__numb--even { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .is-active .slider__photo { opacity: 1; } .slider__text { font-size: 1.3rem; } .is-active .slider__text { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .slider__box--pattern03 .slider__text { right: 7%; } .slider__message { overflow-y: auto; } .inview .slider__message { opacity: 1; } .for-large { display: none; } } /*# sourceMappingURL=../../_cache/_maps/styles.css.map */