html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline } html { line-height: 1 } ol, ul { list-style: none } table { border-collapse: collapse; border-spacing: 0 } caption, th, td { text-align: left; vertical-align: middle } q, blockquote { quotes: none } q:before, q:after { content: ""; content: none } blockquote:before, blockquote:after { content: ""; content: none } a img { border: none } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; margin: 0 auto } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .swiper-invisible-blank-slide { visibility: hidden } .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; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-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; 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, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) } .swiper-container-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-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: 10px; right: auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33) } .swiper-pagination-bullet { display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; line-height: 1; vertical-align: bottom } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: #e5368e } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #e5368e; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000 } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000 } .swiper-pagination-lock { display: none } .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 } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container>img, .swiper-zoom-container>svg, .swiper-zoom-container>canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active { pointer-events: auto } .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active { pointer-events: auto; pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .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-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .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 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } .swiper-container { width: 100%; height: 100% } .swiper-slide { text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .fw .f-inner { display: block; max-width: 1230px; margin: 0 auto; padding: 0 } .fw .f-inner::after { content: ""; display: table; clear: both } .fw .clearfix::after { content: ""; display: table; clear: both } @media screen and (max-width: 767px) { .fw { min-width: 767px } } @media screen and (max-width: 767px) { .fw .f-display_xs:not(.f-display_s) { display: none } .fw .f-display_over { display: none } } @media screen and (max-width: 767px) { .fw .f-display_m:not(.f-display_s) { display: none } } @media screen and (max-width: 767px) { .fw .f-display_l:not(.f-display_s) { display: none } } @media screen and (max-width: 767px) { .fw .f-display_xl:not(.f-display_s) { display: none } } @media screen and (min-width: 768px) { .fw .f-display_xs:not(.f-display_m) { display: none } .fw .f-display_over { display: none } } @media screen and (min-width: 768px) { .fw .f-display_s:not(.f-display_m) { display: none } } @media screen and (min-width: 768px) { .fw .f-display_l:not(.f-display_m) { display: none } } @media screen and (min-width: 768px) { .fw .f-display_xl:not(.f-display_m) { display: none } } html { overflow: auto; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } .fw * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100% } .fw a { cursor: pointer; color: #434343; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .fw img { max-width: 100%; height: auto; vertical-align: middle } .fw section::after { content: ""; display: table; clear: both } .fw section.f-section { margin-top: 60px } .fw sup { vertical-align: super; line-height: 1 } .fw sub { vertical-align: sub; line-height: 1 } .fw strong { font-weight: bold } .fw button { cursor: pointer } .fw button, .fw input { font-family: "Noto Sans JP", sans-serif } .fw input[type="text"], .fw input[type="tel"], .fw input[type="email"], .fw textarea, .fw input[type="submit"] { -webkit-appearance: none; border-radius: 0 } .fw .f-col { margin-left: -15px; margin-right: -15px } .fw .f-col::after { content: ""; display: table; clear: both } .fw .f-col>* { padding-left: 15px; padding-right: 15px } .fw .f-col>* { float: left } .fw .f-col>.f-col1 { width: 8.33333% } .fw .f-col>.f-col2 { width: 16.66667% } .fw .f-col>.f-col3 { width: 25% } .fw .f-col>.f-col4 { width: 33.33333% } .fw .f-col>.f-col5 { width: 41.66667% } .fw .f-col>.f-col6 { width: 50% } .fw .f-col>.f-col7 { width: 58.33333% } .fw .f-col>.f-col8 { width: 66.66667% } .fw .f-col>.f-col9 { width: 75% } .fw .f-col>.f-col10 { width: 83.33333% } .fw .f-col>.f-col11 { width: 91.66667% } .fw .f-col>.f-col12 { width: 100% } .fw .f-col>.f-col_fifth { width: 20% } @media screen and (max-width: 767px) { .fw .f-col>.f-col1_s { width: 8.33333% } .fw .f-col>.f-col2_s { width: 16.66667% } .fw .f-col>.f-col3_s { width: 25% } .fw .f-col>.f-col4_s { width: 33.33333% } .fw .f-col>.f-col5_s { width: 41.66667% } .fw .f-col>.f-col6_s { width: 50% } .fw .f-col>.f-col7_s { width: 58.33333% } .fw .f-col>.f-col8_s { width: 66.66667% } .fw .f-col>.f-col9_s { width: 75% } .fw .f-col>.f-col10_s { width: 83.33333% } .fw .f-col>.f-col11_s { width: 91.66667% } .fw .f-col>.f-col12_s { width: 100% } .fw .f-col>.f-col_fifth_s { width: 20% } } .fw .f-col.f-col_mg0 { margin-left: 0px; margin-right: 0px } .fw .f-col.f-col_mg0>* { padding-left: 0px; padding-right: 0px } .fw .f-col.f-col_mg5 { margin-left: -2.5px; margin-right: -2.5px } .fw .f-col.f-col_mg5>* { padding-left: 2.5px; padding-right: 2.5px } .fw .f-col.f-col_mg10 { margin-left: -5px; margin-right: -5px } .fw .f-col.f-col_mg10>* { padding-left: 5px; padding-right: 5px } .fw .f-col.f-col_mg15 { margin-left: -7.5px; margin-right: -7.5px } .fw .f-col.f-col_mg15>* { padding-left: 7.5px; padding-right: 7.5px } .fw .f-col.f-col_mg20 { margin-left: -10px; margin-right: -10px } .fw .f-col.f-col_mg20>* { padding-left: 10px; padding-right: 10px } .fw .f-col.f-col_mg25 { margin-left: -12.5px; margin-right: -12.5px } .fw .f-col.f-col_mg25>* { padding-left: 12.5px; padding-right: 12.5px } .fw .f-col.f-col_mg30 { margin-left: -15px; margin-right: -15px } .fw .f-col.f-col_mg30>* { padding-left: 15px; padding-right: 15px } .fw .f-col.f-col_mg35 { margin-left: -17.5px; margin-right: -17.5px } .fw .f-col.f-col_mg35>* { padding-left: 17.5px; padding-right: 17.5px } .fw .f-col.f-col_mg40 { margin-left: -20px; margin-right: -20px } .fw .f-col.f-col_mg40>* { padding-left: 20px; padding-right: 20px } .fw .f-col.f-col_mg45 { margin-left: -22.5px; margin-right: -22.5px } .fw .f-col.f-col_mg45>* { padding-left: 22.5px; padding-right: 22.5px } .fw .f-col.f-col_mg50 { margin-left: -25px; margin-right: -25px } .fw .f-col.f-col_mg50>* { padding-left: 25px; padding-right: 25px } .fw .f-col.f-col_mg55 { margin-left: -27.5px; margin-right: -27.5px } .fw .f-col.f-col_mg55>* { padding-left: 27.5px; padding-right: 27.5px } .fw .f-col.f-col_mg60 { margin-left: -30px; margin-right: -30px } .fw .f-col.f-col_mg60>* { padding-left: 30px; padding-right: 30px } .fw .f-col.f-col_mg65 { margin-left: -32.5px; margin-right: -32.5px } .fw .f-col.f-col_mg65>* { padding-left: 32.5px; padding-right: 32.5px } .fw .f-col.f-col_mg70 { margin-left: -35px; margin-right: -35px } .fw .f-col.f-col_mg70>* { padding-left: 35px; padding-right: 35px } .fw .f-col.f-col_mg75 { margin-left: -37.5px; margin-right: -37.5px } .fw .f-col.f-col_mg75>* { padding-left: 37.5px; padding-right: 37.5px } .fw .f-col.f-col_mg80 { margin-left: -40px; margin-right: -40px } .fw .f-col.f-col_mg80>* { padding-left: 40px; padding-right: 40px } @media screen and (max-width: 767px) { .fw .f-col.f-col_mg0_s { margin-left: 0px; margin-right: 0px } .fw .f-col.f-col_mg0_s>* { padding-left: 0px; padding-right: 0px } .fw .f-col.f-col_mg5_s { margin-left: -2.5px; margin-right: -2.5px } .fw .f-col.f-col_mg5_s>* { padding-left: 2.5px; padding-right: 2.5px } .fw .f-col.f-col_mg10_s { margin-left: -5px; margin-right: -5px } .fw .f-col.f-col_mg10_s>* { padding-left: 5px; padding-right: 5px } .fw .f-col.f-col_mg15_s { margin-left: -7.5px; margin-right: -7.5px } .fw .f-col.f-col_mg15_s>* { padding-left: 7.5px; padding-right: 7.5px } .fw .f-col.f-col_mg20_s { margin-left: -10px; margin-right: -10px } .fw .f-col.f-col_mg20_s>* { padding-left: 10px; padding-right: 10px } .fw .f-col.f-col_mg25_s { margin-left: -12.5px; margin-right: -12.5px } .fw .f-col.f-col_mg25_s>* { padding-left: 12.5px; padding-right: 12.5px } .fw .f-col.f-col_mg30_s { margin-left: -15px; margin-right: -15px } .fw .f-col.f-col_mg30_s>* { padding-left: 15px; padding-right: 15px } .fw .f-col.f-col_mg35_s { margin-left: -17.5px; margin-right: -17.5px } .fw .f-col.f-col_mg35_s>* { padding-left: 17.5px; padding-right: 17.5px } .fw .f-col.f-col_mg40_s { margin-left: -20px; margin-right: -20px } .fw .f-col.f-col_mg40_s>* { padding-left: 20px; padding-right: 20px } .fw .f-col.f-col_mg45_s { margin-left: -22.5px; margin-right: -22.5px } .fw .f-col.f-col_mg45_s>* { padding-left: 22.5px; padding-right: 22.5px } .fw .f-col.f-col_mg50_s { margin-left: -25px; margin-right: -25px } .fw .f-col.f-col_mg50_s>* { padding-left: 25px; padding-right: 25px } .fw .f-col.f-col_mg55_s { margin-left: -27.5px; margin-right: -27.5px } .fw .f-col.f-col_mg55_s>* { padding-left: 27.5px; padding-right: 27.5px } .fw .f-col.f-col_mg60_s { margin-left: -30px; margin-right: -30px } .fw .f-col.f-col_mg60_s>* { padding-left: 30px; padding-right: 30px } .fw .f-col.f-col_mg65_s { margin-left: -32.5px; margin-right: -32.5px } .fw .f-col.f-col_mg65_s>* { padding-left: 32.5px; padding-right: 32.5px } .fw .f-col.f-col_mg70_s { margin-left: -35px; margin-right: -35px } .fw .f-col.f-col_mg70_s>* { padding-left: 35px; padding-right: 35px } .fw .f-col.f-col_mg75_s { margin-left: -37.5px; margin-right: -37.5px } .fw .f-col.f-col_mg75_s>* { padding-left: 37.5px; padding-right: 37.5px } .fw .f-col.f-col_mg80_s { margin-left: -40px; margin-right: -40px } .fw .f-col.f-col_mg80_s>* { padding-left: 40px; padding-right: 40px } } .fw .f-col.f-col_mb0 { margin-bottom: -0px } .fw .f-col.f-col_mb0>* { margin-bottom: 0px } .fw .f-col.f-col_mb5 { margin-bottom: -5px } .fw .f-col.f-col_mb5>* { margin-bottom: 5px } .fw .f-col.f-col_mb10 { margin-bottom: -10px } .fw .f-col.f-col_mb10>* { margin-bottom: 10px } .fw .f-col.f-col_mb15 { margin-bottom: -15px } .fw .f-col.f-col_mb15>* { margin-bottom: 15px } .fw .f-col.f-col_mb20 { margin-bottom: -20px } .fw .f-col.f-col_mb20>* { margin-bottom: 20px } .fw .f-col.f-col_mb25 { margin-bottom: -25px } .fw .f-col.f-col_mb25>* { margin-bottom: 25px } .fw .f-col.f-col_mb30 { margin-bottom: -30px } .fw .f-col.f-col_mb30>* { margin-bottom: 30px } .fw .f-col.f-col_mb35 { margin-bottom: -35px } .fw .f-col.f-col_mb35>* { margin-bottom: 35px } .fw .f-col.f-col_mb40 { margin-bottom: -40px } .fw .f-col.f-col_mb40>* { margin-bottom: 40px } .fw .f-col.f-col_mb45 { margin-bottom: -45px } .fw .f-col.f-col_mb45>* { margin-bottom: 45px } .fw .f-col.f-col_mb50 { margin-bottom: -50px } .fw .f-col.f-col_mb50>* { margin-bottom: 50px } .fw .f-col.f-col_mb55 { margin-bottom: -55px } .fw .f-col.f-col_mb55>* { margin-bottom: 55px } .fw .f-col.f-col_mb60 { margin-bottom: -60px } .fw .f-col.f-col_mb60>* { margin-bottom: 60px } .fw .f-col.f-col_mb65 { margin-bottom: -65px } .fw .f-col.f-col_mb65>* { margin-bottom: 65px } .fw .f-col.f-col_mb70 { margin-bottom: -70px } .fw .f-col.f-col_mb70>* { margin-bottom: 70px } .fw .f-col.f-col_mb75 { margin-bottom: -75px } .fw .f-col.f-col_mb75>* { margin-bottom: 75px } .fw .f-col.f-col_mb80 { margin-bottom: -80px } .fw .f-col.f-col_mb80>* { margin-bottom: 80px } @media screen and (max-width: 767px) { .fw .f-col.f-col_mb0_s { margin-bottom: -0px } .fw .f-col.f-col_mb0_s>* { margin-bottom: 0px } .fw .f-col.f-col_mb5_s { margin-bottom: -5px } .fw .f-col.f-col_mb5_s>* { margin-bottom: 5px } .fw .f-col.f-col_mb10_s { margin-bottom: -10px } .fw .f-col.f-col_mb10_s>* { margin-bottom: 10px } .fw .f-col.f-col_mb15_s { margin-bottom: -15px } .fw .f-col.f-col_mb15_s>* { margin-bottom: 15px } .fw .f-col.f-col_mb20_s { margin-bottom: -20px } .fw .f-col.f-col_mb20_s>* { margin-bottom: 20px } .fw .f-col.f-col_mb25_s { margin-bottom: -25px } .fw .f-col.f-col_mb25_s>* { margin-bottom: 25px } .fw .f-col.f-col_mb30_s { margin-bottom: -30px } .fw .f-col.f-col_mb30_s>* { margin-bottom: 30px } .fw .f-col.f-col_mb35_s { margin-bottom: -35px } .fw .f-col.f-col_mb35_s>* { margin-bottom: 35px } .fw .f-col.f-col_mb40_s { margin-bottom: -40px } .fw .f-col.f-col_mb40_s>* { margin-bottom: 40px } .fw .f-col.f-col_mb45_s { margin-bottom: -45px } .fw .f-col.f-col_mb45_s>* { margin-bottom: 45px } .fw .f-col.f-col_mb50_s { margin-bottom: -50px } .fw .f-col.f-col_mb50_s>* { margin-bottom: 50px } .fw .f-col.f-col_mb55_s { margin-bottom: -55px } .fw .f-col.f-col_mb55_s>* { margin-bottom: 55px } .fw .f-col.f-col_mb60_s { margin-bottom: -60px } .fw .f-col.f-col_mb60_s>* { margin-bottom: 60px } .fw .f-col.f-col_mb65_s { margin-bottom: -65px } .fw .f-col.f-col_mb65_s>* { margin-bottom: 65px } .fw .f-col.f-col_mb70_s { margin-bottom: -70px } .fw .f-col.f-col_mb70_s>* { margin-bottom: 70px } .fw .f-col.f-col_mb75_s { margin-bottom: -75px } .fw .f-col.f-col_mb75_s>* { margin-bottom: 75px } .fw .f-col.f-col_mb80_s { margin-bottom: -80px } .fw .f-col.f-col_mb80_s>* { margin-bottom: 80px } } .fw .f-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: -15px; margin-right: -15px } .fw .f-flex>* { margin-left: 15px; margin-right: 15px } .fw .f-flex>.f-flex1 { width: calc( 8.33333% - 30px) } .fw .f-flex>.f-flex1_5 { width: calc( 13.66667% - 30px) } .fw .f-flex>.f-flex2 { width: calc( 16.66667% - 30px) } .fw .f-flex>.f-flex3 { width: calc( 25% - 30px) } .fw .f-flex>.f-flex4 { width: calc( 33.33333% - 30px) } .fw .f-flex>.f-flex5 { width: calc( 41.66667% - 30px) } .fw .f-flex>.f-flex6 { width: calc( 50% - 30px) } .fw .f-flex>.f-flex7 { width: calc( 58.33333% - 30px) } .fw .f-flex>.f-flex8 { width: calc( 66.66667% - 30px) } .fw .f-flex>.f-flex9 { width: calc( 75% - 30px) } .fw .f-flex>.f-flex10 { width: calc( 83.33333% - 30px) } .fw .f-flex>.f-flex11 { width: calc( 91.66667% - 30px) } .fw .f-flex>.f-flex12 { width: calc( 100% - 30px) } .fw .f-flex>.f-flex_fifth { width: calc( 20% - 30px) } @media screen and (max-width: 767px) { .fw .f-flex>.f-flex1_s { width: calc( 8.33333% - 30px) } .fw .f-flex>.f-flex2_s { width: calc( 16.66667% - 30px) } .fw .f-flex>.f-flex3_s { width: calc( 25% - 30px) } .fw .f-flex>.f-flex4_s { width: calc( 33.33333% - 30px) } .fw .f-flex>.f-flex5_s { width: calc( 41.66667% - 30px) } .fw .f-flex>.f-flex6_s { width: calc( 50% - 30px) } .fw .f-flex>.f-flex7_s { width: calc( 58.33333% - 30px) } .fw .f-flex>.f-flex8_s { width: calc( 66.66667% - 30px) } .fw .f-flex>.f-flex9_s { width: calc( 75% - 30px) } .fw .f-flex>.f-flex10_s { width: calc( 83.33333% - 30px) } .fw .f-flex>.f-flex11_s { width: calc( 91.66667% - 30px) } .fw .f-flex>.f-flex12_s { width: calc( 100% - 30px) } .fw .f-flex>.f-flex_fifth_s { width: calc( 20% - 30px) } } .fw .f-flex.f-flex_mg0 { margin-left: -0px; margin-right: -0px } .fw .f-flex.f-flex_mg0>* { margin-left: 0px; margin-right: 0px } .fw .f-flex.f-flex_mg0>.f-flex1 { width: calc( 8.33333% - 0px) } .fw .f-flex.f-flex_mg0>.f-flex2 { width: calc( 16.66667% - 0px) } .fw .f-flex.f-flex_mg0>.f-flex3 { width: calc( 25% - 0px) } .fw .f-flex.f-flex_mg0>.f-flex4 { width: calc( 33.33333% - 0px) } .fw .f-flex.f-flex_mg0>.f-flex5 { width: calc( 41.66667% - 0px) } .fw .f-flex.f-flex_mg0>.f-flex6 { width: calc( 50% - 0px) } .fw .f-flex.f-flex_mg0>.f-flex7 { width: calc( 58.33333% - 0px) } .fw .f-flex.f-flex_mg0>.f-flex8 { width: calc( 66.66667% - 0px) } .fw .f-flex.f-flex_mg0>.f-flex9 { width: calc( 75% - 0px) } .fw .f-flex.f-flex_mg0>.f-flex10 { width: calc( 83.33333% - 0px) } .fw .f-flex.f-flex_mg0>.f-flex11 { width: calc( 91.66667% - 0px) } .fw .f-flex.f-flex_mg0>.f-flex12 { width: calc( 100% - 0px) } .fw .f-flex.f-flex_mg0>.f-flex_fifth { width: calc( 20% - 0px) } .fw .f-flex.f-flex_mg5 { margin-left: -2.5px; margin-right: -2.5px } .fw .f-flex.f-flex_mg5>* { margin-left: 2.5px; margin-right: 2.5px } .fw .f-flex.f-flex_mg5>.f-flex1 { width: calc( 8.33333% - 5px) } .fw .f-flex.f-flex_mg5>.f-flex2 { width: calc( 16.66667% - 5px) } .fw .f-flex.f-flex_mg5>.f-flex3 { width: calc( 25% - 5px) } .fw .f-flex.f-flex_mg5>.f-flex4 { width: calc( 33.33333% - 5px) } .fw .f-flex.f-flex_mg5>.f-flex5 { width: calc( 41.66667% - 5px) } .fw .f-flex.f-flex_mg5>.f-flex6 { width: calc( 50% - 5px) } .fw .f-flex.f-flex_mg5>.f-flex7 { width: calc( 58.33333% - 5px) } .fw .f-flex.f-flex_mg5>.f-flex8 { width: calc( 66.66667% - 5px) } .fw .f-flex.f-flex_mg5>.f-flex9 { width: calc( 75% - 5px) } .fw .f-flex.f-flex_mg5>.f-flex10 { width: calc( 83.33333% - 5px) } .fw .f-flex.f-flex_mg5>.f-flex11 { width: calc( 91.66667% - 5px) } .fw .f-flex.f-flex_mg5>.f-flex12 { width: calc( 100% - 5px) } .fw .f-flex.f-flex_mg5>.f-flex_fifth { width: calc( 20% - 5px) } .fw .f-flex.f-flex_mg10 { margin-left: -5px; margin-right: -5px } .fw .f-flex.f-flex_mg10>* { margin-left: 5px; margin-right: 5px } .fw .f-flex.f-flex_mg10>.f-flex1 { width: calc( 8.33333% - 10px) } .fw .f-flex.f-flex_mg10>.f-flex2 { width: calc( 16.66667% - 10px) } .fw .f-flex.f-flex_mg10>.f-flex3 { width: calc( 25% - 10px) } .fw .f-flex.f-flex_mg10>.f-flex4 { width: calc( 33.33333% - 10px) } .fw .f-flex.f-flex_mg10>.f-flex5 { width: calc( 41.66667% - 10px) } .fw .f-flex.f-flex_mg10>.f-flex6 { width: calc( 50% - 10px) } .fw .f-flex.f-flex_mg10>.f-flex7 { width: calc( 58.33333% - 10px) } .fw .f-flex.f-flex_mg10>.f-flex8 { width: calc( 66.66667% - 10px) } .fw .f-flex.f-flex_mg10>.f-flex9 { width: calc( 75% - 10px) } .fw .f-flex.f-flex_mg10>.f-flex10 { width: calc( 83.33333% - 10px) } .fw .f-flex.f-flex_mg10>.f-flex11 { width: calc( 91.66667% - 10px) } .fw .f-flex.f-flex_mg10>.f-flex12 { width: calc( 100% - 10px) } .fw .f-flex.f-flex_mg10>.f-flex_fifth { width: calc( 20% - 10px) } .fw .f-flex.f-flex_mg15 { margin-left: -7.5px; margin-right: -7.5px } .fw .f-flex.f-flex_mg15>* { margin-left: 7.5px; margin-right: 7.5px } .fw .f-flex.f-flex_mg15>.f-flex1 { width: calc( 8.33333% - 15px) } .fw .f-flex.f-flex_mg15>.f-flex2 { width: calc( 16.66667% - 15px) } .fw .f-flex.f-flex_mg15>.f-flex3 { width: calc( 25% - 15px) } .fw .f-flex.f-flex_mg15>.f-flex4 { width: calc( 33.33333% - 15px) } .fw .f-flex.f-flex_mg15>.f-flex5 { width: calc( 41.66667% - 15px) } .fw .f-flex.f-flex_mg15>.f-flex6 { width: calc( 50% - 15px) } .fw .f-flex.f-flex_mg15>.f-flex7 { width: calc( 58.33333% - 15px) } .fw .f-flex.f-flex_mg15>.f-flex8 { width: calc( 66.66667% - 15px) } .fw .f-flex.f-flex_mg15>.f-flex9 { width: calc( 75% - 15px) } .fw .f-flex.f-flex_mg15>.f-flex10 { width: calc( 83.33333% - 15px) } .fw .f-flex.f-flex_mg15>.f-flex11 { width: calc( 91.66667% - 15px) } .fw .f-flex.f-flex_mg15>.f-flex12 { width: calc( 100% - 15px) } .fw .f-flex.f-flex_mg15>.f-flex_fifth { width: calc( 20% - 15px) } .fw .f-flex.f-flex_mg20 { margin-left: -10px; margin-right: -10px } .fw .f-flex.f-flex_mg20>* { margin-left: 10px; margin-right: 10px } .fw .f-flex.f-flex_mg20>.f-flex1 { width: calc( 8.33333% - 20px) } .fw .f-flex.f-flex_mg20>.f-flex2 { width: calc( 16.66667% - 20px) } .fw .f-flex.f-flex_mg20>.f-flex3 { width: calc( 25% - 20px) } .fw .f-flex.f-flex_mg20>.f-flex4 { width: calc( 33.33333% - 20px) } .fw .f-flex.f-flex_mg20>.f-flex5 { width: calc( 41.66667% - 20px) } .fw .f-flex.f-flex_mg20>.f-flex6 { width: calc( 50% - 20px) } .fw .f-flex.f-flex_mg20>.f-flex7 { width: calc( 58.33333% - 20px) } .fw .f-flex.f-flex_mg20>.f-flex8 { width: calc( 66.66667% - 20px) } .fw .f-flex.f-flex_mg20>.f-flex9 { width: calc( 75% - 20px) } .fw .f-flex.f-flex_mg20>.f-flex10 { width: calc( 83.33333% - 20px) } .fw .f-flex.f-flex_mg20>.f-flex11 { width: calc( 91.66667% - 20px) } .fw .f-flex.f-flex_mg20>.f-flex12 { width: calc( 100% - 20px) } .fw .f-flex.f-flex_mg20>.f-flex_fifth { width: calc( 20% - 20px) } .fw .f-flex.f-flex_mg25 { margin-left: -12.5px; margin-right: -12.5px } .fw .f-flex.f-flex_mg25>* { margin-left: 12.5px; margin-right: 12.5px } .fw .f-flex.f-flex_mg25>.f-flex1 { width: calc( 8.33333% - 25px) } .fw .f-flex.f-flex_mg25>.f-flex2 { width: calc( 16.66667% - 25px) } .fw .f-flex.f-flex_mg25>.f-flex3 { width: calc( 25% - 25px) } .fw .f-flex.f-flex_mg25>.f-flex4 { width: calc( 33.33333% - 25px) } .fw .f-flex.f-flex_mg25>.f-flex5 { width: calc( 41.66667% - 25px) } .fw .f-flex.f-flex_mg25>.f-flex6 { width: calc( 50% - 25px) } .fw .f-flex.f-flex_mg25>.f-flex7 { width: calc( 58.33333% - 25px) } .fw .f-flex.f-flex_mg25>.f-flex8 { width: calc( 66.66667% - 25px) } .fw .f-flex.f-flex_mg25>.f-flex9 { width: calc( 75% - 25px) } .fw .f-flex.f-flex_mg25>.f-flex10 { width: calc( 83.33333% - 25px) } .fw .f-flex.f-flex_mg25>.f-flex11 { width: calc( 91.66667% - 25px) } .fw .f-flex.f-flex_mg25>.f-flex12 { width: calc( 100% - 25px) } .fw .f-flex.f-flex_mg25>.f-flex_fifth { width: calc( 20% - 25px) } .fw .f-flex.f-flex_mg30 { margin-left: -15px; margin-right: -15px } .fw .f-flex.f-flex_mg30>* { margin-left: 15px; margin-right: 15px } .fw .f-flex.f-flex_mg30>.f-flex1 { width: calc( 8.33333% - 30px) } .fw .f-flex.f-flex_mg30>.f-flex2 { width: calc( 16.66667% - 30px) } .fw .f-flex.f-flex_mg30>.f-flex3 { width: calc( 25% - 30px) } .fw .f-flex.f-flex_mg30>.f-flex4 { width: calc( 33.33333% - 30px) } .fw .f-flex.f-flex_mg30>.f-flex5 { width: calc( 41.66667% - 30px) } .fw .f-flex.f-flex_mg30>.f-flex6 { width: calc( 50% - 30px) } .fw .f-flex.f-flex_mg30>.f-flex7 { width: calc( 58.33333% - 30px) } .fw .f-flex.f-flex_mg30>.f-flex8 { width: calc( 66.66667% - 30px) } .fw .f-flex.f-flex_mg30>.f-flex9 { width: calc( 75% - 30px) } .fw .f-flex.f-flex_mg30>.f-flex10 { width: calc( 83.33333% - 30px) } .fw .f-flex.f-flex_mg30>.f-flex11 { width: calc( 91.66667% - 30px) } .fw .f-flex.f-flex_mg30>.f-flex12 { width: calc( 100% - 30px) } .fw .f-flex.f-flex_mg30>.f-flex_fifth { width: calc( 20% - 30px) } .fw .f-flex.f-flex_mg35 { margin-left: -17.5px; margin-right: -17.5px } .fw .f-flex.f-flex_mg35>* { margin-left: 17.5px; margin-right: 17.5px } .fw .f-flex.f-flex_mg35>.f-flex1 { width: calc( 8.33333% - 35px) } .fw .f-flex.f-flex_mg35>.f-flex2 { width: calc( 16.66667% - 35px) } .fw .f-flex.f-flex_mg35>.f-flex3 { width: calc( 25% - 35px) } .fw .f-flex.f-flex_mg35>.f-flex4 { width: calc( 33.33333% - 35px) } .fw .f-flex.f-flex_mg35>.f-flex5 { width: calc( 41.66667% - 35px) } .fw .f-flex.f-flex_mg35>.f-flex6 { width: calc( 50% - 35px) } .fw .f-flex.f-flex_mg35>.f-flex7 { width: calc( 58.33333% - 35px) } .fw .f-flex.f-flex_mg35>.f-flex8 { width: calc( 66.66667% - 35px) } .fw .f-flex.f-flex_mg35>.f-flex9 { width: calc( 75% - 35px) } .fw .f-flex.f-flex_mg35>.f-flex10 { width: calc( 83.33333% - 35px) } .fw .f-flex.f-flex_mg35>.f-flex11 { width: calc( 91.66667% - 35px) } .fw .f-flex.f-flex_mg35>.f-flex12 { width: calc( 100% - 35px) } .fw .f-flex.f-flex_mg35>.f-flex_fifth { width: calc( 20% - 35px) } .fw .f-flex.f-flex_mg40 { margin-left: -20px; margin-right: -20px } .fw .f-flex.f-flex_mg40>* { margin-left: 20px; margin-right: 20px } .fw .f-flex.f-flex_mg40>.f-flex1 { width: calc( 8.33333% - 40px) } .fw .f-flex.f-flex_mg40>.f-flex2 { width: calc( 16.66667% - 40px) } .fw .f-flex.f-flex_mg40>.f-flex3 { width: calc( 25% - 40px) } .fw .f-flex.f-flex_mg40>.f-flex4 { width: calc( 33.33333% - 40px) } .fw .f-flex.f-flex_mg40>.f-flex5 { width: calc( 41.66667% - 40px) } .fw .f-flex.f-flex_mg40>.f-flex6 { width: calc( 50% - 40px) } .fw .f-flex.f-flex_mg40>.f-flex7 { width: calc( 58.33333% - 40px) } .fw .f-flex.f-flex_mg40>.f-flex8 { width: calc( 66.66667% - 40px) } .fw .f-flex.f-flex_mg40>.f-flex9 { width: calc( 75% - 40px) } .fw .f-flex.f-flex_mg40>.f-flex10 { width: calc( 83.33333% - 40px) } .fw .f-flex.f-flex_mg40>.f-flex11 { width: calc( 91.66667% - 40px) } .fw .f-flex.f-flex_mg40>.f-flex12 { width: calc( 100% - 40px) } .fw .f-flex.f-flex_mg40>.f-flex_fifth { width: calc( 20% - 40px) } .fw .f-flex.f-flex_mg45 { margin-left: -22.5px; margin-right: -22.5px } .fw .f-flex.f-flex_mg45>* { margin-left: 22.5px; margin-right: 22.5px } .fw .f-flex.f-flex_mg45>.f-flex1 { width: calc( 8.33333% - 45px) } .fw .f-flex.f-flex_mg45>.f-flex2 { width: calc( 16.66667% - 45px) } .fw .f-flex.f-flex_mg45>.f-flex3 { width: calc( 25% - 45px) } .fw .f-flex.f-flex_mg45>.f-flex4 { width: calc( 33.33333% - 45px) } .fw .f-flex.f-flex_mg45>.f-flex5 { width: calc( 41.66667% - 45px) } .fw .f-flex.f-flex_mg45>.f-flex6 { width: calc( 50% - 45px) } .fw .f-flex.f-flex_mg45>.f-flex7 { width: calc( 58.33333% - 45px) } .fw .f-flex.f-flex_mg45>.f-flex8 { width: calc( 66.66667% - 45px) } .fw .f-flex.f-flex_mg45>.f-flex9 { width: calc( 75% - 45px) } .fw .f-flex.f-flex_mg45>.f-flex10 { width: calc( 83.33333% - 45px) } .fw .f-flex.f-flex_mg45>.f-flex11 { width: calc( 91.66667% - 45px) } .fw .f-flex.f-flex_mg45>.f-flex12 { width: calc( 100% - 45px) } .fw .f-flex.f-flex_mg45>.f-flex_fifth { width: calc( 20% - 45px) } .fw .f-flex.f-flex_mg50 { margin-left: -25px; margin-right: -25px } .fw .f-flex.f-flex_mg50>* { margin-left: 25px; margin-right: 25px } .fw .f-flex.f-flex_mg50>.f-flex1 { width: calc( 8.33333% - 50px) } .fw .f-flex.f-flex_mg50>.f-flex2 { width: calc( 16.66667% - 50px) } .fw .f-flex.f-flex_mg50>.f-flex3 { width: calc( 25% - 50px) } .fw .f-flex.f-flex_mg50>.f-flex4 { width: calc( 33.33333% - 50px) } .fw .f-flex.f-flex_mg50>.f-flex5 { width: calc( 41.66667% - 50px) } .fw .f-flex.f-flex_mg50>.f-flex6 { width: calc( 50% - 50px) } .fw .f-flex.f-flex_mg50>.f-flex7 { width: calc( 58.33333% - 50px) } .fw .f-flex.f-flex_mg50>.f-flex8 { width: calc( 66.66667% - 50px) } .fw .f-flex.f-flex_mg50>.f-flex9 { width: calc( 75% - 50px) } .fw .f-flex.f-flex_mg50>.f-flex10 { width: calc( 83.33333% - 50px) } .fw .f-flex.f-flex_mg50>.f-flex11 { width: calc( 91.66667% - 50px) } .fw .f-flex.f-flex_mg50>.f-flex12 { width: calc( 100% - 50px) } .fw .f-flex.f-flex_mg50>.f-flex_fifth { width: calc( 20% - 50px) } .fw .f-flex.f-flex_mg55 { margin-left: -27.5px; margin-right: -27.5px } .fw .f-flex.f-flex_mg55>* { margin-left: 27.5px; margin-right: 27.5px } .fw .f-flex.f-flex_mg55>.f-flex1 { width: calc( 8.33333% - 55px) } .fw .f-flex.f-flex_mg55>.f-flex2 { width: calc( 16.66667% - 55px) } .fw .f-flex.f-flex_mg55>.f-flex3 { width: calc( 25% - 55px) } .fw .f-flex.f-flex_mg55>.f-flex4 { width: calc( 33.33333% - 55px) } .fw .f-flex.f-flex_mg55>.f-flex5 { width: calc( 41.66667% - 55px) } .fw .f-flex.f-flex_mg55>.f-flex6 { width: calc( 50% - 55px) } .fw .f-flex.f-flex_mg55>.f-flex7 { width: calc( 58.33333% - 55px) } .fw .f-flex.f-flex_mg55>.f-flex8 { width: calc( 66.66667% - 55px) } .fw .f-flex.f-flex_mg55>.f-flex9 { width: calc( 75% - 55px) } .fw .f-flex.f-flex_mg55>.f-flex10 { width: calc( 83.33333% - 55px) } .fw .f-flex.f-flex_mg55>.f-flex11 { width: calc( 91.66667% - 55px) } .fw .f-flex.f-flex_mg55>.f-flex12 { width: calc( 100% - 55px) } .fw .f-flex.f-flex_mg55>.f-flex_fifth { width: calc( 20% - 55px) } .fw .f-flex.f-flex_mg60 { margin-left: -30px; margin-right: -30px } .fw .f-flex.f-flex_mg60>* { margin-left: 30px; margin-right: 30px } .fw .f-flex.f-flex_mg60>.f-flex1 { width: calc( 8.33333% - 60px) } .fw .f-flex.f-flex_mg60>.f-flex2 { width: calc( 16.66667% - 60px) } .fw .f-flex.f-flex_mg60>.f-flex3 { width: calc( 25% - 60px) } .fw .f-flex.f-flex_mg60>.f-flex4 { width: calc( 33.33333% - 60px) } .fw .f-flex.f-flex_mg60>.f-flex5 { width: calc( 41.66667% - 60px) } .fw .f-flex.f-flex_mg60>.f-flex6 { width: calc( 50% - 60px) } .fw .f-flex.f-flex_mg60>.f-flex7 { width: calc( 58.33333% - 60px) } .fw .f-flex.f-flex_mg60>.f-flex8 { width: calc( 66.66667% - 60px) } .fw .f-flex.f-flex_mg60>.f-flex9 { width: calc( 75% - 60px) } .fw .f-flex.f-flex_mg60>.f-flex10 { width: calc( 83.33333% - 60px) } .fw .f-flex.f-flex_mg60>.f-flex11 { width: calc( 91.66667% - 60px) } .fw .f-flex.f-flex_mg60>.f-flex12 { width: calc( 100% - 60px) } .fw .f-flex.f-flex_mg60>.f-flex_fifth { width: calc( 20% - 60px) } .fw .f-flex.f-flex_mg65 { margin-left: -32.5px; margin-right: -32.5px } .fw .f-flex.f-flex_mg65>* { margin-left: 32.5px; margin-right: 32.5px } .fw .f-flex.f-flex_mg65>.f-flex1 { width: calc( 8.33333% - 65px) } .fw .f-flex.f-flex_mg65>.f-flex2 { width: calc( 16.66667% - 65px) } .fw .f-flex.f-flex_mg65>.f-flex3 { width: calc( 25% - 65px) } .fw .f-flex.f-flex_mg65>.f-flex4 { width: calc( 33.33333% - 65px) } .fw .f-flex.f-flex_mg65>.f-flex5 { width: calc( 41.66667% - 65px) } .fw .f-flex.f-flex_mg65>.f-flex6 { width: calc( 50% - 65px) } .fw .f-flex.f-flex_mg65>.f-flex7 { width: calc( 58.33333% - 65px) } .fw .f-flex.f-flex_mg65>.f-flex8 { width: calc( 66.66667% - 65px) } .fw .f-flex.f-flex_mg65>.f-flex9 { width: calc( 75% - 65px) } .fw .f-flex.f-flex_mg65>.f-flex10 { width: calc( 83.33333% - 65px) } .fw .f-flex.f-flex_mg65>.f-flex11 { width: calc( 91.66667% - 65px) } .fw .f-flex.f-flex_mg65>.f-flex12 { width: calc( 100% - 65px) } .fw .f-flex.f-flex_mg65>.f-flex_fifth { width: calc( 20% - 65px) } .fw .f-flex.f-flex_mg70 { margin-left: -35px; margin-right: -35px } .fw .f-flex.f-flex_mg70>* { margin-left: 35px; margin-right: 35px } .fw .f-flex.f-flex_mg70>.f-flex1 { width: calc( 8.33333% - 70px) } .fw .f-flex.f-flex_mg70>.f-flex2 { width: calc( 16.66667% - 70px) } .fw .f-flex.f-flex_mg70>.f-flex3 { width: calc( 25% - 70px) } .fw .f-flex.f-flex_mg70>.f-flex4 { width: calc( 33.33333% - 70px) } .fw .f-flex.f-flex_mg70>.f-flex5 { width: calc( 41.66667% - 70px) } .fw .f-flex.f-flex_mg70>.f-flex6 { width: calc( 50% - 70px) } .fw .f-flex.f-flex_mg70>.f-flex7 { width: calc( 58.33333% - 70px) } .fw .f-flex.f-flex_mg70>.f-flex8 { width: calc( 66.66667% - 70px) } .fw .f-flex.f-flex_mg70>.f-flex9 { width: calc( 75% - 70px) } .fw .f-flex.f-flex_mg70>.f-flex10 { width: calc( 83.33333% - 70px) } .fw .f-flex.f-flex_mg70>.f-flex11 { width: calc( 91.66667% - 70px) } .fw .f-flex.f-flex_mg70>.f-flex12 { width: calc( 100% - 70px) } .fw .f-flex.f-flex_mg70>.f-flex_fifth { width: calc( 20% - 70px) } .fw .f-flex.f-flex_mg75 { margin-left: -37.5px; margin-right: -37.5px } .fw .f-flex.f-flex_mg75>* { margin-left: 37.5px; margin-right: 37.5px } .fw .f-flex.f-flex_mg75>.f-flex1 { width: calc( 8.33333% - 75px) } .fw .f-flex.f-flex_mg75>.f-flex2 { width: calc( 16.66667% - 75px) } .fw .f-flex.f-flex_mg75>.f-flex3 { width: calc( 25% - 75px) } .fw .f-flex.f-flex_mg75>.f-flex4 { width: calc( 33.33333% - 75px) } .fw .f-flex.f-flex_mg75>.f-flex5 { width: calc( 41.66667% - 75px) } .fw .f-flex.f-flex_mg75>.f-flex6 { width: calc( 50% - 75px) } .fw .f-flex.f-flex_mg75>.f-flex7 { width: calc( 58.33333% - 75px) } .fw .f-flex.f-flex_mg75>.f-flex8 { width: calc( 66.66667% - 75px) } .fw .f-flex.f-flex_mg75>.f-flex9 { width: calc( 75% - 75px) } .fw .f-flex.f-flex_mg75>.f-flex10 { width: calc( 83.33333% - 75px) } .fw .f-flex.f-flex_mg75>.f-flex11 { width: calc( 91.66667% - 75px) } .fw .f-flex.f-flex_mg75>.f-flex12 { width: calc( 100% - 75px) } .fw .f-flex.f-flex_mg75>.f-flex_fifth { width: calc( 20% - 75px) } .fw .f-flex.f-flex_mg80 { margin-left: -40px; margin-right: -40px } .fw .f-flex.f-flex_mg80>* { margin-left: 40px; margin-right: 40px } .fw .f-flex.f-flex_mg80>.f-flex1 { width: calc( 8.33333% - 80px) } .fw .f-flex.f-flex_mg80>.f-flex2 { width: calc( 16.66667% - 80px) } .fw .f-flex.f-flex_mg80>.f-flex3 { width: calc( 25% - 80px) } .fw .f-flex.f-flex_mg80>.f-flex4 { width: calc( 33.33333% - 80px) } .fw .f-flex.f-flex_mg80>.f-flex5 { width: calc( 41.66667% - 80px) } .fw .f-flex.f-flex_mg80>.f-flex6 { width: calc( 50% - 80px) } .fw .f-flex.f-flex_mg80>.f-flex7 { width: calc( 58.33333% - 80px) } .fw .f-flex.f-flex_mg80>.f-flex8 { width: calc( 66.66667% - 80px) } .fw .f-flex.f-flex_mg80>.f-flex9 { width: calc( 75% - 80px) } .fw .f-flex.f-flex_mg80>.f-flex10 { width: calc( 83.33333% - 80px) } .fw .f-flex.f-flex_mg80>.f-flex11 { width: calc( 91.66667% - 80px) } .fw .f-flex.f-flex_mg80>.f-flex12 { width: calc( 100% - 80px) } .fw .f-flex.f-flex_mg80>.f-flex_fifth { width: calc( 20% - 80px) } @media screen and (max-width: 767px) { .fw .f-flex.f-flex_mg0_s { margin-left: -0px; margin-right: -0px } .fw .f-flex.f-flex_mg0_s>* { margin-left: 0px; margin-right: 0px } .fw .f-flex.f-flex_mg0_s>.f-flex1_s { width: calc( 8.33333% - 0px) } .fw .f-flex.f-flex_mg0_s>.f-flex2_s { width: calc( 16.66667% - 0px) } .fw .f-flex.f-flex_mg0_s>.f-flex3_s { width: calc( 25% - 0px) } .fw .f-flex.f-flex_mg0_s>.f-flex4_s { width: calc( 33.33333% - 0px) } .fw .f-flex.f-flex_mg0_s>.f-flex5_s { width: calc( 41.66667% - 0px) } .fw .f-flex.f-flex_mg0_s>.f-flex6_s { width: calc( 50% - 0px) } .fw .f-flex.f-flex_mg0_s>.f-flex7_s { width: calc( 58.33333% - 0px) } .fw .f-flex.f-flex_mg0_s>.f-flex8_s { width: calc( 66.66667% - 0px) } .fw .f-flex.f-flex_mg0_s>.f-flex9_s { width: calc( 75% - 0px) } .fw .f-flex.f-flex_mg0_s>.f-flex10_s { width: calc( 83.33333% - 0px) } .fw .f-flex.f-flex_mg0_s>.f-flex11_s { width: calc( 91.66667% - 0px) } .fw .f-flex.f-flex_mg0_s>.f-flex12_s { width: calc( 100% - 0px) } .fw .f-flex.f-flex_mg0_s>.f-flex_fifth_s { width: calc( 20% - 0px) } .fw .f-flex.f-flex_mg5_s { margin-left: -2.5px; margin-right: -2.5px } .fw .f-flex.f-flex_mg5_s>* { margin-left: 2.5px; margin-right: 2.5px } .fw .f-flex.f-flex_mg5_s>.f-flex1_s { width: calc( 8.33333% - 5px) } .fw .f-flex.f-flex_mg5_s>.f-flex2_s { width: calc( 16.66667% - 5px) } .fw .f-flex.f-flex_mg5_s>.f-flex3_s { width: calc( 25% - 5px) } .fw .f-flex.f-flex_mg5_s>.f-flex4_s { width: calc( 33.33333% - 5px) } .fw .f-flex.f-flex_mg5_s>.f-flex5_s { width: calc( 41.66667% - 5px) } .fw .f-flex.f-flex_mg5_s>.f-flex6_s { width: calc( 50% - 5px) } .fw .f-flex.f-flex_mg5_s>.f-flex7_s { width: calc( 58.33333% - 5px) } .fw .f-flex.f-flex_mg5_s>.f-flex8_s { width: calc( 66.66667% - 5px) } .fw .f-flex.f-flex_mg5_s>.f-flex9_s { width: calc( 75% - 5px) } .fw .f-flex.f-flex_mg5_s>.f-flex10_s { width: calc( 83.33333% - 5px) } .fw .f-flex.f-flex_mg5_s>.f-flex11_s { width: calc( 91.66667% - 5px) } .fw .f-flex.f-flex_mg5_s>.f-flex12_s { width: calc( 100% - 5px) } .fw .f-flex.f-flex_mg5_s>.f-flex_fifth_s { width: calc( 20% - 5px) } .fw .f-flex.f-flex_mg10_s { margin-left: -5px; margin-right: -5px } .fw .f-flex.f-flex_mg10_s>* { margin-left: 5px; margin-right: 5px } .fw .f-flex.f-flex_mg10_s>.f-flex1_s { width: calc( 8.33333% - 10px) } .fw .f-flex.f-flex_mg10_s>.f-flex2_s { width: calc( 16.66667% - 10px) } .fw .f-flex.f-flex_mg10_s>.f-flex3_s { width: calc( 25% - 10px) } .fw .f-flex.f-flex_mg10_s>.f-flex4_s { width: calc( 33.33333% - 10px) } .fw .f-flex.f-flex_mg10_s>.f-flex5_s { width: calc( 41.66667% - 10px) } .fw .f-flex.f-flex_mg10_s>.f-flex6_s { width: calc( 50% - 10px) } .fw .f-flex.f-flex_mg10_s>.f-flex7_s { width: calc( 58.33333% - 10px) } .fw .f-flex.f-flex_mg10_s>.f-flex8_s { width: calc( 66.66667% - 10px) } .fw .f-flex.f-flex_mg10_s>.f-flex9_s { width: calc( 75% - 10px) } .fw .f-flex.f-flex_mg10_s>.f-flex10_s { width: calc( 83.33333% - 10px) } .fw .f-flex.f-flex_mg10_s>.f-flex11_s { width: calc( 91.66667% - 10px) } .fw .f-flex.f-flex_mg10_s>.f-flex12_s { width: calc( 100% - 10px) } .fw .f-flex.f-flex_mg10_s>.f-flex_fifth_s { width: calc( 20% - 10px) } .fw .f-flex.f-flex_mg15_s { margin-left: -7.5px; margin-right: -7.5px } .fw .f-flex.f-flex_mg15_s>* { margin-left: 7.5px; margin-right: 7.5px } .fw .f-flex.f-flex_mg15_s>.f-flex1_s { width: calc( 8.33333% - 15px) } .fw .f-flex.f-flex_mg15_s>.f-flex2_s { width: calc( 16.66667% - 15px) } .fw .f-flex.f-flex_mg15_s>.f-flex3_s { width: calc( 25% - 15px) } .fw .f-flex.f-flex_mg15_s>.f-flex4_s { width: calc( 33.33333% - 15px) } .fw .f-flex.f-flex_mg15_s>.f-flex5_s { width: calc( 41.66667% - 15px) } .fw .f-flex.f-flex_mg15_s>.f-flex6_s { width: calc( 50% - 15px) } .fw .f-flex.f-flex_mg15_s>.f-flex7_s { width: calc( 58.33333% - 15px) } .fw .f-flex.f-flex_mg15_s>.f-flex8_s { width: calc( 66.66667% - 15px) } .fw .f-flex.f-flex_mg15_s>.f-flex9_s { width: calc( 75% - 15px) } .fw .f-flex.f-flex_mg15_s>.f-flex10_s { width: calc( 83.33333% - 15px) } .fw .f-flex.f-flex_mg15_s>.f-flex11_s { width: calc( 91.66667% - 15px) } .fw .f-flex.f-flex_mg15_s>.f-flex12_s { width: calc( 100% - 15px) } .fw .f-flex.f-flex_mg15_s>.f-flex_fifth_s { width: calc( 20% - 15px) } .fw .f-flex.f-flex_mg20_s { margin-left: -10px; margin-right: -10px } .fw .f-flex.f-flex_mg20_s>* { margin-left: 10px; margin-right: 10px } .fw .f-flex.f-flex_mg20_s>.f-flex1_s { width: calc( 8.33333% - 20px) } .fw .f-flex.f-flex_mg20_s>.f-flex2_s { width: calc( 16.66667% - 20px) } .fw .f-flex.f-flex_mg20_s>.f-flex3_s { width: calc( 25% - 20px) } .fw .f-flex.f-flex_mg20_s>.f-flex4_s { width: calc( 33.33333% - 20px) } .fw .f-flex.f-flex_mg20_s>.f-flex5_s { width: calc( 41.66667% - 20px) } .fw .f-flex.f-flex_mg20_s>.f-flex6_s { width: calc( 50% - 20px) } .fw .f-flex.f-flex_mg20_s>.f-flex7_s { width: calc( 58.33333% - 20px) } .fw .f-flex.f-flex_mg20_s>.f-flex8_s { width: calc( 66.66667% - 20px) } .fw .f-flex.f-flex_mg20_s>.f-flex9_s { width: calc( 75% - 20px) } .fw .f-flex.f-flex_mg20_s>.f-flex10_s { width: calc( 83.33333% - 20px) } .fw .f-flex.f-flex_mg20_s>.f-flex11_s { width: calc( 91.66667% - 20px) } .fw .f-flex.f-flex_mg20_s>.f-flex12_s { width: calc( 100% - 20px) } .fw .f-flex.f-flex_mg20_s>.f-flex_fifth_s { width: calc( 20% - 20px) } .fw .f-flex.f-flex_mg25_s { margin-left: -12.5px; margin-right: -12.5px } .fw .f-flex.f-flex_mg25_s>* { margin-left: 12.5px; margin-right: 12.5px } .fw .f-flex.f-flex_mg25_s>.f-flex1_s { width: calc( 8.33333% - 25px) } .fw .f-flex.f-flex_mg25_s>.f-flex2_s { width: calc( 16.66667% - 25px) } .fw .f-flex.f-flex_mg25_s>.f-flex3_s { width: calc( 25% - 25px) } .fw .f-flex.f-flex_mg25_s>.f-flex4_s { width: calc( 33.33333% - 25px) } .fw .f-flex.f-flex_mg25_s>.f-flex5_s { width: calc( 41.66667% - 25px) } .fw .f-flex.f-flex_mg25_s>.f-flex6_s { width: calc( 50% - 25px) } .fw .f-flex.f-flex_mg25_s>.f-flex7_s { width: calc( 58.33333% - 25px) } .fw .f-flex.f-flex_mg25_s>.f-flex8_s { width: calc( 66.66667% - 25px) } .fw .f-flex.f-flex_mg25_s>.f-flex9_s { width: calc( 75% - 25px) } .fw .f-flex.f-flex_mg25_s>.f-flex10_s { width: calc( 83.33333% - 25px) } .fw .f-flex.f-flex_mg25_s>.f-flex11_s { width: calc( 91.66667% - 25px) } .fw .f-flex.f-flex_mg25_s>.f-flex12_s { width: calc( 100% - 25px) } .fw .f-flex.f-flex_mg25_s>.f-flex_fifth_s { width: calc( 20% - 25px) } .fw .f-flex.f-flex_mg30_s { margin-left: -15px; margin-right: -15px } .fw .f-flex.f-flex_mg30_s>* { margin-left: 15px; margin-right: 15px } .fw .f-flex.f-flex_mg30_s>.f-flex1_s { width: calc( 8.33333% - 30px) } .fw .f-flex.f-flex_mg30_s>.f-flex2_s { width: calc( 16.66667% - 30px) } .fw .f-flex.f-flex_mg30_s>.f-flex3_s { width: calc( 25% - 30px) } .fw .f-flex.f-flex_mg30_s>.f-flex4_s { width: calc( 33.33333% - 30px) } .fw .f-flex.f-flex_mg30_s>.f-flex5_s { width: calc( 41.66667% - 30px) } .fw .f-flex.f-flex_mg30_s>.f-flex6_s { width: calc( 50% - 30px) } .fw .f-flex.f-flex_mg30_s>.f-flex7_s { width: calc( 58.33333% - 30px) } .fw .f-flex.f-flex_mg30_s>.f-flex8_s { width: calc( 66.66667% - 30px) } .fw .f-flex.f-flex_mg30_s>.f-flex9_s { width: calc( 75% - 30px) } .fw .f-flex.f-flex_mg30_s>.f-flex10_s { width: calc( 83.33333% - 30px) } .fw .f-flex.f-flex_mg30_s>.f-flex11_s { width: calc( 91.66667% - 30px) } .fw .f-flex.f-flex_mg30_s>.f-flex12_s { width: calc( 100% - 30px) } .fw .f-flex.f-flex_mg30_s>.f-flex_fifth_s { width: calc( 20% - 30px) } .fw .f-flex.f-flex_mg35_s { margin-left: -17.5px; margin-right: -17.5px } .fw .f-flex.f-flex_mg35_s>* { margin-left: 17.5px; margin-right: 17.5px } .fw .f-flex.f-flex_mg35_s>.f-flex1_s { width: calc( 8.33333% - 35px) } .fw .f-flex.f-flex_mg35_s>.f-flex2_s { width: calc( 16.66667% - 35px) } .fw .f-flex.f-flex_mg35_s>.f-flex3_s { width: calc( 25% - 35px) } .fw .f-flex.f-flex_mg35_s>.f-flex4_s { width: calc( 33.33333% - 35px) } .fw .f-flex.f-flex_mg35_s>.f-flex5_s { width: calc( 41.66667% - 35px) } .fw .f-flex.f-flex_mg35_s>.f-flex6_s { width: calc( 50% - 35px) } .fw .f-flex.f-flex_mg35_s>.f-flex7_s { width: calc( 58.33333% - 35px) } .fw .f-flex.f-flex_mg35_s>.f-flex8_s { width: calc( 66.66667% - 35px) } .fw .f-flex.f-flex_mg35_s>.f-flex9_s { width: calc( 75% - 35px) } .fw .f-flex.f-flex_mg35_s>.f-flex10_s { width: calc( 83.33333% - 35px) } .fw .f-flex.f-flex_mg35_s>.f-flex11_s { width: calc( 91.66667% - 35px) } .fw .f-flex.f-flex_mg35_s>.f-flex12_s { width: calc( 100% - 35px) } .fw .f-flex.f-flex_mg35_s>.f-flex_fifth_s { width: calc( 20% - 35px) } .fw .f-flex.f-flex_mg40_s { margin-left: -20px; margin-right: -20px } .fw .f-flex.f-flex_mg40_s>* { margin-left: 20px; margin-right: 20px } .fw .f-flex.f-flex_mg40_s>.f-flex1_s { width: calc( 8.33333% - 40px) } .fw .f-flex.f-flex_mg40_s>.f-flex2_s { width: calc( 16.66667% - 40px) } .fw .f-flex.f-flex_mg40_s>.f-flex3_s { width: calc( 25% - 40px) } .fw .f-flex.f-flex_mg40_s>.f-flex4_s { width: calc( 33.33333% - 40px) } .fw .f-flex.f-flex_mg40_s>.f-flex5_s { width: calc( 41.66667% - 40px) } .fw .f-flex.f-flex_mg40_s>.f-flex6_s { width: calc( 50% - 40px) } .fw .f-flex.f-flex_mg40_s>.f-flex7_s { width: calc( 58.33333% - 40px) } .fw .f-flex.f-flex_mg40_s>.f-flex8_s { width: calc( 66.66667% - 40px) } .fw .f-flex.f-flex_mg40_s>.f-flex9_s { width: calc( 75% - 40px) } .fw .f-flex.f-flex_mg40_s>.f-flex10_s { width: calc( 83.33333% - 40px) } .fw .f-flex.f-flex_mg40_s>.f-flex11_s { width: calc( 91.66667% - 40px) } .fw .f-flex.f-flex_mg40_s>.f-flex12_s { width: calc( 100% - 40px) } .fw .f-flex.f-flex_mg40_s>.f-flex_fifth_s { width: calc( 20% - 40px) } .fw .f-flex.f-flex_mg45_s { margin-left: -22.5px; margin-right: -22.5px } .fw .f-flex.f-flex_mg45_s>* { margin-left: 22.5px; margin-right: 22.5px } .fw .f-flex.f-flex_mg45_s>.f-flex1_s { width: calc( 8.33333% - 45px) } .fw .f-flex.f-flex_mg45_s>.f-flex2_s { width: calc( 16.66667% - 45px) } .fw .f-flex.f-flex_mg45_s>.f-flex3_s { width: calc( 25% - 45px) } .fw .f-flex.f-flex_mg45_s>.f-flex4_s { width: calc( 33.33333% - 45px) } .fw .f-flex.f-flex_mg45_s>.f-flex5_s { width: calc( 41.66667% - 45px) } .fw .f-flex.f-flex_mg45_s>.f-flex6_s { width: calc( 50% - 45px) } .fw .f-flex.f-flex_mg45_s>.f-flex7_s { width: calc( 58.33333% - 45px) } .fw .f-flex.f-flex_mg45_s>.f-flex8_s { width: calc( 66.66667% - 45px) } .fw .f-flex.f-flex_mg45_s>.f-flex9_s { width: calc( 75% - 45px) } .fw .f-flex.f-flex_mg45_s>.f-flex10_s { width: calc( 83.33333% - 45px) } .fw .f-flex.f-flex_mg45_s>.f-flex11_s { width: calc( 91.66667% - 45px) } .fw .f-flex.f-flex_mg45_s>.f-flex12_s { width: calc( 100% - 45px) } .fw .f-flex.f-flex_mg45_s>.f-flex_fifth_s { width: calc( 20% - 45px) } .fw .f-flex.f-flex_mg50_s { margin-left: -25px; margin-right: -25px } .fw .f-flex.f-flex_mg50_s>* { margin-left: 25px; margin-right: 25px } .fw .f-flex.f-flex_mg50_s>.f-flex1_s { width: calc( 8.33333% - 50px) } .fw .f-flex.f-flex_mg50_s>.f-flex2_s { width: calc( 16.66667% - 50px) } .fw .f-flex.f-flex_mg50_s>.f-flex3_s { width: calc( 25% - 50px) } .fw .f-flex.f-flex_mg50_s>.f-flex4_s { width: calc( 33.33333% - 50px) } .fw .f-flex.f-flex_mg50_s>.f-flex5_s { width: calc( 41.66667% - 50px) } .fw .f-flex.f-flex_mg50_s>.f-flex6_s { width: calc( 50% - 50px) } .fw .f-flex.f-flex_mg50_s>.f-flex7_s { width: calc( 58.33333% - 50px) } .fw .f-flex.f-flex_mg50_s>.f-flex8_s { width: calc( 66.66667% - 50px) } .fw .f-flex.f-flex_mg50_s>.f-flex9_s { width: calc( 75% - 50px) } .fw .f-flex.f-flex_mg50_s>.f-flex10_s { width: calc( 83.33333% - 50px) } .fw .f-flex.f-flex_mg50_s>.f-flex11_s { width: calc( 91.66667% - 50px) } .fw .f-flex.f-flex_mg50_s>.f-flex12_s { width: calc( 100% - 50px) } .fw .f-flex.f-flex_mg50_s>.f-flex_fifth_s { width: calc( 20% - 50px) } .fw .f-flex.f-flex_mg55_s { margin-left: -27.5px; margin-right: -27.5px } .fw .f-flex.f-flex_mg55_s>* { margin-left: 27.5px; margin-right: 27.5px } .fw .f-flex.f-flex_mg55_s>.f-flex1_s { width: calc( 8.33333% - 55px) } .fw .f-flex.f-flex_mg55_s>.f-flex2_s { width: calc( 16.66667% - 55px) } .fw .f-flex.f-flex_mg55_s>.f-flex3_s { width: calc( 25% - 55px) } .fw .f-flex.f-flex_mg55_s>.f-flex4_s { width: calc( 33.33333% - 55px) } .fw .f-flex.f-flex_mg55_s>.f-flex5_s { width: calc( 41.66667% - 55px) } .fw .f-flex.f-flex_mg55_s>.f-flex6_s { width: calc( 50% - 55px) } .fw .f-flex.f-flex_mg55_s>.f-flex7_s { width: calc( 58.33333% - 55px) } .fw .f-flex.f-flex_mg55_s>.f-flex8_s { width: calc( 66.66667% - 55px) } .fw .f-flex.f-flex_mg55_s>.f-flex9_s { width: calc( 75% - 55px) } .fw .f-flex.f-flex_mg55_s>.f-flex10_s { width: calc( 83.33333% - 55px) } .fw .f-flex.f-flex_mg55_s>.f-flex11_s { width: calc( 91.66667% - 55px) } .fw .f-flex.f-flex_mg55_s>.f-flex12_s { width: calc( 100% - 55px) } .fw .f-flex.f-flex_mg55_s>.f-flex_fifth_s { width: calc( 20% - 55px) } .fw .f-flex.f-flex_mg60_s { margin-left: -30px; margin-right: -30px } .fw .f-flex.f-flex_mg60_s>* { margin-left: 30px; margin-right: 30px } .fw .f-flex.f-flex_mg60_s>.f-flex1_s { width: calc( 8.33333% - 60px) } .fw .f-flex.f-flex_mg60_s>.f-flex2_s { width: calc( 16.66667% - 60px) } .fw .f-flex.f-flex_mg60_s>.f-flex3_s { width: calc( 25% - 60px) } .fw .f-flex.f-flex_mg60_s>.f-flex4_s { width: calc( 33.33333% - 60px) } .fw .f-flex.f-flex_mg60_s>.f-flex5_s { width: calc( 41.66667% - 60px) } .fw .f-flex.f-flex_mg60_s>.f-flex6_s { width: calc( 50% - 60px) } .fw .f-flex.f-flex_mg60_s>.f-flex7_s { width: calc( 58.33333% - 60px) } .fw .f-flex.f-flex_mg60_s>.f-flex8_s { width: calc( 66.66667% - 60px) } .fw .f-flex.f-flex_mg60_s>.f-flex9_s { width: calc( 75% - 60px) } .fw .f-flex.f-flex_mg60_s>.f-flex10_s { width: calc( 83.33333% - 60px) } .fw .f-flex.f-flex_mg60_s>.f-flex11_s { width: calc( 91.66667% - 60px) } .fw .f-flex.f-flex_mg60_s>.f-flex12_s { width: calc( 100% - 60px) } .fw .f-flex.f-flex_mg60_s>.f-flex_fifth_s { width: calc( 20% - 60px) } .fw .f-flex.f-flex_mg65_s { margin-left: -32.5px; margin-right: -32.5px } .fw .f-flex.f-flex_mg65_s>* { margin-left: 32.5px; margin-right: 32.5px } .fw .f-flex.f-flex_mg65_s>.f-flex1_s { width: calc( 8.33333% - 65px) } .fw .f-flex.f-flex_mg65_s>.f-flex2_s { width: calc( 16.66667% - 65px) } .fw .f-flex.f-flex_mg65_s>.f-flex3_s { width: calc( 25% - 65px) } .fw .f-flex.f-flex_mg65_s>.f-flex4_s { width: calc( 33.33333% - 65px) } .fw .f-flex.f-flex_mg65_s>.f-flex5_s { width: calc( 41.66667% - 65px) } .fw .f-flex.f-flex_mg65_s>.f-flex6_s { width: calc( 50% - 65px) } .fw .f-flex.f-flex_mg65_s>.f-flex7_s { width: calc( 58.33333% - 65px) } .fw .f-flex.f-flex_mg65_s>.f-flex8_s { width: calc( 66.66667% - 65px) } .fw .f-flex.f-flex_mg65_s>.f-flex9_s { width: calc( 75% - 65px) } .fw .f-flex.f-flex_mg65_s>.f-flex10_s { width: calc( 83.33333% - 65px) } .fw .f-flex.f-flex_mg65_s>.f-flex11_s { width: calc( 91.66667% - 65px) } .fw .f-flex.f-flex_mg65_s>.f-flex12_s { width: calc( 100% - 65px) } .fw .f-flex.f-flex_mg65_s>.f-flex_fifth_s { width: calc( 20% - 65px) } .fw .f-flex.f-flex_mg70_s { margin-left: -35px; margin-right: -35px } .fw .f-flex.f-flex_mg70_s>* { margin-left: 35px; margin-right: 35px } .fw .f-flex.f-flex_mg70_s>.f-flex1_s { width: calc( 8.33333% - 70px) } .fw .f-flex.f-flex_mg70_s>.f-flex2_s { width: calc( 16.66667% - 70px) } .fw .f-flex.f-flex_mg70_s>.f-flex3_s { width: calc( 25% - 70px) } .fw .f-flex.f-flex_mg70_s>.f-flex4_s { width: calc( 33.33333% - 70px) } .fw .f-flex.f-flex_mg70_s>.f-flex5_s { width: calc( 41.66667% - 70px) } .fw .f-flex.f-flex_mg70_s>.f-flex6_s { width: calc( 50% - 70px) } .fw .f-flex.f-flex_mg70_s>.f-flex7_s { width: calc( 58.33333% - 70px) } .fw .f-flex.f-flex_mg70_s>.f-flex8_s { width: calc( 66.66667% - 70px) } .fw .f-flex.f-flex_mg70_s>.f-flex9_s { width: calc( 75% - 70px) } .fw .f-flex.f-flex_mg70_s>.f-flex10_s { width: calc( 83.33333% - 70px) } .fw .f-flex.f-flex_mg70_s>.f-flex11_s { width: calc( 91.66667% - 70px) } .fw .f-flex.f-flex_mg70_s>.f-flex12_s { width: calc( 100% - 70px) } .fw .f-flex.f-flex_mg70_s>.f-flex_fifth_s { width: calc( 20% - 70px) } .fw .f-flex.f-flex_mg75_s { margin-left: -37.5px; margin-right: -37.5px } .fw .f-flex.f-flex_mg75_s>* { margin-left: 37.5px; margin-right: 37.5px } .fw .f-flex.f-flex_mg75_s>.f-flex1_s { width: calc( 8.33333% - 75px) } .fw .f-flex.f-flex_mg75_s>.f-flex2_s { width: calc( 16.66667% - 75px) } .fw .f-flex.f-flex_mg75_s>.f-flex3_s { width: calc( 25% - 75px) } .fw .f-flex.f-flex_mg75_s>.f-flex4_s { width: calc( 33.33333% - 75px) } .fw .f-flex.f-flex_mg75_s>.f-flex5_s { width: calc( 41.66667% - 75px) } .fw .f-flex.f-flex_mg75_s>.f-flex6_s { width: calc( 50% - 75px) } .fw .f-flex.f-flex_mg75_s>.f-flex7_s { width: calc( 58.33333% - 75px) } .fw .f-flex.f-flex_mg75_s>.f-flex8_s { width: calc( 66.66667% - 75px) } .fw .f-flex.f-flex_mg75_s>.f-flex9_s { width: calc( 75% - 75px) } .fw .f-flex.f-flex_mg75_s>.f-flex10_s { width: calc( 83.33333% - 75px) } .fw .f-flex.f-flex_mg75_s>.f-flex11_s { width: calc( 91.66667% - 75px) } .fw .f-flex.f-flex_mg75_s>.f-flex12_s { width: calc( 100% - 75px) } .fw .f-flex.f-flex_mg75_s>.f-flex_fifth_s { width: calc( 20% - 75px) } .fw .f-flex.f-flex_mg80_s { margin-left: -40px; margin-right: -40px } .fw .f-flex.f-flex_mg80_s>* { margin-left: 40px; margin-right: 40px } .fw .f-flex.f-flex_mg80_s>.f-flex1_s { width: calc( 8.33333% - 80px) } .fw .f-flex.f-flex_mg80_s>.f-flex2_s { width: calc( 16.66667% - 80px) } .fw .f-flex.f-flex_mg80_s>.f-flex3_s { width: calc( 25% - 80px) } .fw .f-flex.f-flex_mg80_s>.f-flex4_s { width: calc( 33.33333% - 80px) } .fw .f-flex.f-flex_mg80_s>.f-flex5_s { width: calc( 41.66667% - 80px) } .fw .f-flex.f-flex_mg80_s>.f-flex6_s { width: calc( 50% - 80px) } .fw .f-flex.f-flex_mg80_s>.f-flex7_s { width: calc( 58.33333% - 80px) } .fw .f-flex.f-flex_mg80_s>.f-flex8_s { width: calc( 66.66667% - 80px) } .fw .f-flex.f-flex_mg80_s>.f-flex9_s { width: calc( 75% - 80px) } .fw .f-flex.f-flex_mg80_s>.f-flex10_s { width: calc( 83.33333% - 80px) } .fw .f-flex.f-flex_mg80_s>.f-flex11_s { width: calc( 91.66667% - 80px) } .fw .f-flex.f-flex_mg80_s>.f-flex12_s { width: calc( 100% - 80px) } .fw .f-flex.f-flex_mg80_s>.f-flex_fifth_s { width: calc( 20% - 80px) } } .fw .f-flex.f-flex_mb0 { margin-bottom: -0px } .fw .f-flex.f-flex_mb0>* { margin-bottom: 0px } .fw .f-flex.f-flex_mb5 { margin-bottom: -5px } .fw .f-flex.f-flex_mb5>* { margin-bottom: 5px } .fw .f-flex.f-flex_mb10 { margin-bottom: -10px } .fw .f-flex.f-flex_mb10>* { margin-bottom: 10px } .fw .f-flex.f-flex_mb15 { margin-bottom: -15px } .fw .f-flex.f-flex_mb15>* { margin-bottom: 15px } .fw .f-flex.f-flex_mb20 { margin-bottom: -20px } .fw .f-flex.f-flex_mb20>* { margin-bottom: 20px } .fw .f-flex.f-flex_mb25 { margin-bottom: -25px } .fw .f-flex.f-flex_mb25>* { margin-bottom: 25px } .fw .f-flex.f-flex_mb30 { margin-bottom: -30px } .fw .f-flex.f-flex_mb30>* { margin-bottom: 30px } .fw .f-flex.f-flex_mb35 { margin-bottom: -35px } .fw .f-flex.f-flex_mb35>* { margin-bottom: 35px } .fw .f-flex.f-flex_mb40 { margin-bottom: -40px } .fw .f-flex.f-flex_mb40>* { margin-bottom: 40px } .fw .f-flex.f-flex_mb45 { margin-bottom: -45px } .fw .f-flex.f-flex_mb45>* { margin-bottom: 45px } .fw .f-flex.f-flex_mb50 { margin-bottom: -50px } .fw .f-flex.f-flex_mb50>* { margin-bottom: 50px } .fw .f-flex.f-flex_mb55 { margin-bottom: -55px } .fw .f-flex.f-flex_mb55>* { margin-bottom: 55px } .fw .f-flex.f-flex_mb60 { margin-bottom: -60px } .fw .f-flex.f-flex_mb60>* { margin-bottom: 60px } .fw .f-flex.f-flex_mb65 { margin-bottom: -65px } .fw .f-flex.f-flex_mb65>* { margin-bottom: 65px } .fw .f-flex.f-flex_mb70 { margin-bottom: -70px } .fw .f-flex.f-flex_mb70>* { margin-bottom: 70px } .fw .f-flex.f-flex_mb75 { margin-bottom: -75px } .fw .f-flex.f-flex_mb75>* { margin-bottom: 75px } .fw .f-flex.f-flex_mb80 { margin-bottom: -80px } .fw .f-flex.f-flex_mb80>* { margin-bottom: 80px } @media screen and (max-width: 767px) { .fw .f-flex.f-flex_mb0_s { margin-bottom: -0px } .fw .f-flex.f-flex_mb0_s>* { margin-bottom: 0px } .fw .f-flex.f-flex_mb5_s { margin-bottom: -5px } .fw .f-flex.f-flex_mb5_s>* { margin-bottom: 5px } .fw .f-flex.f-flex_mb10_s { margin-bottom: -10px } .fw .f-flex.f-flex_mb10_s>* { margin-bottom: 10px } .fw .f-flex.f-flex_mb15_s { margin-bottom: -15px } .fw .f-flex.f-flex_mb15_s>* { margin-bottom: 15px } .fw .f-flex.f-flex_mb20_s { margin-bottom: -20px } .fw .f-flex.f-flex_mb20_s>* { margin-bottom: 20px } .fw .f-flex.f-flex_mb25_s { margin-bottom: -25px } .fw .f-flex.f-flex_mb25_s>* { margin-bottom: 25px } .fw .f-flex.f-flex_mb30_s { margin-bottom: -30px } .fw .f-flex.f-flex_mb30_s>* { margin-bottom: 30px } .fw .f-flex.f-flex_mb35_s { margin-bottom: -35px } .fw .f-flex.f-flex_mb35_s>* { margin-bottom: 35px } .fw .f-flex.f-flex_mb40_s { margin-bottom: -40px } .fw .f-flex.f-flex_mb40_s>* { margin-bottom: 40px } .fw .f-flex.f-flex_mb45_s { margin-bottom: -45px } .fw .f-flex.f-flex_mb45_s>* { margin-bottom: 45px } .fw .f-flex.f-flex_mb50_s { margin-bottom: -50px } .fw .f-flex.f-flex_mb50_s>* { margin-bottom: 50px } .fw .f-flex.f-flex_mb55_s { margin-bottom: -55px } .fw .f-flex.f-flex_mb55_s>* { margin-bottom: 55px } .fw .f-flex.f-flex_mb60_s { margin-bottom: -60px } .fw .f-flex.f-flex_mb60_s>* { margin-bottom: 60px } .fw .f-flex.f-flex_mb65_s { margin-bottom: -65px } .fw .f-flex.f-flex_mb65_s>* { margin-bottom: 65px } .fw .f-flex.f-flex_mb70_s { margin-bottom: -70px } .fw .f-flex.f-flex_mb70_s>* { margin-bottom: 70px } .fw .f-flex.f-flex_mb75_s { margin-bottom: -75px } .fw .f-flex.f-flex_mb75_s>* { margin-bottom: 75px } .fw .f-flex.f-flex_mb80_s { margin-bottom: -80px } .fw .f-flex.f-flex_mb80_s>* { margin-bottom: 80px } } .fw .f-flex>.f-flex_order0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .fw .f-flex>.f-flex_order1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .fw .f-flex>.f-flex_order2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .fw .f-flex>.f-flex_order3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .fw .f-flex>.f-flex_order4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .fw .f-flex>.f-flex_order5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .fw .f-flex>.f-flex_order6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .fw .f-flex>.f-flex_order7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .fw .f-flex>.f-flex_order8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .fw .f-flex>.f-flex_order9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .fw .f-flex>.f-flex_order10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .fw .f-flex>.f-flex_order11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .fw .f-flex>.f-flex_order12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .fw .f-flex>.f-flex_order13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .fw .f-flex>.f-flex_order14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14 } .fw .f-flex>.f-flex_order15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15 } .fw .f-flex>.f-flex_order16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16 } @media screen and (max-width: 767px) { .fw .f-flex>.f-flex_order0_s { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .fw .f-flex>.f-flex_order1_s { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .fw .f-flex>.f-flex_order2_s { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .fw .f-flex>.f-flex_order3_s { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .fw .f-flex>.f-flex_order4_s { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .fw .f-flex>.f-flex_order5_s { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .fw .f-flex>.f-flex_order6_s { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .fw .f-flex>.f-flex_order7_s { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .fw .f-flex>.f-flex_order8_s { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .fw .f-flex>.f-flex_order9_s { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .fw .f-flex>.f-flex_order10_s { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .fw .f-flex>.f-flex_order11_s { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .fw .f-flex>.f-flex_order12_s { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .fw .f-flex>.f-flex_order13_s { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .fw .f-flex>.f-flex_order14_s { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14 } .fw .f-flex>.f-flex_order15_s { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15 } .fw .f-flex>.f-flex_order16_s { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16 } } .fw .f-flex.f-flex_middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .fw .f-flex.f-flex_justify>* { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .fw .f-font_l { font-size: 18px } .fw .f-font_m { font-size: 16px } .fw .f-font_s { font-size: 12px } .fw .f-font_b { font-weight: bold !important } .fw .f-form input, .fw .f-form button, .fw .f-form textarea, .fw .f-form label, .fw .f-form select { outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background: none; color: #434343; font-family: "Noto Sans JP", sans-serif; line-height: normal; font-size: 16px; border: 1px solid #DDD; letter-spacing: 0.05em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .fw .f-form input:-webkit-autofill, .fw .f-form button:-webkit-autofill, .fw .f-form textarea:-webkit-autofill, .fw .f-form label:-webkit-autofill, .fw .f-form select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset } .fw .f-form input::-webkit-input-placeholder, .fw .f-form button::-webkit-input-placeholder, .fw .f-form textarea::-webkit-input-placeholder, .fw .f-form label::-webkit-input-placeholder, .fw .f-form select::-webkit-input-placeholder { color: #DDD } .fw .f-form input:-moz-placeholder, .fw .f-form button:-moz-placeholder, .fw .f-form textarea:-moz-placeholder, .fw .f-form label:-moz-placeholder, .fw .f-form select:-moz-placeholder { opacity: 1; color: #DDD } .fw .f-form input::-moz-placeholder, .fw .f-form button::-moz-placeholder, .fw .f-form textarea::-moz-placeholder, .fw .f-form label::-moz-placeholder, .fw .f-form select::-moz-placeholder { opacity: 1; color: #DDD } .fw .f-form input:-ms-input-placeholder, .fw .f-form button:-ms-input-placeholder, .fw .f-form textarea:-ms-input-placeholder, .fw .f-form label:-ms-input-placeholder, .fw .f-form select:-ms-input-placeholder { color: #DDD } .fw .f-form input, .fw .f-form textarea, .fw .f-form select { background-color: #fff } .fw .f-form input:-moz-read-only, .fw .f-form textarea:-moz-read-only { cursor: not-allowed !important; color: #bbbece } .fw .f-form input:read-only, .fw .f-form textarea:read-only { cursor: not-allowed !important; color: #bbbece } .fw .f-form input:disabled, .fw .f-form textarea:disabled { color: #bbbece } .fw .f-form label { border: none; display: inline-block; cursor: pointer } .fw .f-form input { height: 35px; width: 100%; padding: 0 10px; border: 1px solid #DDD } .fw .f-form input[type="hidden"], .fw .f-form input[type="range"], .fw .f-form input[type="file"], .fw .f-form input[type="submit"], .fw .f-form input[type="image"], .fw .f-form input[type="reset"], .fw .f-form input[type="button"] { height: auto; width: auto; padding: 0; border: none } .fw .f-form input[type="hidden"]:focus, .fw .f-form input[type="range"]:focus, .fw .f-form input[type="file"]:focus, .fw .f-form input[type="submit"]:focus, .fw .f-form input[type="image"]:focus, .fw .f-form input[type="reset"]:focus, .fw .f-form input[type="button"]:focus { border: none } .fw .f-form input:focus { border: 1px solid #e5368e } .fw .f-form input.f-form_inline { width: inherit } .fw .f-form input[type=color] { width: 70px; height: 35px; padding: 0 } .fw .f-form input[type=color][list] { -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist } .fw .f-form .f-form_inline+.f-form_inline { margin-left: 10px } .fw .f-form .f-form_label.f-form_inline { display: inline-block } .fw .f-form .f-form_label input { width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important } .fw .f-form .f-form_label input+label { position: relative; display: block; padding: 0 0 0 30px; cursor: pointer; vertical-align: middle; line-height: 20px; min-height: 20px } .fw .f-form .f-form_label input+label:before, .fw .f-form .f-form_label input+label:after { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 0; display: block } .fw .f-form .f-form_label input+label:before { width: 20px; height: 20px; margin-top: -10px; background: #FFF; border: 1px solid #DDD } .fw .f-form .f-form_label input+label:after { opacity: 0 } .fw .f-form .f-form_label input:checked+label:after { opacity: 1 } .fw .f-form .f-form_label input:disabled+label { opacity: 0.5; cursor: default; pointer-events: none } .fw .f-form .f-form_label input:focus+label:before { border-color: #e5368e } .fw .f-form .f-form_label input[type="radio"]+label:before, .fw .f-form .f-form_label input[type="radio"]+label:after { border-radius: 50% } .fw .f-form .f-form_label input[type="radio"]+label:after { margin-left: 5px; width: 10px; height: 10px; margin-top: -5px; background: #e5368e } .fw .f-form .f-form_label input[type="checkbox"]+label:after { margin-left: 2px; width: 16px; height: 8px; margin-top: -6px; border-left: 4px solid #e5368e; border-bottom: 4px solid #e5368e; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .fw .f-form .f-form_select { width: 100%; border: none; position: relative } .fw .f-form .f-form_select:before { content: ""; margin-right: 8px; display: inline-block; border-top: solid 1px #000; border-right: solid 1px #000; vertical-align: middle; width: 3px; height: 3px } .fw .f-form .f-form_select:before, .fw .f-form .f-form_select:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin-top: -1px } .fw .f-form .f-form_select:after { content: ""; margin-left: 8px; display: inline-block; border-top: solid 1px #000; border-right: solid 1px #000; vertical-align: middle; width: 3px; height: 3px } .fw .f-form .f-form_select:before, .fw .f-form .f-form_select:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin-top: -1px } .fw .f-form .f-form_select:before, .fw .f-form .f-form_select:after { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; position: absolute; top: 50%; right: 10px; z-index: 1; margin: 0; display: none\9; margin-top: -2.1px; cursor: pointer; pointer-events: none } .fw .f-form .f-form_select:before { -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%) } .fw .f-form .f-form_select:after { -webkit-transform: rotate(135deg) translateY(-50%); transform: rotate(135deg) translateY(-50%) } .fw .f-form .f-form_select.f-form_inline { width: inherit } .fw .f-form select { width: 100%; height: 35px; position: relative; padding: 0 24px 0 10px } .fw .f-form select:focus { border: 1px solid #e5368e } .fw .f-form select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000 } .fw .f-form select:-moz-focusring * { color: #000; text-shadow: none } .fw .f-form select::-ms-expand { display: none } .fw .f-form textarea { width: 100%; height: 150px; resize: none; padding: 5px } .fw .f-form textarea:focus { border: 1px solid #e5368e } .fw .f-form textarea.f-form_inline { width: inherit } .fw .f-form input[type="submit"], .fw .f-form button[type="submit"], .fw .f-form input[type="reset"], .fw .f-form button[type="reset"], .fw .f-form input[type="button"], .fw .f-form button[type="button"], .fw .f-form button { cursor: pointer; padding: 0 } .fw ul.f-list_disc { line-height: 199.6% } .fw ul.f-list_disc>li { margin-bottom: 5px; text-indent: -1em; margin-left: 1em } .fw ul.f-list_disc>li:before { content: "・" } .fw ul.f-list_notice { line-height: 199.6% } .fw ul.f-list_notice>li { margin-bottom: 5px; text-indent: -0.5em; margin-left: 0.5em; padding-left: 0.5em } .fw ul.f-list_notice>li:before { content: "※"; display: inline-block; width: 0.5em } .fw ol { line-height: 199.6%; list-style-type: decimal } .fw ol>li { margin-left: 1.7em; margin-bottom: 5px; counter-increment: number } .fw ol.f-list_bracket { list-style-type: none; counter-reset: number 0 } .fw ol.f-list_bracket>li { text-indent: -2.6em; margin-left: 2.5em; counter-increment: number 1 } .fw ol.f-list_bracket>li:before { content: "（" counter(number) "）" } .fw ol.f-list_notice { list-style-type: none; counter-reset: number 0 } .fw ol.f-list_notice>li { text-indent: -2.3em; margin-left: 2.5em; counter-increment: number 1 } .fw ol.f-list_notice>li:before { content: "※" counter(number) " " } .fw .f-mg0 { margin: 0px !important } .fw .f-mg5 { margin: 5px !important } .fw .f-mg10 { margin: 10px !important } .fw .f-mg15 { margin: 15px !important } .fw .f-mg20 { margin: 20px !important } .fw .f-mg25 { margin: 25px !important } .fw .f-mg30 { margin: 30px !important } .fw .f-mg35 { margin: 35px !important } .fw .f-mg40 { margin: 40px !important } .fw .f-mg45 { margin: 45px !important } .fw .f-mg50 { margin: 50px !important } .fw .f-mg55 { margin: 55px !important } .fw .f-mg60 { margin: 60px !important } .fw .f-mg65 { margin: 65px !important } .fw .f-mg70 { margin: 70px !important } .fw .f-mg75 { margin: 75px !important } .fw .f-mg80 { margin: 80px !important } .fw .f-mt0 { margin-top: 0px !important } .fw .f-mt5 { margin-top: 5px !important } .fw .f-mt10 { margin-top: 10px !important } .fw .f-mt15 { margin-top: 15px !important } .fw .f-mt20 { margin-top: 20px !important } .fw .f-mt25 { margin-top: 25px !important } .fw .f-mt30 { margin-top: 30px !important } .fw .f-mt35 { margin-top: 35px !important } .fw .f-mt40 { margin-top: 40px !important } .fw .f-mt45 { margin-top: 45px !important } .fw .f-mt50 { margin-top: 50px !important } .fw .f-mt55 { margin-top: 55px !important } .fw .f-mt60 { margin-top: 60px !important } .fw .f-mt65 { margin-top: 65px !important } .fw .f-mt70 { margin-top: 70px !important } .fw .f-mt75 { margin-top: 75px !important } .fw .f-mt80 { margin-top: 80px !important } .fw .f-mr0 { margin-right: 0px !important } .fw .f-mr5 { margin-right: 5px !important } .fw .f-mr10 { margin-right: 10px !important } .fw .f-mr15 { margin-right: 15px !important } .fw .f-mr20 { margin-right: 20px !important } .fw .f-mr25 { margin-right: 25px !important } .fw .f-mr30 { margin-right: 30px !important } .fw .f-mr35 { margin-right: 35px !important } .fw .f-mr40 { margin-right: 40px !important } .fw .f-mr45 { margin-right: 45px !important } .fw .f-mr50 { margin-right: 50px !important } .fw .f-mr55 { margin-right: 55px !important } .fw .f-mr60 { margin-right: 60px !important } .fw .f-mr65 { margin-right: 65px !important } .fw .f-mr70 { margin-right: 70px !important } .fw .f-mr75 { margin-right: 75px !important } .fw .f-mr80 { margin-right: 80px !important } .fw .f-mb0 { margin-bottom: 0px !important } .fw .f-mb5 { margin-bottom: 5px !important } .fw .f-mb10 { margin-bottom: 10px !important } .fw .f-mb15 { margin-bottom: 15px !important } .fw .f-mb20 { margin-bottom: 20px !important } .fw .f-mb25 { margin-bottom: 25px !important } .fw .f-mb30 { margin-bottom: 30px !important } .fw .f-mb35 { margin-bottom: 35px !important } .fw .f-mb40 { margin-bottom: 40px !important } .fw .f-mb45 { margin-bottom: 45px !important } .fw .f-mb50 { margin-bottom: 50px !important } .fw .f-mb55 { margin-bottom: 55px !important } .fw .f-mb60 { margin-bottom: 60px !important } .fw .f-mb65 { margin-bottom: 65px !important } .fw .f-mb70 { margin-bottom: 70px !important } .fw .f-mb75 { margin-bottom: 75px !important } .fw .f-mb80 { margin-bottom: 80px !important } .fw .f-ml0 { margin-left: 0px !important } .fw .f-ml5 { margin-left: 5px !important } .fw .f-ml10 { margin-left: 10px !important } .fw .f-ml15 { margin-left: 15px !important } .fw .f-ml20 { margin-left: 20px !important } .fw .f-ml25 { margin-left: 25px !important } .fw .f-ml30 { margin-left: 30px !important } .fw .f-ml35 { margin-left: 35px !important } .fw .f-ml40 { margin-left: 40px !important } .fw .f-ml45 { margin-left: 45px !important } .fw .f-ml50 { margin-left: 50px !important } .fw .f-ml55 { margin-left: 55px !important } .fw .f-ml60 { margin-left: 60px !important } .fw .f-ml65 { margin-left: 65px !important } .fw .f-ml70 { margin-left: 70px !important } .fw .f-ml75 { margin-left: 75px !important } .fw .f-ml80 { margin-left: 80px !important } .fw .f-pd0 { padding: 0px !important } .fw .f-pd5 { padding: 5px !important } .fw .f-pd10 { padding: 10px !important } .fw .f-pd15 { padding: 15px !important } .fw .f-pd20 { padding: 20px !important } .fw .f-pd25 { padding: 25px !important } .fw .f-pd30 { padding: 30px !important } .fw .f-pd35 { padding: 35px !important } .fw .f-pd40 { padding: 40px !important } .fw .f-pd45 { padding: 45px !important } .fw .f-pd50 { padding: 50px !important } .fw .f-pd55 { padding: 55px !important } .fw .f-pd60 { padding: 60px !important } .fw .f-pd65 { padding: 65px !important } .fw .f-pd70 { padding: 70px !important } .fw .f-pd75 { padding: 75px !important } .fw .f-pd80 { padding: 80px !important } .fw .f-pt0 { padding-top: 0px !important } .fw .f-pt5 { padding-top: 5px !important } .fw .f-pt10 { padding-top: 10px !important } .fw .f-pt15 { padding-top: 15px !important } .fw .f-pt20 { padding-top: 20px !important } .fw .f-pt25 { padding-top: 25px !important } .fw .f-pt30 { padding-top: 30px !important } .fw .f-pt35 { padding-top: 35px !important } .fw .f-pt40 { padding-top: 40px !important } .fw .f-pt45 { padding-top: 45px !important } .fw .f-pt50 { padding-top: 50px !important } .fw .f-pt55 { padding-top: 55px !important } .fw .f-pt60 { padding-top: 60px !important } .fw .f-pt65 { padding-top: 65px !important } .fw .f-pt70 { padding-top: 70px !important } .fw .f-pt75 { padding-top: 75px !important } .fw .f-pt80 { padding-top: 80px !important } .fw .f-pr0 { padding-right: 0px !important } .fw .f-pr5 { padding-right: 5px !important } .fw .f-pr10 { padding-right: 10px !important } .fw .f-pr15 { padding-right: 15px !important } .fw .f-pr20 { padding-right: 20px !important } .fw .f-pr25 { padding-right: 25px !important } .fw .f-pr30 { padding-right: 30px !important } .fw .f-pr35 { padding-right: 35px !important } .fw .f-pr40 { padding-right: 40px !important } .fw .f-pr45 { padding-right: 45px !important } .fw .f-pr50 { padding-right: 50px !important } .fw .f-pr55 { padding-right: 55px !important } .fw .f-pr60 { padding-right: 60px !important } .fw .f-pr65 { padding-right: 65px !important } .fw .f-pr70 { padding-right: 70px !important } .fw .f-pr75 { padding-right: 75px !important } .fw .f-pr80 { padding-right: 80px !important } .fw .f-pb0 { padding-bottom: 0px !important } .fw .f-pb5 { padding-bottom: 5px !important } .fw .f-pb10 { padding-bottom: 10px !important } .fw .f-pb15 { padding-bottom: 15px !important } .fw .f-pb20 { padding-bottom: 20px !important } .fw .f-pb25 { padding-bottom: 25px !important } .fw .f-pb30 { padding-bottom: 30px !important } .fw .f-pb35 { padding-bottom: 35px !important } .fw .f-pb40 { padding-bottom: 40px !important } .fw .f-pb45 { padding-bottom: 45px !important } .fw .f-pb50 { padding-bottom: 50px !important } .fw .f-pb55 { padding-bottom: 55px !important } .fw .f-pb60 { padding-bottom: 60px !important } .fw .f-pb65 { padding-bottom: 65px !important } .fw .f-pb70 { padding-bottom: 70px !important } .fw .f-pb75 { padding-bottom: 75px !important } .fw .f-pb80 { padding-bottom: 80px !important } .fw .f-pl0 { padding-left: 0px !important } .fw .f-pl5 { padding-left: 5px !important } .fw .f-pl10 { padding-left: 10px !important } .fw .f-pl15 { padding-left: 15px !important } .fw .f-pl20 { padding-left: 20px !important } .fw .f-pl25 { padding-left: 25px !important } .fw .f-pl30 { padding-left: 30px !important } .fw .f-pl35 { padding-left: 35px !important } .fw .f-pl40 { padding-left: 40px !important } .fw .f-pl45 { padding-left: 45px !important } .fw .f-pl50 { padding-left: 50px !important } .fw .f-pl55 { padding-left: 55px !important } .fw .f-pl60 { padding-left: 60px !important } .fw .f-pl65 { padding-left: 65px !important } .fw .f-pl70 { padding-left: 70px !important } .fw .f-pl75 { padding-left: 75px !important } .fw .f-pl80 { padding-left: 80px !important } .fw .f-table { display: table; width: 100%; table-layout: fixed } .fw .f-table>*:not(.f-table_row) { display: table-cell; vertical-align: middle } .fw .f-table>.f-table_row { display: table-row } .fw .f-table>.f-table_row>* { display: table-cell; vertical-align: middle } .fw .f-table>.f-cell1, .fw .f-table>.f-table_row>.f-cell1 { width: 8.33333% } .fw .f-table>.f-cell2, .fw .f-table>.f-table_row>.f-cell2 { width: 16.66667% } .fw .f-table>.f-cell3, .fw .f-table>.f-table_row>.f-cell3 { width: 25% } .fw .f-table>.f-cell4, .fw .f-table>.f-table_row>.f-cell4 { width: 33.33333% } .fw .f-table>.f-cell5, .fw .f-table>.f-table_row>.f-cell5 { width: 41.66667% } .fw .f-table>.f-cell6, .fw .f-table>.f-table_row>.f-cell6 { width: 50% } .fw .f-table>.f-cell7, .fw .f-table>.f-table_row>.f-cell7 { width: 58.33333% } .fw .f-table>.f-cell8, .fw .f-table>.f-table_row>.f-cell8 { width: 66.66667% } .fw .f-table>.f-cell9, .fw .f-table>.f-table_row>.f-cell9 { width: 75% } .fw .f-table>.f-cell10, .fw .f-table>.f-table_row>.f-cell10 { width: 83.33333% } .fw .f-table>.f-cell11, .fw .f-table>.f-table_row>.f-cell11 { width: 91.66667% } .fw .f-table>.f-cell12, .fw .f-table>.f-table_row>.f-cell12 { width: 100% } .fw .f-table>.f-cell_fifth, .fw .f-table>.f-table_row>.f-cell_fifth { width: 20% } .fw .f-table .f-cell12, .fw .f-table>.f-table_row .f-cell12 { display: inline-block } @media screen and (max-width: 767px) { .fw .f-table>.f-cell1_s, .fw .f-table>.f-table_row>.f-cell1_s { width: 8.33333% } .fw .f-table>.f-cell2_s, .fw .f-table>.f-table_row>.f-cell2_s { width: 16.66667% } .fw .f-table>.f-cell3_s, .fw .f-table>.f-table_row>.f-cell3_s { width: 25% } .fw .f-table>.f-cell4_s, .fw .f-table>.f-table_row>.f-cell4_s { width: 33.33333% } .fw .f-table>.f-cell5_s, .fw .f-table>.f-table_row>.f-cell5_s { width: 41.66667% } .fw .f-table>.f-cell6_s, .fw .f-table>.f-table_row>.f-cell6_s { width: 50% } .fw .f-table>.f-cell7_s, .fw .f-table>.f-table_row>.f-cell7_s { width: 58.33333% } .fw .f-table>.f-cell8_s, .fw .f-table>.f-table_row>.f-cell8_s { width: 66.66667% } .fw .f-table>.f-cell9_s, .fw .f-table>.f-table_row>.f-cell9_s { width: 75% } .fw .f-table>.f-cell10_s, .fw .f-table>.f-table_row>.f-cell10_s { width: 83.33333% } .fw .f-table>.f-cell11_s, .fw .f-table>.f-table_row>.f-cell11_s { width: 91.66667% } .fw .f-table>.f-cell12_s, .fw .f-table>.f-table_row>.f-cell12_s { width: 100% } .fw .f-table>.f-cell_fifth_s, .fw .f-table>.f-table_row>.f-cell_fifth_s { width: 20% } .fw .f-table .f-cell12_s, .fw .f-table>.f-table_row .f-cell12_s { display: inline-block } } .fw table { border-collapse: collapse; border-spacing: 0 } .fw table th, .fw table td { padding: 15px } .fw table th.f-table_bg_gray, .fw table td.f-table_bg_gray { background: #f5f5f5; color: #434343 } .fw table.f-table_horizon { width: 100% } .fw table.f-table_horizon th, .fw table.f-table_horizon td { border-bottom: 1px solid #DDD } .fw table.f-table_horizon th { font-weight: bold } .fw table.f-table_horizon thead th, .fw table.f-table_horizon thead td { border-bottom: 2px solid #DDD } .fw table.f-table_vertical { width: 100% } .fw table.f-table_vertical th { border-right: 2px solid #DDD; font-weight: bold } .fw table.f-table_vertical td { border-right: 1px solid #DDD } .fw table.f-table_vertical td:last-child { border-right: none } .fw table.f-table_around { width: 100% } .fw table.f-table_around th { border: 1px solid #DDD; font-weight: bold } .fw table.f-table_around td { border: 1px solid #DDD } .fw table.f-table_around thead th, .fw table.f-table_around thead td { border-bottom: 2px solid #DDD } .fw table.f-table_stripe { width: 100% } .fw table.f-table_stripe tbody tr:nth-child(odd) th, .fw table.f-table_stripe tbody tr:nth-child(odd) td { background: #f5f5f5 } .fw table.f-table_cursor { width: 100% } .fw table.f-table_cursor tbody tr:hover td { background: #eee } .fw table.f-table_cursor tbody tr:hover:nth-child(odd) td { background: #eee !important } .fw table.f-table_break th, .fw table.f-table_break td { width: 100% !important; display: block; margin-top: -1px } @media screen and (max-width: 767px) { .fw table.f-table_break_s th, .fw table.f-table_break_s td { width: 100% !important; display: block; margin-top: -1px } } .fw .f-table_responsive { overflow-x: auto; padding-bottom: 10px } .fw .f-table_responsive::-webkit-scrollbar { height: 5px } .fw .f-table_responsive::-webkit-scrollbar-thumb { background: #bbbece; border-radius: 5px } .fw .f-table_responsive::-webkit-scrollbar-track-piece:start { background: #f5f5f5; border-radius: 5px } .fw .f-table_responsive::-webkit-scrollbar-track-piece:end { background: #f5f5f5; border-radius: 5px } .fw .f-table_responsive table { width: 900px } .fw table tr>.f-cell1 { width: 8.33333% } .fw table tr>.f-cell2 { width: 16.66667% } .fw table tr>.f-cell3 { width: 25% } .fw table tr>.f-cell4 { width: 33.33333% } .fw table tr>.f-cell5 { width: 41.66667% } .fw table tr>.f-cell6 { width: 50% } .fw table tr>.f-cell7 { width: 58.33333% } .fw table tr>.f-cell8 { width: 66.66667% } .fw table tr>.f-cell9 { width: 75% } .fw table tr>.f-cell10 { width: 83.33333% } .fw table tr>.f-cell11 { width: 91.66667% } .fw table tr>.f-cell12 { width: 100% } .fw table tr>.f-cell_fifth { width: 20% } .fw table tr>.f-cell1 { width: 8.33333% } .fw table tr>.f-cell2 { width: 16.66667% } .fw table tr>.f-cell3 { width: 25% } .fw table tr>.f-cell4 { width: 33.33333% } .fw table tr>.f-cell5 { width: 41.66667% } .fw table tr>.f-cell6 { width: 50% } .fw table tr>.f-cell7 { width: 58.33333% } .fw table tr>.f-cell8 { width: 66.66667% } .fw table tr>.f-cell9 { width: 75% } .fw table tr>.f-cell10 { width: 83.33333% } .fw table tr>.f-cell11 { width: 91.66667% } .fw table tr>.f-cell12 { width: 100% } .fw table tr>.f-cell_fifth { width: 20% } .fw table tr .f-cell12 { display: inline-block } @media screen and (max-width: 767px) { .fw table tr>.f-cell1_s { width: 8.33333% } .fw table tr>.f-cell2_s { width: 16.66667% } .fw table tr>.f-cell3_s { width: 25% } .fw table tr>.f-cell4_s { width: 33.33333% } .fw table tr>.f-cell5_s { width: 41.66667% } .fw table tr>.f-cell6_s { width: 50% } .fw table tr>.f-cell7_s { width: 58.33333% } .fw table tr>.f-cell8_s { width: 66.66667% } .fw table tr>.f-cell9_s { width: 75% } .fw table tr>.f-cell10_s { width: 83.33333% } .fw table tr>.f-cell11_s { width: 91.66667% } .fw table tr>.f-cell12_s { width: 100% } .fw table tr>.f-cell_fifth_s { width: 20% } .fw table tr .f-cell12_s { display: inline-block } } .fw .f-txt_left { text-align: left !important } .fw .f-txt_center { text-align: center !important } .fw .f-txt_right { text-align: right !important } .fw .f-txt_blue { color: #277c98 !important } .fw .f-txt_yellow { color: #9e8021 !important } .fw .f-txt_purple { color: #301ca4 !important } .fw .f-txt_green { color: #249b7d !important } .fw .f-txt_red { color: #a2381e !important } .fw .f-txt_lime { color: #55a718 !important } .fw .f-txt_pink { color: #9c2384 !important } .fw .f-space_s { letter-spacing: -0.02em !important } .fw .f-space_m { letter-spacing: 0.03em !important } .fw .f-space_l { letter-spacing: 0.08em !important } .fw .f-box { background: #f5f5f5; padding: 20px } .fw .f-box_solid { border: 1px solid #DDD; padding: 20px } .fw .f-box_dotted { border: 1px dotted #DDD; padding: 20px } .fw .f-box_dashed { border: 1px dashed #DDD; padding: 20px } @-webkit-keyframes showMenubtn { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes showMenubtn { 0% { -webkit-transform: translateY(-100px); transform: translateY(-100px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .j-scroll-effect { opacity: 0 } .j-scroll-effect_transition { -webkit-transition: opacity .6s, -webkit-transform .6s; transition: opacity .6s, -webkit-transform .6s; transition: transform .6s, opacity .6s; transition: transform .6s, opacity .6s, -webkit-transform .6s } .j-scroll-effect_start { opacity: 1 } .j-scroll-effect .m-list_article_item { -webkit-transition: opacity .6s, -webkit-transform .6s; transition: opacity .6s, -webkit-transform .6s; transition: transform .6s, opacity .6s; transition: transform .6s, opacity .6s, -webkit-transform .6s; opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%) } .j-scroll-effect_start .m-list_article_item { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } .j-scroll-effect_start .m-list_article_item:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s } .j-scroll-effect_start .m-list_article_item:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s } .j-scroll-effect_start .m-list_article_item:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s } .j-scroll-effect_start .m-list_article_item:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s } .j-scroll-effect_start .m-list_article_item:nth-child(5) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s } .j-scroll-effect_start .m-list_article_item:nth-child(6) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s } .j-scroll-effect_start .m-list_article_item:nth-child(7) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s } .j-scroll-effect_start .m-list_article_item:nth-child(8) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s } .j-scroll-effect_start .m-list_article_item:nth-child(9) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s } .j-scroll-effect_start .m-list_article_item:nth-child(10) { -webkit-transition-delay: 1s; transition-delay: 1s } .j-scroll-effect_start .m-list_article_item:nth-child(11) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s } .j-scroll-effect_start .m-list_article_item:nth-child(12) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } .j-scroll-effect_start .m-list_article_item:nth-child(13) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s } .j-scroll-effect_start .m-list_article_item:nth-child(14) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s } .j-scroll-effect_start .m-list_article_item:nth-child(15) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s } .j-scroll-effect_start .m-list_article_item:nth-child(16) { -webkit-transition-delay: 1.6s; transition-delay: 1.6s } .j-scroll-effect_start .m-list_article_item:nth-child(17) { -webkit-transition-delay: 1.7s; transition-delay: 1.7s } .j-scroll-effect_start .m-list_article_item:nth-child(18) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s } .j-scroll-effect_start .m-list_article_item:nth-child(19) { -webkit-transition-delay: 1.9s; transition-delay: 1.9s } .j-scroll-effect_start .m-list_article_item:nth-child(20) { -webkit-transition-delay: 2s; transition-delay: 2s } .j-scroll-effect_start .m-list_article_item:nth-child(21) { -webkit-transition-delay: 2.1s; transition-delay: 2.1s } .j-scroll-effect_start .m-list_article_item:nth-child(22) { -webkit-transition-delay: 2.2s; transition-delay: 2.2s } .j-scroll-effect_start .m-list_article_item:nth-child(23) { -webkit-transition-delay: 2.3s; transition-delay: 2.3s } .j-scroll-effect_start .m-list_article_item:nth-child(24) { -webkit-transition-delay: 2.4s; transition-delay: 2.4s } .j-scroll-effect_start .m-list_article_item:nth-child(25) { -webkit-transition-delay: 2.5s; transition-delay: 2.5s } .j-scroll-effect_start .m-list_article_item:nth-child(26) { -webkit-transition-delay: 2.6s; transition-delay: 2.6s } .j-scroll-effect_start .m-list_article_item:nth-child(27) { -webkit-transition-delay: 2.7s; transition-delay: 2.7s } .j-scroll-effect_start .m-list_article_item:nth-child(28) { -webkit-transition-delay: 2.8s; transition-delay: 2.8s } .j-scroll-effect_start .m-list_article_item:nth-child(29) { -webkit-transition-delay: 2.9s; transition-delay: 2.9s } .j-scroll-effect_start .m-list_article_item:nth-child(30) { -webkit-transition-delay: 3s; transition-delay: 3s } .j-scroll-effect_start .m-list_article_item:nth-child(31) { -webkit-transition-delay: 3.1s; transition-delay: 3.1s } .j-scroll-effect_start .m-list_article_item:nth-child(32) { -webkit-transition-delay: 3.2s; transition-delay: 3.2s } .j-scroll-effect_start .m-list_article_item:nth-child(33) { -webkit-transition-delay: 3.3s; transition-delay: 3.3s } .j-scroll-effect_start .m-list_article_item:nth-child(34) { -webkit-transition-delay: 3.4s; transition-delay: 3.4s } .j-scroll-effect_start .m-list_article_item:nth-child(35) { -webkit-transition-delay: 3.5s; transition-delay: 3.5s } .j-scroll-effect_start .m-list_article_item:nth-child(36) { -webkit-transition-delay: 3.6s; transition-delay: 3.6s } .j-scroll-effect_start .m-list_article_item:nth-child(37) { -webkit-transition-delay: 3.7s; transition-delay: 3.7s } .j-scroll-effect_start .m-list_article_item:nth-child(38) { -webkit-transition-delay: 3.8s; transition-delay: 3.8s } .j-scroll-effect_start .m-list_article_item:nth-child(39) { -webkit-transition-delay: 3.9s; transition-delay: 3.9s } .j-scroll-effect_start .m-list_article_item:nth-child(40) { -webkit-transition-delay: 4s; transition-delay: 4s } .j-scroll-effect_start .m-list_article_item:nth-child(41) { -webkit-transition-delay: 4.1s; transition-delay: 4.1s } .j-scroll-effect_start .m-list_article_item:nth-child(42) { -webkit-transition-delay: 4.2s; transition-delay: 4.2s } .j-scroll-effect_start .m-list_article_item:nth-child(43) { -webkit-transition-delay: 4.3s; transition-delay: 4.3s } .j-scroll-effect_start .m-list_article_item:nth-child(44) { -webkit-transition-delay: 4.4s; transition-delay: 4.4s } .j-scroll-effect_start .m-list_article_item:nth-child(45) { -webkit-transition-delay: 4.5s; transition-delay: 4.5s } .j-scroll-effect_start .m-list_article_item:nth-child(46) { -webkit-transition-delay: 4.6s; transition-delay: 4.6s } .j-scroll-effect_start .m-list_article_item:nth-child(47) { -webkit-transition-delay: 4.7s; transition-delay: 4.7s } .j-scroll-effect_start .m-list_article_item:nth-child(48) { -webkit-transition-delay: 4.8s; transition-delay: 4.8s } .j-scroll-effect_start .m-list_article_item:nth-child(49) { -webkit-transition-delay: 4.9s; transition-delay: 4.9s } .j-scroll-effect_start .m-list_article_item:nth-child(50) { -webkit-transition-delay: 5s; transition-delay: 5s } .header-nav .m-list_article_item, .header-nav .a-ttl_line { -webkit-transition: opacity .6s, -webkit-transform .6s; transition: opacity .6s, -webkit-transform .6s; transition: transform .6s, opacity .6s; transition: transform .6s, opacity .6s, -webkit-transform .6s; opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%) } .header-nav.is-open .a-ttl_line { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition-delay: .9s; transition-delay: .9s } .header-nav.is-open .m-list_article_item { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } .header-nav.is-open .m-list_article_item:nth-child(1) { -webkit-transition-delay: 1s; transition-delay: 1s } .header-nav.is-open .m-list_article_item:nth-child(2) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s } .header-nav.is-open .m-list_article_item:nth-child(3) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } .header-nav.is-open .m-list_article_item:nth-child(4) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s } .header-nav.is-open .m-list_article_item:nth-child(5) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s } .header-nav.is-open .m-list_article_item:nth-child(6) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s } .header-nav.is-open .m-list_article_item:nth-child(7) { -webkit-transition-delay: 1.6s; transition-delay: 1.6s } .header-nav.is-open .m-list_article_item:nth-child(8) { -webkit-transition-delay: 1.7s; transition-delay: 1.7s } .header-nav.is-open .m-list_article_item:nth-child(9) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s } .header-nav.is-open .m-list_article_item:nth-child(10) { -webkit-transition-delay: 1.9s; transition-delay: 1.9s } .header-nav.is-open .m-list_article_item:nth-child(11) { -webkit-transition-delay: 2s; transition-delay: 2s } .header-nav.is-open .m-list_article_item:nth-child(12) { -webkit-transition-delay: 2.1s; transition-delay: 2.1s } .header-nav.is-open .m-list_article_item:nth-child(13) { -webkit-transition-delay: 2.2s; transition-delay: 2.2s } .header-nav.is-open .m-list_article_item:nth-child(14) { -webkit-transition-delay: 2.3s; transition-delay: 2.3s } .header-nav.is-open .m-list_article_item:nth-child(15) { -webkit-transition-delay: 2.4s; transition-delay: 2.4s } .header-nav.is-open .m-list_article_item:nth-child(16) { -webkit-transition-delay: 2.5s; transition-delay: 2.5s } .header-nav.is-open .m-list_article_item:nth-child(17) { -webkit-transition-delay: 2.6s; transition-delay: 2.6s } .header-nav.is-open .m-list_article_item:nth-child(18) { -webkit-transition-delay: 2.7s; transition-delay: 2.7s } .header-nav.is-open .m-list_article_item:nth-child(19) { -webkit-transition-delay: 2.8s; transition-delay: 2.8s } .header-nav.is-open .m-list_article_item:nth-child(20) { -webkit-transition-delay: 2.9s; transition-delay: 2.9s } .header-nav.is-open .m-list_article_item:nth-child(21) { -webkit-transition-delay: 3s; transition-delay: 3s } .header-nav.is-open .m-list_article_item:nth-child(22) { -webkit-transition-delay: 3.1s; transition-delay: 3.1s } .header-nav.is-open .m-list_article_item:nth-child(23) { -webkit-transition-delay: 3.2s; transition-delay: 3.2s } .header-nav.is-open .m-list_article_item:nth-child(24) { -webkit-transition-delay: 3.3s; transition-delay: 3.3s } .header-nav.is-open .m-list_article_item:nth-child(25) { -webkit-transition-delay: 3.4s; transition-delay: 3.4s } .header-nav.is-open .m-list_article_item:nth-child(26) { -webkit-transition-delay: 3.5s; transition-delay: 3.5s } .header-nav.is-open .m-list_article_item:nth-child(27) { -webkit-transition-delay: 3.6s; transition-delay: 3.6s } .header-nav.is-open .m-list_article_item:nth-child(28) { -webkit-transition-delay: 3.7s; transition-delay: 3.7s } .header-nav.is-open .m-list_article_item:nth-child(29) { -webkit-transition-delay: 3.8s; transition-delay: 3.8s } .header-nav.is-open .m-list_article_item:nth-child(30) { -webkit-transition-delay: 3.9s; transition-delay: 3.9s } .header-nav.is-open .m-list_article_item:nth-child(31) { -webkit-transition-delay: 4s; transition-delay: 4s } .header-nav.is-open .m-list_article_item:nth-child(32) { -webkit-transition-delay: 4.1s; transition-delay: 4.1s } .header-nav.is-open .m-list_article_item:nth-child(33) { -webkit-transition-delay: 4.2s; transition-delay: 4.2s } .header-nav.is-open .m-list_article_item:nth-child(34) { -webkit-transition-delay: 4.3s; transition-delay: 4.3s } .header-nav.is-open .m-list_article_item:nth-child(35) { -webkit-transition-delay: 4.4s; transition-delay: 4.4s } .header-nav.is-open .m-list_article_item:nth-child(36) { -webkit-transition-delay: 4.5s; transition-delay: 4.5s } .header-nav.is-open .m-list_article_item:nth-child(37) { -webkit-transition-delay: 4.6s; transition-delay: 4.6s } .header-nav.is-open .m-list_article_item:nth-child(38) { -webkit-transition-delay: 4.7s; transition-delay: 4.7s } .header-nav.is-open .m-list_article_item:nth-child(39) { -webkit-transition-delay: 4.8s; transition-delay: 4.8s } .header-nav.is-open .m-list_article_item:nth-child(40) { -webkit-transition-delay: 4.9s; transition-delay: 4.9s } .header-nav.is-open .m-list_article_item:nth-child(41) { -webkit-transition-delay: 5s; transition-delay: 5s } .header-nav.is-open .m-list_article_item:nth-child(42) { -webkit-transition-delay: 5.1s; transition-delay: 5.1s } .header-nav.is-open .m-list_article_item:nth-child(43) { -webkit-transition-delay: 5.2s; transition-delay: 5.2s } .header-nav.is-open .m-list_article_item:nth-child(44) { -webkit-transition-delay: 5.3s; transition-delay: 5.3s } .header-nav.is-open .m-list_article_item:nth-child(45) { -webkit-transition-delay: 5.4s; transition-delay: 5.4s } .header-nav.is-open .m-list_article_item:nth-child(46) { -webkit-transition-delay: 5.5s; transition-delay: 5.5s } .header-nav.is-open .m-list_article_item:nth-child(47) { -webkit-transition-delay: 5.6s; transition-delay: 5.6s } .header-nav.is-open .m-list_article_item:nth-child(48) { -webkit-transition-delay: 5.7s; transition-delay: 5.7s } .header-nav.is-open .m-list_article_item:nth-child(49) { -webkit-transition-delay: 5.8s; transition-delay: 5.8s } .header-nav.is-open .m-list_article_item:nth-child(50) { -webkit-transition-delay: 5.9s; transition-delay: 5.9s } .j-scroll-effect .m-list_rank ol>li { -webkit-transition: opacity .6s, -webkit-transform .6s; transition: opacity .6s, -webkit-transform .6s; transition: transform .6s, opacity .6s; transition: transform .6s, opacity .6s, -webkit-transform .6s; opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%) } .j-scroll-effect_start .m-list_rank ol>li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } .j-scroll-effect_start .m-list_rank ol>li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(5) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(6) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(7) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(8) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(9) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(10) { -webkit-transition-delay: 1s; transition-delay: 1s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(11) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(12) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(13) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(14) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(15) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(16) { -webkit-transition-delay: 1.6s; transition-delay: 1.6s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(17) { -webkit-transition-delay: 1.7s; transition-delay: 1.7s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(18) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(19) { -webkit-transition-delay: 1.9s; transition-delay: 1.9s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(20) { -webkit-transition-delay: 2s; transition-delay: 2s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(21) { -webkit-transition-delay: 2.1s; transition-delay: 2.1s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(22) { -webkit-transition-delay: 2.2s; transition-delay: 2.2s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(23) { -webkit-transition-delay: 2.3s; transition-delay: 2.3s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(24) { -webkit-transition-delay: 2.4s; transition-delay: 2.4s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(25) { -webkit-transition-delay: 2.5s; transition-delay: 2.5s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(26) { -webkit-transition-delay: 2.6s; transition-delay: 2.6s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(27) { -webkit-transition-delay: 2.7s; transition-delay: 2.7s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(28) { -webkit-transition-delay: 2.8s; transition-delay: 2.8s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(29) { -webkit-transition-delay: 2.9s; transition-delay: 2.9s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(30) { -webkit-transition-delay: 3s; transition-delay: 3s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(31) { -webkit-transition-delay: 3.1s; transition-delay: 3.1s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(32) { -webkit-transition-delay: 3.2s; transition-delay: 3.2s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(33) { -webkit-transition-delay: 3.3s; transition-delay: 3.3s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(34) { -webkit-transition-delay: 3.4s; transition-delay: 3.4s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(35) { -webkit-transition-delay: 3.5s; transition-delay: 3.5s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(36) { -webkit-transition-delay: 3.6s; transition-delay: 3.6s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(37) { -webkit-transition-delay: 3.7s; transition-delay: 3.7s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(38) { -webkit-transition-delay: 3.8s; transition-delay: 3.8s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(39) { -webkit-transition-delay: 3.9s; transition-delay: 3.9s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(40) { -webkit-transition-delay: 4s; transition-delay: 4s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(41) { -webkit-transition-delay: 4.1s; transition-delay: 4.1s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(42) { -webkit-transition-delay: 4.2s; transition-delay: 4.2s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(43) { -webkit-transition-delay: 4.3s; transition-delay: 4.3s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(44) { -webkit-transition-delay: 4.4s; transition-delay: 4.4s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(45) { -webkit-transition-delay: 4.5s; transition-delay: 4.5s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(46) { -webkit-transition-delay: 4.6s; transition-delay: 4.6s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(47) { -webkit-transition-delay: 4.7s; transition-delay: 4.7s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(48) { -webkit-transition-delay: 4.8s; transition-delay: 4.8s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(49) { -webkit-transition-delay: 4.9s; transition-delay: 4.9s } .j-scroll-effect_start .m-list_rank ol>li:nth-child(50) { -webkit-transition-delay: 5s; transition-delay: 5s } .j-scroll-effect .m-list_contributors_item { -webkit-transition: opacity .6s, -webkit-transform .6s; transition: opacity .6s, -webkit-transform .6s; transition: transform .6s, opacity .6s; transition: transform .6s, opacity .6s, -webkit-transform .6s; opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%) } .j-scroll-effect_start .m-list_contributors_item { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } .j-scroll-effect_start .m-list_contributors_item:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s } .j-scroll-effect_start .m-list_contributors_item:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s } .j-scroll-effect_start .m-list_contributors_item:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s } .j-scroll-effect_start .m-list_contributors_item:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s } .j-scroll-effect_start .m-list_contributors_item:nth-child(5) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s } .j-scroll-effect_start .m-list_contributors_item:nth-child(6) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s } .j-scroll-effect_start .m-list_contributors_item:nth-child(7) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s } .j-scroll-effect_start .m-list_contributors_item:nth-child(8) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s } .j-scroll-effect_start .m-list_contributors_item:nth-child(9) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s } .j-scroll-effect_start .m-list_contributors_item:nth-child(10) { -webkit-transition-delay: 1s; transition-delay: 1s } .j-scroll-effect_start .m-list_contributors_item:nth-child(11) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s } .j-scroll-effect_start .m-list_contributors_item:nth-child(12) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } .j-scroll-effect_start .m-list_contributors_item:nth-child(13) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s } .j-scroll-effect_start .m-list_contributors_item:nth-child(14) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s } .j-scroll-effect_start .m-list_contributors_item:nth-child(15) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s } .j-scroll-effect_start .m-list_contributors_item:nth-child(16) { -webkit-transition-delay: 1.6s; transition-delay: 1.6s } .j-scroll-effect_start .m-list_contributors_item:nth-child(17) { -webkit-transition-delay: 1.7s; transition-delay: 1.7s } .j-scroll-effect_start .m-list_contributors_item:nth-child(18) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s } .j-scroll-effect_start .m-list_contributors_item:nth-child(19) { -webkit-transition-delay: 1.9s; transition-delay: 1.9s } .j-scroll-effect_start .m-list_contributors_item:nth-child(20) { -webkit-transition-delay: 2s; transition-delay: 2s } .j-scroll-effect_start .m-list_contributors_item:nth-child(21) { -webkit-transition-delay: 2.1s; transition-delay: 2.1s } .j-scroll-effect_start .m-list_contributors_item:nth-child(22) { -webkit-transition-delay: 2.2s; transition-delay: 2.2s } .j-scroll-effect_start .m-list_contributors_item:nth-child(23) { -webkit-transition-delay: 2.3s; transition-delay: 2.3s } .j-scroll-effect_start .m-list_contributors_item:nth-child(24) { -webkit-transition-delay: 2.4s; transition-delay: 2.4s } .j-scroll-effect_start .m-list_contributors_item:nth-child(25) { -webkit-transition-delay: 2.5s; transition-delay: 2.5s } .j-scroll-effect_start .m-list_contributors_item:nth-child(26) { -webkit-transition-delay: 2.6s; transition-delay: 2.6s } .j-scroll-effect_start .m-list_contributors_item:nth-child(27) { -webkit-transition-delay: 2.7s; transition-delay: 2.7s } .j-scroll-effect_start .m-list_contributors_item:nth-child(28) { -webkit-transition-delay: 2.8s; transition-delay: 2.8s } .j-scroll-effect_start .m-list_contributors_item:nth-child(29) { -webkit-transition-delay: 2.9s; transition-delay: 2.9s } .j-scroll-effect_start .m-list_contributors_item:nth-child(30) { -webkit-transition-delay: 3s; transition-delay: 3s } .j-scroll-effect_start .m-list_contributors_item:nth-child(31) { -webkit-transition-delay: 3.1s; transition-delay: 3.1s } .j-scroll-effect_start .m-list_contributors_item:nth-child(32) { -webkit-transition-delay: 3.2s; transition-delay: 3.2s } .j-scroll-effect_start .m-list_contributors_item:nth-child(33) { -webkit-transition-delay: 3.3s; transition-delay: 3.3s } .j-scroll-effect_start .m-list_contributors_item:nth-child(34) { -webkit-transition-delay: 3.4s; transition-delay: 3.4s } .j-scroll-effect_start .m-list_contributors_item:nth-child(35) { -webkit-transition-delay: 3.5s; transition-delay: 3.5s } .j-scroll-effect_start .m-list_contributors_item:nth-child(36) { -webkit-transition-delay: 3.6s; transition-delay: 3.6s } .j-scroll-effect_start .m-list_contributors_item:nth-child(37) { -webkit-transition-delay: 3.7s; transition-delay: 3.7s } .j-scroll-effect_start .m-list_contributors_item:nth-child(38) { -webkit-transition-delay: 3.8s; transition-delay: 3.8s } .j-scroll-effect_start .m-list_contributors_item:nth-child(39) { -webkit-transition-delay: 3.9s; transition-delay: 3.9s } .j-scroll-effect_start .m-list_contributors_item:nth-child(40) { -webkit-transition-delay: 4s; transition-delay: 4s } .j-scroll-effect_start .m-list_contributors_item:nth-child(41) { -webkit-transition-delay: 4.1s; transition-delay: 4.1s } .j-scroll-effect_start .m-list_contributors_item:nth-child(42) { -webkit-transition-delay: 4.2s; transition-delay: 4.2s } .j-scroll-effect_start .m-list_contributors_item:nth-child(43) { -webkit-transition-delay: 4.3s; transition-delay: 4.3s } .j-scroll-effect_start .m-list_contributors_item:nth-child(44) { -webkit-transition-delay: 4.4s; transition-delay: 4.4s } .j-scroll-effect_start .m-list_contributors_item:nth-child(45) { -webkit-transition-delay: 4.5s; transition-delay: 4.5s } .j-scroll-effect_start .m-list_contributors_item:nth-child(46) { -webkit-transition-delay: 4.6s; transition-delay: 4.6s } .j-scroll-effect_start .m-list_contributors_item:nth-child(47) { -webkit-transition-delay: 4.7s; transition-delay: 4.7s } .j-scroll-effect_start .m-list_contributors_item:nth-child(48) { -webkit-transition-delay: 4.8s; transition-delay: 4.8s } .j-scroll-effect_start .m-list_contributors_item:nth-child(49) { -webkit-transition-delay: 4.9s; transition-delay: 4.9s } .j-scroll-effect_start .m-list_contributors_item:nth-child(50) { -webkit-transition-delay: 5s; transition-delay: 5s } .fw .a-ttl { font-size: 32px } @media screen and (max-width: 767px) { .fw .a-ttl { font-size: 20px } } .fw .a-ttl_page { font-family: "Fjalla One", sans-serif; letter-spacing: 0.05em; color: #e5368e; font-size: 24px } @media screen and (max-width: 767px) { .fw .a-ttl_page { font-size: 18px; font-family: 'Open Sans', sans-serif; text-align: center; color: #000; font-style: italic; letter-spacing: 4px; padding: 20px 0; } } .fw .a-ttl_line { font-size: 32px; margin-bottom: 60px; margin-left: 0; margin-right: 0; position: relative; font-family: "Fjalla One", sans-serif; text-align: center; letter-spacing: 0.08em } @media screen and (max-width: 767px) { .fw .a-ttl_line { font-size: 20px } } @media screen and (max-width: 767px) { .fw .a-ttl_line { margin-bottom: 30px } } @media screen and (max-width: 767px) { .fw .a-ttl_line { margin-left: -15px } } @media screen and (max-width: 767px) { .fw .a-ttl_line { margin-right: -15px } } .fw .a-ttl_line:before { content: ""; width: 100%; height: 3px; background-color: #434343; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width: 767px) { .fw .a-ttl_line:before { height: 1px } } .fw .a-ttl_line span { position: relative; display: inline-block; background-color: #fff; text-transform: uppercase; padding: 0 40px } @media screen and (max-width: 767px) { .fw .a-ttl_line span { padding: 0 12px } } .fw .a-ttl_line span:first-letter { color: #e5368e } .fw .a-ttl_line i { font-size: 14px; letter-spacing: 0.1em; position: absolute; left: 0; right: 0; margin: auto; bottom: -5px; -webkit-transform: translateY(100%); transform: translateY(100%); font-weight: bold } @media screen and (max-width: 767px) { .fw .a-ttl_line i { font-size: 10px } } @media screen and (max-width: 767px) { .fw .a-ttl_line i { bottom: 1px } } .fw .a-ttl_bg { margin-left: 0; margin-right: 0; background-color: #434343; color: #fff; text-align: center; font-family: "Fjalla One", sans-serif; font-size: 20px; padding: 8px 20px; margin-bottom: 25px } @media screen and (max-width: 767px) { .fw .a-ttl_bg { margin-left: -15px } } @media screen and (max-width: 767px) { .fw .a-ttl_bg { margin-right: -15px } } @font-face { font-family: "iconfont"; src: url("/assets/fonts/iconfont.eot"); src: url("/assets/fonts/iconfont.woff") format("woff"), url("/assets/fonts/iconfont.ttf") format("truetype"), url("/assets/fonts/iconfont.svg#iconfont") format("svg"); font-weight: normal; font-style: normal } .a-icon { display: inline-block; font-family: "iconfont"; font-style: normal; font-weight: normal; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .a-icon-lg { font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15% } .a-icon-2x { font-size: 2em } .a-icon-3x { font-size: 3em } .a-icon-4x { font-size: 4em } .a-icon-5x { font-size: 5em } .a-icon-fw { width: 1.2857142857142858em; text-align: center } .a-icon-arrow:before { content: "\EA01" } .a-icon-facebook:before { content: "\EA02" } .a-icon-insta:before { content: "\EA03" } .a-icon-search:before { content: "\EA04" } .a-icon-twitter:before { content: "\EA05" } .fw .a-img_hover .frame { padding-top: 69.6%; width: 100%; overflow: hidden; position: relative; display: block } .fw .a-img_hover a:hover div { -webkit-transition: opacity 0.4s ease-in, -webkit-transform 4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s ease-in, -webkit-transform 4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s ease-in; transition: transform 4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s ease-in, -webkit-transform 4s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8 } .fw .a-img_hover .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: none; background-size: cover; background-position: 50% 0 } .fw a:hover .a-img_hover .bg { -webkit-transition: opacity 0.4s ease-in, -webkit-transform 4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s ease-in, -webkit-transform 4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s ease-in; transition: transform 4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s ease-in, -webkit-transform 4s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8 } .fw .a-img_add_header>div:last-child { padding-bottom: 40px } @media screen and (max-width: 767px) { .fw .a-img_add_header>div:last-child { padding-bottom: 20px } } .fw .a-img_add_header [data-google-query-id] { margin-left: auto; margin-right: auto; text-align: center } .fw .a-img_add_side>* { margin-bottom: 35px } @media screen and (max-width: 767px) { .fw .a-img_add_side>* { margin-bottom: 25px } } .fw .a-img_add_side [data-google-query-id] { margin-left: auto; margin-right: auto; text-align: center } .fw .a-img_add_top>* { margin-bottom: 0 } @media screen and (max-width: 767px) { .fw .a-img_add_top>* { margin-bottom: 25px } } .fw .a-img_add_top [data-google-query-id] { margin-left: auto; margin-right: auto; text-align: center } .fw .a-img_add_detailtop { width: 320px; margin-left: auto; margin-right: auto } .fw .a-img_add_detailtop>* { margin-bottom: 40px; text-align: center } @media screen and (max-width: 767px) { .fw .a-img_add_detailtop>* { margin-bottom: 20px } } .fw .a-img_add_detailtop [data-google-query-id] { margin-left: auto; margin-right: auto; text-align: center } .fw .a-img_add_detailbtm { width: 300px; margin-left: auto; margin-right: auto } .fw .a-img_add_detailbtm--mt { margin-top: 80px; } .fw .a-img_add_detailbtm>* { margin-top: 40px; text-align: center } @media screen and (max-width: 767px) { .fw .a-img_add_detailbtm>* { margin-top: 20px } } .fw .a-img_add_detailbtm [data-google-query-id] { margin-left: auto; margin-right: auto; text-align: center } .fw #UPDEIJP { position: static !important } .fw .overlay_container { height: 0 !important } .fw .overlay_container_fixed { position: static !important } .fw .uae_outstreamplayer iframe { top: 60px !important; z-index: 1 !important } .fw .a-label { font-size: 14px; padding: 3px 15px; line-height: 1; background-color: #e5368e; color: #fff; display: inline-block } @media screen and (max-width: 767px) { .fw .a-label { font-size: 9px } } @media screen and (max-width: 767px) { .fw .a-label { padding: 1px 8px } } .fw .a-date { font-size: 20px; display: block; line-height: 1; vertical-align: top } @media screen and (max-width: 767px) { .fw .a-date { font-size: 10px } } .fw .a-date .a-label { margin-right: 10px } @media screen and (max-width: 767px) { .fw .a-date .a-label { margin-right: 10px } } .fw .search-form { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .fw .search-form label { vertical-align: top } .fw .search-form label .screen-reader-text { display: none } .fw .search-form input[type="search"]::-webkit-input-placeholder { font-size: 14px; color: #aeaeae; position: relative; top: -2px } @media screen and (max-width: 767px) { .fw .search-form input[type="search"]::-webkit-input-placeholder { font-size: 16px } } .fw .search-form input[type="search"]:-moz-placeholder { opacity: 1; font-size: 14px; color: #aeaeae; position: relative; top: -2px } @media screen and (max-width: 767px) { .fw .search-form input[type="search"]:-moz-placeholder { font-size: 16px } } .fw .search-form input[type="search"]::-moz-placeholder { opacity: 1; font-size: 14px; color: #aeaeae; position: relative; top: -2px } @media screen and (max-width: 767px) { .fw .search-form input[type="search"]::-moz-placeholder { font-size: 16px } } .fw .search-form input[type="search"]:-ms-input-placeholder { font-size: 14px; color: #aeaeae; position: relative; top: -2px } @media screen and (max-width: 767px) { .fw .search-form input[type="search"]:-ms-input-placeholder { font-size: 16px } } .fw .search-form button { vertical-align: top; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50px; font-size: 10px; padding-left: 5px !important; font-family: "Fjalla One", sans-serif; height: 35px; border: none; background-color: #e5368e; color: #fff } @media screen and (max-width: 767px) { .fw .search-form button { width: 80px } } @media screen and (max-width: 767px) { .fw .search-form button { font-size: 8px } } @media screen and (max-width: 767px) { .fw .search-form button { padding-left: 0px !important } } .fw .search-form button:before { font-family: "iconfont"; content: "\EA04"; margin-right: 2px; font-size: 20px; display: inline-block } @media screen and (max-width: 767px) { .fw .search-form button:before { margin-right: 2px } } @media screen and (max-width: 767px) { .fw .search-form button:before { font-size: 8px } } .fw div.m-list_tag ul { margin: -6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (max-width: 767px) { .fw div.m-list_tag ul { margin: -7px -5px } } .fw div.m-list_tag ul li a { font-size: 14px !important; padding: 7px 10px; margin: 6px; border: 1px solid #434343; letter-spacing: 0.1em; display: block; -webkit-transition: 0.2s; transition: 0.2s; line-height: 1 } @media screen and (max-width: 767px) { .fw div.m-list_tag ul li a { font-size: 12px !important } } @media screen and (max-width: 767px) { .fw div.m-list_tag ul li a { padding: 4px 5px } } @media screen and (max-width: 767px) { .fw div.m-list_tag ul li a { margin: 7px 5px } } @media screen and (min-width: 768px) { .fw div.m-list_tag ul li a { border-radius: 10px } } @media screen and (max-width: 767px) { .fw div.m-list_tag ul li a { border-radius: 5px; border: 1px solid #ccc; } } .fw div.m-list_tag ul li a:hover { color: #fff; background-color: #434343 } .fw div.m-list_tag ul li a:before { content: "#" } .fw .m-list_article.mt { margin-top: 30px; } .fw .m-list_article_item { padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 767px) { .fw .m-list_article_item { padding: 8px 0 } } .fw .m-list_article_item:last-child { padding-bottom: 0 !important } .fw .m-list_article_item:first-child { padding-top: 0 !important } .fw .m-list_article_item a:hover { text-decoration: none } .fw .m-list_article_img { width: 355px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; overflow: hidden } @media screen and (max-width: 767px) { .fw .m-list_article_img { width: 140px } } .fw .m-list_article_detail { padding-left: 40px; line-height: 1 } @media screen and (max-width: 767px) { .fw .m-list_article_detail { padding-left: 8px } } .fw .m-list_article_detail a { display: inline-block } .fw .m-list_article_detail a:hover { opacity: .7 } .fw .m-list_article_ttl { margin-top: 13px; font-size: 28px; line-height: 140%; display: block; font-weight: bold } @media screen and (max-width: 767px) { .fw .m-list_article_ttl { margin-top: 5px } } @media screen and (max-width: 767px) { .fw .m-list_article_ttl { font-size: 12px } } @media screen and (max-width: 767px) { .fw .m-list_article_ttl { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden } } .fw .m-list_article_txt { margin-top: 10px; display: block; line-height: 128% } @media screen and (max-width: 767px) { .fw .m-list_article_txt { display: none } } .fw .m-list_article .m-curator { margin-top: 20px } @media screen and (max-width: 767px) { .fw .m-list_article .m-curator { margin-top: 10px } } .fw .m-list_article .m-curator_img { margin-right: 15px; width: 40px } @media screen and (max-width: 767px) { .fw .m-list_article .m-curator_img { margin-right: 7px } } @media screen and (max-width: 767px) { .fw .m-list_article .m-curator_img { width: 21px } } .fw .m-list_article .m-curator_txt { font-size: 14px } @media screen and (max-width: 767px) { .fw .m-list_article .m-curator_txt { font-size: 10px } } .fw .m-list_article_recommend .m-list_article_item { padding: 40px 0; border-bottom: 2px dotted #000 } @media screen and (max-width: 767px) { .fw .m-list_article_recommend .m-list_article_item { padding: 15px 0 } } @media screen and (max-width: 767px) { .fw .m-list_article_recommend .m-list_article_item { border-bottom-width: 1px } } .fw .m-list_article_recommend .m-list_article_item:last-child { border-bottom: none } .fw .m-list_article_recommend .m-list_article_img { width: 313px } @media screen and (max-width: 767px) { .fw .m-list_article_recommend .m-list_article_img { width: 100px } } .fw .m-list_article_other .m-list_article_item { padding: 7px 0 } @media screen and (max-width: 767px) { .fw .m-list_article_other .m-list_article_item { padding: 15px 0 } } .fw .m-list_article_other .m-list_article_img { width: 460px } @media screen and (max-width: 767px) { .fw .m-list_article_other .m-list_article_img { width: 124px } } .fw .m-list_article_other .m-list_article_detail { padding-left: 15px } @media screen and (max-width: 767px) { .fw .m-list_article_other .m-list_article_detail { padding-left: 10px } } .fw .m-list_article_special .m-list_article_item { padding: 0; background-color: #f5f5f5 } @media screen and (max-width: 767px) { .fw .m-list_article_special .m-list_article_item { padding: 15px 0 } } @media screen and (min-width: 768px) { .fw .m-list_article_special .m-list_article_item { padding: 0; margin: 10px 0 } .fw .m-list_article_special .m-list_article_item:first-child { margin-top: 0 } } .fw .m-list_article_special .m-list_article_img { width: 348px } @media screen and (max-width: 767px) { .fw .m-list_article_special .m-list_article_img { width: 115px } } .fw .m-list_article_special .m-list_article_detail { padding: 15px 20px } @media screen and (max-width: 767px) { .fw .m-list_article_special .m-list_article_detail { padding: 15px 20px } } .fw .m-list_contributors a:hover { opacity: .7; text-decoration: none } .fw .m-list_contributors_item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; border-bottom: 2px dotted #000 } @media screen and (max-width: 767px) { .fw .m-list_contributors_item { padding: 10px 0 } } .fw .m-list_contributors_item:last-child { border-bottom: none } .fw .m-list_contributors_img { width: 70px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } @media screen and (max-width: 767px) { .fw .m-list_contributors_img { width: 55px } } .fw .m-list_contributors_img img { width: 100% } .fw .m-list_contributors_detail { padding-left: 10px } @media screen and (max-width: 767px) { .fw .m-list_contributors_detail { padding-left: 10px } } .fw .m-list_contributors_name { font-size: 20px; font-weight: bold; display: inline-block; vertical-align: top; line-height: 128% } @media screen and (max-width: 767px) { .fw .m-list_contributors_name { font-size: 14px } } .fw .m-list_contributors_name span { font-size: 12px; font-weight: normal; line-height: 160%; display: block } @media screen and (max-width: 767px) { .fw .m-list_contributors_name span { font-size: 12px } } .fw .m-list_contributors_txt { display: none; line-height: 120% } .fw .m-list_contributors .j-accordion_ttl, .fw .m-list_contributors_sp_wrap .j-accordion_ttl { color: #e5368e; position: relative; padding: 15px; font-size: 20px; margin-top: 20px; pointer-events: inherit; text-align: center; -webkit-transition: opacity .4s; transition: opacity .4s; cursor: pointer } .fw .m-list_contributors_sp_wrap .j-accordion_ttl { color: #231815; } .fw .m-list_contributors .j-accordion_ttl:before, .fw .m-list_contributors_sp_wrap .j-accordion_ttl:before { content: ""; display: block; border-top: solid 1px #e5368e; border-right: solid 1px #e5368e; vertical-align: middle; width: 6px; height: 6px; position: absolute; top: 50% } .fw .m-list_contributors_sp_wrap .j-accordion_ttl:before { border-top: solid 1px #231815; border-right: solid 1px #231815; } .fw .m-list_contributors .j-accordion_ttl:before, .fw .m-list_contributors_sp_wrap .j-accordion_ttl:before { transform: translate(0, -50%) rotate(135deg); -webkit-transform: translate(0, -50%) rotate(135deg) } @media screen and (max-width: 767px) { .fw .m-list_contributors .j-accordion_ttl, .fw .m-list_contributors_sp_wrap .j-accordion_ttl { padding: 10px } } @media screen and (max-width: 767px) { .fw .m-list_contributors .j-accordion_ttl, .fw .m-list_contributors_sp_wrap .j-accordion_ttl { font-size: 12px } } @media screen and (max-width: 767px) { .fw .m-list_contributors .j-accordion_ttl, .fw .m-list_contributors_sp_wrap .j-accordion_ttl { margin-top: 10px } } .fw .m-list_contributors .j-accordion_ttl:after, .fw .m-list_contributors_sp_wrap .j-accordion_ttl:after { content: "more" } .fw .m-list_contributors .j-accordion_ttl:before, .fw .m-list_contributors_sp_wrap .j-accordion_ttl:before { top: inherit; bottom: 0; left: 0; right: 0; margin: auto } .fw .m-list_contributors .j-accordion_ttl.active:before, .fw .m-list_contributors_sp_wrap .j-accordion_ttl.active:before { -webkit-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg) } .fw .m-list_contributors .j-accordion_ttl.active:after, .fw .m-list_contributors_sp_wrap .j-accordion_ttl.active:after { content: "close" } .fw .m-list_contributors .j-accordion_ttl:hover, .fw .m-list_contributors_sp_wrap .j-accordion_ttl:hover { opacity: .7 } .fw .m-list_contributors .post_link { text-align: right; padding-top: 10px } @media screen and (max-width: 767px) { .fw .m-list_contributors .post_link { padding-top: 5px } } .fw .m-list_contributors .post_link:after { content: ""; margin-left: 8px; display: inline-block; border-top: solid 2px #434343; border-right: solid 2px #434343; vertical-align: middle; width: 6px; height: 6px } .fw .m-list_contributors .post_link:before, .fw .m-list_contributors .post_link:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin-top: -1px } .fw .m-list_contributors .contentsBox { padding-top: 10px } @media screen and (max-width: 767px) { .fw .m-list_contributors .contentsBox { padding-top: 5px } } .fw .m-list_contributors .contentsBox ul li { padding-left: 20px; padding-bottom: 20px } @media screen and (max-width: 767px) { .fw .m-list_contributors .contentsBox ul li { padding-left: 10px } } @media screen and (max-width: 767px) { .fw .m-list_contributors .contentsBox ul li { padding-bottom: 10px } } .fw .m-list_contributors .contentsBox ul li .category { margin-left: -20px; padding-left: 10px; border-left: 3px solid #e5368e; line-height: 125% } @media screen and (max-width: 767px) { .fw .m-list_contributors .contentsBox ul li .category { margin-left: -10px } } @media screen and (max-width: 767px) { .fw .m-list_contributors .contentsBox ul li .category { padding-left: 5px } } .fw .m-list_contributors .contentsBox ul li:last-child { padding-bottom: 0 } .fw .m-list_rank { margin-left: 0; margin-right: 0 } @media screen and (max-width: 767px) { .fw .m-list_rank { margin-right: -15px; margin-left: -15px; } } @media screen and (max-width: 767px) { .fw .m-list_rank { /* margin-right: -15px */ } } .fw .m-list_rank ol { list-style-type: none } .fw .m-list_rank ol>li { margin-left: 0; margin-bottom: 15px; counter-increment: none } @media screen and (max-width: 767px) { .fw .m-list_rank ol>li { margin-bottom: 0 } } .fw .m-list_rank ol>li a { display: block; position: relative; overflow: hidden } .fw .m-list_rank ol>li:last-child { margin-bottom: 0 } .fw .m-list_rank_detail { padding: 5px 3px; background-color: #f5f5f5 } @media screen and (max-width: 767px) { .fw .m-list_rank_detail { padding: 0 20px } } .fw .m-list_rank_ttl { font-size: 20px; font-weight: bold; line-height: 125% } @media screen and (max-width: 767px) { .fw .m-list_rank_ttl { font-size: 12px } } .fw .m-list_rank_date { padding-top: 5px; line-height: 1 } @media screen and (max-width: 767px) { .fw .m-list_rank_date { padding-top: 3px } } @media screen and (min-width: 768px) { .fw .m-list_rank ol>li a:before, .fw .m-list_rank ol>li a:after { position: absolute; left: 0; top: 0; z-index: 1 } .fw .m-list_rank ol>li a:before { content: ""; border-bottom: 70px solid #e5368e; border-right: 70px solid transparent; border-top: 70px solid transparent; border-left: 70px solid transparent; -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -65px } .fw .m-list_rank ol>li a:after { font-size: 30px; width: 40px; height: 50px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); font-family: "Dancing Script", cursive } .fw .m-list_rank ol>li:nth-child(1) a:after { content: "1" } .fw .m-list_rank ol>li:nth-child(2) a:after { content: "2" } .fw .m-list_rank ol>li:nth-child(3) a:after { content: "3" } .fw .m-list_rank ol>li:nth-child(4) a:after { content: "4" } .fw .m-list_rank ol>li:nth-child(5) a:after { content: "5" } .fw .m-list_rank ol>li:nth-child(6) a:after { content: "6" } .fw .m-list_rank ol>li:nth-child(7) a:after { content: "7" } .fw .m-list_rank ol>li:nth-child(8) a:after { content: "8" } .fw .m-list_rank ol>li:nth-child(9) a:after { content: "9" } .fw .m-list_rank ol>li:nth-child(10) a:after { content: "10" } .fw .m-list_rank ol>li:nth-child(11) a:after { content: "11" } .fw .m-list_rank ol>li:nth-child(12) a:after { content: "12" } .fw .m-list_rank ol>li:nth-child(13) a:after { content: "13" } .fw .m-list_rank ol>li:nth-child(14) a:after { content: "14" } .fw .m-list_rank ol>li:nth-child(15) a:after { content: "15" } .fw .m-list_rank ol>li:nth-child(16) a:after { content: "16" } .fw .m-list_rank ol>li:nth-child(17) a:after { content: "17" } .fw .m-list_rank ol>li:nth-child(18) a:after { content: "18" } .fw .m-list_rank ol>li:nth-child(19) a:after { content: "19" } .fw .m-list_rank ol>li:nth-child(20) a:after { content: "20" } } @media screen and (max-width: 767px) { .fw .m-list_rank ol>li a { position: relative } .fw .m-list_rank ol>li .m-list_rank_detail { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 5px 10px 8px 55px; min-height: 43px; } .fw .m-list_rank ol>li .m-list_rank_detail:before { padding-left: 5px; font-size: 40px; width: 55px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 1; color: #fff; display: block; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); font-family: "Dancing Script", cursive } .fw .m-list_rank ol>li:nth-child(1) .m-list_rank_detail:before { content: "1" } .fw .m-list_rank ol>li:nth-child(2) .m-list_rank_detail:before { content: "2" } .fw .m-list_rank ol>li:nth-child(3) .m-list_rank_detail:before { content: "3" } .fw .m-list_rank ol>li:nth-child(4) .m-list_rank_detail:before { content: "4" } .fw .m-list_rank ol>li:nth-child(5) .m-list_rank_detail:before { content: "5" } .fw .m-list_rank ol>li:nth-child(6) .m-list_rank_detail:before { content: "6" } .fw .m-list_rank ol>li:nth-child(7) .m-list_rank_detail:before { content: "7" } .fw .m-list_rank ol>li:nth-child(8) .m-list_rank_detail:before { content: "8" } .fw .m-list_rank ol>li:nth-child(9) .m-list_rank_detail:before { content: "9" } .fw .m-list_rank ol>li:nth-child(10) .m-list_rank_detail:before { content: "10" } .fw .m-list_rank ol>li:nth-child(11) .m-list_rank_detail:before { content: "11" } .fw .m-list_rank ol>li:nth-child(12) .m-list_rank_detail:before { content: "12" } .fw .m-list_rank ol>li:nth-child(13) .m-list_rank_detail:before { content: "13" } .fw .m-list_rank ol>li:nth-child(14) .m-list_rank_detail:before { content: "14" } .fw .m-list_rank ol>li:nth-child(15) .m-list_rank_detail:before { content: "15" } .fw .m-list_rank ol>li:nth-child(16) .m-list_rank_detail:before { content: "16" } .fw .m-list_rank ol>li:nth-child(17) .m-list_rank_detail:before { content: "17" } .fw .m-list_rank ol>li:nth-child(18) .m-list_rank_detail:before { content: "18" } .fw .m-list_rank ol>li:nth-child(19) .m-list_rank_detail:before { content: "19" } .fw .m-list_rank ol>li:nth-child(20) .m-list_rank_detail:before { content: "20" } .fw .m-list_rank_detail { position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4) } .fw .m-list_rank_ttl { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden } .fw .m-list_rank_date { font-size: 10px } } .fw .m-list_related .m-cat_cat { margin-top: 5px; margin-bottom: 15px } @media screen and (max-width: 767px) { .fw .m-list_related .m-cat_cat { margin-top: 3px } } @media screen and (max-width: 767px) { .fw .m-list_related .m-cat_cat { margin-bottom: 5px } } .fw .m-list_related .m-curator_img { margin-right: 10px } @media screen and (max-width: 767px) { .fw .m-list_related .m-curator_img { margin-right: 5px } } .fw .m-list_related .m-curator_img img { width: 100% } .fw .m-list_related .m-curator_txt { font-size: 14px } @media screen and (max-width: 767px) { .fw .m-list_related .m-curator_txt { font-size: 10px } } .fw .m-list_related_detail { padding-bottom: 0 } @media screen and (max-width: 767px) { .fw .m-list_related_detail { padding-bottom: 20px } } .fw .m-list_related_img { margin: 10px -8px; display: block } @media screen and (max-width: 767px) { .fw .m-list_related_img { margin: 6px 0 } } .fw .m-list_related_ttl { font-size: 22px; line-height: 122% } @media screen and (max-width: 767px) { .fw .m-list_related_ttl { font-size: 12px } } .fw .m-list_related_data { font-size: 16px; padding-top: 20px } @media screen and (max-width: 767px) { .fw .m-list_related_data { font-size: 16px } } @media screen and (max-width: 767px) { .fw .m-list_related_data { padding-top: 10px } } @media screen and (min-width: 768px) { .fw .m-list_related .a-date, .fw .m-list_related .m-cat { font-size: 18px } } .fw .m-list_related .a-date { margin-bottom: 10px } @media screen and (max-width: 767px) { .fw .m-list_related .a-date { margin-bottom: 5px } } .fw .m-list_related .swiper-container { padding-top: 14px } @media screen and (max-width: 767px) { .fw .m-list_related .swiper-container { padding-top: 12px } } .fw .m-list_related .swiper-slide { padding: 15px 8px; display: block; text-align: left; background-color: #f5f5f5; line-height: 125% } @media screen and (max-width: 767px) { .fw .m-list_related .swiper-slide { padding: 15px 5px 25px } } .fw .m-list_related .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } @media screen and (min-width: 768px) { .fw .m-list_related .swiper-container-autoheight .swiper-wrapper { min-height: 500px } } .fw .m-list_related .swiper-pagination { bottom: 15px } .fw .m-list_related .swiper-pagination .swiper-pagination-bullet { margin: 0 18px } @media screen and (max-width: 767px) { .fw .m-list_related .swiper-pagination .swiper-pagination-bullet { margin: 0 9px } } @media screen and (min-width: 768px) { .fw .m-list_related .swiper-pagination { display: none } } .fw .m-list_related .swiper-pagination-bullet { width: 14px; height: 14px } @media screen and (max-width: 767px) { .fw .m-list_related .swiper-pagination-bullet { width: 7px } } @media screen and (max-width: 767px) { .fw .m-list_related .swiper-pagination-bullet { height: 7px } } .fw .m-sns_icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .fw .m-sns_icon a { display: block; padding: 5px } @media screen and (max-width: 767px) { .fw .m-sns_icon a { padding: 5px } } .fw .m-sns_icon a:hover .a-icon { color: #e5368e } .fw .m-sns_icon .a-icon { color: #a5a5a5; font-size: 33px } @media screen and (max-width: 767px) { .fw .m-sns_icon .a-icon { font-size: 25px } } .fw .m-breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex } .fw .m-breadcrumb li { padding: 0 20px; border-right: 2px solid #e5368e } @media screen and (max-width: 767px) { .fw .m-breadcrumb li { padding: 0 10px } } .fw .m-breadcrumb li:last-child { border-right: none } .fw .m-breadcrumb li:first-child { padding-left: 0 } .fw .m-curator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .fw .m-curator_img { margin-right: 20px; width: 46px } @media screen and (max-width: 767px) { .fw .m-curator_img { margin-right: 10px } } @media screen and (max-width: 767px) { .fw .m-curator_img { width: 33px } } .fw .m-curator_img img { width: 100% } .fw .m-curator_txt { font-size: 20px } @media screen and (max-width: 767px) { .fw .m-curator_txt { font-size: 12px } } .fw .m-cat { margin-top: 15px; margin-left: -15px; margin-right: -15px; font-size: 20px; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; vertical-align: top } @media screen and (max-width: 767px) { .fw .m-cat { margin-top: 5px } } @media screen and (max-width: 767px) { .fw .m-cat { margin-left: -5px } } @media screen and (max-width: 767px) { .fw .m-cat { margin-right: -5px } } @media screen and (max-width: 767px) { .fw .m-cat { font-size: 10px } } @media screen and (max-width: 767px) { .fw .m-cat { border-left-width: 2px } } .fw .m-cat li { margin: 2px 0; text-transform: uppercase; border-right: 6px solid #e5368e } @media screen and (max-width: 767px) { .fw .m-cat li { margin: 1px 0 } } @media screen and (max-width: 767px) { .fw .m-cat li { border-right-width: 2px !important } } .fw .m-cat li a { padding: 0 15px } @media screen and (max-width: 767px) { .fw .m-cat li a { padding: 0 5px } } .fw .m-cat li:last-child { border-right: none } .fw .m-cat li:first-child { border-right: 6px solid #e5368e } .fw .m-pager { margin-top: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width: 767px) { .fw .m-pager { margin-top: 15px } } .fw .m-pager>* { padding: 16px 24px; margin: 0 10px; font-size: 18px; line-height: 1; border: 1px solid #000; -webkit-transition: background-color .2s, ¥color .2s, border-color .2s; transition: background-color .2s, ¥color .2s, border-color .2s } @media screen and (max-width: 767px) { .fw .m-pager>* { padding: 8px 12px } } @media screen and (max-width: 767px) { .fw .m-pager>* { margin: 0 5px } } @media screen and (max-width: 767px) { .fw .m-pager>* { font-size: 10px } } .fw .m-pager--sp>* { border: 1px solid #9FA0A0; color: #9FA0A0; width: 31px; height: 31px; display: flex; justify-content: center; align-items: center; padding: 0; } .fw .m-pager>*.current, .fw .m-pager>*:hover { background-color: #e5368e; border-color: #e5368e; color: #fff } .fw .m-pager--sp>*.current, .fw .m-pager--sp>*:hover { background-color: #9FA0A0; border-color: #9FA0A0; color: #fff } .fw .m-pager>*.dots { pointer-events: none; border: none } @-webkit-keyframes hoverText { 0% { opacity: 1; color: #777; -webkit-transform: translateX(0); transform: translateX(0) } 49.9% { opacity: 0; color: #777; -webkit-transform: translateX(5px); transform: translateX(5px) } 50% { opacity: 0; color: #0446a1; -webkit-transform: translateX(-5px); transform: translateX(-5px) } 100% { opacity: 1; color: #0446a1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes hoverText { 0% { opacity: 1; color: #777; -webkit-transform: translateX(0); transform: translateX(0) } 49.9% { opacity: 0; color: #777; -webkit-transform: translateX(5px); transform: translateX(5px) } 50% { opacity: 0; color: #0446a1; -webkit-transform: translateX(-5px); transform: translateX(-5px) } 100% { opacity: 1; color: #0446a1; -webkit-transform: translateX(0); transform: translateX(0) } } .fw #header { position: fixed; left: 0; top: 0; width: 100%; z-index: 10; font-size: 18px } .fw #header * { -webkit-backface-visibility: hidden; backface-visibility: hidden } @media screen and (max-width: 767px) { .fw #header { font-size: 16px } } @media screen and (min-width: 768px) { .fw #header { padding-bottom: 8px; min-width: 1230px; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.07); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.07); background-color: #fff } .fw #header .f-inner { position: relative } } @media screen and (max-width: 767px) { .fw #header { -webkit-transform: none !important; transform: none !important } .fw #header .f-inner { padding: 0 } .is-open_overlay .fw #header { position: relative !important; z-index: 99999999999 } } .fw #header .header-bar { height: auto; padding: 20px 0; width: 100%; background-color: #fff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width: 767px) { .fw #header .header-bar { height: 60px } } @media screen and (max-width: 767px) { .fw #header .header-bar { padding: 0 15px } } @media screen and (min-width: 768px) { .fw #header .header-bar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media screen and (max-width: 767px) { .fw #header .header-bar { position: fixed; z-index: 10; left: 0; top: 0; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .fw #header .header-bar:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 12; border-bottom: 1px solid rgba(0, 0, 0, 0.3) } } .fw #header .header-logo { display: block; position: relative; z-index: 20 } .fw #header .header-logo img { height: 43px; vertical-align: top } @media screen and (max-width: 767px) { .fw #header .header-logo img { height: 22px } } @media screen and (max-width: 767px) { .fw #header .header-overlay { z-index: 1; width: 100%; pointer-events: none; opacity: 0; height: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .is-transition_sp .fw #header .header-overlay { -webkit-transition: opacity .2s; transition: opacity .2s } .fw #header .header-overlay.is-open { opacity: 1; pointer-events: auto } .is-open_overlay .fw #header .header-overlay.is-open { height: auto } } @media screen and (max-width: 767px) { .fw #header .header-scrollarea { padding: 25px 15px 60px; opacity: 0; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden } .is-open_inner .fw #header .header-scrollarea { opacity: 1 } .is-open_inner .fw #header .header-scrollarea>* { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .is-open_inner .fw #header .header-scrollarea>*:nth-child(1) { -webkit-transition-delay: .15s; transition-delay: .15s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(3) { -webkit-transition-delay: .45s; transition-delay: .45s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(4) { -webkit-transition-delay: .6s; transition-delay: .6s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(5) { -webkit-transition-delay: .75s; transition-delay: .75s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(6) { -webkit-transition-delay: .9s; transition-delay: .9s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(7) { -webkit-transition-delay: 1.05s; transition-delay: 1.05s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(8) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(9) { -webkit-transition-delay: 1.35s; transition-delay: 1.35s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(10) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(11) { -webkit-transition-delay: 1.65s; transition-delay: 1.65s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(12) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(13) { -webkit-transition-delay: 1.95s; transition-delay: 1.95s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(14) { -webkit-transition-delay: 2.1s; transition-delay: 2.1s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(15) { -webkit-transition-delay: 2.25s; transition-delay: 2.25s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(16) { -webkit-transition-delay: 2.4s; transition-delay: 2.4s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(17) { -webkit-transition-delay: 2.55s; transition-delay: 2.55s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(18) { -webkit-transition-delay: 2.7s; transition-delay: 2.7s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(19) { -webkit-transition-delay: 2.85s; transition-delay: 2.85s } .is-open_inner .fw #header .header-scrollarea>*:nth-child(20) { -webkit-transition-delay: 3s; transition-delay: 3s } .fw #header .header-scrollarea>* { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; z-index: 1; position: relative; -webkit-transition: .8s ease; transition: .8s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden } } .fw #header .header-search { z-index: 11 } @media screen and (min-width: 768px) { .fw #header .header-search { display: none } } .fw #header .header-search .f-form { padding: 0 0 25px } .fw #header .header-search .header-menubtn { position: absolute; right: 15px; top: 5px } .fw #header .header-search .m-sns_icon { margin-top: 25px } .fw #header .header-tag { padding-top: 10px } .fw #header .header-tag_ttl { margin-bottom: 12px; text-align: center } @media screen and (min-width: 768px) { .fw #header .header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .fw #header .header-nav .m-bnr { display: none } .fw #header .header-nav .search-form { width: 246px; position: absolute; right: 0; top: 30px } .fw #header .header-nav .search-form .screen-reader-text { display: none } .fw #header .header-nav .m-sns_icon { position: absolute; right: 267px; top: 25px } .fw #header .header-nav .m-sns_icon li { padding-left: 6px } } @media screen and (max-width: 767px) { .is-open_inner .fw #header .header-nav .header-page li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: .8s; transition: .8s; -webkit-backface-visibility: hidden; backface-visibility: hidden } .is-open_inner .fw #header .header-nav .header-page li:nth-child(1) { -webkit-transition-delay: .35s; transition-delay: .35s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(3) { -webkit-transition-delay: .45s; transition-delay: .45s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(4) { -webkit-transition-delay: .5s; transition-delay: .5s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(5) { -webkit-transition-delay: .55s; transition-delay: .55s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(6) { -webkit-transition-delay: .6s; transition-delay: .6s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(7) { -webkit-transition-delay: .65s; transition-delay: .65s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(8) { -webkit-transition-delay: .7s; transition-delay: .7s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(9) { -webkit-transition-delay: .75s; transition-delay: .75s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(10) { -webkit-transition-delay: .8s; transition-delay: .8s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(11) { -webkit-transition-delay: .85s; transition-delay: .85s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(12) { -webkit-transition-delay: .9s; transition-delay: .9s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(13) { -webkit-transition-delay: .95s; transition-delay: .95s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(14) { -webkit-transition-delay: 1s; transition-delay: 1s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(15) { -webkit-transition-delay: 1.05s; transition-delay: 1.05s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(16) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(17) { -webkit-transition-delay: 1.15s; transition-delay: 1.15s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(18) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(19) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s } .is-open_inner .fw #header .header-nav .header-page li:nth-child(20) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s } .fw #header .header-nav .m-sns_icon { margin-top: 10px } } @media screen and (min-width: 768px) { .fw #header .header-mask { display: none } } @media screen and (max-width: 767px) { .fw #header .header-mask { position: fixed; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background: #fff; pointer-events: none; opacity: 0; -webkit-transition: .3s; transition: .3s } .is-transition_sp .fw #header .header-mask { -webkit-transition: opacity .8s .3s; transition: opacity .8s .3s } .is-open_overlay .fw #header .header-mask { opacity: 1 } } .fw #header .header-page { font-size: 20px; margin-top: 0; letter-spacing: 0.1em; font-weight: bold; position: relative; z-index: 1; font-family: "Fjalla One", sans-serif; letter-spacing: 0.05em } @media screen and (max-width: 767px) { .fw #header .header-page { font-size: 16px } } @media screen and (max-width: 767px) { .fw #header .header-page { margin-top: 25px } } .fw #header .header-page li { padding: 0 20px } @media screen and (max-width: 767px) { .fw #header .header-page li { padding: 0 } } @media screen and (min-width: 768px) { .fw #header .header-page li:first-child { padding-left: 0 } } @media screen and (max-width: 767px) { .fw #header .header-page li { opacity: 0 } .is-transition_sp .fw #header .header-page li { -webkit-transition: .3s; transition: .3s } } .fw #header .header-page li a { padding-left: 8px; padding-right: 8px; display: block; position: relative; padding-top: 3px; padding-bottom: 3px; text-decoration: none } @media screen and (max-width: 767px) { .fw #header .header-page li a { padding-left: 1px } } @media screen and (max-width: 767px) { .fw #header .header-page li a { padding-right: 1px } } .fw #header .header-page li a:before { content: ""; width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background-color: #e5368e !important; -webkit-transition: width .8s cubic-bezier(0.23, 1, 0.32, 1); transition: width .8s cubic-bezier(0.23, 1, 0.32, 1) } @media screen and (min-width: 768px) and (min-width: 768px) { .fw #header .header-page li a:hover, .fw #header .header-page li a.is-hover { color: #e5368e !important } .fw #header .header-page li a:hover:before, .fw #header .header-page li a.is-hover:before { width: 100% } } @media screen and (min-width: 768px) { .fw #header .header-page li a.is-active:before { width: 100% } } @media screen and (max-width: 767px) { .fw #header .header-page li a.is-active { color: #e5368e } } @media screen and (max-width: 767px) { .fw #header .header-page li a { position: relative } .fw #header .header-page li a:before { content: ""; display: block; border-top: solid 1px #000; border-right: solid 1px #000; vertical-align: middle; width: 6px; height: 6px; position: absolute; top: 50% } .fw #header .header-page li a:before { right: 10px } .fw #header .header-page li a:before { transform: translate(0, -50%) rotate(45deg); -webkit-transform: translate(0, -50%) rotate(45deg) } .fw #header .header-page li a:before { left: inherit; background-color: transparent !important } } @media screen and (min-width: 768px) { .fw #header .header-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media screen and (max-width: 767px) { .fw #header .header-page li a { padding: 6px 0; border-top: 1px solid #a5a5a5; font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: italic; letter-spacing: 2px; } .fw #header .header-page li:last-child a { border-bottom: 1px solid #a5a5a5 } } .fw #header .header-searchbtn { width: 50px; height: 50px; cursor: pointer; margin-left: -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #434343; font-size: 20px } .is-open_gnav .fw #header .header-searchbtn { opacity: 0 } @media screen and (min-width: 768px) { .fw #header .header-searchbtn { display: none } } .fw #header .header-menubtn { width: 50px; height: 50px; cursor: pointer; position: relative; z-index: 10; margin-right: -11px; display: block; background-color: #fff } @media screen and (min-width: 768px) { .fw #header .header-menubtn { display: none } } .is-open_search .fw #header .header-menubtn_gnav { opacity: 0; pointer-events: none } .fw #header .header-menubtn_search { opacity: 0; pointer-events: none } .is-open_search .fw #header .header-menubtn_search { opacity: 1; pointer-events: auto } .fw #header .header-menubtn_inner { position: relative; display: inline-block; cursor: pointer; width: 22px; height: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: absolute !important; top: 0; bottom: 0; right: 0; left: 0; margin: auto 0; } .fw #header .header-menubtn_inner span { display: inline-block; -webkit-transition: all 0.2s; transition: all 0.2s; position: absolute; left: 0; width: 100%; height: 2px; background-color: #434343; -webkit-backface-visibility: hidden; backface-visibility: hidden } .fw #header .header-menubtn_inner span:nth-of-type(1) { top: 0 } .fw #header .header-menubtn_inner span:nth-of-type(2) { top: 50%; margin-top: -1px } .fw #header .header-menubtn_inner span:nth-of-type(3) { bottom: 0 } .fw #header .header-menubtn_inner span { -webkit-transition: top 0.3s, bottom 0.3s, -webkit-transform 0.4s; transition: top 0.3s, bottom 0.3s, -webkit-transform 0.4s; transition: transform 0.4s, top 0.3s, bottom 0.3s; transition: transform 0.4s, top 0.3s, bottom 0.3s, -webkit-transform 0.4s; left: 7px } .fw #header .header-menubtn .menu1 span:nth-of-type(2) { background: none !important } .fw #header .header-menubtn .menu1 span:nth-of-type(2):before, .fw #header .header-menubtn .menu1 span:nth-of-type(2):after { -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; content: ""; background: #434343; display: block; -webkit-transform: rotate(0deg); transform: rotate(0deg); position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 22px; height: 2px } .fw #header .header-menubtn .menu1.is-open .header-menubtn_inner span:nth-of-type(1) { -webkit-transform: translateY(0px) scale(0); transform: translateY(0px) scale(0) } .fw #header .header-menubtn .menu1.is-open .header-menubtn_inner span:nth-of-type(3) { -webkit-transform: translateY(0px) scale(0); transform: translateY(0px) scale(0) } .fw #header .header-menubtn .menu1.is-open .header-menubtn_inner span:nth-of-type(2):before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .fw #header .header-menubtn .menu1.is-open .header-menubtn_inner span:nth-of-type(2):after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .fw #header .header-menubtn .menu2 span:nth-of-type(2) { background: none } .fw #header .header-menubtn .menu2 span:nth-of-type(2):before, .fw #header .header-menubtn .menu2 span:nth-of-type(2):after { content: ""; -webkit-transition: all 0.2s; transition: all 0.2s; display: block; position: absolute; width: 100%; height: 2px; background: #e5368e; -webkit-transform: rotate(0deg); transform: rotate(0deg) } .fw #header .header-menubtn .menu2.is-open .header-menubtn_inner span:nth-of-type(1) { left: 100%; width: 0px } .fw #header .header-menubtn .menu2.is-open .header-menubtn_inner span:nth-of-type(2):before { -webkit-transform: rotate(135deg); transform: rotate(135deg); background-color: #e5368e } .fw #header .header-menubtn .menu2.is-open .header-menubtn_inner span:nth-of-type(2):after { -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #e5368e } .fw #header .header-menubtn .menu2.is-open .header-menubtn_inner span:nth-of-type(3) { right: 100%; width: 0px } @-webkit-keyframes menu-bar01 { 0% { -webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg) } 50% { -webkit-transform: translateY(7px) rotate(0); transform: translateY(7px) rotate(0) } 100% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } } @keyframes menu-bar01 { 0% { -webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg) } 50% { -webkit-transform: translateY(7px) rotate(0); transform: translateY(7px) rotate(0) } 100% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } } @-webkit-keyframes menu-bar02 { 0% { -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg) } 50% { -webkit-transform: translateY(-7px) rotate(0); transform: translateY(-7px) rotate(0) } 100% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } } @keyframes menu-bar02 { 0% { -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg) } 50% { -webkit-transform: translateY(-7px) rotate(0); transform: translateY(-7px) rotate(0) } 100% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } } @-webkit-keyframes active-menu-bar03 { 0% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } 50% { -webkit-transform: translateY(-7px) rotate(0); transform: translateY(-7px) rotate(0) } 100% { -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg) } } @keyframes active-menu-bar03 { 0% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } 50% { -webkit-transform: translateY(-7px) rotate(0); transform: translateY(-7px) rotate(0) } 100% { -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg) } } @-webkit-keyframes active-menu-bar01 { 0% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } 50% { -webkit-transform: translateY(7px) rotate(0); transform: translateY(7px) rotate(0) } 100% { -webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg) } } @keyframes active-menu-bar01 { 0% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } 50% { -webkit-transform: translateY(7px) rotate(0); transform: translateY(7px) rotate(0) } 100% { -webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg) } } @keyframes active-menu-bar03 { 0% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0) } 50% { -webkit-transform: translateY(-7px) rotate(0); transform: translateY(-7px) rotate(0) } 100% { -webkit-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg) } } .fw #header .header-menubtn .menu3 .header-menubtn_inner span:nth-of-type(1) { -webkit-animation: menu-bar01 .75s forwards; animation: menu-bar01 .75s forwards } .fw #header .header-menubtn .menu3 .header-menubtn_inner span:nth-of-type(2) { -webkit-transition: all .25s .25s; transition: all .25s .25s; opacity: 1 } .fw #header .header-menubtn .menu3 .header-menubtn_inner span:nth-of-type(3) { -webkit-animation: menu-bar02 .75s forwards; animation: menu-bar02 .75s forwards } .fw #header .header-menubtn .menu3.is-open .header-menubtn_inner span:nth-of-type(1) { -webkit-animation: active-menu-bar01 .75s forwards; animation: active-menu-bar01 .75s forwards } .fw #header .header-menubtn .menu3.is-open .header-menubtn_inner span:nth-of-type(2) { opacity: 0 } .fw #header .header-menubtn .menu3.is-open .header-menubtn_inner span:nth-of-type(3) { -webkit-animation: active-menu-bar03 .75s forwards; animation: active-menu-bar03 .75s forwards } .fw #header .header-menusearch img { width: 18px } .fw #footer { margin-top: 100px; padding: 65px 0 20px; background-color: #434343; color: #fff } @media screen and (max-width: 767px) { .fw #footer { margin-top: 20px; background: #313132; } } @media screen and (max-width: 767px) { .fw #footer { padding: 10px 0 5px } .fw #footer .f-inner { padding: 0; } } .fw #footer a { color: #fff } @media screen and (min-width: 768px) { .fw #footer .footer-nav .f-flex { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .fw #footer .footer-nav dl { font-family: "Fjalla One", sans-serif; letter-spacing: 0.1em } @media screen and (max-width: 767px) { .fw #footer .footer-nav dl { font-family: "Noto Sans JP", sans-serif; } } .fw #footer .footer-nav_ttl { font-size: 20px; color: #fff } @media screen and (max-width: 767px) { .fw #footer .footer-nav_ttl { font-size: 12px } } .fw #footer .footer-nav_ttl a { color: #fff } .fw #footer .footer-nav_link { padding-top: 10px; color: #969696 } @media screen and (max-width: 767px) { .fw #footer .footer-nav_link { padding-top: 10px } } .fw #footer .footer-nav_link li { margin-bottom: 5px } @media screen and (max-width: 767px) { .fw #footer .footer-nav_link li { margin-bottom: 0 } } .fw #footer .footer-nav_link a { color: #969696 } .fw #footer .footer-nav_series { border-top: 1px dotted #fff } .fw #footer .footer-nav_pages { padding-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (max-width: 767px) { .fw #footer .footer-nav_pages { padding-top: 30px } } .fw #footer .footer-nav_pages li { margin: 5px 0; border-right: 1px solid #fff; line-height: 1 } @media screen and (max-width: 767px) { .fw #footer .footer-nav_pages li { margin: 4px 0 } } .fw #footer .footer-nav_pages li:last-child { border-right: none } .fw #footer .footer-nav_pages li a { padding: 0 10px } @media screen and (max-width: 767px) { .fw #footer .footer-nav_pages li a { padding: 0 5px; color: #B9BABA; } } .fw #footer .footer-copy { padding-top: 20px; font-size: 12px; text-align: center } @media screen and (max-width: 767px) { .fw #footer .footer-copy { padding-top: 20px } } @media screen and (max-width: 767px) { .fw #footer .footer-copy { font-size: 12px; color: #B9BABA; font-family: 'Open Sans', sans-serif; font-style: italic; } } @media screen and (max-width: 767px) { .fw #footer .footer-nav_ttl { border: 1px solid #38393A; border-right: 0; border-left: 0; margin-top: -1px; margin-left: -1px } .fw #footer .footer-nav_ttl a { display: block; padding: 5px 30px; position: relative; font-size: 11px; color: #B9BABA; } .fw #footer .footer-nav_ttl a:before { content: ""; display: block; border-top: solid 1px #fff; border-right: solid 1px #fff; vertical-align: middle; width: 6px; height: 6px; position: absolute; top: 50% } .fw #footer .footer-nav_ttl a:before { right: 10px } .fw #footer .footer-nav_ttl a:before { transform: translate(0, -50%) rotate(45deg); -webkit-transform: translate(0, -50%) rotate(45deg); content: none; } .fw #footer .footer-nav_link { display: none } .fw #footer .footer-nav_series { display: none } .fw #footer .footer-nav_pages { font-size: 10px } .fw #footer .footer-nav_other { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #8e8e8e } .fw #footer .footer-nav_other li { width: 50%; border-bottom: 1px solid #8e8e8e } .fw #footer .footer-nav_other li:nth-last-of-type(odd) { border-left: 1px solid #8e8e8e } .fw #footer .footer-nav_other li:nth-last-of-type(-n+2) { border-bottom: none } .fw #footer .footer-nav_other li a { padding: 5px 10px; display: block; position: relative } .fw #footer .footer-nav_other li a:before { content: ""; display: block; border-top: solid 1px #8e8e8e; border-right: solid 1px #8e8e8e; vertical-align: middle; width: 4px; height: 4px; position: absolute; top: 50% } .fw #footer .footer-nav_other li a:before { right: 10px } .fw #footer .footer-nav_other li a:before { transform: translate(0, -50%) rotate(45deg); -webkit-transform: translate(0, -50%) rotate(45deg) } } .fw #side .m-list_tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } @media screen and (max-width: 767px) { .fw #side .m-list_tag { margin-top: 30px; } .fw div.m-list_tag ul { justify-content: flex-start; padding: 0 20px; } } .fw .o-accordion.j-accordion .o-accordion_ttl, .fw .o-accordion .j-accordion .o-accordion_ttl { position: relative } .fw .o-accordion.j-accordion .o-accordion_ttl:before, .fw .o-accordion.j-accordion .o-accordion_ttl:after, .fw .o-accordion .j-accordion .o-accordion_ttl:before, .fw .o-accordion .j-accordion .o-accordion_ttl:after { content: ""; display: block; width: 10px; height: 1px; background-color: #000; position: absolute; right: 20px; top: 50% } .fw .o-accordion.j-accordion .o-accordion_ttl:after, .fw .o-accordion .j-accordion .o-accordion_ttl:after { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-transition: 0.4s; transition: 0.4s; -webkit-backface-visibility: hidden; backface-visibility: hidden } .fw .o-accordion.j-accordion .o-accordion_ttl.active:after, .fw .o-accordion .j-accordion .o-accordion_ttl.active:after { -webkit-transform: rotate(0); transform: rotate(0) } .fw .o-menu_bar { position: relative } .fw .o-menu_bar>span { display: block; width: 0; height: 2px; background-color: #e5368e; position: absolute; bottom: 0; -webkit-transition: left .6s ease; transition: left .6s ease } @media screen and (max-width: 767px) { .fw .o-menu_bar>span { display: none } } .fw .o-rank_tab_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } .fw .o-rank_tab_nav .j-tab_rank_btn { width: 33.33%; letter-spacing: 0.1em; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: center; display: block; font-family: "Fjalla One", sans-serif; font-size: 14px } .fw .o-rank_tab_nav .j-tab_rank_btn a { position: relative; padding-top: 3px; padding-bottom: 3px; text-decoration: none } .fw .o-rank_tab_nav .j-tab_rank_btn a:before { content: ""; width: 0; height: 2px; position: absolute; left: 0; bottom: 0; background-color: #e5368e !important; -webkit-transition: width .8s cubic-bezier(0.23, 1, 0.32, 1); transition: width .8s cubic-bezier(0.23, 1, 0.32, 1) } @media screen and (min-width: 768px) and (min-width: 768px) { .fw .o-rank_tab_nav .j-tab_rank_btn a:hover, .fw .o-rank_tab_nav .j-tab_rank_btn a.is-hover { color: #e5368e !important } .fw .o-rank_tab_nav .j-tab_rank_btn a:hover:before, .fw .o-rank_tab_nav .j-tab_rank_btn a.is-hover:before { width: 100% } } .fw .o-rank_tab_nav .j-tab_rank_btn.active a { color: #e5368e } .fw .o-rank_tab_nav .j-tab_rank_btn.active a:before { width: 100% } @media screen and (min-width: 768px) { .fw .o-rank_tab_nav { background-color: #f5f5f5 } .fw .o-rank_tab_nav .j-tab_rank_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 85px } .fw .o-rank_tab_nav .j-tab_rank_btn.active { font-size: 20px } } @media screen and (max-width: 767px) { .fw .o-rank_tab_nav { padding: 15px 0 } .fw .o-rank_tab_nav .j-tab_rank_btn { position: relative; line-height: 1 } .fw .o-rank_tab_nav .j-tab_rank_btn:before { content: ""; width: 1px; height: 100%; background-color: #000; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .fw .o-rank_tab_nav .j-tab_rank_btn:first-child:before { display: none } .fw .o-rank_tab_nav .j-tab_rank_btn:nth-child(1).active~.o-rank_tab_nav_bar { left: 0 } .fw .o-rank_tab_nav .j-tab_rank_btn:nth-child(2).active~.o-rank_tab_nav_bar { left: 33.33% } .fw .o-rank_tab_nav .j-tab_rank_btn:nth-child(3).active~.o-rank_tab_nav_bar { left: 66.66% } } .fw .o-nav_category { font-family: "Fjalla One", sans-serif; letter-spacing: 0.05em } .fw .o-nav_category ul { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 185%; font-size: 16px; padding-top: 10px; margin: 0 -10px } @media screen and (max-width: 767px) { .fw .o-nav_category ul { font-size: 12px } } @media screen and (max-width: 767px) { .fw .o-nav_category ul { padding-top: 5px } } @media screen and (max-width: 767px) { .fw .o-nav_category ul { margin: 0 -5px } } .fw .o-nav_category ul li { padding: 0 10px } @media screen and (max-width: 767px) { .fw .o-nav_category ul li { padding: 0 5px } } .fw .o-nav_category ul li a { -webkit-transition: color .2s; transition: color .2s } .fw .o-nav_category ul li a.is-active, .fw .o-nav_category ul li a:hover { color: #e5368e } @media screen and (max-width: 767px) { .fw .o-nav_category ul { -ms-flex-wrap: wrap; flex-wrap: wrap } } .is-open_overlay body>*:not(#header) { position: fixed !important; opacity: 0 !important; width: 100% !important } .fw { min-width: 1230px; overflow: hidden; font-family: "Noto Sans JP", sans-serif; color: #333333; font-size: 14px; line-height: 200%; word-break: break-all; padding-top: 125px } @media screen and (max-width: 767px) { .fw { font-size: 12px } } @media screen and (max-width: 767px) { .fw { padding-top: 60px } } .fw #container { padding-top: 40px } @media screen and (max-width: 767px) { .fw #container { padding-top: 20px } } .fw #container #contents { float: left; width: 900px } .fw #container #contents.f-max { float: inherit; width: 100% } .fw #container #side { padding-top: 0; width: 300px; float: right } @media screen and (max-width: 767px) { .fw #container #side { padding-top: 70px } } @media screen and (max-width: 767px) { .fw #container .singlephp #side #recommend { display: none } } .fw section.f-section { margin-top: 0 } .fw .f-section { padding-top: 140px } @media screen and (max-width: 767px) { .fw .f-section { padding-top: 80px } } .fw .f-section_m { padding-top: 60px } @media screen and (max-width: 767px) { .fw .f-section_m { padding-top: 60px } } .fw .f-section_s { padding-top: 40px } @media screen and (max-width: 767px) { .fw .f-section_s { padding-top: 20px } } .fw .error { text-align: center; font-size: 16px; font-weight: bold } @media screen and (max-width: 767px) { .fw .error { font-size: 11px } } .fw .videoBox { position: relative; width: 100%; padding-top: 56.25% } .fw .videoBox iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100% } @media screen and (max-width: 1230px) { .fw .f-inner { width: 100%; margin: 0; padding: 0 15px } } @media screen and (max-width: 767px) { .fw { min-width: 320px } .fw #container #contents { float: inherit; width: 100% } .fw #container #contents.f-max { float: inherit; width: 100% } .fw #container #side { width: initial; float: inherit } } #home #visual .swiper-container { padding-bottom: 40px; -webkit-box-sizing: content-box; box-sizing: content-box } @media screen and (max-width: 767px) { #home #visual .swiper-container { padding-bottom: 28px } } #home #visual .swiper-pagination { bottom: 0 } #home #visual .swiper-pagination .swiper-pagination-bullet { margin: 0 18px } @media screen and (max-width: 767px) { #home #visual .swiper-pagination .swiper-pagination-bullet { margin: 0 9px } } #home #visual .swiper-pagination-bullet { width: 14px; height: 14px; outline: none } @media screen and (max-width: 767px) { #home #visual .swiper-pagination-bullet { width: 7px } } @media screen and (max-width: 767px) { #home #visual .swiper-pagination-bullet { height: 7px } } #home #visual .swiper-button-prev, #home #visual .swiper-button-next { background-image: none; width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -40px; margin-top: -40px } @media screen and (max-width: 767px) { #home #visual .swiper-button-prev, #home #visual .swiper-button-next { margin-top: -50px } } #home #visual .swiper-button-prev:hover, #home #visual .swiper-button-next:hover { opacity: 0.7 } #home #visual .swiper-button-prev:before, #home #visual .swiper-button-next:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 32px; height: 32px; background: #fff; border-radius: 50% } @media screen and (max-width: 767px) { #home #visual .swiper-button-prev:before, #home #visual .swiper-button-next:before { width: 16px } } @media screen and (max-width: 767px) { #home #visual .swiper-button-prev:before, #home #visual .swiper-button-next:before { height: 16px } } #home #visual .swiper-button-prev:after, #home #visual .swiper-button-next:after { content: "\EA01"; font-family: "iconfont"; font-size: 20px; color: #fff; position: relative; z-index: 1; color: #000 } @media screen and (max-width: 767px) { #home #visual .swiper-button-prev:after, #home #visual .swiper-button-next:after { font-size: 10px } } #home #visual .swiper-button-prev { margin-left: 0 } @media screen and (max-width: 767px) { #home #visual .swiper-button-prev { margin-left: -20px } } #home #visual .swiper-button-prev:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } #home #visual .swiper-button-next { margin-right: 0 } @media screen and (max-width: 767px) { #home #visual .swiper-button-next { margin-right: -20px } } @media screen and (max-width: 767px) { #home #visual .swiper-slide { display: block } } #home #visual .swiper-slide img { width: 100% } #home #visual .txt { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7); font-size: 16px; padding: 15px 50px } @media screen and (max-width: 767px) { #home #visual .txt { font-size: 12px } } @media screen and (max-width: 767px) { #home #visual .txt { padding: 5px 20px } } #home #visual .txt span { line-height: 141%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden } @media screen and (max-width: 767px) { #home #visual .txt { width: auto; height: 56px; position: relative; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -10px 15px 0; font-size: 14px; font-weight: bold; line-height: 1.2; text-align: left; background-color: rgba(0, 0, 0, 0.5); text-shadow: 0px 3px 3px rgb(0 0 0 / 30%); } } @media screen and (max-width: 767px) { #home #visual .f-inner { padding-left: 0; padding-right: 0 } } .p-detail_article .m-curator { margin-bottom: 30px } @media screen and (max-width: 767px) { .p-detail_article .m-curator { margin-bottom: 15px } } .p-detail_article .a-date { display: inline-block } .p-detail_article .m-cat { margin-left: 15px; margin-top: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } @media screen and (max-width: 767px) { .p-detail_article .m-cat { margin-left: 10px } } .p-detail_ttl { margin-bottom: 15px; font-size: 28px; line-height: 138% } @media screen and (max-width: 767px) { .p-detail_ttl { margin-bottom: 10px; font-weight: bold; } } @media screen and (max-width: 767px) { .p-detail_ttl { font-size: 18px } } .p-detail_data { font-size: 18px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1 } @media screen and (max-width: 767px) { .p-detail_data { font-size: 10px } } @media screen and (max-width: 767px) { .p-detail_data { padding-bottom: 10px } } .p-detail_date { padding-left: 20px } @media screen and (max-width: 767px) { .p-detail_date { padding-left: 10px } } .p-detail_img { padding-bottom: 20px; text-align: center } @media screen and (max-width: 767px) { .p-detail_img { padding-bottom: 10px } } .p-detail_tieup { width: 1100px; margin-left: auto; margin-right: auto } @media screen and (max-width: 767px) { .p-detail_tieup { width: 100% } } /* .p-detail_tieup .p-detail_ttl { font-size: 24px; padding-bottom: 20px; margin: 0 auto } @media screen and (max-width: 767px) { .p-detail_tieup .p-detail_ttl { font-size: 12px } } @media screen and (max-width: 767px) { .p-detail_tieup .p-detail_ttl { padding-bottom: 10px } } */ .p-detail_tieup #gtu_content { width: auto !important } .p-detail_tieup .gtu_rohto201806 { width: auto !important; max-width: 900px !important } .p-detail_tieup #bulgari-container .gtun-page-container { max-width: inherit } .p-detail_inquiry input[type="submit"] { font-size: 20px; width: 585px; height: 60px; margin-top: 20px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #e5368e; text-align: center; color: #fff; -webkit-transition: opacity .4s; transition: opacity .4s; cursor: pointer; border: none } @media screen and (max-width: 767px) { .p-detail_inquiry input[type="submit"] { font-size: 16px } } @media screen and (max-width: 767px) { .p-detail_inquiry input[type="submit"] { width: 290px } } @media screen and (max-width: 767px) { .p-detail_inquiry input[type="submit"] { height: 30px } } @media screen and (max-width: 767px) { .p-detail_inquiry input[type="submit"] { margin-top: 10px } } .p-detail_inquiry input[type="submit"]:hover { opacity: .6 } .p-detail_inquiry #form_head { max-width: 650px; font-size: 16px } .p-detail_inquiry #form_head h2 { font-size: 16px; padding: 0px; margin-top: 50px; margin-bottom: 30px; margin-left: 0px } .p-detail_inquiry #form_head .explain { margin-left: 20; pading: 0; font-size: 16px } .p-detail_inquiry #form_head .default { font-size: 16px; padding-bottom: 20px; padding-right: 10px; padding-left: 10px; padding-top: 10px } .p-detail_inquiry #form_head p { margin: 0; pading: 0; deisplay: block } .p-detail_inquiry #form_head ul { font-size: 16px; list-style: circle outside; padding: 20px; margin-top: 30px; margin-right: 10px; margin-bottom: 70px; margin-left: 10px; border: 1px solid #CCC } .p-detail_inquiry #form_head ul li { font-size: 16px } .p-detail_inquiry #form_head hr { margin-top: 30px; margin-bottom: 0px } .p-detail_inquiry .mw_wp_form { max-width: 650px; margin-left: auto; margin-right: auto } .p-detail_inquiry .faq_section { clear: both } .p-detail_inquiry .faq_section h3 { max-width: 650px; font-size: 1.2em; padding-top: 50px; margin-bottom: 10px } .p-detail_inquiry .faq_section input { height: 30px; font-size: 16px; width: 100% } .p-detail_inquiry .faq_section .w560px span { display: block; width: 560px; float: left; margin-left: 0px } .p-detail_inquiry .faq_section .w400px span { display: block; width: 400px; float: left; margin-left: 0px } .p-detail_inquiry .faq_section .w300px span { display: block; width: 300px; float: left; margin-left: 0px } .p-detail_inquiry .faq_section .w200px span { display: block; width: 200px; float: left; margin-left: 0px } .p-detail_inquiry .faq_section .w150px span { display: block; width: 150px; float: left; margin-left: 0px; padding: 0 } .p-detail_inquiry .faq_section .w100px span { display: block; width: 100px; float: left; margin-left: 0px } .p-detail_inquiry .faq_section .w_all span { display: block; width: 100%; float: left } .p-detail_inquiry .faq_section span input { display: block; width: 30px; height: 25px; float: left } .p-detail_inquiry .faq_section textarea { width: 100%; font-size: 16px; padding: 5px } .p-detail_inquiry .faq_section input[type=text] { width: 50%; font-size: 16px; padding: 5px } .p-detail_inquiry hr { margin-top: 30px; margin-bottom: 30px } .p-detail #postArea { font-size: 16px } @media screen and (max-width: 767px) { .p-detail #postArea { font-size: 14px } } .p-detail #postArea .post img { max-width: 100%; height: auto; font-size: 0 } .p-detail #postArea .post p { line-height: 2.2 } @media screen and (max-width: 767px) { .p-detail #postArea .post p { font-size: 15px; line-height: 1.8; } } .p-detail #postArea .post .fullimg { text-align: center; } @media screen and (max-width: 767px) { .p-detail #postArea .post .fullimg { margin: 0 -15px; } } .p-detail #postArea .post a { color: #666666; text-decoration: underline } .p-detail #postArea .post a:hover { opacity: 0.7 } .p-detail #postArea .post .btn-blue { background: #66CED8; border-radius: 5px; display: block; padding: 10px; text-align: center; position: relative; color: #fff; text-decoration: none; margin-right: auto; margin-left: auto; width: 50%; } @media screen and (max-width: 767px) { .p-detail #postArea .post .btn-blue { width: 80%; } } .p-detail #postArea .post .btn-blue::after { content: ''; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: calc(50% - 4px); right: 10px; transform: rotate(45deg); } .p-detail #postArea .box { margin-top: 50px } .p-detail #postArea .box p { line-height: 2 } .p-detail #postArea .box .tit { font-size: 16px; font-size: 1.6rem; border-left: #d94275 solid 4px; padding-left: 10px; margin-bottom: 17px; line-height: 1.45 } .p-detail #postArea .main { margin-bottom: 20px; text-align: center } @media screen and (max-width: 767px) { .p-detail #postArea .main { margin-bottom: 10px } } .p-detail #postArea .main .txt { margin-top: 23px; text-align: left } .p-detail #postArea .col2Box { overflow: hidden; margin-top: 22px } .p-detail #postArea .col2Box p { line-height: 2 } .p-detail #postArea .col2Box .left { float: left; width: 48.6% } .p-detail #postArea .col2Box .right { float: right; width: 48.6% } .p-detail #postArea .col2Box .original { display: block; margin-top: 14px } .p-detail #postArea .original { font-size: 12px; font-size: 1.2rem } .p-detail #postArea .original a { color: #666666; vertical-align: middle } .p-detail #postArea .original a:hover { color: #a7a7a7 } .p-detail #postArea .source { display: block; margin-top: 10px; font-size: 12px; font-size: 1.2rem; color: #888888 } @media screen and (max-width: 767px) { .p-detail #postArea .source { font-size: 12px; color: #b2b2b2; text-decoration: none !important; } } .p-detail #postArea .source a { color: #888888 !important } .p-detail #postArea .quotation { margin-top: 52px; background: url("//s3.glam.jp/wp-content/themes/glam/common/images/shared/bg_quotation.png") no-repeat left top } .p-detail #postArea .quotation p { padding: 0 0 0 40px; font-size: 16px; font-size: 1.6rem; line-height: 1.66 !important } .p-detail #postArea .quotation .txt { margin-top: 14px; line-height: 1.75; font-size: 14px; font-size: 1.4rem; padding: 0 } .p-detail #postArea .quotation .original { margin-left: 10px } .p-detail #postArea .notes { font-size: 12px; font-size: 1.2rem; line-height: 1.75 !important; margin-top: 22px; padding: 13px 0; border-top: #ccc dotted 1px; border-bottom: #ccc dotted 1px } .p-detail #postArea .originalpost { margin-bottom: 0 } .p-detail #postArea .originalpost a { font-size: 20px; width: 585px; line-height: 60px; padding: 0 5px; margin-top: 20px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #8e8e8e; text-align: center; color: #fff; -webkit-transition: opacity .4s; transition: opacity .4s } @media screen and (max-width: 767px) { .p-detail #postArea .originalpost a { font-size: 16px } } @media screen and (max-width: 767px) { .p-detail #postArea .originalpost a { width: 100% } } @media screen and (max-width: 767px) { .p-detail #postArea .originalpost a { line-height: 30px } } @media screen and (max-width: 767px) { .p-detail #postArea .originalpost a { margin-top: 10px } } .p-detail #postArea .originalpost a:before { content: "元の記事を読む" } .p-detail #postArea .originalpost_2 a:before { content: "オリジナルサイトで記事を読む" } .p-detail #postArea .originalpost a:hover { opacity: .6 } .p-detail #postArea .originalpost.moreread a { background-color: #e5368e } .p-detail #postArea .originalpost.moreread a:before { display: none } .p-detail #postArea .hotwords { padding-top: 40px } @media screen and (max-width: 767px) { .p-detail #postArea .hotwords { padding-top: 20px } } .p-detail #postArea .hotwords .ttl { font-size: 24px; padding-bottom: 30px; text-align: center } @media screen and (max-width: 767px) { .p-detail #postArea .hotwords .ttl { font-size: 14px } } @media screen and (max-width: 767px) { .p-detail #postArea .hotwords .ttl { padding-bottom: 15px } } .p-detail #postArea .share { padding-top: 40px } @media screen and (max-width: 767px) { .p-detail #postArea .share { padding-top: 20px } } .p-detail #postArea .share ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .p-detail #postArea .share ul li { margin: 0 5px } .p-detail #postArea .share ul li.fb { width: 61px } h2[id^="link"] { font-weight: bold; font-size: 21px; margin: 40px 0px 20px; padding: 1px 0px 2px 8px; border-left: solid 6px #ED7DB0; border-bottom: 4px solid #E7E7E7; } @media screen and (max-width: 767px) { h2[id^="link"] { font-size: 19px; margin: 50px 0 30px; border-left: 2px solid #000; border-bottom: 0; } } /* SPリニューアル作業対応追加CSS */ @media screen and (max-width: 767px) { .sp-hide { display: none; } } .sp-show { display: none; } @media screen and (max-width: 767px) { .sp-show { display: block; } } .m-list_article_sp { margin: 0 -15px; } .m-list_article_sp_item { padding: 10px; display: flex; } .m-list_article_sp_item_img .bg { width: 80px; height: 80px; background-position: center; background-size: cover; } .m-list_article_sp_item_detail { margin-left: 10px; position: relative; flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .m-list_article_sp_item_ttl { font-size: 13px; font-weight: bold; line-height: 1.5; margin-top: -4px; } .m-list_article_sp_item_meta { display: flex; justify-content: space-between; align-items: center; } .m-list_article_sp_item_cat { text-align: right; font-size: 11px; font-family: 'Open Sans', sans-serif; font-style: italic; margin-left: auto; line-height: 1; } .m-list_article_sp_item_cat a { color: #A2A2A2; letter-spacing: 2px; border-bottom: 1px solid #A2A2A2; padding-bottom: 5px; display: block; } .m-list_article_sp_item_pr { font-family: 'Open Sans', sans-serif; font-size: 10px; background: #dbdbdb; color: #fff; line-height: 1; padding: 1px 3px; border-radius: 2px; } .fw .btn-more { display: block; text-align: center; border: 1px solid #333; padding: 8px 0; letter-spacing: 2px; max-width: 70%; margin: 15px auto 0; } .fw .btn-black { display: block; text-align: center; background: #000; color: #fff; padding: 8px 0; letter-spacing: 2px; max-width: 70%; margin: 15px auto 0; } .fw .btn-top { text-align: center; letter-spacing: 2px; display: block; border-bottom: 2px solid #fff; } .fw .btn-top::before { content: ''; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(-45deg); display: block; margin: 0 auto; } .heading-type01 { font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 21px; text-align: center; letter-spacing: 4px; } .heading-type01 span { font-size: 13px; font-style: normal; letter-spacing: normal; } .heading-type01::after { content: ''; width: 50px; height: 2px; background: #000; display: block; margin: 10px auto 20px; } .txt-type01 { text-align: center; line-height: 1.5; margin: 20px 0; font-size: 13px; } .m-list_contributors_sp { display: flex; justify-content: space-between; flex-wrap: wrap; } .m-list_contributors_sp_item { width: 48%; margin-bottom: 10px; background: #F4F4F4; text-align: center; padding: 0 20px 20px; } .m-list_contributors_sp_item_position { height: 5em; display: flex; justify-content: center; align-items: center; line-height: 1.3; } .m-list_contributors_sp_item_img { width: 80px; border-radius: 50%; margin: 0 auto; overflow: hidden; } .m-list_contributors_sp_item_img img { width: 100%; } .snslist { display: flex; justify-content: center; } .snslist li { margin: 0 10px; } .snslist .snslist_link { width: 42px; height: 42px; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; } .snslist .snslist_link--twitter { background: #1DA1F2; } .snslist .snslist_link--facebook { background: #1877f2; } .footer_logo { display: flex; justify-content: space-between; align-items: center; padding: 5px 5px 5px 30px; } .footer_logo_cat { font-size: 11px; color: #B9BABA; } .archive-head { text-align: center; padding: 10px 0 30px; } .archive-head h2 { font-family: 'Open Sans', sans-serif; font-size: 18px; font-style: italic; letter-spacing: 4px; } .p-detail-thumb { margin: 0 0 10px; height: 400px; background-repeat: no-repeat; background-position: center; background-size: cover; } @media screen and (max-width: 767px) { .p-detail-thumb { margin: -20px -15px 10px; height: auto; } } .p-detail-thumb img { width: 100%; } .p-entry-meta { display: flex; justify-content: space-between; font-family: 'Open Sans', sans-serif; font-style: italic; color: #A2A2A2; font-size: 12px; } .p-entry-meta-cat { letter-spacing: 4px; } .p-entry-sns { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .p-entry_pr { font-family: 'Open Sans', sans-serif; font-size: 12px; background: #dbdbdb; color: #fff; line-height: 1; padding: 2px 5px; border-radius: 3px; } @media screen and (max-width: 767px) { .p-entry_pr { font-size: 11px; padding: 1px 3px; border-radius: 2px; } } .p-entry_prpc { text-align: right; } .p-entry-share { display: flex; justify-content: flex-end; } .p-entry-share li:not(:last-child) { margin-right: 15px; } .fw .p-entry-share_link { width: 25px; height: 25px; color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 15px; } .fw .p-entry-share_link--twitter { background: #1DA1F2; } .fw .p-entry-share_link--facebook { background: #1877f2; } @media screen and (max-width: 767px) { .title-h2 { border-left: 3px solid #000; border-bottom: 0; margin: 50px 0 30px; font-size: 19px; padding: 1px 0px 2px 8px; } .title-h3 { border-bottom: 0; font-size: 14px; border-left: 3px solid #000; border-bottom: 0; margin: 40px 0 20px; padding: 4px 0 4px 7px; } } .p-detail-adsense { margin: 40px 0; text-align: center; } .p-share-bottom { margin-top: 50px; } .p-share-bottom-heading { text-align: center; } .p-share-bottom-content { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding: 0 30px; } .p-share-bottom-txt { font-size: 21px; font-family: 'Open Sans', sans-serif; font-style: italic; letter-spacing: 4px; } .p-share-bottom-list { display: flex; justify-content: flex-end; } .p-share-bottom-list li:not(:last-child) { margin-right: 24px; } .p-share-bottom-list-link { width: 38px; height: 38px; background: #FFFF1D; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 20px; } .sp-bnr { margin-top: 30px; } .sp-bnr-block:not(:last-child) { margin-bottom: 30px; } .sp-bnr-block a { display: block; } .tend-bnr-sp { position: relative; } .tend-bnr-sp-content { width: 170px; position: absolute; right: 35px; bottom: 0; text-align: right; } .tend-bnr-sp-logo { width: 88px; margin-left: auto; } .tend-bnr-sp-txt { color: #24B1CF; font-size: 12px; line-height: 1.5; margin-top: 5px; } .sp-bnr-block .tend-bnr-sp-btn { height: 34px; background: #24B1CF; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 5px; margin: 5px 0 0 auto; } /* TOC目次カスタマイズ */ .p-detail #postArea .post #toc_container { background: #f5f5f5; position: relative; } .p-detail #postArea .post #toc_container::before { font-family: "Font Awesome 5 Free"; content: '\f03a'; font-weight: 700; position: absolute; top: 21px; left: 20px; line-height: 1; } .p-detail #postArea .post .toc_title { font-weight: 700; line-height: 1; position: relative; padding: 20px 20px 20px 45px; cursor: pointer; } .p-detail #postArea .post .toc_title::before, .p-detail #postArea .post .toc_title::after { content: ''; width: 20px; height: 2px; background: #e5368e; position: absolute; top: calc(50% - 1px); right: 20px; } .p-detail #postArea .post .toc_title::after { transform: rotate(90deg); } .p-detail #postArea .post #toc_container.is-open .toc_title::after { display: none; } .p-detail #postArea .post .toc_list { font-size: 14px; margin-left: 10px; padding: 0 20px 20px; display: none; } .p-detail #postArea .post .toc_list li { list-style: disc; list-style-position: inside; } .p-detail #postArea .post .toc_list ul { margin-left: 20px; } .p-detail #postArea .post .toc_list a { text-decoration: none; } /* 選定基準等のテキストボックス */ .p-detail #postArea .post .p-detail-txtbox { border: 1px solid #f5f5f5; padding: 15px; margin: 20px 0; max-height: 80px; overflow-y: scroll; } .p-detail #postArea .post .p-detail-txtbox .p-detail-txtbox__heading { font-size: 12px; font-weight: bold; line-height: 1; } .p-detail #postArea .post .p-detail-txtbox .p-detail-txtbox__txt { font-size: 11px; line-height: 1.3; margin-top: 10px; } /* 執筆者 */ .p-detail #postArea .p-detail-writer { max-width: 700px; margin: 50px auto 0; padding: 30px; background: #f5f5f5; } .p-detail #postArea .p-detail-writer__body { display: flex; } .p-detail #postArea .p-detail-writer__img { width: 130px; } .p-detail #postArea .p-detail-writer-info { flex: 1; margin-left: 20px; } .p-detail #postArea .p-detail-writer-info__label { display: inline-block; font-size: 13px; background: #e5368e; color: #fff; padding: 3px 10px 4px 10px; border-radius: 3px; line-height: 1; } .p-detail #postArea .p-detail-writer-info__name { font-size: 20px; font-weight: bold; margin: 10px 0; } .p-detail #postArea .p-detail-writer-info__desc { font-size: 12px; line-height: 1.5; } .p-detail #postArea .p-detail-writer-info__url { font-size: 12px; color: #0446a1; margin-top: 15px; display: inline-block; line-height: 1; } .p-detail #postArea .p-detail-writer__link { color: #e5368e; display: block; margin-top: 20px; text-align: right; } .p-detail #postArea .p-detail-writer__link::after { font-family: "Font Awesome 5 Free"; content: '\f35d'; font-weight: 700; margin-left: 5px; } @media screen and (max-width: 767px) { .p-detail #postArea .p-detail-writer { padding: 15px; } .p-detail #postArea .p-detail-writer__img { width: 100px; } .p-detail #postArea .p-detail-writer__txtbox { margin-top: 15px; } } /* 表組みSP対応 */ @media screen and (max-width: 767px) { .p-detail #postArea .scroll-box { overflow-x: scroll; } .p-detail #postArea .scroll-box table { white-space: nowrap; } } /* アートメイクアフィ */ .p-detail #postArea .post .p-artmake-affili { margin: 50px 0; border: 5px solid #000; position: relative; } .p-detail #postArea .post .p-artmake-affili.typeA { border-right: 0; border-bottom: 0; border-left: 0; } .p-detail #postArea .post .p-artmake-affili__heading { position: absolute; top: -5px; left: 0; transform: translateY(-50%); width: 100%; text-align: center; font-size: 30px; font-weight: 700; line-height: 1; } .p-detail #postArea .post .p-artmake-affili__heading::first-letter { color: #e5368e; } .p-detail #postArea .post .p-artmake-affili__heading span { background: #fff; padding: 0 50px; } .p-detail #postArea .post .p-artmake-affili__inner { padding: 20px 20px 30px; } .p-detail #postArea .post .p-artmake-affili.typeA .p-artmake-affili__inner { padding: 40px 0 0; } .p-detail #postArea .post .p-artmake-affili-list-heading { display: flex; } .p-detail #postArea .post .p-artmake-affili-list-rank { color: #e5368e; font-size: 20px; margin-right: 10px; } .p-detail #postArea .post .p-artmake-affili-list-rank__num { font-size: 24px; font-weight: 700; } .p-detail #postArea .post .p-artmake-affili-list-heading__txt { font-size: 24px; font-weight: 700; } .p-detail #postArea .post .p-artmake-affili-list__body { display: flex; } .p-detail #postArea .post .p-artmake-affili-list li:not(:last-child) { margin-bottom: 30px; } .p-detail #postArea .post .p-artmake-affili-list__img { width: 280px; } .p-detail #postArea .post .p-artmake-affili-list__img img { width: 100%; } .p-detail #postArea .post .p-artmake-affili-list__txt { flex: 1; margin-left: 10px; line-height: 1.5; } .p-detail #postArea .post .p-artmake-affili-list__btn { font-size: 22px; font-weight: 700; display: flex; justify-content: center; align-items: center; color: #fff; background: #e5368e; text-decoration: none; padding: 10px; border-radius: 5px; margin-top: 20px; } .p-detail #postArea .post .p-artmake-affili-list__btn::after { font-family: "Font Awesome 5 Free"; content: '\f35d'; font-weight: 700; margin-left: 20px; } @media screen and (max-width: 767px) { .p-detail #postArea .post .p-artmake-affili { border-width: 2px; } .p-detail #postArea .post .p-artmake-affili.typeA { border: 0; } .p-detail #postArea .post .p-artmake-affili__heading { top: -2px; font-size: 18px; } .p-detail #postArea .post .p-artmake-affili.typeA .p-artmake-affili__heading::after { content: ''; width: 60px; height: 2px; display: block; background: #000; margin: 10px auto 0; } .p-detail #postArea .post .p-artmake-affili__heading span { padding: 0 10px; } .p-detail #postArea .post .p-artmake-affili-list li:not(:last-child) { margin-bottom: 20px; } .p-detail #postArea .post .p-artmake-affili-list-rank { font-size: 15px; } .p-detail #postArea .post .p-artmake-affili-list-rank__num { font-size: 18px; } .p-detail #postArea .post .p-artmake-affili-list-heading__txt { font-size: 18px; } .p-detail #postArea .post .p-artmake-affili__inner { padding: 20px 10px 15px; } .p-detail #postArea .post .p-artmake-affili-list__body { display: block; } .p-detail #postArea .post .p-artmake-affili-list__img { width: auto; } .p-detail #postArea .post .p-artmake-affili-list__txt { margin-top: 15px; margin-left: 0; font-size: 12px; } .p-detail #postArea .post .p-artmake-affili-list__btn { font-size: 16px; margin-top: 5px; padding: 10px 5px; } } p.prenew-main-image { text-align: center; } h2.prenew-main-title { font-weight: 700; font-size: 21px; margin: 40px 0 20px; padding: 10px 0 10px 15px; border-left: solid 6px #ed7db0; border-bottom: 4px solid #e7e7e7; } @media screen and (max-width: 767px) { h2.prenew-main-title { border-left: 3px solid #000; border-bottom: 0; margin: 50px 0 30px; font-size: 19px; padding: 1px 0px 2px 8px; } } /* 離脱ポップアップ */ .breakaway { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; z-index: 20; } .breakaway__wrap { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } /* ASPアフィ文言 */ .p-detail #postArea .post p.p-entry__asptxt { font-size: 13px; margin: 10px 0 0; padding: 5px; background: #f5f5f5; } @media screen and (max-width: 767px) { .p-detail #postArea .post p.p-entry__asptxt { font-size: 12px; } }