@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Quicksand:400,500,700");
@font-face { font-family: 'Times-Sans-Serif'; src: url("../font/Times-Sans-Serif.ttf.woff") format("woff"), url("../font/Times-Sans-Serif.ttf.svg#Times-Sans-Serif") format("svg"), url("../font/Times-Sans-Serif.ttf.eot"), url("../font/Times-Sans-Serif.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
/** Swiper 3.4.2 Most modern mobile touch slider and framework with hardware accelerated transitions  http://www.idangero.us/swiper/  Copyright 2017, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/  Licensed under MIT  Released on: March 10, 2017 */
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

/* Auto Height */
.swiper-container-autoheight { height: auto; }
.swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; }

/* a11y */
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

/* Arrows */
.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.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: 0; right: auto; }

.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-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-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: 0; left: auto; }

.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-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"); }

/* Pagination Styles */
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; }

/* Bullets */
.swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: #ebe1dd; opacity: 1; }
@media (max-width: 768px) { .swiper-pagination-bullet { width: 5px; height: 5px; } }
.swiper-pagination-bullet:hover { background: #f79da9; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }

.swiper-pagination-bullet-active { opacity: 1; background: #d0112b; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
@media (max-width: 768px) { .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2.5px; } }

/* Progress */
.swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; }
.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); }
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; }
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; }

/* 3D Container */
.swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.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-slide-shadow-bottom { 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, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; }

/* Cube + Flip */
.swiper-container-cube, .swiper-container-flip { overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }

/* Cube */
.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active { pointer-events: auto; }
.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; }
.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; }

/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 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, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

/* Preloader */
.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%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-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%; -webkit-background-size: 100%; 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); } }
@keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } }
/*!------------------------------------*\
    Base
\*!------------------------------------*/
.drawer-open { overflow: hidden !important; }

.drawer-nav { position: fixed; z-index: 101; top: 0; overflow: hidden; width: 16.25rem; height: 100%; color: #222; background-color: #fff; }

.drawer-brand { font-size: 1.5rem; font-weight: bold; line-height: 3.75rem; display: block; padding-right: 0.75rem; padding-left: 0.75rem; text-decoration: none; color: #222; }

.drawer-menu { margin: 0; padding: 0; list-style: none; }

.drawer-menu-item { font-size: 1rem; display: block; padding: 0.75rem; text-decoration: none; color: #222; }

.drawer-menu-item:hover { text-decoration: underline; color: #555; background-color: transparent; }

/*! overlay */
.drawer-overlay { position: fixed; z-index: 100; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); }

.drawer-open .drawer-overlay { display: block; }

/*!------------------------------------*\
    Top
\*!------------------------------------*/
.drawer--top .drawer-nav { top: -100%; left: 0; width: 100%; height: 100vh; max-height: 100%; transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }

.drawer--top.drawer-open .drawer-nav { top: 0; }

.drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger { left: 0; }

/*!------------------------------------*\
    Left
\*!------------------------------------*/
.drawer--left .drawer-nav { left: -16.25rem; transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1); }

.drawer--left.drawer-open .drawer-nav, .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger { left: 0; }

.drawer--left.drawer-open .drawer-hamburger { left: 16.25rem; }

/*!------------------------------------*\
    Right
\*!------------------------------------*/
.drawer--right .drawer-nav { right: -16.25rem; transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1); }

.drawer--right.drawer-open .drawer-nav, .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger { right: 0; }

.drawer--right.drawer-open .drawer-hamburger { right: 16.25rem; }

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger { position: fixed; z-index: 104; top: 0; display: block; box-sizing: content-box; width: 20px; height: 40px; padding: 0 10px; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transform: translate3d(0, 0, 0); border: 0; outline: 0; background-color: transparent; }

.drawer-hamburger:hover { cursor: pointer; background-color: transparent; }

.drawer-hamburger-icon { position: relative; display: block; margin-top: 0; }

.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { width: 100%; height: 3px; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); background-color: #eae1dc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.drawer-hamburger-icon:before, .drawer-hamburger-icon:after { position: absolute; top: -7px; left: 0; content: ' '; }

.drawer-hamburger-icon:after { top: 7px; }

.drawer-open .drawer-hamburger-icon { background-color: transparent; }

.drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after { top: 0; }

.drawer-open .drawer-hamburger-icon:before { transform: rotate(45deg); }

.drawer-open .drawer-hamburger-icon:after { transform: rotate(-45deg); }

/*!------------------------------------*\
    accessibility
\*!------------------------------------*/
/*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */
.sr-only { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0; }

/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/
.drawer--sidebar { background-color: #fff; }

.drawer--sidebar .drawer-contents { background-color: #fff; }

@media (min-width: 64em) { .drawer--sidebar .drawer-hamburger { display: none; visibility: hidden; }
  .drawer--sidebar .drawer-nav { display: block; transform: none; position: fixed; width: 12.5rem; height: 100%; }
  /*! Left */
  .drawer--sidebar.drawer--left .drawer-nav { left: 0; border-right: 1px solid #ddd; }
  .drawer--sidebar.drawer--left .drawer-contents { margin-left: 12.5rem; }
  /*! Right */
  .drawer--sidebar.drawer--right .drawer-nav { right: 0; border-left: 1px solid #ddd; }
  .drawer--sidebar.drawer--right .drawer-contents { margin-right: 12.5rem; }
  /*! container */
  .drawer--sidebar .drawer-container { max-width: 48rem; } }
@media (min-width: 75em) { .drawer--sidebar .drawer-nav { width: 16.25rem; }
  .drawer--sidebar.drawer--left .drawer-contents { margin-left: 16.25rem; }
  .drawer--sidebar.drawer--right .drawer-contents { margin-right: 16.25rem; }
  /*! container */
  .drawer--sidebar .drawer-container { max-width: 60rem; } }
/*!------------------------------------*\
    Navbar
\*!------------------------------------*/
.drawer--navbarTopGutter { padding-top: 3.75rem; }

.drawer-navbar .drawer-navbar-header { border-bottom: 1px solid #ddd; background-color: #fff; }

.drawer-navbar { z-index: 102; top: 0; width: 100%; }

/*! .drawer-navbar modifier */
.drawer-navbar--fixed { position: fixed; }

.drawer-navbar-header { position: relative; z-index: 102; box-sizing: border-box; width: 100%; height: 3.75rem; padding: 0 0.75rem; text-align: center; }

.drawer-navbar .drawer-brand { line-height: 3.75rem; display: inline-block; padding-top: 0; padding-bottom: 0; text-decoration: none; }

.drawer-navbar .drawer-brand:hover { background-color: transparent; }

.drawer-navbar .drawer-nav { padding-top: 3.75rem; }

.drawer-navbar .drawer-menu { padding-bottom: 7.5rem; }

@media (min-width: 64em) { .drawer-navbar { height: 3.75rem; border-bottom: 1px solid #ddd; background-color: #fff; }
  .drawer-navbar .drawer-navbar-header { position: relative; display: block; float: left; width: auto; padding: 0; border: 0; }
  .drawer-navbar .drawer-menu--right { float: right; }
  .drawer-navbar .drawer-menu li { float: left; }
  .drawer-navbar .drawer-menu-item { line-height: 3.75rem; padding-top: 0; padding-bottom: 0; }
  .drawer-navbar .drawer-hamburger { display: none; }
  .drawer-navbar .drawer-nav { position: relative; left: 0; overflow: visible; width: auto; height: 3.75rem; padding-top: 0; transform: translate3d(0, 0, 0); }
  .drawer-navbar .drawer-menu { padding: 0; }
  /*! dropdown */
  .drawer-navbar .drawer-dropdown-menu { position: absolute; width: 16.25rem; border: 1px solid #ddd; }
  .drawer-navbar .drawer-dropdown-menu-item { padding-left: 0.75rem; } }
/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
.drawer-dropdown-menu { display: none; box-sizing: border-box; width: 100%; margin: 0; padding: 0; background-color: #fff; }

.drawer-dropdown-menu > li { width: 100%; list-style: none; }

.drawer-dropdown-menu-item { line-height: 3.75rem; display: block; padding: 0; padding-right: 0.75rem; padding-left: 1.5rem; text-decoration: none; color: #222; }

.drawer-dropdown-menu-item:hover { text-decoration: underline; color: #555; background-color: transparent; }

/*! open */
.drawer-dropdown.open > .drawer-dropdown-menu { display: block; }

/*! drawer-caret */
.drawer-dropdown .drawer-caret { display: inline-block; width: 0; height: 0; margin-left: 4px; transition: transform .2s ease, opacity .2s ease; transform: rotate(0deg); vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }

/*! open */
.drawer-dropdown.open .drawer-caret { transform: rotate(180deg); }

/*!------------------------------------*\
    Container
\*!------------------------------------*/
.drawer-container { margin-right: auto; margin-left: auto; }

@media (min-width: 64em) { .drawer-container { max-width: 60rem; } }
@media (min-width: 75em) { .drawer-container { max-width: 70rem; } }
/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-nav .menu { display: block; text-align: center; padding: 30px 0; }
.drawer-nav .menu .vis img { display: block; width: 85px; height: auto; margin: 0 auto; }
.drawer-nav .menu .sns { margin-top: 30px; }
.drawer-nav .menu .sns > ul { text-align: center; margin: 0 -3px; }
.drawer-nav .menu .sns > ul > li { display: inline-block; padding: 0 3px; }
.drawer-nav .menu .sns > ul > li a { display: block; }
.drawer-nav .menu .sns > ul > li a img { width: 30px; height: 30px; }
.drawer-nav .menu .navi { margin-top: 35px; }
.drawer-nav .menu .navi > ul { margin: -10px 0; }
.drawer-nav .menu .navi > ul > li { clear: both; padding: 10px 0; }
.drawer-nav .menu .navi > ul > li a { display: block; color: #000; font-size: 20px; font-weight: 300; font-family: "Quicksand", sans-serif; line-height: 100%; }
.drawer-nav .menu .navi > ul > li.online a { color: #fff; font-weight: 700; background-color: #d0112b; padding: 15px 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.drawer-nav .menu .navi > ul > li.online a:hover { background-color: #a10d21; }
.drawer-nav .menu .close { margin-top: 20px; }
.drawer-nav .menu .close button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; display: inline-block; padding: 0 0; margin: 0 auto; color: #000; font-size: 15px; font-weight: 300; font-family: "Quicksand", sans-serif; line-height: 100%; }
.drawer-nav .menu .close button span { position: relative; width: 0.8em; height: 0.8em; display: inline-block; margin-right: 1em; }
.drawer-nav .menu .close button span:before, .drawer-nav .menu .close button span:after { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 1em; border-top: 1px solid #000; }
.drawer-nav .menu .close button span:before { transform: skewY(-45deg); }
.drawer-nav .menu .close button span:after { transform: skewY(45deg); }

/** Featherlight – ultra slim jQuery lightbox Version 1.7.1 - http://noelboss.github.io/featherlight/  Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com) MIT Licensed.
**/
@media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: transparent; /* ADD */ padding: 15px 15px; }
  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type { background: rgba(0, 0, 0, 0.8); }
  .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; }
  .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 30px 30px 30px; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; /* add custom */ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
  /* contains the content */
  .featherlight .featherlight-inner { /* make sure its visible */ display: block; }
  .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0; right: 0; /* dimensions: 25px x 25px */ line-height: 25px; width: 25px; /* styling */ cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: #fff; /* Set the background in case it overlaps the content */ background: rgba(255, 255, 255, 0.3); color: #000; border: none; padding: 0; }
  /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
  .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; }
  .featherlight .featherlight-image { /* styling */ width: 100%; }
  .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; overflow-y: scroll; /* add custom */ padding: 30px 30px; width: 600px; height: 600px; } }
@media all and (max-width: 768px) { .featherlight-iframe .featherlight-content { width: 90%; height: 75%; } }

@media all { .featherlight iframe { /* styling */ border: none; /* add custom */ width: 100%; height: 100%; }
  .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }
/* handling phones and small screens */
@media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 0; margin-right: 0; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; } }
#textpage { padding-bottom: 40px; }
@media (max-width: 768px) { #textpage { padding-bottom: 20px; } }
#textpage .container { max-width: 640px; }
#textpage section { margin-top: 80px; }
#textpage section:first-child { margin-top: 0; }
@media (max-width: 768px) { #textpage section { margin-top: 40px; } }
#textpage section h2 { font-size: 40px; font-family: "Times-Sans-Serif", sans-serif; text-align: center; line-height: 100%; }
@media (max-width: 768px) { #textpage section h2 { font-size: 20px; } }
#textpage section h3, #textpage section h4, #textpage section h5 { color: #d0112b; font-size: 20px; line-height: 150%; margin-bottom: 15px; }
@media (max-width: 768px) { #textpage section h3, #textpage section h4, #textpage section h5 { font-size: 15px; } }
#textpage section p { margin-top: 15px; font-size: 14px; line-height: 200%; text-align: justify; text-justify: inter-ideograph; color: #000; }
#textpage section p:first-child { margin-top: 0; }
@media (max-width: 768px) { #textpage section p { margin-top: 10px; font-size: 12px; line-height: 150%; } }
#textpage section a { color: #000; }

body.home #header { border-bottom: 0; }
@media (max-width: 768px) { body.home #header { opacity: 1 !important; } }
body.home #wrapper #contents { margin-top: 0; padding: 0 0; }

#home section { padding: 75px 0; }
#home section#news { padding: 50px 0 0; }
#home section.parallax { padding: 0 0; margin: 75px 0; height: 500px; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
#home section#instagram { padding-bottom: 0; }
#home section.banner._single a { display: block; }
#home section.banner._single a img { width: 100%; height: auto; }
#home section.banner._four { max-width: 900px; margin: 0 auto; }
@media (max-width: 768px) { #home section { padding: 25px 0; }
  #home section#news { padding: 25px 0 25px; }
  #home section.parallax { display: none; padding: 0 0; margin: 25px 0; height: 300px; background-attachment: inherit; }
  #home section#collection { padding-top: 50px; }
  #home section#instagram { padding-bottom: 50px; } }
#home .headline { text-align: center; color: #000; font-size: 40px; font-family: "Times-Sans-Serif", sans-serif; font-weight: 300; line-height: 100%; margin-bottom: 40px; }
@media (max-width: 768px) { #home .headline { font-size: 25px; margin-bottom: 20px; } }
#home .list .swiper { padding-bottom: 48px; overflow: hidden; }
#home .list .swiper .swiper-container { padding-left: 50px; padding-right: 50px; overflow: visible; }
#home .list .swiper .swiper-container .swiper-pagination { bottom: -48px; }
#home .list .swiper .swiper-container #button-prev, #home .list .swiper .swiper-container #button-next { border: 0; outline: none; z-index: 10; position: absolute; top: 0; cursor: pointer; background-color: #fff; height: 100%; width: 50px; overflow: hidden; padding: 0 0; }
#home .list .swiper .swiper-container #button-prev:before, #home .list .swiper .swiper-container #button-prev:after, #home .list .swiper .swiper-container #button-next:before, #home .list .swiper .swiper-container #button-next:after { content: ""; display: block; position: absolute; top: 50%; height: 2px; z-index: 1; background-color: #d0112b; width: 28px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#home .list .swiper .swiper-container #button-prev:before, #home .list .swiper .swiper-container #button-next:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -1px; }
#home .list .swiper .swiper-container #button-prev:after, #home .list .swiper .swiper-container #button-next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -1px; }
#home .list .swiper .swiper-container #button-prev:hover:before, #home .list .swiper .swiper-container #button-prev:hover:after, #home .list .swiper .swiper-container #button-next:hover:before, #home .list .swiper .swiper-container #button-next:hover:after { background-color: #a10d21; }
#home .list .swiper .swiper-container #button-next:before, #home .list .swiper .swiper-container #button-next:after { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; right: 1px; }
#home .list .swiper .swiper-container #button-prev:before, #home .list .swiper .swiper-container #button-prev:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; left: 1px; }
#home .list .swiper .swiper-container #button-next, #home .list .swiper .swiper-container .container-rtl #button-prev { right: 0; left: auto; }
#home .list .swiper .swiper-container #button-prev, #home .list .swiper .swiper-container .container-rtl #button-next { left: 0; right: auto; }
#home .list .swiper .swiper-container .swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; }
@media (max-width: 768px) { #home .list .swiper { padding-bottom: 30px; }
  #home .list .swiper .swiper-container { padding-left: 25px; padding-right: 25px; }
  #home .list .swiper .swiper-container .swiper-pagination { bottom: -30px; }
  #home .list .swiper .swiper-container #button-prev, #home .list .swiper .swiper-container #button-next { width: 25px; }
  #home .list .swiper .swiper-container #button-prev:before, #home .list .swiper .swiper-container #button-prev:after, #home .list .swiper .swiper-container #button-next:before, #home .list .swiper .swiper-container #button-next:after { width: 14px; } }
#home .list._news .card, #home .list._staffblog .card { width: 100%; height: 100%; background-color: #ebe1dd; }
#home .list._news .card .img img, #home .list._staffblog .card .img img { display: block; position: absolute; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#home .list._news .card .content, #home .list._staffblog .card .content { padding: 12px 12px; }
#home .list._news .card .content .date, #home .list._staffblog .card .content .date { font-size: 11px; }
#home .list._news .card .content .title, #home .list._staffblog .card .content .title { font-size: 14px; line-height: 150%; }
@media (max-width: 768px) { #home .list._news .card .content, #home .list._staffblog .card .content { padding: 8px 8px; }
  #home .list._news .card .content .date, #home .list._staffblog .card .content .date { font-size: 7px; }
  #home .list._news .card .content .title, #home .list._staffblog .card .content .title { font-size: 8px; } }
#home .list._news a, #home .list._staffblog a { display: block; }
#home .list._news a:hover .img img, #home .list._staffblog a:hover .img img { -webkit-transform: scale(1.05); transform: scale(1.05); }
@media (max-width: 768px) { #home .list._ranking .row { margin-left: -5px; margin-right: -5px; }
  #home .list._ranking .row .column { padding-left: 5px; padding-right: 5px; } }
#home .list._ranking .item a { display: block; position: relative; }
#home .list._ranking .item a:after { position: absolute; z-index: 1; top: -12px; left: -12px; content: ''; }
@media (max-width: 768px) { #home .list._ranking .item a:after { top: 5px !important; left: 5px !important; -moz-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transform-origin: left top; } }
#home .list._ranking .item a:hover .img img { -webkit-transform: scale(1.05); transform: scale(1.05); }
#home .list._ranking .item:nth-child(1) a:after { content: url(../img/ranking_badge_1.png); top: -20px; }
#home .list._ranking .item:nth-child(2) a:after { content: url(../img/ranking_badge_2.png); top: -20px; }
#home .list._ranking .item:nth-child(3) a:after { content: url(../img/ranking_badge_3.png); top: -20px; }
#home .list._ranking .item:nth-child(4) a:after { content: url(../img/ranking_badge_4.png); }
#home .list._ranking .item:nth-child(5) a:after { content: url(../img/ranking_badge_5.png); }
#home .list._ranking .item .img img { position: absolute; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#home .list._ranking .item .content { text-align: center; }
#home .list._ranking .item .content .category { padding: 15px 0; text-align: center; color: #d0112b; font-size: 18px; font-family: "Quicksand", sans-serif; letter-spacing: 0.075em; font-weight: 500; line-height: 100%; }
#home .list._ranking .item .content .category img { display: none; display: block; margin: 0 auto; }
#home .list._ranking .item .content .name, #home .list._ranking .item .content .price { font-size: 14px; line-height: 150%; }
@media (max-width: 768px) { #home .list._ranking .item .content .category { padding: 10px 0 0; } }
#home .list._instagram .row { margin: 0 0; }
#home .list._instagram .row .column { padding: 0 0; margin: 0 0; }
@media (max-width: 768px) { #home .list._instagram .row { padding: 0 15px; }
  #home .list._instagram .row .column:nth-child(n+10) { display: none; } }
#home .list._instagram a { display: block; overflow: hidden; }
#home .list._instagram a img { display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#home .list._instagram a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
#home .list .more { text-align: center; padding-top: 20px; }
#home .list .more a { display: inline-block; color: #fff; font-size: 20px; font-weight: 300; font-family: "Quicksand", sans-serif; letter-spacing: 0.075em; line-height: 100%; min-width: 190px; text-align: center; background-color: #d0112b; padding: 15px 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#home .list .more a:hover { background-color: #a10d21; }
@media (max-width: 768px) { #home .list .more a { font-size: 16px; padding: 10px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; min-width: 150px; } }
#home #hero { width: 100%; height: 100vh; min-height: 540px; position: relative; }
#home #hero .on { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
#home #hero .on .menu { display: inline-block; text-align: center; }
#home #hero .on .menu .vis img { display: block; width: 200px; height: auto; }
#home #hero .on .menu .sns { margin-top: 30px; }
#home #hero .on .menu .sns ul { text-align: center; margin: 0 -3px; }
#home #hero .on .menu .sns ul li { display: inline-block; padding: 0 3px; }
#home #hero .on .menu .sns ul li a { display: block; }
#home #hero .on .menu .sns ul li a img { width: 30px; height: 30px; }
#home #hero .on .menu .navi { margin-top: 35px; }
#home #hero .on .menu .navi ul { margin: -10px 0; }
#home #hero .on .menu .navi ul li { clear: both; padding: 10px 0; }
#home #hero .on .menu .navi ul li a { display: inline-block; color: #000; font-size: 20px; font-weight: 300; font-family: "Quicksand", sans-serif; letter-spacing: 0.075em; line-height: 100%; }
#home #hero .on .menu .navi ul li.online { padding-top: 20px; }
#home #hero .on .menu .navi ul li.online a { color: #fff; letter-spacing: 0; background-color: #d0112b; padding: 15px 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#home #hero .on .menu .navi ul li.online a:hover { background-color: #a10d21; }
#home #hero .bgslide { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#home #hero .bgslide img { object-fit: cover; object-position: top center; font-family: 'object-fit: cover; object-position: top center;'; }
#home #hero .bgslide .swiper-container, #home #hero .bgslide .swiper-container .swiper-wrapper { height: 100%; }
#home #hero .bgslide .swiper-pagination-bullet { background: #999; }
#home #hero .bgslide .swiper-pagination-bullet-active { background: #d0112b; }
#home #hero .bgslide .swiper-pagination { bottom: 5px; }
#home #coordinate .swiper-slide a { display: block; }
#home #coordinate .swiper-slide a .img.ratio { padding-bottom: 128.5714285714286%; }
#home #coordinate .swiper-slide a .img img { position: absolute; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#home #coordinate .swiper-slide a:hover .img img { -webkit-transform: scale(1.05); transform: scale(1.05); }
#home #collection a.item { display: block; }
#home #collection .item img { width: 100%; height: 100%; object-fit: contain; object-position: center; font-family: "object-fit: contain; object-position: center;"; }
#home #collection .item .caption { padding-right: 1em; }
#home #collection .item .caption p { padding-top: 0.5em; font-size: 11px; line-height: 175%; color: #808080; }
#home #collection .item .caption p a { display: inline-block; text-decoration: underline; color: #d0112b; }
@media (max-width: 768px) { #home #collection .item .caption { padding-right: 0; } }
#home #instagram .head { text-align: center; }
#home #instagram .head .headline { margin-bottom: 30px; }
#home #instagram .head .follownow { display: inline-block; margin-bottom: 30px; }
#home #instagram .head .follownow a { display: block; padding: 15px 30px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #000; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#home #instagram .head .follownow a span { color: #000; font-size: 20px; font-weight: 300; font-family: "Quicksand", sans-serif; line-height: 100%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#home #instagram .head .follownow a:before { display: inline-block; content: ''; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../img/ig_follownow.png); margin-right: 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#home #instagram .head .follownow a img { display: none; }
#home #instagram .head .follownow a:hover { color: #fff; background-color: #000; }
#home #instagram .head .follownow a:hover span { color: #fff; }
#home #instagram .head .follownow a:hover:before { -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); }
@media (max-width: 768px) { #home #instagram .head .follownow a { padding: 10px 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
  #home #instagram .head .follownow a span { font-size: 15px; }
  #home #instagram .head .follownow a span:before { width: 15px; height: 15px; } }

/* config */
body.renewal, body.page-id-2277 { /*!------------------------------------*\
    Hamburger
\*!------------------------------------*/ }
body.renewal #header, body.page-id-2277 #header { border-bottom: 0; }
@media (max-width: 768px) { body.renewal #header, body.page-id-2277 #header { opacity: 1 !important; } }
body.renewal #wrapper #contents, body.page-id-2277 #wrapper #contents { margin-top: 0; padding: 0 0; }
@media (max-width: 768px) { body.renewal #wrapper #contents, body.page-id-2277 #wrapper #contents { margin-top: 82px; } }
body.renewal.drawer-open .drawer-hamburger-icon, body.page-id-2277.drawer-open .drawer-hamburger-icon { background-color: transparent !important; }
body.renewal.drawer-open .drawer-hamburger-icon:before, body.renewal.drawer-open .drawer-open .drawer-hamburger-icon:after, body.page-id-2277.drawer-open .drawer-hamburger-icon:before, body.page-id-2277.drawer-open .drawer-open .drawer-hamburger-icon:after { top: 0 !important; }
body.renewal.drawer-open .drawer-hamburger-icon:before, body.page-id-2277.drawer-open .drawer-hamburger-icon:before { transform: rotate(45deg); }
body.renewal.drawer-open .drawer-hamburger-icon:after, body.page-id-2277.drawer-open .drawer-hamburger-icon:after { transform: rotate(-45deg); }
body.renewal .drawer-nav, body.page-id-2277 .drawer-nav { top: -100%; left: 0; width: 100%; height: 100vh; max-height: auto; transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1); height: auto; min-height: 100%; overflow-y: scroll; padding: 0 0; text-align: left; display: block; }
body.renewal .drawer-nav .navi .top, body.page-id-2277 .drawer-nav .navi .top { color: #fff; background-color: #e60012; padding: 40px 30px; position: relative; }
body.renewal .drawer-nav .navi .top .close .drawer-toggle, body.page-id-2277 .drawer-nav .navi .top .close .drawer-toggle { position: absolute; top: 20px; right: 20px; /* button reset */ border: 0; background: none; outline: none; margin: 0 0; display: block; padding: 5px 0; width: 24px; height: 24px; }
body.renewal .drawer-nav .navi .top .close .drawer-toggle .meat, body.page-id-2277 .drawer-nav .navi .top .close .drawer-toggle .meat { display: block; position: relative; height: 2px; background-color: #fff; }
body.renewal .drawer-nav .navi .top .close .drawer-toggle .meat:before, body.renewal .drawer-nav .navi .top .close .drawer-toggle .meat:after, body.page-id-2277 .drawer-nav .navi .top .close .drawer-toggle .meat:before, body.page-id-2277 .drawer-nav .navi .top .close .drawer-toggle .meat:after { content: ''; display: block; position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
body.renewal .drawer-nav .navi .top .close .drawer-toggle .meat:before, body.page-id-2277 .drawer-nav .navi .top .close .drawer-toggle .meat:before { top: -5px; }
body.renewal .drawer-nav .navi .top .close .drawer-toggle .meat:after, body.page-id-2277 .drawer-nav .navi .top .close .drawer-toggle .meat:after { top: 5px; }
body.renewal .drawer-nav .navi .top .close .drawer-toggle .meat, body.page-id-2277 .drawer-nav .navi .top .close .drawer-toggle .meat { background-color: transparent; }
body.renewal .drawer-nav .navi .top .close .drawer-toggle .meat:before, body.renewal .drawer-nav .navi .top .close .drawer-toggle .meat:after, body.page-id-2277 .drawer-nav .navi .top .close .drawer-toggle .meat:before, body.page-id-2277 .drawer-nav .navi .top .close .drawer-toggle .meat:after { top: 0; }
body.renewal .drawer-nav .navi .top .close .drawer-toggle .meat:before, body.page-id-2277 .drawer-nav .navi .top .close .drawer-toggle .meat:before { transform: rotate(45deg); }
body.renewal .drawer-nav .navi .top .close .drawer-toggle .meat:after, body.page-id-2277 .drawer-nav .navi .top .close .drawer-toggle .meat:after { transform: rotate(135deg); }
body.renewal .drawer-nav .navi .top ul.sns, body.page-id-2277 .drawer-nav .navi .top ul.sns { text-align: left; margin: 0 -10px; }
body.renewal .drawer-nav .navi .top ul.sns li, body.page-id-2277 .drawer-nav .navi .top ul.sns li { display: inline-block; padding: 0 10px; }
body.renewal .drawer-nav .navi .top ul.sns li a, body.page-id-2277 .drawer-nav .navi .top ul.sns li a { display: block; }
body.renewal .drawer-nav .navi .top ul.sns li a img, body.page-id-2277 .drawer-nav .navi .top ul.sns li a img { width: 30px; height: 30px; }
body.renewal .drawer-nav .navi .top ul.links, body.page-id-2277 .drawer-nav .navi .top ul.links { margin-top: 12px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
body.renewal .drawer-nav .navi .top ul.links li, body.page-id-2277 .drawer-nav .navi .top ul.links li { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
body.renewal .drawer-nav .navi .top ul.links li a, body.page-id-2277 .drawer-nav .navi .top ul.links li a { color: #fff; font-size: 22px; }
body.renewal .drawer-nav .navi .online, body.page-id-2277 .drawer-nav .navi .online { color: #000; background-color: #fff; padding: 40px 30px; }
body.renewal .drawer-nav .navi .online .h a, body.page-id-2277 .drawer-nav .navi .online .h a { color: #000; font-size: 22.5px; }
body.renewal .drawer-nav .navi .online ul.parent, body.page-id-2277 .drawer-nav .navi .online ul.parent { margin: -5px -5px; }
body.renewal .drawer-nav .navi .online ul.parent > li, body.page-id-2277 .drawer-nav .navi .online ul.parent > li { clear: both; padding: 5px 5px; }
body.renewal .drawer-nav .navi .online ul.child, body.page-id-2277 .drawer-nav .navi .online ul.child { margin: 0 -5px; }
body.renewal .drawer-nav .navi .online ul.child > li, body.page-id-2277 .drawer-nav .navi .online ul.child > li { float: left; padding: 0 5px; }
body.renewal .drawer-nav .navi .online ul.child > li:after, body.page-id-2277 .drawer-nav .navi .online ul.child > li:after { margin-left: 10px; display: inline-block; content: '/'; }
body.renewal .drawer-nav .navi .online ul.child > li:last-child:after, body.page-id-2277 .drawer-nav .navi .online ul.child > li:last-child:after { content: ''; }
body.renewal .drawer-nav .navi .online ul.child > li a, body.page-id-2277 .drawer-nav .navi .online ul.child > li a { color: #000; font-size: 13px; font-weight: bold; }

.hide { display: none; }

.absolute { position: absolute; }

.bg_dotted { background-position: top center; background-repeat: repeat; background-image: url(../img/bg_dotted.png); }
@media (max-width: 768px) { .bg_dotted { background-image: none; } }

/* header */
#header_renewal { padding: 20px 0; }
@media (max-width: 768px) { #header_renewal { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background-color: #fff; } }
#header_renewal #top .flexbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; position: relative; }
@media (max-width: 576px) { #header_renewal #top .flexbox { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } }
#header_renewal #top .flexbox .left { position: absolute; left: 0; /*!------------------------------------*\
    Hamburger
\*!------------------------------------*/ }
#header_renewal #top .flexbox .left .drawer-hamburger { position: static; z-index: 104; top: auto; display: block; box-sizing: content-box; width: 25px; height: 40px; padding: 0 0; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transform: translate3d(0, 0, 0); border: 0; outline: 0; background-color: transparent; }
#header_renewal #top .flexbox .left .drawer-hamburger:hover { cursor: pointer; background-color: transparent; }
#header_renewal #top .flexbox .left .drawer-hamburger-icon { position: relative; display: block; margin-top: 0; }
#header_renewal #top .flexbox .left .drawer-hamburger-icon, #header_renewal #top .flexbox .left .drawer-hamburger-icon:before, #header_renewal #top .flexbox .left .drawer-hamburger-icon:after { width: 100%; height: 3px; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); background-color: #a0a0a0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#header_renewal #top .flexbox .left .drawer-hamburger-icon:before, #header_renewal #top .flexbox .left .drawer-hamburger-icon:after { position: absolute; top: -7px; left: 0; content: ' '; }
#header_renewal #top .flexbox .left .drawer-hamburger-icon:after { top: 7px; }
#header_renewal #top .flexbox .cart { position: absolute; right: 0; }
#header_renewal #top .flexbox .cart img { display: block; width: 21px; }
#header_renewal #top .flexbox .home { margin-right: auto; }
#header_renewal #top .flexbox .home img { display: block; width: 80px; }
@media (max-width: 992px) { #header_renewal #top .flexbox .home { margin: 0 auto; }
  #header_renewal #top .flexbox .home img { width: 110px; } }
#header_renewal #top .flexbox .center { flex: 1; padding: 0 90px; }
@media (max-width: 1200px) { #header_renewal #top .flexbox .center { padding: 0 45px; } }
@media (max-width: 992px) { #header_renewal #top .flexbox .center { display: none; } }
#header_renewal #top .flexbox .center .menu-container { width: 100%; margin: 0 auto; }
#header_renewal #top .flexbox .center .menu-mobile { display: none; padding: 20px; }
#header_renewal #top .flexbox .center .menu-mobile:after { content: "\f394"; font-family: "Ionicons"; font-size: 2.5rem; padding: 0; float: right; position: relative; top: 50%; transform: translateY(-25%); }
#header_renewal #top .flexbox .center .menu-dropdown-icon:before { content: "\f489"; font-family: "Ionicons"; display: none; cursor: pointer; float: right; padding: 1.5em 2em; background: #fff; color: #333; }
#header_renewal #top .flexbox .center ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin: 0 -7px; }
#header_renewal #top .flexbox .center ul > li { padding: 0 7px; }
#header_renewal #top .flexbox .center ul > li a { color: #000; font-size: 18px; font-family: "HelveticaNeue", "Helvetica", sans-serif; font-weight: bold; line-height: 150%; }
#header_renewal #top .flexbox .center ul > li > ul { display: none; width: 100%; background-color: white; padding: 30px 45px; position: absolute; z-index: 99; left: 0; top: 100%; margin-top: 20px; list-style: none;               /* // &:before, &:after { content: ""; display: table; } &:after { clear: both; }
 // &:before, &:after { content: ""; width: 100%; height: 1px; border-bottom: 1px solid #000; } &:after { margin-top: 30px; } */ /*
&:before { margin-bottom: 30px; font-size: 21px; padding-bottom: 1em;
}
&.category { &:before { content: "ITEM CATEGORY"; }
}
&.feature { &:before { content: "FEATURES"; }
}
*/ /*
&.normal-sub { width: 300px; left: auto; padding: 10px 20px; > li { width: 100%; a { border: 0; padding: 1em 0; } }
}
*/ }
#header_renewal #top .flexbox .center ul > li > ul .heading { content: ""; width: 100%; font-size: 21px; line-height: 100%; border-bottom: 1px solid #000; margin-bottom: 30px; padding: 0 0 .5em; }
#header_renewal #top .flexbox .center ul > li > ul .heading:before { content: ''; display: inline-block; width: 13px; height: 18px; background-position: center; background-repeat: no-repeat; background-image: url(../img/icon_itemcategory.png); background-size: contain; margin-right: 20px; }
#header_renewal #top .flexbox .center ul > li > ul > li { width: 25%; float: left; }
@media (min-width: 1200px) { #header_renewal #top .flexbox .center ul > li > ul > li.clearboth-lg { clear: both; } }
@media (max-width: 1200px) { #header_renewal #top .flexbox .center ul > li > ul > li { width: 33.333333333333333%; } }
@media (max-width: 768px) { #header_renewal #top .flexbox .center ul > li > ul > li { width: 50%; } }
#header_renewal #top .flexbox .center ul > li > ul > li a { color: #000; padding: .5em .5em; display: block; font-size: 15px; font-weight: normal; font-family: "HelveticaNeue", "Helvetica", sans-serif; line-height: 150%; /*
&:before { content: ''; width: 7px; height: 7px; border: 1px solid #000; display: inline-block; margin-right: 3.5px;
}
*/ }
#header_renewal #top .flexbox .center ul > li > ul > li > ul { display: block; padding: 0; margin: 10px 0 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#header_renewal #top .flexbox .center ul > li > ul > li > ul:before, #header_renewal #top .flexbox .center ul > li > ul > li > ul:after { content: ""; display: table; }
#header_renewal #top .flexbox .center ul > li > ul > li > ul:after { clear: both; }
#header_renewal #top .flexbox .center ul > li > ul > li > ul > li { float: left; width: 100%; padding: 10px 0; margin: 0; font-size: .8em; }
#header_renewal #top .flexbox .center ul > li > ul > li > ul > li a { border: 0; }
@media (max-width: 768px) { #header_renewal #top .flexbox .center ul > li { display: none; } }
#header_renewal #top .flexbox .right { margin-left: auto; }
@media (max-width: 992px) { #header_renewal #top .flexbox .right { display: none; } }
#header_renewal #top .flexbox .right ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin: 0 -6px; }
#header_renewal #top .flexbox .right ul > li { padding: 0 6px; }
#header_renewal #top .flexbox .right ul > li a img { display: block; width: auto; height: 21px; }
@media (max-width: 768px) { #header_renewal #top .flexbox .right ul > li { display: none; }
  #header_renewal #top .flexbox .right ul > li.cart { display: block; } }

/* footer */
#footer_renewal { padding: 100px 0; background-color: #eaeaea; display: inline-block; text-align: center; }
@media (max-width: 768px) { #footer_renewal { padding: 30px 0; } }
#footer_renewal * { color: #000; }
#footer_renewal .vis { margin-bottom: 45px; }
#footer_renewal .vis img { display: inline-block; width: 140px; height: auto; }
@media (max-width: 768px) { #footer_renewal .vis { margin-bottom: 5px; }
  #footer_renewal .vis img { width: 70px; } }
#footer_renewal .navi ul { text-align: center; margin: 0 -25px; line-height: 1.5; }
#footer_renewal .navi ul li { display: inline-block; line-height: 1.5; padding: 0 25px; }
#footer_renewal .navi ul li a { display: block; color: #000; font-size: 11px; font-weight: bold; line-height: 1.5; }
@media (max-width: 992px) { #footer_renewal .navi ul { margin: 0 -5px; }
  #footer_renewal .navi ul li { padding: 0 5px; } }
#footer_renewal .sns { margin-top: 50px; }
#footer_renewal .sns ul { text-align: center; margin: 0 -20px; }
#footer_renewal .sns ul li { display: inline-block; padding: 0 20px; }
#footer_renewal .sns ul li a { display: block; }
#footer_renewal .sns ul li a img { display: block; width: 40px; height: 40px; }
@media (max-width: 768px) { #footer_renewal .sns { margin-top: 15px; }
  #footer_renewal .sns ul { margin: 0 -7.5px; }
  #footer_renewal .sns ul li { padding: 0 7.5px; }
  #footer_renewal .sns ul li a img { width: 32px; height: 32px; } }
#footer_renewal .copyright { margin: 40px auto 0; }
#footer_renewal .copyright .bnr { margin-bottom: 25px; }
#footer_renewal .copyright .bnr img { display: block; margin: 0 auto; }
#footer_renewal .copyright .text { font-family: "HelveticaNeue", "Helvetica", sans-serif; font-size: 16px; font-weight: bold; }
@media (max-width: 768px) { #footer_renewal .copyright { margin: 15px auto 0; width: 100%; }
  #footer_renewal .copyright .bnr { margin-bottom: 12px; }
  #footer_renewal .copyright .jadore img { width: 129px; }
  #footer_renewal .copyright .jun img { width: 124px; }
  #footer_renewal .copyright .text { margin-top: 0; font-size: 8px; } }

/* page */
#renewal { padding-bottom: 50px; }
#renewal section { padding: 50px 0; }
#renewal section.pt0 { padding-top: 0; }
#renewal section.banner._single a { display: block; }
#renewal section.banner._single a img { width: 100%; height: auto; }
#renewal section.banner._four { max-width: 900px; margin: 0 auto; }
@media (max-width: 768px) { #renewal section { padding: 25px 0; } }
#renewal .headline { text-align: center; color: #000; font-size: 30px; font-family: "HelveticaNeue", "Helvetica", sans-serif; font-weight: bold; line-height: 100%; letter-spacing: .05em; margin-bottom: 1em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; }
#renewal .headline:before, #renewal .headline:after { content: ''; flex-grow: 1; height: 1px; display: block; background: #000; }
#renewal .headline:before { margin-right: 30px; }
#renewal .headline:after { margin-left: 30px; }
@media (max-width: 576px) { #renewal .headline { font-size: 20px; }
  #renewal .headline:before { margin-right: 10px; }
  #renewal .headline:after { margin-left: 10px; } }
#renewal .list .swiper { padding-left: 30px; padding-right: 30px; position: relative; }
#renewal .list .swiper .swiper-container { padding-left: 30px; padding-right: 30px; overflow: hidden; }
#renewal .list .swiper .swiper-pagination { position: relative; margin-top: 15px; width: 100%; text-align: center; }
@media (max-width: 768px) { #renewal .list .swiper .swiper-pagination { margin-top: 0; } }
#renewal .list .swiper .swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; }
#renewal .list .swiper .swiper-pagination-bullet { background-color: #9f9f9f; margin: 0 10px; width: 7px; height: 7px; }
@media (max-width: 768px) { #renewal .list .swiper .swiper-pagination-bullet { margin: 0 3.5px; width: 6px; height: 6px; } }
#renewal .list .swiper .swiper-pagination-bullet-active { background-color: #e60012; }
#renewal .list .swiper #button-prev, #renewal .list .swiper #button-next { border: 0; outline: none; z-index: 10; position: absolute; top: 0; cursor: pointer; background-color: rgba(255, 255, 255, 0); height: 100%; width: 50px; overflow: hidden; padding: 0 0; }
#renewal .list .swiper #button-prev:before, #renewal .list .swiper #button-prev:after, #renewal .list .swiper #button-next:before, #renewal .list .swiper #button-next:after { content: ""; display: block; position: absolute; top: 50%; height: 1px; z-index: 1; background-color: #000; width: 19px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#renewal .list .swiper #button-prev:before, #renewal .list .swiper #button-next:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#renewal .list .swiper #button-prev:after, #renewal .list .swiper #button-next:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#renewal .list .swiper #button-prev:hover:before, #renewal .list .swiper #button-prev:hover:after, #renewal .list .swiper #button-next:hover:before, #renewal .list .swiper #button-next:hover:after { background-color: #e60012; }
#renewal .list .swiper #button-next:before, #renewal .list .swiper #button-next:after { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; right: 1px; }
#renewal .list .swiper #button-prev:before, #renewal .list .swiper #button-prev:after { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; left: 1px; }
#renewal .list .swiper #button-next, #renewal .list .swiper .container-rtl #button-prev { right: 0; left: auto; }
#renewal .list .swiper #button-prev, #renewal .list .swiper .container-rtl #button-next { left: 0; right: auto; }
@media (max-width: 768px) { #renewal .list .swiper { /* .swiper-container { // btn space padding-left: 20px; padding-right: 20px; }
*/ /*
#button-next { &:before { margin-top: 0; } &:after { margin-top: -1px; }
}
#button-prev { &:before { margin-top: -1px; } &:after { margin-top: 0; }
}
*/ }
  #renewal .list .swiper .swiper { padding-left: 40px; padding-right: 40px; }
  #renewal .list .swiper .swiper-container { padding-left: 0; padding-right: 0; }
  #renewal .list .swiper #button-prev:before, #renewal .list .swiper #button-prev:after, #renewal .list .swiper #button-next:before, #renewal .list .swiper #button-next:after { width: 13px; } }
#renewal .list._news .card, #renewal .list._staffblog .card { width: 100%; height: 100%; }
#renewal .list._news .card .img img, #renewal .list._staffblog .card .img img { display: block; position: absolute; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#renewal .list._news .card .content, #renewal .list._staffblog .card .content { padding: 24px 0 0; }
#renewal .list._news .card .content .date, #renewal .list._staffblog .card .content .date { font-family: "HelveticaNeue", "Helvetica", sans-serif; font-size: 14px; font-weight: bold; line-height: 100%; margin-bottom: 14px; }
#renewal .list._news .card .content .english_title, #renewal .list._staffblog .card .content .english_title { font-size: 18px; font-weight: bold; line-height: 150%; margin-bottom: .5em; }
#renewal .list._news .card .content .title, #renewal .list._staffblog .card .content .title { font-size: 15px; line-height: 150%; }
@media (max-width: 768px) { #renewal .list._news .card .content, #renewal .list._staffblog .card .content { padding: 12px 0 0; }
  #renewal .list._news .card .content .date, #renewal .list._staffblog .card .content .date { font-size: 12px; }
  #renewal .list._news .card .content .english_title, #renewal .list._staffblog .card .content .english_title { font-size: 18px; }
  #renewal .list._news .card .content .title, #renewal .list._staffblog .card .content .title { font-size: 15px; } }
#renewal .list._news a, #renewal .list._staffblog a { display: block; }
#renewal .list._news a:hover .img img, #renewal .list._staffblog a:hover .img img { -webkit-transform: scale(1.05); transform: scale(1.05); }
#renewal .list._ranking .row { margin: -20px -20px; }
#renewal .list._ranking .row .column { padding: 20px 20px; }
@media (max-width: 768px) { #renewal .list._ranking .row { margin: -12px -12px; }
  #renewal .list._ranking .row .column { padding: 12px 12px; } }
#renewal .list._ranking .item a { display: block; position: relative; }
#renewal .list._ranking .item a:after { position: absolute; z-index: 1; top: 10px; left: 10px; content: ''; }
@media (max-width: 768px) { #renewal .list._ranking .item a:after { top: 0 !important; left: 0 !important; -moz-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transform-origin: left top; } }
#renewal .list._ranking .item a:hover .img img { -webkit-transform: scale(1.05); transform: scale(1.05); }
#renewal .list._ranking .item:nth-child(1) a:after { content: url(../img/ranking_badge_n1.png); }
#renewal .list._ranking .item:nth-child(2) a:after { content: url(../img/ranking_badge_n2.png); }
#renewal .list._ranking .item:nth-child(3) a:after { content: url(../img/ranking_badge_n3.png); }
#renewal .list._ranking .item:nth-child(4) a:after { content: url(../img/ranking_badge_n4.png); }
#renewal .list._ranking .item:nth-child(5) a:after { content: url(../img/ranking_badge_n5.png); }
#renewal .list._ranking .item:nth-child(6) a:after { content: url(../img/ranking_badge_n6.png); }
#renewal .list._ranking .item .img img { position: absolute; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#renewal .list._ranking .item .content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; border-bottom: 1px solid #000; padding: 25px 0 7.5px; }
#renewal .list._ranking .item .content .category { color: #e60012; font-size: 22px; font-family: "HelveticaNeue", "Helvetica", sans-serif; font-weight: 500; line-height: 100%; }
#renewal .list._ranking .item .content .category img { display: none; display: block; margin: 0 auto; }
#renewal .list._ranking .item .content .price { margin-left: auto; color: #000; font-size: 18px; font-weight: bold; line-height: 100%; }
@media (max-width: 768px) { #renewal .list._ranking .item .content { display: none; } }
#renewal .list._edit .row { margin: -20px -20px; }
#renewal .list._edit .row > .column { padding: 20px 20px; }
@media (max-width: 768px) { #renewal .list._edit .row { margin: -2.5px -2.5px; }
  #renewal .list._edit .row > .column { padding: 2.5px 2.5px; margin: 0 0; } }
#renewal .list._instagram .row { margin: -20px -20px; }
#renewal .list._instagram .row .column { padding: 20px 20px; }
@media (max-width: 768px) { #renewal .list._instagram .row { margin: -2.5px -2.5px; }
  #renewal .list._instagram .row .column { padding: 2.5px 2.5px; margin: 0 0; } }
#renewal .list._instagram a { display: block; overflow: hidden; }
#renewal .list._instagram a img { display: block; width: 100%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#renewal .list._instagram a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
#renewal .list .more { text-align: center; padding-top: 25px; margin: 0 auto; }
#renewal .list .more a { display: inline-block; color: #e60012; font-size: 21px; font-family: "HelveticaNeue", "Helvetica", sans-serif; line-height: 100%; min-width: 252px; text-align: center; background-color: #fff; border: 1px solid #e60012; padding: .25em 1em; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#renewal .list .more a:hover { color: #fff; background-color: #e60012; }
@media (max-width: 768px) { #renewal .list .more { padding-top: 20px; }
  #renewal .list .more a { font-size: 12px; min-width: inherit; } }
#renewal #hero { padding: 0 0; }
#renewal #hero .list { /*padding-bottom: 40px;*/}
#renewal #hero .list .swiper { /*height: 520px*/; padding-left: 0; padding-right: 0; /*
#button-next,
.container-rtl #button-prev { right: 20px;
}
#button-prev,
.container-rtl #button-next { left: 20px;
}
*/ }
#renewal #hero .list .swiper .swiper-container { height: 100%; padding-left: 0; padding-right: 0; overflow: hidden; }
#renewal #hero .list .swiper .swiper-pagination { margin-top: 24px; /* position: absolute; bottom: 15px;
*/ }
#renewal #hero .list .swiper .swiper-pagination-bullet { margin: 0 15px; width: 10px; height: 10px; }
@media (max-width: 768px) { #renewal #hero .list { padding-bottom: 0; }
  #renewal #hero .list .swiper { height: 390px; }
  #renewal #hero .list .swiper .swiper-pagination { position: absolute; bottom: 10px; }
  #renewal #hero .list .swiper .swiper-pagination-bullet { margin: 0 3.5px; width: 6px; height: 6px; } }
#renewal #news { padding-top: 100px; }
@media (max-width: 768px) { #renewal #news { padding-top: 50px; }
  #renewal #news #button-prev:before, #renewal #news #button-prev:after, #renewal #news #button-next:before, #renewal #news #button-next:after { top: 36%; } }
#renewal #coordinate .swiper-slide a { display: block; }
#renewal #coordinate .swiper-slide a .img.ratio { padding-bottom: 177.47%; }
#renewal #coordinate .swiper-slide a .img img { position: absolute; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#renewal #coordinate .swiper-slide a:hover .img img { -webkit-transform: scale(1.05); transform: scale(1.05); }
@media (max-width: 576px) { #renewal #coordinate .swiper { padding-left: 0; padding-right: 0; }
  #renewal #coordinate .button-next, #renewal #coordinate .button-prev { display: none; } }
#renewal #edit .item img { width: 100%; height: auto; }
#renewal #edit .more { padding-top: 0; }
#renewal #collection a.item { display: block; }
#renewal #collection .item img { width: 100%; height: 100%; object-fit: contain; object-position: center; font-family: "object-fit: contain; object-position: center;"; }
#renewal #collection .item .caption { padding-right: 1em; }
#renewal #collection .item .caption p { padding-top: 0.5em; font-size: 11px; line-height: 175%; color: #808080; }
#renewal #collection .item .caption p a { display: inline-block; text-decoration: underline; color: #e60012; }
@media (max-width: 768px) { #renewal #collection .item .caption { padding-right: 0; } }
#renewal #instagram .head { text-align: center; }
#renewal #instagram .head .headline { margin-bottom: 30px; }
#renewal #instagram .head .follownow { display: inline-block; margin-bottom: 30px; }
#renewal #instagram .head .follownow a { display: block; padding: 3px 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 2px solid #e60012; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#renewal #instagram .head .follownow a span { color: #e60012; font-size: 28px; font-weight: 300; font-family: "HelveticaNeue", "Helvetica", sans-serif; line-height: 100%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#renewal #instagram .head .follownow a:before { display: inline-block; content: ''; width: 35px; height: 36px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../img/icon_ig_follownow.png); margin-right: 5px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#renewal #instagram .head .follownow a img { display: none; }
#renewal #instagram .head .follownow a:hover { color: #fff; background-color: #e60012; }
#renewal #instagram .head .follownow a:hover span { color: #fff; }
#renewal #instagram .head .follownow a:hover:before { background-image: url(../img/icon_ig_follownow_hover.png); }
@media (max-width: 768px) { #renewal #instagram .head .follownow { margin-bottom: 20px; }
  #renewal #instagram .head .follownow a { border: 1px solid #e60012; }
  #renewal #instagram .head .follownow a span { font-size: 12px; }
  #renewal #instagram .head .follownow a:before { width: 15px; height: 15px; } }

#news.index .list { padding: 0 0 10px; }
#news.index .list .row { margin: 0 -10px; }
#news.index .list .row .column { padding: 0 10px; margin-bottom: 30px; }
@media (max-width: 768px) { #news.index .list .row { margin: 0 -7.5px; }
  #news.index .list .row .column { padding: 0 7.5px; } }
#news.index .list .card { width: 100%; height: 100%; }
#news.index .list .card .img img { position: absolute; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#news.index .list .card .content { padding: 12px 0 0; }
#news.index .list .card .content .date { color: #d0112b; font-size: 14px; }
#news.index .list .card .content .title { font-size: 14px; line-height: 150%; text-align: justify; text-justify: inter-ideograph; }
@media (max-width: 768px) { #news.index .list .card .content { padding: 6px 0 0; }
  #news.index .list .card .content .date { font-size: 7px; }
  #news.index .list .card .content .title { font-size: 8px; } }
#news.index .list a { display: block; }
#news.index .list a:hover .img img { -webkit-transform: scale(1.05); transform: scale(1.05); }
#news.index .pagenavi { border-top: 1px solid #999; padding: 30px 0 30px; }
#news.index .pagenavi .wp-pagenavi { clear: both; }
#news.index .pagenavi .wp-pagenavi span, #news.index .pagenavi .wp-pagenavi a { display: none; }
#news.index .pagenavi .wp-pagenavi .nextpostslink, #news.index .pagenavi .wp-pagenavi .previouspostslink { display: inline-block; color: #000; font-size: 20px; }
#news.index .pagenavi .wp-pagenavi .previouspostslink { float: left; }
#news.index .pagenavi .wp-pagenavi .previouspostslink:before { content: ''; display: inline-block; margin-right: 10px; width: 0; height: 0; border-style: solid; border-width: 7.5px 13.0px 7.5px 0; border-color: transparent #d0112b transparent transparent; }
#news.index .pagenavi .wp-pagenavi .nextpostslink { float: right; }
#news.index .pagenavi .wp-pagenavi .nextpostslink:after { content: ''; display: inline-block; margin-left: 10px; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 13.0px; border-color: transparent transparent transparent #d0112b; }
#news.single .row { margin-left: -25px; margin-right: -25px; }
#news.single .row .column { padding-left: 25px; padding-right: 25px; position: relative; min-height: 1px; }
#news.single .row .column#post { width: 71%; -webkit-box-flex: 0; -webkit-flex: 0 0 71%; -ms-flex: 0 0 71%; flex: 0 0 71%; max-width: 71%; }
#news.single .row .column#side { width: 29%; -webkit-box-flex: 0; -webkit-flex: 0 0 29%; -ms-flex: 0 0 29%; flex: 0 0 29%; max-width: 29%; }
@media (max-width: 768px) { #news.single .row { margin-left: -15px; margin-right: -15px; }
  #news.single .row .column { padding-left: 15px; padding-right: 15px; }
  #news.single .row .column#post, #news.single .row .column#side { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
#news.single #post .category { padding: 0 0 20px; text-align: center; font-size: 25px; font-family: "Times-Sans-Serif", sans-serif; line-height: 100%; }
#news.single #post .meta { margin-bottom: 15px; }
#news.single #post .meta .date { color: #999; font-size: 14px; }
#news.single #post .meta .title { color: #000; font-size: 24px; font-weight: 700; line-height: 150%; }
@media (max-width: 768px) { #news.single #post .meta .date { font-size: 9px; }
  #news.single #post .meta .title { font-size: 16px; } }
#news.single #post .content .set { margin-top: 50px; }
#news.single #post .content .heading { font-size: 20px; font-weight: 700; line-height: 150%; padding-bottom: 0.5em; border-bottom: 3px solid #d0112b; margin-bottom: 20px; }
@media (max-width: 768px) { #news.single #post .content .heading { font-size: 16px; } }
#news.single #post .content .image, #news.single #post .content .caption { margin-bottom: 15px; }
#news.single #post .content .image a { display: block; }
#news.single #post .content .image img { display: block; }
@media (max-width: 768px) { #news.single #post .content .image.sm-fit { margin-left: -15px; margin-right: -15px; } }
#news.single #post .content .caption { color: #999; }
@media (max-width: 768px) { #news.single #post .content .caption { font-size: 12px; } }
#news.single #post .content .text { font-size: 14px; line-height: 200%; }
#news.single #post .content .text p { font-size: 14px; line-height: 200%; }
#news.single #post .content .text a { display: inline-block; background-color: #f8001a; padding: 20px 50px; color: #fff; font-size: 14px; line-height: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin: 10px 0 20px; }
#news.single #post .content .text a:hover { background-color: #c50015; }
@media (max-width: 768px) { #news.single #post .content .text { font-size: 12px; }
  #news.single #post .content .text p { font-size: 12px; } }
#news.single #post .share { padding-top: 50px; }
@media (max-width: 768px) { #news.single #post .share { padding-bottom: 30px; } }
#news.single #post .share .row { margin-left: -20px; margin-right: -20px; }
#news.single #post .share .row .column { padding-left: 20px; padding-right: 20px; }
@media (max-width: 768px) { #news.single #post .share .row { margin-left: -6px; margin-right: -6px; }
  #news.single #post .share .row .column { padding-left: 6px; padding-right: 6px; } }
#news.single #post .share .btn a { display: block; text-align: center; padding: 12px 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#news.single #post .share .btn a span { color: #fff; font-size: 14px; line-height: 18px; }
#news.single #post .share .btn a:before { margin-right: 15px; content: ''; display: inline-block; width: 18px; height: 18px; background-position: center right; background-repeat: no-repeat; background-size: contain; }
#news.single #post .share .btn a.twitter { background-color: #1da1f2; }
#news.single #post .share .btn a.twitter:before { background-image: url(../img/share_twitter.png); }
#news.single #post .share .btn a.facebook { background-color: #3b5998; }
#news.single #post .share .btn a.facebook:before { background-image: url(../img/share_facebook.png); }
#news.single #post .share .btn a.line { background-color: #00c300; }
#news.single #post .share .btn a.line:before { background-image: url(../img/share_line.png); }
@media (max-width: 768px) { #news.single #post .share .btn a { padding: 12px 6px 12px; display: block; }
  #news.single #post .share .btn a span { margin-top: 6px; display: block; font-size: 10px; }
  #news.single #post .share .btn a:before { margin-right: 0; display: block; width: 100%; height: 36px; background-position: center center; }
  #news.single #post .share .btn a.twitter:before { background-size: auto 80%; }
  #news.single #post .share .btn a.facebook:before { background-size: auto 90%; } }
#news.single #post .banner._double { margin: 0 -15px; }
@media (max-width: 768px) { #news.single #side .newtopics { margin-top: 40px; } }
#news.single #side .newtopics .hl { font-size: 40px; font-family: "Times-Sans-Serif", sans-serif; line-height: 100%; border-bottom: 2px solid #d0112b; text-align: center; padding-bottom: 10px; }
@media (max-width: 768px) { #news.single #side .newtopics .hl { font-size: 25px; } }
#news.single #side .newtopics .more { margin-top: 10px; text-align: right; }
#news.single #side .newtopics .more a { display: inline-block; color: #000; font-size: 20px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#news.single #side .newtopics .more a:after { content: ''; display: inline-block; margin-left: 10px; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 13.0px; border-color: transparent transparent transparent #d0112b; }
#news.single #side .newtopics .more a:hover { color: #d0112b; }
@media (max-width: 768px) { #news.single #side .newtopics .more a { font-size: 15px; }
  #news.single #side .newtopics .more a:after { border-width: 5px 0 5px 8.7px; } }
#news.single #side .newtopics ul li { clear: both; padding: 25px 0; border-bottom: 1px solid #999; }
#news.single #side .newtopics ul li a { display: block; }
#news.single #side .newtopics ul li a .flex { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; }
#news.single #side .newtopics ul li a .img { width: 100px; height: 100px; margin-right: auto; }
#news.single #side .newtopics ul li a .img img { display: block; position: relative; }
#news.single #side .newtopics ul li a .content { -webkit-flex: 1; flex: 1; padding-left: 20px; }
#news.single #side .newtopics ul li a .content .date { color: #999; font-size: 14px; }
#news.single #side .newtopics ul li a .content .title { color: #000; font-size: 14px; line-height: 150%; }
@media (max-width: 768px) { #news.single #side .newtopics ul li { padding: 15px 0; }
  #news.single #side .newtopics ul li a .img { width: 80px; height: 80px; }
  #news.single #side .newtopics ul li a .content { padding-left: 10px; } }
#news.single #side .banners { margin-top: 50px; }
#news.single #side .banners ul li { margin-bottom: 30px; }
#news.single #side .banners ul li a { display: block; }
#news.single #side .banners ul li a img { display: block; }
@media (max-width: 768px) { #news.single #side .banners ul { margin: 0 -5px; }
  #news.single #side .banners ul li { padding: 0 5px; float: left; width: 50%; } }

#important { padding-bottom: 40px; }
@media (max-width: 768px) { #important { padding-bottom: 20px; } }
@media (max-width: 768px) { #important .notfound { font-size: 12px; } }
#important .container { max-width: 640px; }
#important .post { padding: 30px 0; border-bottom: 1px solid #999; }
#important .post:first-child { padding-top: 0; }
#important .post:first-child .year { margin-top: 0 !important; }
#important .post .year { margin: 20px 0; }
#important .post .year span { display: inline-block; background-color: #f8001a; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 8px 30px; color: #fff; font-size: 18px; font-family: "Quicksand", sans-serif; font-weight: 300; line-height: 100%; text-align: center; }
@media (max-width: 768px) { #important .post .year span { font-size: 15px; padding: 8px 15px; } }
#important .post .date { color: #999; font-size: 14px; }
@media (max-width: 768px) { #important .post .date { font-size: 9px; } }
#important .post .title { color: #000; font-size: 18px; font-weight: 700; line-height: 150%; margin-bottom: 15px; }
@media (max-width: 768px) { #important .post .title { font-size: 14px; margin-bottom: 7.5px; } }
#important .post .img img { display: block; position: relative; }
@media (max-width: 768px) { #important .post .img { padding-left: 15px; padding-right: 15px; } }
@media (max-width: 768px) { #important .post .content p { font-size: 12px; } }
#important .pagenavi { padding: 15px 0 15px; }
#important .pagenavi .wp-pagenavi { clear: both; }
#important .pagenavi .wp-pagenavi span, #important .pagenavi .wp-pagenavi a { display: none; }
#important .pagenavi .wp-pagenavi .nextpostslink, #important .pagenavi .wp-pagenavi .previouspostslink { display: inline-block; color: #000; font-size: 14px; }
#important .pagenavi .wp-pagenavi .previouspostslink { float: left; }
#important .pagenavi .wp-pagenavi .previouspostslink:before { content: ''; display: inline-block; margin-right: 10px; width: 0; height: 0; border-style: solid; border-width: 7.5px 13.0px 7.5px 0; border-color: transparent #d0112b transparent transparent; }
#important .pagenavi .wp-pagenavi .nextpostslink { float: right; }
#important .pagenavi .wp-pagenavi .nextpostslink:after { content: ''; display: inline-block; margin-left: 10px; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 13.0px; border-color: transparent transparent transparent #d0112b; }

#concept { padding-bottom: 100px; }
#concept .headline { margin-bottom: 80px; }
@media (max-width: 768px) { #concept { padding-bottom: 40px; }
  #concept .headline { margin-bottom: 30px; } }
#concept #vis, #concept #juze { text-align: center; }
#concept #vis .name, #concept #juze .name { color: #f80019; font-size: 20px; line-height: 150%; }
#concept #vis .copy, #concept #juze .copy { font-size: 14px; line-height: 150%; }
#concept #vis .visual, #concept #juze .visual { margin: 45px auto; max-width: 640px; }
#concept #vis .desc p, #concept #juze .desc p { font-size: 14px; line-height: 200%; }
@media (max-width: 768px) { #concept #vis .visual, #concept #juze .visual { margin: 20px -15px; }
  #concept #vis .desc, #concept #juze .desc { text-align: left; }
  #concept #vis .desc p, #concept #juze .desc p { font-size: 12px; } }
#concept #juze { margin-top: 130px; }
@media (max-width: 768px) { #concept #juze { margin-top: 75px; } }

#shoplist .headline { margin-bottom: 110px; }
@media (max-width: 768px) { #shoplist .headline { margin-bottom: 40px; } }
#shoplist .icon { display: inline-block; width: 20px; height: 20px; line-height: 20px; color: #fff; font-size: 14px; font-family: "Quicksand", sans-serif; font-weight: 700; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #808080; }
#shoplist .icon._vis { background-color: #f8001a; }
#shoplist .icon._rope { background-color: #c5bd00; }
#shoplist .icon._juze { background-color: #dd3a9e; }
#shoplist .icon._adam { background-color: #171575; }
#shoplist #searchBlock { max-width: 800px; margin: 0 auto; }
#shoplist #searchBlock .headline { display: inline-block; background-color: #000; color: #fff; font-size: 14px; text-align: center; min-width: 140px; height: 30px; line-height: 30px; padding: 0 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-right: 15px; margin-bottom: 30px; }
#shoplist #searchBlock .headline:last-child { margin-right: 0; }
@media (max-width: 768px) { #shoplist #searchBlock .headline { margin-bottom: 15px; } }
#shoplist #searchBlock .brand, #shoplist #searchBlock .area { border-bottom: 1px solid #a3a4a4; padding-bottom: 30px; margin-top: 50px; }
#shoplist #searchBlock .brand:first-child, #shoplist #searchBlock .area:first-child { margin-top: 0; }
@media (max-width: 768px) { #shoplist #searchBlock .brand, #shoplist #searchBlock .area { padding-bottom: 15px; margin-top: 25px; } }
#shoplist #searchBlock ul { text-align: left; margin: 0 -15px; }
#shoplist #searchBlock ul li { display: inline-block; padding: 0 15px; font-size: 14px; line-height: 100%; }
#shoplist #searchBlock ul li a { color: #000; font-size: 14px; line-height: 100%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#shoplist #searchBlock ul li a.current { color: #d0112b; }
#shoplist #searchBlock ul li a:hover { color: #f79da9; }
#shoplist #searchBlock ul li .icon { margin-right: 8px; }
#shoplist .areaBlock { margin-top: 90px; }
#shoplist .areaBlock:first-child { margin-top: 0; }
@media (max-width: 768px) { #shoplist .areaBlock { margin-top: 90px; } }
#shoplist .areaBlock ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
#shoplist .areaBlock ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #a3a4a4; position: relative; padding-bottom: 60px; }
#shoplist .areaBlock ul li .btm { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 15px 30px; }
#shoplist .areaBlock ul.onlineshop li { padding: 45px 15px; }
@media (max-width: 990px) { #shoplist .areaBlock ul li{} #shoplist .areaBlock ul li .address{line-height: 1.5;}}
@media (max-width: 768px) { #shoplist .areaBlock ul.onlineshop li { padding: 15px 0; } }
@media (max-width: 768px) { #shoplist .areaBlock ul { margin-right: 0; margin-left: 0; }
  #shoplist .areaBlock ul li { padding-left: 0; padding-right: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-top: 10px; padding-bottom: 15px; }
  #shoplist .areaBlock ul li .btm { position: static; padding: 0 0 0; } }
#shoplist .areaBlock * { font-size: 14px; }
#shoplist .areaBlock h3 { display: inline-block; background-color: #000; color: #fff; font-size: 14px; text-align: center; min-width: 140px; height: 30px; line-height: 30px; padding: 0 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#shoplist .areaBlock h4 a { text-decoration: underline; color: #000; }
#shoplist .areaBlock .address { margin-bottom: 0.5em; }
#shoplist .areaBlock .img { border: 1px solid #a3a4a4; margin-bottom: 0.75em; }
#shoplist .areaBlock .img img { width: 100%; height: auto; display: block; }
#shoplist .areaBlock .img a { display: block; opacity: 1; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#shoplist .areaBlock .img a:hover { opacity: 0.5; }
#shoplist .areaBlock .note { margin-top: 0.5em; }
#shoplist .areaBlock ._map a, #shoplist .areaBlock .map a { display: inline-block; border: 1px solid #000; color: #000; font-size: 14px; font-family: "Quicksand", sans-serif; font-weight: 700; line-height: 100%; text-align: center; padding: 8px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#shoplist .areaBlock ._map a:hover, #shoplist .areaBlock .map a:hover { color: #fff; background-color: #000; }
#shoplist .areaBlock .btn { padding-top: 15px; margin: 0 -2.5px; }
#shoplist .areaBlock .btn .icon { margin: 0 2.5px; }

#memberscard { padding-bottom: 70px; }
@media (max-width: 768px) { #memberscard { padding-bottom: 0; } }
#memberscard .container { max-width: 640px; }
#memberscard .heading { color: #f80019; font-size: 22px; font-weight: 500; font-family: "Quicksand", sans-serif; }
@media (max-width: 768px) { #memberscard .heading { font-size: 16px; } }
#memberscard .desc { font-size: 14px; line-height: 200%; }
@media (max-width: 768px) { #memberscard .desc { font-size: 12px; } }
#memberscard .details { margin-top: 30px; padding: 25px 30px; border: 2px solid #d0112b; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
@media (max-width: 768px) { #memberscard .details { padding: 15px 20px; } }
#memberscard .details ul li { clear: both; margin-top: 30px; }
#memberscard .details ul li:first-child { margin-top: 0; }
#memberscard .details .hl { font-size: 16px; font-weight: 700; line-height: 150%; }
#memberscard .details .txt { font-size: 14px; line-height: 200%; }
@media (max-width: 768px) { #memberscard .details .hl { font-size: 14px; }
  #memberscard .details .txt { font-size: 12px; } }
#memberscard .link { text-align: center; padding-top: 40px; }
#memberscard .link a { display: inline-block; color: #fff; font-size: 20px; font-weight: 300; font-family: "Quicksand", sans-serif; letter-spacing: 0.075em; line-height: 100%; min-width: 190px; text-align: center; background-color: #d0112b; padding: 15px 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#memberscard .link a:hover { background-color: #a10d21; }
@media (max-width: 768px) { #memberscard .link { padding-top: 20px; }
  #memberscard .link a { font-size: 16px; padding: 10px 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; min-width: 150px; } }

.more-text{
margin-top: -20px;
margin-bottom: 2.5em;
text-align: center;
font-size: 18px;	
}

.more-text a{
	font-weight: bold;
}

@media (max-width: 768px) { 
	.more-text{
		margin-top: -15px;
		font-size: 15px;		
	}
}