@charset "UTF-8"; /** ================================================ Responsive Settings ================================================ */ /** ================================================ Assets Path Settings ================================================ */ /** ================================================ Color Settings ================================================ */ /** ================================================ Easing Settings ================================================ */ /** ================================================ Font Settings ================================================ */ /** ================================================ Line height ================================================ */ /** ================================================ Depth ================================================ */ /** ================================================ Object Size ================================================ */ /** ================================================ Screen Size ================================================ */ /** ================================================ Other ================================================ */ /** ================================================ Assets Functions Example: background: #000000 image('btn/btn.png') no-repeat 0 0; ================================================ */ /** ================================================ Utility ================================================ */ /** ================================================ Appear Animation ================================================ */ /** ================================================ Hover Animation Transition ================================================ */ /** ================================================ Hover Animation ================================================ */ /** ================================================ Layout ================================================ */ /** ================================================ Font ================================================ */ /** ================================================ Responsive ================================================ */ /** ================================================ Legacy ================================================ */ .container-player { overflow: none; width: 100%; height: 100%; background-color: #eee; overflow: hidden; position: relative; } .container-player.fullscreen-background { position: fixed; z-index: -1; top: 0; left: 0; } .container-player .container-player-outer { position: relative; width: 100%; height: 100%; } .container-player .container-player-inner, .container-player .container-player-poster { position: absolute; z-index: 0; } .container-player .container-player-poster { background-size: cover; z-index: 0; } .container-player.youtube iframe, .container-player.vimeo iframe { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .container-player.youtube.transition-in.playing iframe, .container-player.youtube.transition-in.paused iframe, .container-player.vimeo.transition-in.playing iframe, .container-player.vimeo.transition-in.paused iframe { -webkit-animation: revealVideo 1s; animation: revealVideo 1s; } .container-player.youtube.playing iframe, .container-player.youtube.paused iframe, .container-player.vimeo.playing iframe, .container-player.vimeo.paused iframe { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .container-player .container-player-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; } @-webkit-keyframes revealVideo { 0%, 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } } @keyframes revealVideo { 0%, 50% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 100% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } } .container-player video, .container-player iframe { width: 100%; height: 100%; border: none; } /** * Swiper 4.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 13, 2018 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; 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 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -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; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-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; } /* 3D Effects */ .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(transparent)); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; 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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; background: #007aff; } .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%); -ms-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%); -ms-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; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-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; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: 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%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-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(/common/css/"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(/common/css/"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); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-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; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -webkit-filter: blur(50px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-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 { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* ====================================================== 銈偆銈炽兂銉曘偐銉炽儓 ====================================================== */ @font-face { font-family: 'wor'; src: url("/wp-content/themes/inpresx2013/css/world_of_rmx/wor.eot") format("embedded-opentype"), url("/wp-content/themes/inpresx2013/css/world_of_rmx/wor.woff") format("woff"), url("/wp-content/themes/inpresx2013/css/world_of_rmx/wor.ttf") format("truetype"), url("/wp-content/themes/inpresx2013/css/world_of_rmx/wor.svg") format("svg"); font-weight: normal; font-style: normal; } .i-play:before, .i-close:before, .i-angle-down:before, .i-angle-left:before, .i-angle-right:before, .i-angle-up:before, .i-angle-down-bold:before, .i-angle-left-bold:before, .i-angle-right-bold:before, .i-angle-up-bold:before, .i-breadcrumb-right:before { display: inline-block; font-family: "wor"; font-size: inherit; font-style: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .i-play:before { content: "顎"; } .i-close:before { content: "顎"; } .i-angle-down:before { content: "顎"; } .i-angle-left:before { content: "顎"; } .i-angle-right:before { content: "顎"; } .i-angle-up:before { content: "顎"; } .i-angle-down-bold:before { content: "顎"; } .i-angle-left-bold:before { content: "顎"; } .i-angle-right-bold:before { content: "顎"; } .i-angle-up-bold:before { content: "顎"; } .i-breadcrumb-right:before { content: "顎"; } @media screen and (min-width: 769px) { a[href^="tel"] { text-decoration: none; pointer-events: none; } } .pankuzu { display: none; } #mainImg { display: none; } #main.spOnly #productTitle { display: none; } #main.spOnly #flick { display: none; } body { background-color: #ffffff; } #container, #main, #conts { width: 100%; margin-top: 0; background-color: #ffffff; } img[src="/wp-content/themes/inpresx2013/img/wr2/header.png"] { display: none; } .u-d-i { display: inline !important; } .u-d-n { display: none !important; } .u-d-b { display: block !important; } .u-d-ib { display: inline-block !important; } .u-d-fx { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .u-d-ifx { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .u-d-tb { display: table !important; } .u-d-tb-100 { display: table !important; width: 100% !important; height: 100% !important; } .u-d-itb { display: inline-table !important; } .u-d-tbhg { display: table-header-group !important; } .u-d-tbfg { display: table-footer-group !important; } .u-d-tbrg { display: table-row-group !important; } .u-d-tbr { display: table-row !important; } .u-d-tbc { display: table-cell !important; } .u-d-li { display: list-item !important; } .u-d-ih { display: inherit !important; } @media screen and (max-width: 600px) { .u-d-i--sp { display: inline !important; } .u-d-n--sp { display: none !important; } .u-d-b--sp { display: block !important; } .u-d-ib--sp { display: inline-block !important; } .u-d-fx--sp { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .u-d-ifx--sp { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .u-d-tb--sp { display: table !important; } .u-d-tb-100 { display: table !important; width: 100% !important; height: 100% !important; } .u-d-itb--sp { display: inline-table !important; } .u-d-tbhg--sp { display: table-header-group !important; } .u-d-tbfg--sp { display: table-footer-group !important; } .u-d-tbrg--sp { display: table-row-group !important; } .u-d-tbr--sp { display: table-row !important; } .u-d-tbc--sp { display: table-cell !important; } .u-d-li--sp { display: list-item !important; } .u-d-ih--sp { display: inherit !important; } } @media screen and (max-width: 768px) { .u-dv-pc { display: none !important; } } @media screen and (min-width: 769px) { .u-dv-sp { display: none !important; } } .u-dv-sp--in { display: none !important; } @media screen and (max-width: 768px) { .u-dv-sp--in { display: inline !important; } } .u-dv-sp--inb { display: none !important; } @media screen and (max-width: 768px) { .u-dv-sp--inb { display: inline-block !important; } } .u-fs-1 { font-size: 1px !important; } .u-fs-2 { font-size: 2px !important; } .u-fs-3 { font-size: 3px !important; } .u-fs-4 { font-size: 4px !important; } .u-fs-5 { font-size: 5px !important; } .u-fs-6 { font-size: 6px !important; } .u-fs-7 { font-size: 7px !important; } .u-fs-8 { font-size: 8px !important; } .u-fs-9 { font-size: 9px !important; } .u-fs-10 { font-size: 10px !important; } .u-fs-11 { font-size: 11px !important; } .u-fs-12 { font-size: 12px !important; } .u-fs-13 { font-size: 13px !important; } .u-fs-14 { font-size: 14px !important; } .u-fs-15 { font-size: 15px !important; } .u-fs-16 { font-size: 16px !important; } .u-fs-17 { font-size: 17px !important; } .u-fs-18 { font-size: 18px !important; } .u-fs-19 { font-size: 19px !important; } .u-fs-20 { font-size: 20px !important; } .u-fs-21 { font-size: 21px !important; } .u-fs-22 { font-size: 22px !important; } .u-fs-23 { font-size: 23px !important; } .u-fs-24 { font-size: 24px !important; } .u-fs-25 { font-size: 25px !important; } .u-fs-26 { font-size: 26px !important; } .u-fs-27 { font-size: 27px !important; } .u-fs-28 { font-size: 28px !important; } .u-fs-29 { font-size: 29px !important; } .u-fs-30 { font-size: 30px !important; } .u-fs-31 { font-size: 31px !important; } .u-fs-32 { font-size: 32px !important; } .u-fs-33 { font-size: 33px !important; } .u-fs-34 { font-size: 34px !important; } .u-fs-35 { font-size: 35px !important; } .u-fs-36 { font-size: 36px !important; } .u-fs-37 { font-size: 37px !important; } .u-fs-38 { font-size: 38px !important; } .u-fs-39 { font-size: 39px !important; } .u-fs-40 { font-size: 40px !important; } .u-fs-41 { font-size: 41px !important; } .u-fs-42 { font-size: 42px !important; } .u-fs-43 { font-size: 43px !important; } .u-fs-44 { font-size: 44px !important; } .u-fs-45 { font-size: 45px !important; } .u-fs-46 { font-size: 46px !important; } .u-fs-47 { font-size: 47px !important; } .u-fs-48 { font-size: 48px !important; } .u-fs-49 { font-size: 49px !important; } .u-fs-50 { font-size: 50px !important; } .u-fs-51 { font-size: 51px !important; } .u-fs-52 { font-size: 52px !important; } .u-fs-53 { font-size: 53px !important; } .u-fs-54 { font-size: 54px !important; } .u-fs-55 { font-size: 55px !important; } .u-fs-56 { font-size: 56px !important; } .u-fs-57 { font-size: 57px !important; } .u-fs-58 { font-size: 58px !important; } .u-fs-59 { font-size: 59px !important; } .u-fs-60 { font-size: 60px !important; } .u-fs-61 { font-size: 61px !important; } .u-fs-62 { font-size: 62px !important; } .u-fs-63 { font-size: 63px !important; } .u-fs-64 { font-size: 64px !important; } .u-fs-65 { font-size: 65px !important; } .u-fs-66 { font-size: 66px !important; } .u-fs-67 { font-size: 67px !important; } .u-fs-68 { font-size: 68px !important; } .u-fs-69 { font-size: 69px !important; } .u-fs-70 { font-size: 70px !important; } .u-fs-71 { font-size: 71px !important; } .u-fs-72 { font-size: 72px !important; } .u-fs-73 { font-size: 73px !important; } .u-fs-74 { font-size: 74px !important; } .u-fs-75 { font-size: 75px !important; } .u-fs-76 { font-size: 76px !important; } .u-fs-77 { font-size: 77px !important; } .u-fs-78 { font-size: 78px !important; } .u-fs-79 { font-size: 79px !important; } .u-fs-80 { font-size: 80px !important; } .u-fs-81 { font-size: 81px !important; } .u-fs-82 { font-size: 82px !important; } .u-fs-83 { font-size: 83px !important; } .u-fs-84 { font-size: 84px !important; } .u-fs-85 { font-size: 85px !important; } .u-fs-86 { font-size: 86px !important; } .u-fs-87 { font-size: 87px !important; } .u-fs-88 { font-size: 88px !important; } .u-fs-89 { font-size: 89px !important; } .u-fs-90 { font-size: 90px !important; } .u-fs-91 { font-size: 91px !important; } .u-fs-92 { font-size: 92px !important; } .u-fs-93 { font-size: 93px !important; } .u-fs-94 { font-size: 94px !important; } .u-fs-95 { font-size: 95px !important; } .u-fs-96 { font-size: 96px !important; } .u-fs-97 { font-size: 97px !important; } .u-fs-98 { font-size: 98px !important; } .u-fs-99 { font-size: 99px !important; } .u-fs-100 { font-size: 100px !important; } @media screen and (max-width: 768px) { .u-fs-1-sp { margin-top: 1px !important; } .u-fs-2-sp { margin-top: 2px !important; } .u-fs-3-sp { margin-top: 3px !important; } .u-fs-4-sp { margin-top: 4px !important; } .u-fs-5-sp { margin-top: 5px !important; } .u-fs-6-sp { margin-top: 6px !important; } .u-fs-7-sp { margin-top: 7px !important; } .u-fs-8-sp { margin-top: 8px !important; } .u-fs-9-sp { margin-top: 9px !important; } .u-fs-10-sp { margin-top: 10px !important; } .u-fs-11-sp { margin-top: 11px !important; } .u-fs-12-sp { margin-top: 12px !important; } .u-fs-13-sp { margin-top: 13px !important; } .u-fs-14-sp { margin-top: 14px !important; } .u-fs-15-sp { margin-top: 15px !important; } .u-fs-16-sp { margin-top: 16px !important; } .u-fs-17-sp { margin-top: 17px !important; } .u-fs-18-sp { margin-top: 18px !important; } .u-fs-19-sp { margin-top: 19px !important; } .u-fs-20-sp { margin-top: 20px !important; } .u-fs-21-sp { margin-top: 21px !important; } .u-fs-22-sp { margin-top: 22px !important; } .u-fs-23-sp { margin-top: 23px !important; } .u-fs-24-sp { margin-top: 24px !important; } .u-fs-25-sp { margin-top: 25px !important; } .u-fs-26-sp { margin-top: 26px !important; } .u-fs-27-sp { margin-top: 27px !important; } .u-fs-28-sp { margin-top: 28px !important; } .u-fs-29-sp { margin-top: 29px !important; } .u-fs-30-sp { margin-top: 30px !important; } .u-fs-31-sp { margin-top: 31px !important; } .u-fs-32-sp { margin-top: 32px !important; } .u-fs-33-sp { margin-top: 33px !important; } .u-fs-34-sp { margin-top: 34px !important; } .u-fs-35-sp { margin-top: 35px !important; } .u-fs-36-sp { margin-top: 36px !important; } .u-fs-37-sp { margin-top: 37px !important; } .u-fs-38-sp { margin-top: 38px !important; } .u-fs-39-sp { margin-top: 39px !important; } .u-fs-40-sp { margin-top: 40px !important; } .u-fs-41-sp { margin-top: 41px !important; } .u-fs-42-sp { margin-top: 42px !important; } .u-fs-43-sp { margin-top: 43px !important; } .u-fs-44-sp { margin-top: 44px !important; } .u-fs-45-sp { margin-top: 45px !important; } .u-fs-46-sp { margin-top: 46px !important; } .u-fs-47-sp { margin-top: 47px !important; } .u-fs-48-sp { margin-top: 48px !important; } .u-fs-49-sp { margin-top: 49px !important; } .u-fs-50-sp { margin-top: 50px !important; } .u-fs-51-sp { margin-top: 51px !important; } .u-fs-52-sp { margin-top: 52px !important; } .u-fs-53-sp { margin-top: 53px !important; } .u-fs-54-sp { margin-top: 54px !important; } .u-fs-55-sp { margin-top: 55px !important; } .u-fs-56-sp { margin-top: 56px !important; } .u-fs-57-sp { margin-top: 57px !important; } .u-fs-58-sp { margin-top: 58px !important; } .u-fs-59-sp { margin-top: 59px !important; } .u-fs-60-sp { margin-top: 60px !important; } .u-fs-61-sp { margin-top: 61px !important; } .u-fs-62-sp { margin-top: 62px !important; } .u-fs-63-sp { margin-top: 63px !important; } .u-fs-64-sp { margin-top: 64px !important; } .u-fs-65-sp { margin-top: 65px !important; } .u-fs-66-sp { margin-top: 66px !important; } .u-fs-67-sp { margin-top: 67px !important; } .u-fs-68-sp { margin-top: 68px !important; } .u-fs-69-sp { margin-top: 69px !important; } .u-fs-70-sp { margin-top: 70px !important; } .u-fs-71-sp { margin-top: 71px !important; } .u-fs-72-sp { margin-top: 72px !important; } .u-fs-73-sp { margin-top: 73px !important; } .u-fs-74-sp { margin-top: 74px !important; } .u-fs-75-sp { margin-top: 75px !important; } .u-fs-76-sp { margin-top: 76px !important; } .u-fs-77-sp { margin-top: 77px !important; } .u-fs-78-sp { margin-top: 78px !important; } .u-fs-79-sp { margin-top: 79px !important; } .u-fs-80-sp { margin-top: 80px !important; } .u-fs-81-sp { margin-top: 81px !important; } .u-fs-82-sp { margin-top: 82px !important; } .u-fs-83-sp { margin-top: 83px !important; } .u-fs-84-sp { margin-top: 84px !important; } .u-fs-85-sp { margin-top: 85px !important; } .u-fs-86-sp { margin-top: 86px !important; } .u-fs-87-sp { margin-top: 87px !important; } .u-fs-88-sp { margin-top: 88px !important; } .u-fs-89-sp { margin-top: 89px !important; } .u-fs-90-sp { margin-top: 90px !important; } .u-fs-91-sp { margin-top: 91px !important; } .u-fs-92-sp { margin-top: 92px !important; } .u-fs-93-sp { margin-top: 93px !important; } .u-fs-94-sp { margin-top: 94px !important; } .u-fs-95-sp { margin-top: 95px !important; } .u-fs-96-sp { margin-top: 96px !important; } .u-fs-97-sp { margin-top: 97px !important; } .u-fs-98-sp { margin-top: 98px !important; } .u-fs-99-sp { margin-top: 99px !important; } .u-fs-100-sp { margin-top: 100px !important; } } .u-fw-bold { font-weight: 700; } .u-m-t-1 { margin-top: 1px !important; } .u-m-t-2 { margin-top: 2px !important; } .u-m-t-3 { margin-top: 3px !important; } .u-m-t-4 { margin-top: 4px !important; } .u-m-t-5 { margin-top: 5px !important; } .u-m-t-6 { margin-top: 6px !important; } .u-m-t-7 { margin-top: 7px !important; } .u-m-t-8 { margin-top: 8px !important; } .u-m-t-9 { margin-top: 9px !important; } .u-m-t-10 { margin-top: 10px !important; } .u-m-t-11 { margin-top: 11px !important; } .u-m-t-12 { margin-top: 12px !important; } .u-m-t-13 { margin-top: 13px !important; } .u-m-t-14 { margin-top: 14px !important; } .u-m-t-15 { margin-top: 15px !important; } .u-m-t-16 { margin-top: 16px !important; } .u-m-t-17 { margin-top: 17px !important; } .u-m-t-18 { margin-top: 18px !important; } .u-m-t-19 { margin-top: 19px !important; } .u-m-t-20 { margin-top: 20px !important; } .u-m-t-21 { margin-top: 21px !important; } .u-m-t-22 { margin-top: 22px !important; } .u-m-t-23 { margin-top: 23px !important; } .u-m-t-24 { margin-top: 24px !important; } .u-m-t-25 { margin-top: 25px !important; } .u-m-t-26 { margin-top: 26px !important; } .u-m-t-27 { margin-top: 27px !important; } .u-m-t-28 { margin-top: 28px !important; } .u-m-t-29 { margin-top: 29px !important; } .u-m-t-30 { margin-top: 30px !important; } .u-m-t-31 { margin-top: 31px !important; } .u-m-t-32 { margin-top: 32px !important; } .u-m-t-33 { margin-top: 33px !important; } .u-m-t-34 { margin-top: 34px !important; } .u-m-t-35 { margin-top: 35px !important; } .u-m-t-36 { margin-top: 36px !important; } .u-m-t-37 { margin-top: 37px !important; } .u-m-t-38 { margin-top: 38px !important; } .u-m-t-39 { margin-top: 39px !important; } .u-m-t-40 { margin-top: 40px !important; } .u-m-t-41 { margin-top: 41px !important; } .u-m-t-42 { margin-top: 42px !important; } .u-m-t-43 { margin-top: 43px !important; } .u-m-t-44 { margin-top: 44px !important; } .u-m-t-45 { margin-top: 45px !important; } .u-m-t-46 { margin-top: 46px !important; } .u-m-t-47 { margin-top: 47px !important; } .u-m-t-48 { margin-top: 48px !important; } .u-m-t-49 { margin-top: 49px !important; } .u-m-t-50 { margin-top: 50px !important; } .u-m-t-51 { margin-top: 51px !important; } .u-m-t-52 { margin-top: 52px !important; } .u-m-t-53 { margin-top: 53px !important; } .u-m-t-54 { margin-top: 54px !important; } .u-m-t-55 { margin-top: 55px !important; } .u-m-t-56 { margin-top: 56px !important; } .u-m-t-57 { margin-top: 57px !important; } .u-m-t-58 { margin-top: 58px !important; } .u-m-t-59 { margin-top: 59px !important; } .u-m-t-60 { margin-top: 60px !important; } .u-m-t-61 { margin-top: 61px !important; } .u-m-t-62 { margin-top: 62px !important; } .u-m-t-63 { margin-top: 63px !important; } .u-m-t-64 { margin-top: 64px !important; } .u-m-t-65 { margin-top: 65px !important; } .u-m-t-66 { margin-top: 66px !important; } .u-m-t-67 { margin-top: 67px !important; } .u-m-t-68 { margin-top: 68px !important; } .u-m-t-69 { margin-top: 69px !important; } .u-m-t-70 { margin-top: 70px !important; } .u-m-t-71 { margin-top: 71px !important; } .u-m-t-72 { margin-top: 72px !important; } .u-m-t-73 { margin-top: 73px !important; } .u-m-t-74 { margin-top: 74px !important; } .u-m-t-75 { margin-top: 75px !important; } .u-m-t-76 { margin-top: 76px !important; } .u-m-t-77 { margin-top: 77px !important; } .u-m-t-78 { margin-top: 78px !important; } .u-m-t-79 { margin-top: 79px !important; } .u-m-t-80 { margin-top: 80px !important; } .u-m-t-81 { margin-top: 81px !important; } .u-m-t-82 { margin-top: 82px !important; } .u-m-t-83 { margin-top: 83px !important; } .u-m-t-84 { margin-top: 84px !important; } .u-m-t-85 { margin-top: 85px !important; } .u-m-t-86 { margin-top: 86px !important; } .u-m-t-87 { margin-top: 87px !important; } .u-m-t-88 { margin-top: 88px !important; } .u-m-t-89 { margin-top: 89px !important; } .u-m-t-90 { margin-top: 90px !important; } .u-m-t-91 { margin-top: 91px !important; } .u-m-t-92 { margin-top: 92px !important; } .u-m-t-93 { margin-top: 93px !important; } .u-m-t-94 { margin-top: 94px !important; } .u-m-t-95 { margin-top: 95px !important; } .u-m-t-96 { margin-top: 96px !important; } .u-m-t-97 { margin-top: 97px !important; } .u-m-t-98 { margin-top: 98px !important; } .u-m-t-99 { margin-top: 99px !important; } .u-m-t-100 { margin-top: 100px !important; } .u-m-b-1 { margin-bottom: 1px !important; } .u-m-b-2 { margin-bottom: 2px !important; } .u-m-b-3 { margin-bottom: 3px !important; } .u-m-b-4 { margin-bottom: 4px !important; } .u-m-b-5 { margin-bottom: 5px !important; } .u-m-b-6 { margin-bottom: 6px !important; } .u-m-b-7 { margin-bottom: 7px !important; } .u-m-b-8 { margin-bottom: 8px !important; } .u-m-b-9 { margin-bottom: 9px !important; } .u-m-b-10 { margin-bottom: 10px !important; } .u-m-b-11 { margin-bottom: 11px !important; } .u-m-b-12 { margin-bottom: 12px !important; } .u-m-b-13 { margin-bottom: 13px !important; } .u-m-b-14 { margin-bottom: 14px !important; } .u-m-b-15 { margin-bottom: 15px !important; } .u-m-b-16 { margin-bottom: 16px !important; } .u-m-b-17 { margin-bottom: 17px !important; } .u-m-b-18 { margin-bottom: 18px !important; } .u-m-b-19 { margin-bottom: 19px !important; } .u-m-b-20 { margin-bottom: 20px !important; } .u-m-b-21 { margin-bottom: 21px !important; } .u-m-b-22 { margin-bottom: 22px !important; } .u-m-b-23 { margin-bottom: 23px !important; } .u-m-b-24 { margin-bottom: 24px !important; } .u-m-b-25 { margin-bottom: 25px !important; } .u-m-b-26 { margin-bottom: 26px !important; } .u-m-b-27 { margin-bottom: 27px !important; } .u-m-b-28 { margin-bottom: 28px !important; } .u-m-b-29 { margin-bottom: 29px !important; } .u-m-b-30 { margin-bottom: 30px !important; } .u-m-b-31 { margin-bottom: 31px !important; } .u-m-b-32 { margin-bottom: 32px !important; } .u-m-b-33 { margin-bottom: 33px !important; } .u-m-b-34 { margin-bottom: 34px !important; } .u-m-b-35 { margin-bottom: 35px !important; } .u-m-b-36 { margin-bottom: 36px !important; } .u-m-b-37 { margin-bottom: 37px !important; } .u-m-b-38 { margin-bottom: 38px !important; } .u-m-b-39 { margin-bottom: 39px !important; } .u-m-b-40 { margin-bottom: 40px !important; } .u-m-b-41 { margin-bottom: 41px !important; } .u-m-b-42 { margin-bottom: 42px !important; } .u-m-b-43 { margin-bottom: 43px !important; } .u-m-b-44 { margin-bottom: 44px !important; } .u-m-b-45 { margin-bottom: 45px !important; } .u-m-b-46 { margin-bottom: 46px !important; } .u-m-b-47 { margin-bottom: 47px !important; } .u-m-b-48 { margin-bottom: 48px !important; } .u-m-b-49 { margin-bottom: 49px !important; } .u-m-b-50 { margin-bottom: 50px !important; } .u-m-b-51 { margin-bottom: 51px !important; } .u-m-b-52 { margin-bottom: 52px !important; } .u-m-b-53 { margin-bottom: 53px !important; } .u-m-b-54 { margin-bottom: 54px !important; } .u-m-b-55 { margin-bottom: 55px !important; } .u-m-b-56 { margin-bottom: 56px !important; } .u-m-b-57 { margin-bottom: 57px !important; } .u-m-b-58 { margin-bottom: 58px !important; } .u-m-b-59 { margin-bottom: 59px !important; } .u-m-b-60 { margin-bottom: 60px !important; } .u-m-b-61 { margin-bottom: 61px !important; } .u-m-b-62 { margin-bottom: 62px !important; } .u-m-b-63 { margin-bottom: 63px !important; } .u-m-b-64 { margin-bottom: 64px !important; } .u-m-b-65 { margin-bottom: 65px !important; } .u-m-b-66 { margin-bottom: 66px !important; } .u-m-b-67 { margin-bottom: 67px !important; } .u-m-b-68 { margin-bottom: 68px !important; } .u-m-b-69 { margin-bottom: 69px !important; } .u-m-b-70 { margin-bottom: 70px !important; } .u-m-b-71 { margin-bottom: 71px !important; } .u-m-b-72 { margin-bottom: 72px !important; } .u-m-b-73 { margin-bottom: 73px !important; } .u-m-b-74 { margin-bottom: 74px !important; } .u-m-b-75 { margin-bottom: 75px !important; } .u-m-b-76 { margin-bottom: 76px !important; } .u-m-b-77 { margin-bottom: 77px !important; } .u-m-b-78 { margin-bottom: 78px !important; } .u-m-b-79 { margin-bottom: 79px !important; } .u-m-b-80 { margin-bottom: 80px !important; } .u-m-b-81 { margin-bottom: 81px !important; } .u-m-b-82 { margin-bottom: 82px !important; } .u-m-b-83 { margin-bottom: 83px !important; } .u-m-b-84 { margin-bottom: 84px !important; } .u-m-b-85 { margin-bottom: 85px !important; } .u-m-b-86 { margin-bottom: 86px !important; } .u-m-b-87 { margin-bottom: 87px !important; } .u-m-b-88 { margin-bottom: 88px !important; } .u-m-b-89 { margin-bottom: 89px !important; } .u-m-b-90 { margin-bottom: 90px !important; } .u-m-b-91 { margin-bottom: 91px !important; } .u-m-b-92 { margin-bottom: 92px !important; } .u-m-b-93 { margin-bottom: 93px !important; } .u-m-b-94 { margin-bottom: 94px !important; } .u-m-b-95 { margin-bottom: 95px !important; } .u-m-b-96 { margin-bottom: 96px !important; } .u-m-b-97 { margin-bottom: 97px !important; } .u-m-b-98 { margin-bottom: 98px !important; } .u-m-b-99 { margin-bottom: 99px !important; } .u-m-b-100 { margin-bottom: 100px !important; } .u-m-r-1 { margin-right: 1px !important; } .u-m-r-2 { margin-right: 2px !important; } .u-m-r-3 { margin-right: 3px !important; } .u-m-r-4 { margin-right: 4px !important; } .u-m-r-5 { margin-right: 5px !important; } .u-m-r-6 { margin-right: 6px !important; } .u-m-r-7 { margin-right: 7px !important; } .u-m-r-8 { margin-right: 8px !important; } .u-m-r-9 { margin-right: 9px !important; } .u-m-r-10 { margin-right: 10px !important; } .u-m-r-11 { margin-right: 11px !important; } .u-m-r-12 { margin-right: 12px !important; } .u-m-r-13 { margin-right: 13px !important; } .u-m-r-14 { margin-right: 14px !important; } .u-m-r-15 { margin-right: 15px !important; } .u-m-r-16 { margin-right: 16px !important; } .u-m-r-17 { margin-right: 17px !important; } .u-m-r-18 { margin-right: 18px !important; } .u-m-r-19 { margin-right: 19px !important; } .u-m-r-20 { margin-right: 20px !important; } .u-m-r-21 { margin-right: 21px !important; } .u-m-r-22 { margin-right: 22px !important; } .u-m-r-23 { margin-right: 23px !important; } .u-m-r-24 { margin-right: 24px !important; } .u-m-r-25 { margin-right: 25px !important; } .u-m-r-26 { margin-right: 26px !important; } .u-m-r-27 { margin-right: 27px !important; } .u-m-r-28 { margin-right: 28px !important; } .u-m-r-29 { margin-right: 29px !important; } .u-m-r-30 { margin-right: 30px !important; } .u-m-r-31 { margin-right: 31px !important; } .u-m-r-32 { margin-right: 32px !important; } .u-m-r-33 { margin-right: 33px !important; } .u-m-r-34 { margin-right: 34px !important; } .u-m-r-35 { margin-right: 35px !important; } .u-m-r-36 { margin-right: 36px !important; } .u-m-r-37 { margin-right: 37px !important; } .u-m-r-38 { margin-right: 38px !important; } .u-m-r-39 { margin-right: 39px !important; } .u-m-r-40 { margin-right: 40px !important; } .u-m-r-41 { margin-right: 41px !important; } .u-m-r-42 { margin-right: 42px !important; } .u-m-r-43 { margin-right: 43px !important; } .u-m-r-44 { margin-right: 44px !important; } .u-m-r-45 { margin-right: 45px !important; } .u-m-r-46 { margin-right: 46px !important; } .u-m-r-47 { margin-right: 47px !important; } .u-m-r-48 { margin-right: 48px !important; } .u-m-r-49 { margin-right: 49px !important; } .u-m-r-50 { margin-right: 50px !important; } .u-m-r-51 { margin-right: 51px !important; } .u-m-r-52 { margin-right: 52px !important; } .u-m-r-53 { margin-right: 53px !important; } .u-m-r-54 { margin-right: 54px !important; } .u-m-r-55 { margin-right: 55px !important; } .u-m-r-56 { margin-right: 56px !important; } .u-m-r-57 { margin-right: 57px !important; } .u-m-r-58 { margin-right: 58px !important; } .u-m-r-59 { margin-right: 59px !important; } .u-m-r-60 { margin-right: 60px !important; } .u-m-r-61 { margin-right: 61px !important; } .u-m-r-62 { margin-right: 62px !important; } .u-m-r-63 { margin-right: 63px !important; } .u-m-r-64 { margin-right: 64px !important; } .u-m-r-65 { margin-right: 65px !important; } .u-m-r-66 { margin-right: 66px !important; } .u-m-r-67 { margin-right: 67px !important; } .u-m-r-68 { margin-right: 68px !important; } .u-m-r-69 { margin-right: 69px !important; } .u-m-r-70 { margin-right: 70px !important; } .u-m-r-71 { margin-right: 71px !important; } .u-m-r-72 { margin-right: 72px !important; } .u-m-r-73 { margin-right: 73px !important; } .u-m-r-74 { margin-right: 74px !important; } .u-m-r-75 { margin-right: 75px !important; } .u-m-r-76 { margin-right: 76px !important; } .u-m-r-77 { margin-right: 77px !important; } .u-m-r-78 { margin-right: 78px !important; } .u-m-r-79 { margin-right: 79px !important; } .u-m-r-80 { margin-right: 80px !important; } .u-m-r-81 { margin-right: 81px !important; } .u-m-r-82 { margin-right: 82px !important; } .u-m-r-83 { margin-right: 83px !important; } .u-m-r-84 { margin-right: 84px !important; } .u-m-r-85 { margin-right: 85px !important; } .u-m-r-86 { margin-right: 86px !important; } .u-m-r-87 { margin-right: 87px !important; } .u-m-r-88 { margin-right: 88px !important; } .u-m-r-89 { margin-right: 89px !important; } .u-m-r-90 { margin-right: 90px !important; } .u-m-r-91 { margin-right: 91px !important; } .u-m-r-92 { margin-right: 92px !important; } .u-m-r-93 { margin-right: 93px !important; } .u-m-r-94 { margin-right: 94px !important; } .u-m-r-95 { margin-right: 95px !important; } .u-m-r-96 { margin-right: 96px !important; } .u-m-r-97 { margin-right: 97px !important; } .u-m-r-98 { margin-right: 98px !important; } .u-m-r-99 { margin-right: 99px !important; } .u-m-r-100 { margin-right: 100px !important; } .u-m-l-1 { margin-right: 1px !important; } .u-m-l-2 { margin-right: 2px !important; } .u-m-l-3 { margin-right: 3px !important; } .u-m-l-4 { margin-right: 4px !important; } .u-m-l-5 { margin-right: 5px !important; } .u-m-l-6 { margin-right: 6px !important; } .u-m-l-7 { margin-right: 7px !important; } .u-m-l-8 { margin-right: 8px !important; } .u-m-l-9 { margin-right: 9px !important; } .u-m-l-10 { margin-right: 10px !important; } .u-m-l-11 { margin-right: 11px !important; } .u-m-l-12 { margin-right: 12px !important; } .u-m-l-13 { margin-right: 13px !important; } .u-m-l-14 { margin-right: 14px !important; } .u-m-l-15 { margin-right: 15px !important; } .u-m-l-16 { margin-right: 16px !important; } .u-m-l-17 { margin-right: 17px !important; } .u-m-l-18 { margin-right: 18px !important; } .u-m-l-19 { margin-right: 19px !important; } .u-m-l-20 { margin-right: 20px !important; } .u-m-l-21 { margin-right: 21px !important; } .u-m-l-22 { margin-right: 22px !important; } .u-m-l-23 { margin-right: 23px !important; } .u-m-l-24 { margin-right: 24px !important; } .u-m-l-25 { margin-right: 25px !important; } .u-m-l-26 { margin-right: 26px !important; } .u-m-l-27 { margin-right: 27px !important; } .u-m-l-28 { margin-right: 28px !important; } .u-m-l-29 { margin-right: 29px !important; } .u-m-l-30 { margin-right: 30px !important; } .u-m-l-31 { margin-right: 31px !important; } .u-m-l-32 { margin-right: 32px !important; } .u-m-l-33 { margin-right: 33px !important; } .u-m-l-34 { margin-right: 34px !important; } .u-m-l-35 { margin-right: 35px !important; } .u-m-l-36 { margin-right: 36px !important; } .u-m-l-37 { margin-right: 37px !important; } .u-m-l-38 { margin-right: 38px !important; } .u-m-l-39 { margin-right: 39px !important; } .u-m-l-40 { margin-right: 40px !important; } .u-m-l-41 { margin-right: 41px !important; } .u-m-l-42 { margin-right: 42px !important; } .u-m-l-43 { margin-right: 43px !important; } .u-m-l-44 { margin-right: 44px !important; } .u-m-l-45 { margin-right: 45px !important; } .u-m-l-46 { margin-right: 46px !important; } .u-m-l-47 { margin-right: 47px !important; } .u-m-l-48 { margin-right: 48px !important; } .u-m-l-49 { margin-right: 49px !important; } .u-m-l-50 { margin-right: 50px !important; } .u-m-l-51 { margin-right: 51px !important; } .u-m-l-52 { margin-right: 52px !important; } .u-m-l-53 { margin-right: 53px !important; } .u-m-l-54 { margin-right: 54px !important; } .u-m-l-55 { margin-right: 55px !important; } .u-m-l-56 { margin-right: 56px !important; } .u-m-l-57 { margin-right: 57px !important; } .u-m-l-58 { margin-right: 58px !important; } .u-m-l-59 { margin-right: 59px !important; } .u-m-l-60 { margin-right: 60px !important; } .u-m-l-61 { margin-right: 61px !important; } .u-m-l-62 { margin-right: 62px !important; } .u-m-l-63 { margin-right: 63px !important; } .u-m-l-64 { margin-right: 64px !important; } .u-m-l-65 { margin-right: 65px !important; } .u-m-l-66 { margin-right: 66px !important; } .u-m-l-67 { margin-right: 67px !important; } .u-m-l-68 { margin-right: 68px !important; } .u-m-l-69 { margin-right: 69px !important; } .u-m-l-70 { margin-right: 70px !important; } .u-m-l-71 { margin-right: 71px !important; } .u-m-l-72 { margin-right: 72px !important; } .u-m-l-73 { margin-right: 73px !important; } .u-m-l-74 { margin-right: 74px !important; } .u-m-l-75 { margin-right: 75px !important; } .u-m-l-76 { margin-right: 76px !important; } .u-m-l-77 { margin-right: 77px !important; } .u-m-l-78 { margin-right: 78px !important; } .u-m-l-79 { margin-right: 79px !important; } .u-m-l-80 { margin-right: 80px !important; } .u-m-l-81 { margin-right: 81px !important; } .u-m-l-82 { margin-right: 82px !important; } .u-m-l-83 { margin-right: 83px !important; } .u-m-l-84 { margin-right: 84px !important; } .u-m-l-85 { margin-right: 85px !important; } .u-m-l-86 { margin-right: 86px !important; } .u-m-l-87 { margin-right: 87px !important; } .u-m-l-88 { margin-right: 88px !important; } .u-m-l-89 { margin-right: 89px !important; } .u-m-l-90 { margin-right: 90px !important; } .u-m-l-91 { margin-right: 91px !important; } .u-m-l-92 { margin-right: 92px !important; } .u-m-l-93 { margin-right: 93px !important; } .u-m-l-94 { margin-right: 94px !important; } .u-m-l-95 { margin-right: 95px !important; } .u-m-l-96 { margin-right: 96px !important; } .u-m-l-97 { margin-right: 97px !important; } .u-m-l-98 { margin-right: 98px !important; } .u-m-l-99 { margin-right: 99px !important; } .u-m-l-100 { margin-right: 100px !important; } @media screen and (max-width: 768px) { .u-m-t-1-sp { margin-top: 1px !important; } .u-m-t-2-sp { margin-top: 2px !important; } .u-m-t-3-sp { margin-top: 3px !important; } .u-m-t-4-sp { margin-top: 4px !important; } .u-m-t-5-sp { margin-top: 5px !important; } .u-m-t-6-sp { margin-top: 6px !important; } .u-m-t-7-sp { margin-top: 7px !important; } .u-m-t-8-sp { margin-top: 8px !important; } .u-m-t-9-sp { margin-top: 9px !important; } .u-m-t-10-sp { margin-top: 10px !important; } .u-m-t-11-sp { margin-top: 11px !important; } .u-m-t-12-sp { margin-top: 12px !important; } .u-m-t-13-sp { margin-top: 13px !important; } .u-m-t-14-sp { margin-top: 14px !important; } .u-m-t-15-sp { margin-top: 15px !important; } .u-m-t-16-sp { margin-top: 16px !important; } .u-m-t-17-sp { margin-top: 17px !important; } .u-m-t-18-sp { margin-top: 18px !important; } .u-m-t-19-sp { margin-top: 19px !important; } .u-m-t-20-sp { margin-top: 20px !important; } .u-m-t-21-sp { margin-top: 21px !important; } .u-m-t-22-sp { margin-top: 22px !important; } .u-m-t-23-sp { margin-top: 23px !important; } .u-m-t-24-sp { margin-top: 24px !important; } .u-m-t-25-sp { margin-top: 25px !important; } .u-m-t-26-sp { margin-top: 26px !important; } .u-m-t-27-sp { margin-top: 27px !important; } .u-m-t-28-sp { margin-top: 28px !important; } .u-m-t-29-sp { margin-top: 29px !important; } .u-m-t-30-sp { margin-top: 30px !important; } .u-m-t-31-sp { margin-top: 31px !important; } .u-m-t-32-sp { margin-top: 32px !important; } .u-m-t-33-sp { margin-top: 33px !important; } .u-m-t-34-sp { margin-top: 34px !important; } .u-m-t-35-sp { margin-top: 35px !important; } .u-m-t-36-sp { margin-top: 36px !important; } .u-m-t-37-sp { margin-top: 37px !important; } .u-m-t-38-sp { margin-top: 38px !important; } .u-m-t-39-sp { margin-top: 39px !important; } .u-m-t-40-sp { margin-top: 40px !important; } .u-m-t-41-sp { margin-top: 41px !important; } .u-m-t-42-sp { margin-top: 42px !important; } .u-m-t-43-sp { margin-top: 43px !important; } .u-m-t-44-sp { margin-top: 44px !important; } .u-m-t-45-sp { margin-top: 45px !important; } .u-m-t-46-sp { margin-top: 46px !important; } .u-m-t-47-sp { margin-top: 47px !important; } .u-m-t-48-sp { margin-top: 48px !important; } .u-m-t-49-sp { margin-top: 49px !important; } .u-m-t-50-sp { margin-top: 50px !important; } .u-m-t-51-sp { margin-top: 51px !important; } .u-m-t-52-sp { margin-top: 52px !important; } .u-m-t-53-sp { margin-top: 53px !important; } .u-m-t-54-sp { margin-top: 54px !important; } .u-m-t-55-sp { margin-top: 55px !important; } .u-m-t-56-sp { margin-top: 56px !important; } .u-m-t-57-sp { margin-top: 57px !important; } .u-m-t-58-sp { margin-top: 58px !important; } .u-m-t-59-sp { margin-top: 59px !important; } .u-m-t-60-sp { margin-top: 60px !important; } .u-m-t-61-sp { margin-top: 61px !important; } .u-m-t-62-sp { margin-top: 62px !important; } .u-m-t-63-sp { margin-top: 63px !important; } .u-m-t-64-sp { margin-top: 64px !important; } .u-m-t-65-sp { margin-top: 65px !important; } .u-m-t-66-sp { margin-top: 66px !important; } .u-m-t-67-sp { margin-top: 67px !important; } .u-m-t-68-sp { margin-top: 68px !important; } .u-m-t-69-sp { margin-top: 69px !important; } .u-m-t-70-sp { margin-top: 70px !important; } .u-m-t-71-sp { margin-top: 71px !important; } .u-m-t-72-sp { margin-top: 72px !important; } .u-m-t-73-sp { margin-top: 73px !important; } .u-m-t-74-sp { margin-top: 74px !important; } .u-m-t-75-sp { margin-top: 75px !important; } .u-m-t-76-sp { margin-top: 76px !important; } .u-m-t-77-sp { margin-top: 77px !important; } .u-m-t-78-sp { margin-top: 78px !important; } .u-m-t-79-sp { margin-top: 79px !important; } .u-m-t-80-sp { margin-top: 80px !important; } .u-m-t-81-sp { margin-top: 81px !important; } .u-m-t-82-sp { margin-top: 82px !important; } .u-m-t-83-sp { margin-top: 83px !important; } .u-m-t-84-sp { margin-top: 84px !important; } .u-m-t-85-sp { margin-top: 85px !important; } .u-m-t-86-sp { margin-top: 86px !important; } .u-m-t-87-sp { margin-top: 87px !important; } .u-m-t-88-sp { margin-top: 88px !important; } .u-m-t-89-sp { margin-top: 89px !important; } .u-m-t-90-sp { margin-top: 90px !important; } .u-m-t-91-sp { margin-top: 91px !important; } .u-m-t-92-sp { margin-top: 92px !important; } .u-m-t-93-sp { margin-top: 93px !important; } .u-m-t-94-sp { margin-top: 94px !important; } .u-m-t-95-sp { margin-top: 95px !important; } .u-m-t-96-sp { margin-top: 96px !important; } .u-m-t-97-sp { margin-top: 97px !important; } .u-m-t-98-sp { margin-top: 98px !important; } .u-m-t-99-sp { margin-top: 99px !important; } .u-m-t-100-sp { margin-top: 100px !important; } .u-m-b-1-sp { margin-bottom: 1px !important; } .u-m-b-2-sp { margin-bottom: 2px !important; } .u-m-b-3-sp { margin-bottom: 3px !important; } .u-m-b-4-sp { margin-bottom: 4px !important; } .u-m-b-5-sp { margin-bottom: 5px !important; } .u-m-b-6-sp { margin-bottom: 6px !important; } .u-m-b-7-sp { margin-bottom: 7px !important; } .u-m-b-8-sp { margin-bottom: 8px !important; } .u-m-b-9-sp { margin-bottom: 9px !important; } .u-m-b-10-sp { margin-bottom: 10px !important; } .u-m-b-11-sp { margin-bottom: 11px !important; } .u-m-b-12-sp { margin-bottom: 12px !important; } .u-m-b-13-sp { margin-bottom: 13px !important; } .u-m-b-14-sp { margin-bottom: 14px !important; } .u-m-b-15-sp { margin-bottom: 15px !important; } .u-m-b-16-sp { margin-bottom: 16px !important; } .u-m-b-17-sp { margin-bottom: 17px !important; } .u-m-b-18-sp { margin-bottom: 18px !important; } .u-m-b-19-sp { margin-bottom: 19px !important; } .u-m-b-20-sp { margin-bottom: 20px !important; } .u-m-b-21-sp { margin-bottom: 21px !important; } .u-m-b-22-sp { margin-bottom: 22px !important; } .u-m-b-23-sp { margin-bottom: 23px !important; } .u-m-b-24-sp { margin-bottom: 24px !important; } .u-m-b-25-sp { margin-bottom: 25px !important; } .u-m-b-26-sp { margin-bottom: 26px !important; } .u-m-b-27-sp { margin-bottom: 27px !important; } .u-m-b-28-sp { margin-bottom: 28px !important; } .u-m-b-29-sp { margin-bottom: 29px !important; } .u-m-b-30-sp { margin-bottom: 30px !important; } .u-m-b-31-sp { margin-bottom: 31px !important; } .u-m-b-32-sp { margin-bottom: 32px !important; } .u-m-b-33-sp { margin-bottom: 33px !important; } .u-m-b-34-sp { margin-bottom: 34px !important; } .u-m-b-35-sp { margin-bottom: 35px !important; } .u-m-b-36-sp { margin-bottom: 36px !important; } .u-m-b-37-sp { margin-bottom: 37px !important; } .u-m-b-38-sp { margin-bottom: 38px !important; } .u-m-b-39-sp { margin-bottom: 39px !important; } .u-m-b-40-sp { margin-bottom: 40px !important; } .u-m-b-41-sp { margin-bottom: 41px !important; } .u-m-b-42-sp { margin-bottom: 42px !important; } .u-m-b-43-sp { margin-bottom: 43px !important; } .u-m-b-44-sp { margin-bottom: 44px !important; } .u-m-b-45-sp { margin-bottom: 45px !important; } .u-m-b-46-sp { margin-bottom: 46px !important; } .u-m-b-47-sp { margin-bottom: 47px !important; } .u-m-b-48-sp { margin-bottom: 48px !important; } .u-m-b-49-sp { margin-bottom: 49px !important; } .u-m-b-50-sp { margin-bottom: 50px !important; } .u-m-b-51-sp { margin-bottom: 51px !important; } .u-m-b-52-sp { margin-bottom: 52px !important; } .u-m-b-53-sp { margin-bottom: 53px !important; } .u-m-b-54-sp { margin-bottom: 54px !important; } .u-m-b-55-sp { margin-bottom: 55px !important; } .u-m-b-56-sp { margin-bottom: 56px !important; } .u-m-b-57-sp { margin-bottom: 57px !important; } .u-m-b-58-sp { margin-bottom: 58px !important; } .u-m-b-59-sp { margin-bottom: 59px !important; } .u-m-b-60-sp { margin-bottom: 60px !important; } .u-m-b-61-sp { margin-bottom: 61px !important; } .u-m-b-62-sp { margin-bottom: 62px !important; } .u-m-b-63-sp { margin-bottom: 63px !important; } .u-m-b-64-sp { margin-bottom: 64px !important; } .u-m-b-65-sp { margin-bottom: 65px !important; } .u-m-b-66-sp { margin-bottom: 66px !important; } .u-m-b-67-sp { margin-bottom: 67px !important; } .u-m-b-68-sp { margin-bottom: 68px !important; } .u-m-b-69-sp { margin-bottom: 69px !important; } .u-m-b-70-sp { margin-bottom: 70px !important; } .u-m-b-71-sp { margin-bottom: 71px !important; } .u-m-b-72-sp { margin-bottom: 72px !important; } .u-m-b-73-sp { margin-bottom: 73px !important; } .u-m-b-74-sp { margin-bottom: 74px !important; } .u-m-b-75-sp { margin-bottom: 75px !important; } .u-m-b-76-sp { margin-bottom: 76px !important; } .u-m-b-77-sp { margin-bottom: 77px !important; } .u-m-b-78-sp { margin-bottom: 78px !important; } .u-m-b-79-sp { margin-bottom: 79px !important; } .u-m-b-80-sp { margin-bottom: 80px !important; } .u-m-b-81-sp { margin-bottom: 81px !important; } .u-m-b-82-sp { margin-bottom: 82px !important; } .u-m-b-83-sp { margin-bottom: 83px !important; } .u-m-b-84-sp { margin-bottom: 84px !important; } .u-m-b-85-sp { margin-bottom: 85px !important; } .u-m-b-86-sp { margin-bottom: 86px !important; } .u-m-b-87-sp { margin-bottom: 87px !important; } .u-m-b-88-sp { margin-bottom: 88px !important; } .u-m-b-89-sp { margin-bottom: 89px !important; } .u-m-b-90-sp { margin-bottom: 90px !important; } .u-m-b-91-sp { margin-bottom: 91px !important; } .u-m-b-92-sp { margin-bottom: 92px !important; } .u-m-b-93-sp { margin-bottom: 93px !important; } .u-m-b-94-sp { margin-bottom: 94px !important; } .u-m-b-95-sp { margin-bottom: 95px !important; } .u-m-b-96-sp { margin-bottom: 96px !important; } .u-m-b-97-sp { margin-bottom: 97px !important; } .u-m-b-98-sp { margin-bottom: 98px !important; } .u-m-b-99-sp { margin-bottom: 99px !important; } .u-m-b-100-sp { margin-bottom: 100px !important; } .u-m-r-1-sp { margin-right: 1px !important; } .u-m-r-2-sp { margin-right: 2px !important; } .u-m-r-3-sp { margin-right: 3px !important; } .u-m-r-4-sp { margin-right: 4px !important; } .u-m-r-5-sp { margin-right: 5px !important; } .u-m-r-6-sp { margin-right: 6px !important; } .u-m-r-7-sp { margin-right: 7px !important; } .u-m-r-8-sp { margin-right: 8px !important; } .u-m-r-9-sp { margin-right: 9px !important; } .u-m-r-10-sp { margin-right: 10px !important; } .u-m-r-11-sp { margin-right: 11px !important; } .u-m-r-12-sp { margin-right: 12px !important; } .u-m-r-13-sp { margin-right: 13px !important; } .u-m-r-14-sp { margin-right: 14px !important; } .u-m-r-15-sp { margin-right: 15px !important; } .u-m-r-16-sp { margin-right: 16px !important; } .u-m-r-17-sp { margin-right: 17px !important; } .u-m-r-18-sp { margin-right: 18px !important; } .u-m-r-19-sp { margin-right: 19px !important; } .u-m-r-20-sp { margin-right: 20px !important; } .u-m-r-21-sp { margin-right: 21px !important; } .u-m-r-22-sp { margin-right: 22px !important; } .u-m-r-23-sp { margin-right: 23px !important; } .u-m-r-24-sp { margin-right: 24px !important; } .u-m-r-25-sp { margin-right: 25px !important; } .u-m-r-26-sp { margin-right: 26px !important; } .u-m-r-27-sp { margin-right: 27px !important; } .u-m-r-28-sp { margin-right: 28px !important; } .u-m-r-29-sp { margin-right: 29px !important; } .u-m-r-30-sp { margin-right: 30px !important; } .u-m-r-31-sp { margin-right: 31px !important; } .u-m-r-32-sp { margin-right: 32px !important; } .u-m-r-33-sp { margin-right: 33px !important; } .u-m-r-34-sp { margin-right: 34px !important; } .u-m-r-35-sp { margin-right: 35px !important; } .u-m-r-36-sp { margin-right: 36px !important; } .u-m-r-37-sp { margin-right: 37px !important; } .u-m-r-38-sp { margin-right: 38px !important; } .u-m-r-39-sp { margin-right: 39px !important; } .u-m-r-40-sp { margin-right: 40px !important; } .u-m-r-41-sp { margin-right: 41px !important; } .u-m-r-42-sp { margin-right: 42px !important; } .u-m-r-43-sp { margin-right: 43px !important; } .u-m-r-44-sp { margin-right: 44px !important; } .u-m-r-45-sp { margin-right: 45px !important; } .u-m-r-46-sp { margin-right: 46px !important; } .u-m-r-47-sp { margin-right: 47px !important; } .u-m-r-48-sp { margin-right: 48px !important; } .u-m-r-49-sp { margin-right: 49px !important; } .u-m-r-50-sp { margin-right: 50px !important; } .u-m-r-51-sp { margin-right: 51px !important; } .u-m-r-52-sp { margin-right: 52px !important; } .u-m-r-53-sp { margin-right: 53px !important; } .u-m-r-54-sp { margin-right: 54px !important; } .u-m-r-55-sp { margin-right: 55px !important; } .u-m-r-56-sp { margin-right: 56px !important; } .u-m-r-57-sp { margin-right: 57px !important; } .u-m-r-58-sp { margin-right: 58px !important; } .u-m-r-59-sp { margin-right: 59px !important; } .u-m-r-60-sp { margin-right: 60px !important; } .u-m-r-61-sp { margin-right: 61px !important; } .u-m-r-62-sp { margin-right: 62px !important; } .u-m-r-63-sp { margin-right: 63px !important; } .u-m-r-64-sp { margin-right: 64px !important; } .u-m-r-65-sp { margin-right: 65px !important; } .u-m-r-66-sp { margin-right: 66px !important; } .u-m-r-67-sp { margin-right: 67px !important; } .u-m-r-68-sp { margin-right: 68px !important; } .u-m-r-69-sp { margin-right: 69px !important; } .u-m-r-70-sp { margin-right: 70px !important; } .u-m-r-71-sp { margin-right: 71px !important; } .u-m-r-72-sp { margin-right: 72px !important; } .u-m-r-73-sp { margin-right: 73px !important; } .u-m-r-74-sp { margin-right: 74px !important; } .u-m-r-75-sp { margin-right: 75px !important; } .u-m-r-76-sp { margin-right: 76px !important; } .u-m-r-77-sp { margin-right: 77px !important; } .u-m-r-78-sp { margin-right: 78px !important; } .u-m-r-79-sp { margin-right: 79px !important; } .u-m-r-80-sp { margin-right: 80px !important; } .u-m-r-81-sp { margin-right: 81px !important; } .u-m-r-82-sp { margin-right: 82px !important; } .u-m-r-83-sp { margin-right: 83px !important; } .u-m-r-84-sp { margin-right: 84px !important; } .u-m-r-85-sp { margin-right: 85px !important; } .u-m-r-86-sp { margin-right: 86px !important; } .u-m-r-87-sp { margin-right: 87px !important; } .u-m-r-88-sp { margin-right: 88px !important; } .u-m-r-89-sp { margin-right: 89px !important; } .u-m-r-90-sp { margin-right: 90px !important; } .u-m-r-91-sp { margin-right: 91px !important; } .u-m-r-92-sp { margin-right: 92px !important; } .u-m-r-93-sp { margin-right: 93px !important; } .u-m-r-94-sp { margin-right: 94px !important; } .u-m-r-95-sp { margin-right: 95px !important; } .u-m-r-96-sp { margin-right: 96px !important; } .u-m-r-97-sp { margin-right: 97px !important; } .u-m-r-98-sp { margin-right: 98px !important; } .u-m-r-99-sp { margin-right: 99px !important; } .u-m-r-100-sp { margin-right: 100px !important; } .u-m-l-1-sp { margin-right: 1px !important; } .u-m-l-2-sp { margin-right: 2px !important; } .u-m-l-3-sp { margin-right: 3px !important; } .u-m-l-4-sp { margin-right: 4px !important; } .u-m-l-5-sp { margin-right: 5px !important; } .u-m-l-6-sp { margin-right: 6px !important; } .u-m-l-7-sp { margin-right: 7px !important; } .u-m-l-8-sp { margin-right: 8px !important; } .u-m-l-9-sp { margin-right: 9px !important; } .u-m-l-10-sp { margin-right: 10px !important; } .u-m-l-11-sp { margin-right: 11px !important; } .u-m-l-12-sp { margin-right: 12px !important; } .u-m-l-13-sp { margin-right: 13px !important; } .u-m-l-14-sp { margin-right: 14px !important; } .u-m-l-15-sp { margin-right: 15px !important; } .u-m-l-16-sp { margin-right: 16px !important; } .u-m-l-17-sp { margin-right: 17px !important; } .u-m-l-18-sp { margin-right: 18px !important; } .u-m-l-19-sp { margin-right: 19px !important; } .u-m-l-20-sp { margin-right: 20px !important; } .u-m-l-21-sp { margin-right: 21px !important; } .u-m-l-22-sp { margin-right: 22px !important; } .u-m-l-23-sp { margin-right: 23px !important; } .u-m-l-24-sp { margin-right: 24px !important; } .u-m-l-25-sp { margin-right: 25px !important; } .u-m-l-26-sp { margin-right: 26px !important; } .u-m-l-27-sp { margin-right: 27px !important; } .u-m-l-28-sp { margin-right: 28px !important; } .u-m-l-29-sp { margin-right: 29px !important; } .u-m-l-30-sp { margin-right: 30px !important; } .u-m-l-31-sp { margin-right: 31px !important; } .u-m-l-32-sp { margin-right: 32px !important; } .u-m-l-33-sp { margin-right: 33px !important; } .u-m-l-34-sp { margin-right: 34px !important; } .u-m-l-35-sp { margin-right: 35px !important; } .u-m-l-36-sp { margin-right: 36px !important; } .u-m-l-37-sp { margin-right: 37px !important; } .u-m-l-38-sp { margin-right: 38px !important; } .u-m-l-39-sp { margin-right: 39px !important; } .u-m-l-40-sp { margin-right: 40px !important; } .u-m-l-41-sp { margin-right: 41px !important; } .u-m-l-42-sp { margin-right: 42px !important; } .u-m-l-43-sp { margin-right: 43px !important; } .u-m-l-44-sp { margin-right: 44px !important; } .u-m-l-45-sp { margin-right: 45px !important; } .u-m-l-46-sp { margin-right: 46px !important; } .u-m-l-47-sp { margin-right: 47px !important; } .u-m-l-48-sp { margin-right: 48px !important; } .u-m-l-49-sp { margin-right: 49px !important; } .u-m-l-50-sp { margin-right: 50px !important; } .u-m-l-51-sp { margin-right: 51px !important; } .u-m-l-52-sp { margin-right: 52px !important; } .u-m-l-53-sp { margin-right: 53px !important; } .u-m-l-54-sp { margin-right: 54px !important; } .u-m-l-55-sp { margin-right: 55px !important; } .u-m-l-56-sp { margin-right: 56px !important; } .u-m-l-57-sp { margin-right: 57px !important; } .u-m-l-58-sp { margin-right: 58px !important; } .u-m-l-59-sp { margin-right: 59px !important; } .u-m-l-60-sp { margin-right: 60px !important; } .u-m-l-61-sp { margin-right: 61px !important; } .u-m-l-62-sp { margin-right: 62px !important; } .u-m-l-63-sp { margin-right: 63px !important; } .u-m-l-64-sp { margin-right: 64px !important; } .u-m-l-65-sp { margin-right: 65px !important; } .u-m-l-66-sp { margin-right: 66px !important; } .u-m-l-67-sp { margin-right: 67px !important; } .u-m-l-68-sp { margin-right: 68px !important; } .u-m-l-69-sp { margin-right: 69px !important; } .u-m-l-70-sp { margin-right: 70px !important; } .u-m-l-71-sp { margin-right: 71px !important; } .u-m-l-72-sp { margin-right: 72px !important; } .u-m-l-73-sp { margin-right: 73px !important; } .u-m-l-74-sp { margin-right: 74px !important; } .u-m-l-75-sp { margin-right: 75px !important; } .u-m-l-76-sp { margin-right: 76px !important; } .u-m-l-77-sp { margin-right: 77px !important; } .u-m-l-78-sp { margin-right: 78px !important; } .u-m-l-79-sp { margin-right: 79px !important; } .u-m-l-80-sp { margin-right: 80px !important; } .u-m-l-81-sp { margin-right: 81px !important; } .u-m-l-82-sp { margin-right: 82px !important; } .u-m-l-83-sp { margin-right: 83px !important; } .u-m-l-84-sp { margin-right: 84px !important; } .u-m-l-85-sp { margin-right: 85px !important; } .u-m-l-86-sp { margin-right: 86px !important; } .u-m-l-87-sp { margin-right: 87px !important; } .u-m-l-88-sp { margin-right: 88px !important; } .u-m-l-89-sp { margin-right: 89px !important; } .u-m-l-90-sp { margin-right: 90px !important; } .u-m-l-91-sp { margin-right: 91px !important; } .u-m-l-92-sp { margin-right: 92px !important; } .u-m-l-93-sp { margin-right: 93px !important; } .u-m-l-94-sp { margin-right: 94px !important; } .u-m-l-95-sp { margin-right: 95px !important; } .u-m-l-96-sp { margin-right: 96px !important; } .u-m-l-97-sp { margin-right: 97px !important; } .u-m-l-98-sp { margin-right: 98px !important; } .u-m-l-99-sp { margin-right: 99px !important; } .u-m-l-100-sp { margin-right: 100px !important; } } .u-of-h { overflow: hidden; } .u-ta-l { text-align: left !important; } .u-ta-c { text-align: center !important; } .u-ta-r { text-align: right !important; } .u-ta-j { text-align: justify !important; } @media screen and (max-width: 768px) { .u-ta-l--sp { text-align: left !important; } } @media screen and (max-width: 768px) { .u-ta-c--sp { text-align: center !important; } } @media screen and (max-width: 768px) { .u-ta-r--sp { text-align: right !important; } } @media screen and (max-width: 768px) { .u-ta-j--sp { text-align: justify !important; } } .u-va-sup { vertical-align: super !important; } .u-va-t { vertical-align: top !important; } .u-va-tt { vertical-align: text-top !important; } .u-va-m { vertical-align: middle !important; } .u-va-bl { vertical-align: baseline !important; } .u-va-b { vertical-align: bottom !important; } .u-va-tb { vertical-align: text-bottom !important; } .u-va-sub { vertical-align: sub !important; } @media screen and (max-width: 768px) { .u-va-sup--sp { vertical-align: super !important; } .u-va-t--sp { vertical-align: top !important; } .u-va-tt--sp { vertical-align: text-top !important; } .u-va-m--sp { vertical-align: middle !important; } .u-va-bl--sp { vertical-align: baseline !important; } .u-va-b--sp { vertical-align: bottom !important; } .u-va-tb--sp { vertical-align: text-bottom !important; } .u-va-sub--sp { vertical-align: sub !important; } } .a-anchor { display: block; width: 0; height: 0; position: absolute; left: 0; top: -38px; } .a-anchor.is-cl { top: 0; } .a-base-wrap { width: 100%; padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; box-sizing: border-box; } .a-base-wrap__in { max-width: 980px; height: 100%; margin-right: auto; margin-left: auto; position: relative; } @media screen and (max-width: 600px) { .a-base-wrap { padding-right: 10px; padding-left: 10px; } .a-base-wrap.is-sp-space-big { padding-right: 27px; padding-left: 27px; } .a-base-wrap.is-sp-no-space { padding-right: 0; padding-left: 0; } } .a-base-wrap-s { width: 100%; padding-right: 30px; padding-left: 30px; margin-right: auto; margin-left: auto; box-sizing: border-box; } .a-base-wrap-s__in { max-width: 900px; height: 100%; margin-right: auto; margin-left: auto; position: relative; } @media screen and (max-width: 600px) { .a-base-wrap-s { padding-right: 10px; padding-left: 10px; } .a-base-wrap-s.is-sp-space-big { padding-right: 27px; padding-left: 27px; } .a-base-wrap-s.is-sp-no-space { padding-right: 0; padding-left: 0; } } .a-img { max-width: 100%; height: auto; } .a-link { display: inline-block; } .a-link > span { text-decoration: underline; } .a-link:after { display: inline-block; font-family: "wor"; font-size: inherit; font-style: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 0.5em; font-size: 60%; vertical-align: middle; position: relative; top: -2px; } .a-link--reverse { text-decoration: none; } html.no-touch .a-link--reverse:hover { text-decoration: underline; } html.no-touch .a-link:after { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .a-link:hover > span { text-decoration: none; } html.no-touch .a-link:hover:after { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } .a-select { display: block; position: relative; padding: 12px 10px; border-radius: 6px !important; background-color: #ffffff; } .a-select__input { position: relative; font-size: 16px; } .a-select select { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-appearance: menulist-button; } .a-select.is-error { background-color: #fff9fb; } .m-2fig-cap { padding: 0; margin: 0; } .m-2fig-cap__imgs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .m-2fig-cap__img { width: 46.66667%; } .m-2fig-cap__img img { width: 100%; height: auto; } .m-2fig-cap figcaption { margin-top: 15px; font-size: 14px; text-align: center; } @media screen and (max-width: 768px) { .m-2fig-cap figcaption { margin-top: 8px; font-size: 12px; text-align: left; } } .m-bag-detail-item { display: block; } .m-bag-detail-item img { width: 100%; height: auto; } .m-bag-details__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .m-bag-details__items:after { display: block; width: 23.33333%; content: ""; } .m-bag-details__item { width: 23.33333%; } .m-bag-h { background-color: #000000; padding-top: 20px; padding-bottom: 20px; } @media screen and (max-width: 768px) { .m-bag-h { padding-top: 10px; padding-bottom: 10px; } } .m-bag-h__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .m-bag-h__main { color: #ffffff; font-size: 22px; font-style: italic; font-weight: normal; line-height: 1; margin-right: 15px; } @media screen and (max-width: 768px) { .m-bag-h__main { margin-right: 5px; font-size: 13px; } } .m-bag-h__sub { display: block; line-height: 1; } .m-bag-h__sub img { width: 155px; height: auto; } @media screen and (max-width: 768px) { .m-bag-h__sub img { width: 104px; } } @media screen and (min-width: 769px) { .m-bag-hd { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 769px) { .m-bag-hd__img { width: 53.33333%; } } .m-bag-hd__img img { width: 100%; height: auto; } @media screen and (min-width: 769px) { .m-bag-hd__table { width: 40%; } } @media screen and (max-width: 768px) { .m-bag-hd__table { margin-top: 20px; } } .m-bag-hd + .m-bag-hd { margin-top: 40px; } .m-bag-hd--fig-s .m-bag-hd__img { width: 36.66667%; } @media screen and (max-width: 768px) { .m-bag-hd--fig-s .m-bag-hd__img { width: 100%; text-align: center; } .m-bag-hd--fig-s .m-bag-hd__img img { max-width: 270px !important; } } .m-bag-hd--fig-s .m-bag-hd__table { width: 60%; } @media screen and (max-width: 768px) { .m-bag-hd--fig-s .m-bag-hd__table { width: 100%; } } .m-bag-header { position: relative; background-image: -webkit-linear-gradient(left, #740003 0%, #9b1015 45%, #b31a20 100%); background-image: linear-gradient(to right, #740003 0%, #9b1015 45%, #b31a20 100%); color: #ffffff; padding-top: 30px; padding-bottom: 30px; } @media screen and (max-width: 768px) { .m-bag-header { padding-top: 15px; padding-bottom: 15px; } } .m-bag-header__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .m-bag-header__h { font-size: 30px; font-style: italic; line-height: 1; } @media screen and (max-width: 768px) { .m-bag-header__h { font-size: 19px; } } .m-bag-header__h-sub { display: block; position: relative; top: -2px; margin-left: 15px; font-size: 18px; font-style: italic; line-height: 1; } @media screen and (max-width: 768px) { .m-bag-header__h-sub { top: -1px; margin-left: 2px; font-size: 10px; } } .m-bag-item { display: block; position: relative; padding-top: 10px; } @media screen and (max-width: 768px) { .m-bag-item { padding-bottom: 25px; } } .m-bag-item img { width: 100%; height: auto; } .m-bag-item__h { width: 100%; position: absolute; top: 0; left: 0; font-size: 16px; font-weight: bold; text-align: center; } @media screen and (max-width: 768px) { .m-bag-item__h { font-size: 10px !important; } } .m-bag-item:before { display: block; width: 28px; height: 28px; background: transparent url("/wp-content/themes/inpresx2013/img/world_of_rmx/products/bag_accessory_20/icon-glass.png") no-repeat 0 0; background-size: 28px 28px; position: absolute; right: 15px; bottom: 0; content: ''; } @media screen and (max-width: 768px) { .m-bag-item:before { width: 22px; height: 22px; background-size: 22px 22px; right: auto; left: 50%; margin-left: -11px; } } .m-bag-item--2:before { right: auto; left: 50%; margin-left: -14px; } .m-bag-items3__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .m-bag-items3__items:after { display: block; width: 33.33333%; content: ""; } .m-bag-items3__item { width: 33.33333%; } .m-bag-items5__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .m-bag-items5__items:after { display: block; width: 20%; content: ""; } .m-bag-items5__item { width: 20%; } .m-bag-sec { padding-top: 35px; padding-bottom: 55px; } @media screen and (max-width: 768px) { .m-bag-sec { padding-top: 18px; padding-bottom: 40px; } } .m-bag-sec__h { color: #d70427; font-size: 24px; font-style: italic; font-weight: bold; } @media screen and (max-width: 768px) { .m-bag-sec__h { font-size: 14px; padding-right: 17px; padding-left: 17px; } } .m-bag-sec__body { margin-top: 50px; } @media screen and (max-width: 768px) { .m-bag-sec__body { margin-top: 25px; } } .m-bag-sec__details { margin-top: 40px; } @media screen and (max-width: 768px) { .m-bag-sec__details { margin-top: 20px; } } .m-bag-sec__feature { margin-top: 60px; } @media screen and (max-width: 768px) { .m-bag-sec__feature { margin-top: 30px; } } .m-bag-sec__spec { padding-top: 40px; } @media screen and (max-width: 768px) { .m-bag-sec__spec { padding-top: 20px; } } .m-bag-wrap-sec { position: relative; } .m-breadcrumbs { padding-top: 15px; padding-bottom: 25px; } @media screen and (max-width: 768px) { .m-breadcrumbs { padding-top: 10px; padding-bottom: 16px; } } .m-breadcrumbs ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .m-breadcrumbs ul li { position: relative; font-size: 12px; color: #000000; } @media screen and (max-width: 768px) { .m-breadcrumbs ul li { font-size: 10px; } } .m-breadcrumbs ul li + li { padding-left: 12px; margin-left: 3px; } .m-breadcrumbs ul li + li:before { display: inline-block; font-family: "wor"; font-size: inherit; font-style: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "顎"; position: absolute; top: 50%; left: 0; margin-top: -1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; color: #000000; font-size: 10px; } .m-breadcrumbs ul li a { color: #e60012; text-decoration: underline; } .m-breadcrumbs ul li:last-child { color: #000000; font-weight: bold; } .m-btn-spec { color: #e60012; display: inline-block; position: relative; padding: 2px 5px 1px; background-color: #ffffff; border-radius: 2em; font-size: 15px; font-weight: bold; text-align: center; text-decoration: none !important; cursor: pointer; } .m-btn-spec:visited, .m-btn-spec:link { color: #e60012; } .m-btn-spec:after { display: inline-block; font-family: "wor"; font-size: inherit; font-style: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "顎"; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 11px; line-height: 1; font-weight: normal; } @media screen and (max-width: 768px) { .m-btn-spec:after { font-size: 14px; } } @media screen and (max-width: 768px) { .m-btn-spec { padding: 10px 5px 8px; font-size: 17px; } } html.no-touch .m-btn-spec { -webkit-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-btn-spec:hover { color: #ffffff; background-color: #e60012; } @media screen and (min-width: 769px) { .m-dls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 769px) { .m-dls__block { width: 47.11111%; } .m-dls__block:nth-child(n + 3) { margin-top: 30px; } } @media screen and (max-width: 768px) { .m-dls__block + .m-dls__block { margin-top: 15px; } } .m-dls__block dl dt { position: relative; padding-left: 1em; font-size: 18px; } .m-dls__block dl dt:before { display: inline-block; position: absolute; top: 0; left: 0; color: #e60012; content: '鈻'; } @media screen and (max-width: 768px) { .m-dls__block dl dt { font-size: 14px; } } .m-dls__block dl dd { margin-top: 5px; color: #ffffff; font-size: 14px; } @media screen and (max-width: 768px) { .m-dls__block dl dd { font-size: 12px; } } .m-fig-sec__h { font-size: 18px; } @media screen and (max-width: 768px) { .m-fig-sec__h { font-size: 14px; } } .m-fig-sec__body { margin-top: 12px; } @media screen and (max-width: 768px) { .m-fig-sec__body { margin-top: 6px; } } .m-fig-sec__body img { max-width: 100%; height: auto; } .m-fig-sec__body.is-mt-large { margin-top: 30px; } .m-fig-sec__body.is-centered { text-align: center; } .m-fujita-body { padding-top: 60px; padding-bottom: 80px; } @media screen and (max-width: 768px) { .m-fujita-body { padding-top: 30px; padding-bottom: 30px; } } .m-fujita-foot-banners { max-width: 900px; margin-right: auto; margin-left: auto; margin-top: 100px; } @media screen and (min-width: 769px) { .m-fujita-foot-banners { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 768px) { .m-fujita-foot-banners { margin-top: 50px; } } .m-fujita-foot-banners__banner { display: block; position: relative; } @media screen and (min-width: 769px) { .m-fujita-foot-banners__banner { width: 46.66667%; } } @media screen and (max-width: 768px) { .m-fujita-foot-banners__banner + .m-fujita-foot-banners__banner { margin-top: 10px; } } .m-fujita-foot-banners__banner:before { display: block; padding-top: 56.42857%; content: ''; } .m-fujita-foot-banners__banner__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-right: 20px; padding-left: 20px; z-index: 2; } .m-fujita-foot-banners__banner__bg { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: auto; vertical-align: top; } .m-fujita-foot-banners__banner__txt { color: #ffffff; font-size: 26px; font-style: italic; line-height: 1.3; } @media screen and (max-width: 768px) { .m-fujita-foot-banners__banner__txt { font-size: 20px; } } .m-fujita-foot-banners__banner__arrow { color: #e60012; font-size: 24px; } @media screen and (max-width: 768px) { .m-fujita-foot-banners__banner__arrow { font-size: 18px; } } .m-fujita-header { background-color: #000000; padding-bottom: 60px; } @media screen and (max-width: 768px) { .m-fujita-header { padding-bottom: 30px; } } .m-fujita-header__h { border-bottom: 2px solid #e60012; text-align: center; } .m-fujita-header__h img { max-width: 100%; height: auto; } @media screen and (max-width: 768px) { .m-fujita-header__h { border-bottom-width: 1px; } } .m-fujita-header__lead { padding-top: 10px; padding-bottom: 30px; color: #ffffff; font-size: 16px; font-style: italic; font-weight: bold; text-align: center; } @media screen and (max-width: 768px) { .m-fujita-header__lead { padding-top: 15px; padding-bottom: 15px; font-size: 12px; line-height: 1.7; } } .m-fujita-header__yt { position: relative; } .m-fujita-header__yt:before { display: block; padding-top: 56.51163%; content: ''; } .m-fujita-header__yt__in, .m-fujita-header__yt iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .m-fujita-header__title { margin-top: 13px; } .m-fujita-tab { display: block; height: 104px; position: relative; } @media screen and (max-width: 768px) { .m-fujita-tab { height: 42px; } } .m-fujita-tab:before { display: block; width: 40px; height: 100%; position: absolute; top: 0; right: 0; border: 1px solid #ffffff; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); content: ''; } @media screen and (max-width: 768px) { .m-fujita-tab:before { width: 17px; } } .m-fujita-tab__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; position: relative; border: 1px solid #ffffff; border-right: none; } .m-fujita-tab__in > span { display: inline-block; position: relative; padding-right: 40px; } .m-fujita-tab__in > span:after { display: inline-block; font-family: "wor"; font-size: inherit; font-style: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "顎"; position: absolute; top: 50%; right: 0; margin-top: -0.5em; color: #c90010; font-size: 24px; } @media screen and (max-width: 768px) { .m-fujita-tab__in > span:after { font-size: 10px; } } @media screen and (max-width: 768px) { .m-fujita-tab__in > span { padding-right: 16px; } .m-fujita-tab__in > span img { width: 80px; height: auto; } } .m-fujita-tab.is-current .m-fujita-tab__in > span:after { content: "顎"; } .m-fujita-tab--100:before { background-color: #ffffff; border-right-color: #707070; } .m-fujita-tab--100 .m-fujita-tab__in { background-color: #ffffff; border-top: 1px solid #707070; border-left: 1px solid #707070; } .m-fujita-tab--100.is-current .m-fujita-tab__in { border-bottom-color: #ffffff; } .m-fujita-tab--100.is-current:before { border-bottom-color: #ffffff; } .m-fujita-tab--90:before { background-color: #d41727; } .m-fujita-tab--90 .m-fujita-tab__in { background-color: #d41727; } .m-fujita-tab--90 .m-fujita-tab__in > span:after { color: #000000; } .m-fujita-tab--90.is-current .m-fujita-tab__in { border-bottom-color: #d41727; } .m-fujita-tab--90.is-current:before { border-bottom-color: #d41727; } .m-fujita-tab--80:before { background-color: #333333; } .m-fujita-tab--80 .m-fujita-tab__in { background-color: #333333; } .m-fujita-tab--80.is-current .m-fujita-tab__in { border-bottom-color: #333333; } .m-fujita-tab--80.is-current:before { border-bottom-color: #333333; } @media screen and (max-width: 768px) { .m-fujita-tabs { width: 95.77465%; } } .m-fujita-tabs__in { max-width: 880px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .m-fujita-tabs__tab { width: 31.81818%; position: relative; } .m-fujita-tabs__tab:nth-child(1) { z-index: 3; } .m-fujita-tabs__tab:nth-child(2) { z-index: 2; } .m-fujita-tabs__tab:nth-child(3) { z-index: 1; } .m-fujita-tabs__tab.is-current { z-index: 10; } @media screen and (max-width: 768px) { .m-fujita-tabs__tab { width: 31.76471%; } } .m-fujita-thumb { display: block; height: 100%; box-sizing: border-box; border: 3px solid #666666; background-color: #666666; text-decoration: none !important; } html.no-touch .m-fujita-thumb:hover { text-decoration: none; } .m-fujita-thumb__fig img { width: 100%; height: auto; } .m-fujita-thumb__caption { padding: 0 5px; } .m-fujita-thumb__caption__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { .m-fujita-thumb__caption { padding: 0 2px; } } .m-fujita-thumb__num { width: 72px; height: 72px; position: relative; top: -12px; background-color: #E20021; } @media screen and (max-width: 768px) { .m-fujita-thumb__num { width: 36px; height: 36px; top: -8px; } .m-fujita-thumb__num img { width: 36px; height: auto; } } .m-fujita-thumb__txt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: calc(100% - 100px); padding: 10px 0; color: #fff; font-size: 20px; font-weight: bold; text-align: left; } @media screen and (max-width: 768px) { .m-fujita-thumb__txt { width: calc(100% - 45px); font-size: 13px; } } .m-fujita-thumb.is-current { pointer-events: none; background: #E20021; border-color: #E20021; } .m-fujita-thumb.is-current .m-fujita-thumb__num { background-color: black; } .m-fujita-thumbs__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .m-fujita-thumbs__items:after { display: block; content: ""; } @media screen and (min-width: 769px) { .m-fujita-thumbs__items:after { width: 32.34694%; } } @media screen and (max-width: 768px) { .m-fujita-thumbs__items:after { width: 50.70423%; } } @media screen and (min-width: 769px) { .m-fujita-thumbs__item { width: 32.34694%; } .m-fujita-thumbs__item:nth-child(n + 4) { margin-top: 13px; } } @media screen and (max-width: 768px) { .m-fujita-thumbs__item { width: 49.29577%; } .m-fujita-thumbs__item:nth-child(n + 3) { margin-top: 13px; } } .m-fujita-title { border: 1px solid #ffffff; box-sizing: border-box; } .m-fujita-title__main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #e60012; } .m-fujita-title__main__num { width: 90px; } .m-fujita-title__main__num img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .m-fujita-title__main__num { width: 45px; } } .m-fujita-title__main__h { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: calc(100% - 90px); padding: 10px; border-left: 1px solid #ffffff; color: #ffffff; font-size: 26px; font-style: italic; font-weight: normal; line-height: 1.3; } .m-fujita-title__main__h small { font-size: 18px; font-style: normal; } @media screen and (max-width: 768px) { .m-fujita-title__main__h { width: calc(100% - 45px); padding: 10px 5px; font-size: 15px; } .m-fujita-title__main__h small { font-size: 11px; } } .m-fujita-title__sub { background-color: #ffffff; padding: 10px; color: #e60012; font-size: 16px; font-weight: bold; font-style: italic; } @media screen and (max-width: 768px) { .m-fujita-title__sub { padding: 8px 5px 5px 5px; font-size: 12px; } } .m-fujita-title--2017-100 { border-top: 1px solid #666666; } .m-fujita-title--2017-100 .m-fujita-title__main { border-right: 1px solid #666666; background-color: #ffffff; } .m-fujita-title--2017-100 .m-fujita-title__main__h { color: #666666; } .m-fujita-title--2017-100 .m-fujita-title__sub { margin-top: 1px; color: #ffffff; background-color: #666666; } .m-fujita-title--2017-80 .m-fujita-title__main { background-color: #333333; } .m-fujita-title--2017-80 .m-fujita-title__sub { color: #333333; } .m-fujita2017-header__hero { background-image: -webkit-linear-gradient(left, #476395 0%, #476395, 50%, #4d6fa3 50%, #4d6fa3 100%); background-image: linear-gradient(to right, #476395 0%, #476395, 50%, #4d6fa3 50%, #4d6fa3 100%); border-bottom: 2px solid #e10020; } @media screen and (min-width: 769px) { .m-fujita2017-header__hero__in { height: 160px; background: transparent url("/wp-content/themes/inpresx2013/img/world_of_rmx/special_lesson/fujita_lesson2017/hero.png") top center no-repeat; } .m-fujita2017-header__hero__in img { display: none; } } .m-fujita2017-header__hero__in img { width: 100%; height: auto; } .m-fujita2017-header__lead { padding-top: 10px; padding-bottom: 20px; color: #4a6da1; font-size: 16px; font-weight: bold; font-style: italic; text-align: center; line-height: 1.4; } .m-fujita2017-header__lead small { font-size: 14px; font-style: normal; } @media screen and (max-width: 768px) { .m-fujita2017-header__lead { padding-top: 15px; font-size: 12px; } .m-fujita2017-header__lead small { font-size: 12px; } } .m-fujita2017-main { position: relative; padding-top: 35px; padding-bottom: 60px; } @media screen and (max-width: 768px) { .m-fujita2017-main { padding-top: 20px; padding-bottom: 30px; } } .m-fujita2017-main--100 { background-color: #ffffff; } .m-fujita2017-main--100:before { display: block; width: 100%; height: 1px; position: absolute; top: -1px; left: 0; background-color: #707070; content: ''; } .m-fujita2017-main--90 { background-color: #d31626; } .m-fujita2017-main--80 { background-color: #333333; } .m-fujita2017-main__thumbs { margin-top: 60px; } @media screen and (max-width: 768px) { .m-fujita2017-main__thumbs { margin-top: 30px; } } .m-fujita2017-movie__h { border-bottom: 2px solid #ffffff; color: #ffffff; font-size: 30px; font-weight: bold; font-style: italic; line-height: 1.3; } @media screen and (max-width: 768px) { .m-fujita2017-movie__h { border-bottom-width: 1px; font-size: 19px; } } .m-fujita2017-movie__lead { margin-top: 10px; color: #ffffff; font-size: 18px; line-height: 1.4; } @media screen and (max-width: 768px) { .m-fujita2017-movie__lead { font-size: 13px; } } .m-fujita2017-movie__yt { margin-top: 30px; } @media screen and (max-width: 768px) { .m-fujita2017-movie__yt { margin-top: 18px; } } .m-fujita2017-movie__title { margin-top: 10px; } .m-fujita2017-movie--100 .m-fujita2017-movie__h { color: #666666; border-bottom-color: #666666; } .m-fujita2017-movie--100 .m-fujita2017-movie__lead { color: #666666; } .m-fujita2017-thumb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-decoration: none !important; } .m-fujita2017-thumb__num { width: 8.50575%; } @media screen and (max-width: 768px) { .m-fujita2017-thumb__num { width: 52px; } } .m-fujita2017-thumb__img { width: 30.68966%; } .m-fujita2017-thumb__img img { max-width: 100%; height: auto; } @media screen and (max-width: 768px) { .m-fujita2017-thumb__img { width: calc(100% - 65px); } } .m-fujita2017-thumb__txt { width: 58.62069%; color: #ffffff; } @media screen and (max-width: 768px) { .m-fujita2017-thumb__txt { width: 100%; margin-top: 10px; } } .m-fujita2017-thumb__h { border-bottom: dotted 1px #ffffff; font-size: 21px; font-weight: normal; line-height: 1.3; } @media screen and (max-width: 768px) { .m-fujita2017-thumb__h { font-size: 18px; } } .m-fujita2017-thumb__lead { margin-top: 5px; font-size: 16px; line-height: 1.6; } @media screen and (max-width: 768px) { .m-fujita2017-thumb__lead { font-size: 14px; } } .m-fujita2017-thumb--100 .m-fujita2017-thumb__txt { color: #666666; } .m-fujita2017-thumb--100 .m-fujita2017-thumb__h { border-bottom-color: #666666; } .m-fujita2017-thumbs { max-width: 870px; margin-right: auto; margin-left: auto; } .m-fujita2017-thumbs__item + .m-fujita2017-thumbs__item { margin-top: 20px; } @media screen and (max-width: 768px) { .m-fujita2017-thumbs__item + .m-fujita2017-thumbs__item { margin-top: 30px; } } .m-hero-ctas { padding-top: 40px; padding-bottom: 40px; } @media screen and (max-width: 768px) { .m-hero-ctas { padding-top: 20px; padding-bottom: 20px; } } @media screen and (min-width: 769px) { .m-hero-ctas__main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .m-hero-ctas__main a + a { margin-left: 60px; } } @media screen and (max-width: 768px) { .m-hero-ctas__main { text-align: center; } .m-hero-ctas a { display: inline-block; } .m-hero-ctas a + a { margin-top: 12px; } } .m-hero-feature { padding-top: 20px; padding-bottom: 20px; background-image: -webkit-linear-gradient(right, #740003 0%, #43080b 50%, #000000 100%); background-image: linear-gradient(to left, #740003 0%, #43080b 50%, #000000 100%); } @media screen and (max-width: 768px) { .m-hero-feature { padding-top: 13px; padding-bottom: 13px; padding-right: 10px; padding-left: 10px; } } .m-hero-feature__main { max-width: 820px; margin-right: auto; margin-left: auto; } .m-hero-feature__item { position: relative; padding-left: 1.2em; color: #ffffff; font-size: 22px; font-weight: bold; font-style: italic; line-height: 1.8; } .m-hero-feature__item:before { display: inline-block; position: absolute; top: 0; left: 0; color: #e60012; font-style: normal; content: '鈻'; } @media screen and (max-width: 768px) { .m-hero-feature__item { font-size: 16px; } } .m-hero-feature--gray { background: #d9d9d9; } .m-hero-feature--gray .m-hero-feature__item { color: #000000; } .m-hero-feature--full .m-hero-feature__main { max-width: 100%; } .m-hero-feature--small .m-hero-feature__item { font-size: 18px; } @media screen and (max-width: 768px) { .m-hero-feature--small .m-hero-feature__item { font-size: 16px; } } .m-hero-mybest-driver { margin-right: auto; margin-left: auto; background-image: -webkit-linear-gradient(left, #740003 0%, #740003 50%, #b31a20 50%, #b31a20 100%); background-image: linear-gradient(to right, #740003 0%, #740003 50%, #b31a20 50%, #b31a20 100%); text-align: center; } .m-hero-mybest-driver img { max-width: 100%; height: auto; } .m-hero-slides { position: relative; background-image: -webkit-linear-gradient(left, #740003 15%, #b31a20 75%); background-image: linear-gradient(to right, #740003 15%, #b31a20 75%); overflow: hidden; } @media screen and (min-width: 769px) { .m-hero-slides { height: 450px; } } .m-hero-slides__imgs .swiper-slide { text-align: center; } @media screen and (min-width: 769px) { .m-hero-slides__imgs { width: 65.30612%; position: absolute; top: 0; left: 0; } } @media screen and (max-width: 768px) { .m-hero-slides__imgs { position: relative; margin-right: -10px; margin-left: -10px; } } .m-hero-slides__imgs img { width: 100%; height: auto; vertical-align: bottom; } @media screen and (max-width: 768px) { .m-hero-slides__imgs img { max-width: 320px !important; } } .m-hero-slides__next, .m-hero-slides__prev { position: absolute; top: 50%; margin-top: -12px; color: #231815; font-size: 24px; line-height: 1; cursor: pointer; z-index: 2; } @media screen and (max-width: 768px) { .m-hero-slides__next, .m-hero-slides__prev { color: #ffffff; margin-top: -6px; font-size: 12px; } } .m-hero-slides__next { right: 40px; } @media screen and (max-width: 768px) { .m-hero-slides__next { right: 20px; } } .m-hero-slides__prev { left: 40px; } @media screen and (max-width: 768px) { .m-hero-slides__prev { left: 20px; } } @media screen and (max-width: 768px) { .m-hero-slides__caption { position: relative; margin-right: -10px; margin-left: -10px; } } .m-hero-slides__logos { position: relative; background-image: -webkit-linear-gradient(left, #740003 0%, #43080b 50%, #000000 100%); background-image: linear-gradient(to right, #740003 0%, #43080b 50%, #000000 100%); } @media screen and (min-width: 769px) { .m-hero-slides__logos { padding-left: 65.30612%; } } .m-hero-slides__logos:after { display: block; width: 100000%; height: 100%; background-color: #000000; position: absolute; top: 0; left: 100%; content: ''; } .m-hero-slides__logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 10px; padding-bottom: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 769px) { .m-hero-slides__logo { min-height: 140px; } } @media screen and (max-width: 768px) { .m-hero-slides__logo { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 15px; padding-bottom: 15px; } } .m-hero-slides__logo img { max-width: 100%; height: auto; } @media screen and (min-width: 769px) { .m-hero-slides__body { padding-left: 65.30612%; } } @media screen and (max-width: 768px) { .m-hero-slides__body { padding-bottom: 20px; padding-right: 10px; padding-left: 10px; } } .m-hero-slides__txt { padding-top: 15px; padding-bottom: 15px; color: #ffffff; font-size: 24px; font-style: italic; line-height: 1.4; } .m-hero-slides__txt > span { display: inline-block; text-align: justify; letter-spacing: -0.07em; } @media screen and (max-width: 768px) { .m-hero-slides__txt > span { display: block; max-width: 320px; margin-right: auto; margin-left: auto; } } .m-hero-slides__txt__2 { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ffffff; font-size: 14px; } .m-hero-slides__txt__2__box { margin-top: 3px; } .m-hero-slides__txt__2__box > span { display: inline-block; border: 1px solid #ffffff; padding: 2px 5px; font-size: 12px; } @media screen and (max-width: 768px) { .m-hero-slides__txt__2 { max-width: 320px; margin-right: auto; margin-left: auto; text-align: left; font-size: 13px; } } .m-hero-slides__txt.is-line3 { padding-top: 30px; padding-bottom: 30px; } @media screen and (max-width: 768px) { .m-hero-slides__txt.is-sp-centered { text-align: center; } .m-hero-slides__txt.is-sp-centered > span { display: inline-block; max-width: initial; } } @media screen and (max-width: 768px) { .m-hero-slides__txt { font-size: 19px; text-align: center; } } @media screen and (min-width: 769px) { .m-hero-slides__btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 768px) { .m-hero-slides__btns { max-width: 204px; margin-right: auto; margin-left: auto; } } .m-hero-slides__btn-spec .m-btn-spec, .m-hero-slides__btn-tec .m-btn-spec { width: 100%; } @media screen and (min-width: 769px) { .m-hero-slides__btn-spec { width: 33.33333%; margin-left: 2.77778%; } } @media screen and (max-width: 768px) { .m-hero-slides__btn-spec { width: 100%; margin-top: 10px; text-align: center; } } @media screen and (min-width: 769px) { .m-hero-slides__btn-tec { width: 52.77778%; } } @media screen and (max-width: 768px) { .m-hero-slides__btn-tec { text-align: center; } } .m-hero-slides__thumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 768px) { .m-hero-slides__thumbs { display: none; } } .m-hero-slides__thumb { display: block; margin-top: 25px; margin-right: 10px; border: 1px solid #e60012; cursor: pointer; } .m-hero-slides__thumb.is-current { border-color: #ffffff; pointer-events: none; } @media screen and (max-width: 768px) { .m-hero-slides__logo.is-rmx_dr_120 img { max-width: 277px !important; } .m-hero-slides__logo.is-rmx_dr_220 img { max-width: 303px !important; } .m-hero-slides__logo.is-rmx_020_iron img { max-width: 302px !important; } .m-hero-slides__logo.is-rmx_120_iron img { max-width: 297px !important; } .m-hero-slides__logo.is-rmx_220_iron img { max-width: 302px !important; } .m-hero-slides__logo.is-rmx_fw_20 img { max-width: 280px !important; } .m-hero-slides__logo.is-rmx_ut_20 img { max-width: 275px !important; } .m-hero-slides__logo.is-rmx_tm_wedge_20 img { max-width: 284px !important; } } .m-home-banner { display: block; text-decoration: none !important; } .m-home-banner img { width: 100%; height: auto; } .m-home-banner__h { margin-top: 8px; font-size: 16px; font-weight: bold; font-style: italic; } .m-home-banner__h span { color: #d70427; } @media screen and (max-width: 768px) { .m-home-banner__h { font-size: 14px; } } .m-home-banner__txt { margin-top: 2px; padding-top: 8px; border-top: 1px solid #d70427; font-size: 12px; } .m-home-banners { padding-top: 60px; } @media screen and (max-width: 768px) { .m-home-banners { padding-top: 40px; padding-bottom: 40px; } } .m-home-banners__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .m-home-banners__list:after { display: block; width: 22.22222%; content: ""; } @media screen and (max-width: 768px) { .m-home-banners__list:after { width: 45.77465%; } } @media screen and (min-width: 769px) { .m-home-banners__item { width: 22.22222%; } .m-home-banners__item:nth-child(n + 5) { margin-top: 30px; } } @media screen and (max-width: 768px) { .m-home-banners__item { width: 45.77465%; } .m-home-banners__item:nth-child(n + 3) { margin-top: 25px; } } .m-home-intro { padding-top: 30px; padding-bottom: 40px; background-image: -webkit-linear-gradient(left, #740003 15%, #b31a20 75%); background-image: linear-gradient(to right, #740003 15%, #b31a20 75%); } .m-home-intro__h { text-align: center; } .m-home-intro__h img { width: 460px; height: 30px; } @media screen and (max-width: 768px) { .m-home-intro__h img { max-width: 306px; height: auto; } } .m-home-intro__body { margin-top: 20px; color: #ffffff; font-size: 14px; font-style: italic; font-weight: bold; text-align: center; line-height: 1.7; } @media screen and (max-width: 768px) { .m-home-intro__body { font-size: 12px; } } .m-home-intro__body > span { display: block; } .m-home-intro__body > span + span { margin-top: 20px; } .m-home-intro__btn { margin-top: 35px; text-align: center; } .m-home-intro__btn a { display: inline-block; background-color: #ffffff; padding: 10px 30px; border-radius: 2em; color: #e60012; font-size: 15px; font-weight: bold; font-style: italic; } @media screen and (max-width: 768px) { .m-home-intro__btn a { font-size: 12px; } } .m-home-intro__btn a > span { display: inline-block; position: relative; padding-right: 30px; } .m-home-intro__btn a > span:after { display: inline-block; font-family: "wor"; font-size: inherit; font-style: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "顎"; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 80%; } html.no-touch .m-home-intro__btn a { -webkit-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-home-intro__btn a:hover { background-color: #d70427; color: #ffffff; } .m-home-lineup-item__name img { width: 100%; height: auto; } .m-home-lineup-item__img { margin-top: 15px; } .m-home-lineup-item__img img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .m-home-lineup-item__img { margin-top: 8px; } } .m-home-lineup-item__btn { margin-top: 20px; text-align: center; } .m-home-lineup-item__btn > span { display: inline-block; background-color: #d70427; padding: 5px 30px; border-radius: 2em; color: #ffffff; font-size: 15px; font-weight: bold; font-style: italic; } @media screen and (max-width: 768px) { .m-home-lineup-item__btn > span { width: 100%; padding: 10px 10px; font-size: 13px; } } .m-home-lineup-item__btn > span > span { display: inline-block; position: relative; padding-right: 25px; } @media screen and (max-width: 768px) { .m-home-lineup-item__btn > span > span { padding-right: 20px; } } .m-home-lineup-item__btn > span > span:after { display: inline-block; font-family: "wor"; font-size: inherit; font-style: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "顎"; position: absolute; top: 50%; right: 0; margin-top: -1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 70%; } html.no-touch .m-home-lineup-item__btn > span { -webkit-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-home-lineup-item__btn > span:hover { background-color: #ffffff; color: #d70427; } .m-home-lineup { position: relative; border-top: 4px solid #a0141a; background-color: #000000; padding-top: 55px; padding-bottom: 55px; } @media screen and (max-width: 768px) { .m-home-lineup { padding-top: 30px; padding-bottom: 40px; } } .m-home-lineup__h { text-align: center; } .m-home-lineup__h img { width: 574px; height: 56px; } @media screen and (max-width: 768px) { .m-home-lineup__h img { width: 280px; height: auto; } } .m-home-lineup__body { margin-top: 55px; } @media screen and (max-width: 768px) { .m-home-lineup__body { margin-top: 35px; } } .m-home-lineup__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .m-home-lineup__items:after { display: block; content: ""; } @media screen and (min-width: 769px) { .m-home-lineup__items:after { width: 22.22222%; } } @media screen and (max-width: 768px) { .m-home-lineup__items:after { width: 45.77465%; } } @media screen and (min-width: 769px) { .m-home-lineup__item { width: 22.22222%; } .m-home-lineup__item:nth-child(n + 5) { margin-top: 50px; } } @media screen and (max-width: 768px) { .m-home-lineup__item { width: 45.77465%; } .m-home-lineup__item:nth-child(n + 3) { margin-top: 30px; } } .m-home-movies { border-bottom: 2px solid #d1290f; background-color: #000000; padding-top: 55px; padding-bottom: 55px; } @media screen and (max-width: 768px) { .m-home-movies { padding-top: 30px; padding-top: 40px; border-bottom-width: 4px; } } @media screen and (min-width: 769px) { .m-home-movies__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 769px) { .m-home-movies__item { width: 46.66667%; } } @media screen and (max-width: 768px) { .m-home-movies__item + .m-home-movies__item { margin-top: 40px; } } .m-home-movies__item__h { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 56px; color: #ffffff; } @media screen and (max-width: 768px) { .m-home-movies__item__h { height: auto; } } .m-home-movies__item__h img { height: auto; } @media screen and (min-width: 769px) { .m-home-movies__item__h img { width: 100%; } } @media screen and (max-width: 768px) { .m-home-movies__item__h img { max-width: 301px; } } .m-home-movies__item__h.is-dt { font-size: 30px; font-style: italic; } @media screen and (max-width: 768px) { .m-home-movies__item__h.is-dt { font-size: 23px; } } .m-home-movies__item__thumb { display: block; position: relative; margin-top: 20px; cursor: pointer; } @media screen and (max-width: 768px) { .m-home-movies__item__thumb { margin-top: 12px; } } .m-home-movies__item__thumb__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #ffffff; font-size: 60px; line-height: 1; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .m-home-movies__item__thumb img { width: 100%; height: auto; } html.no-touch .m-home-movies__item__thumb__icon { -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-home-movies__item__thumb:hover .m-home-movies__item__thumb__icon { color: #d70427; } .m-home-tech { background-color: #000000; } .m-home-tech__intro { padding-top: 60px; padding-bottom: 90px; } @media screen and (max-width: 768px) { .m-home-tech__intro { padding-top: 30px; padding-bottom: 40px; } } .m-home-tech__intro__h { text-align: center; } .m-home-tech__intro__h img { width: 810px; height: 56px; } @media screen and (max-width: 768px) { .m-home-tech__intro__h img { width: 296px; height: auto; } } .m-home-tech__intro__imgs { margin-top: 60px; } @media screen and (min-width: 769px) { .m-home-tech__intro__imgs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 768px) { .m-home-tech__intro__imgs { margin-top: 35px; } } @media screen and (min-width: 769px) { .m-home-tech__intro__imgs__img { width: 47.77778%; } } .m-home-tech__intro__imgs__img img { width: 100%; height: auto; } .m-home-tech__intro__imgs__txt { color: #ffffff; font-size: 16px; line-height: 2; } @media screen and (min-width: 769px) { .m-home-tech__intro__imgs__txt { width: 47.77778%; } } @media screen and (max-width: 768px) { .m-home-tech__intro__imgs__txt { margin-top: 5px; font-size: 12px; } } .m-home-tech__intro__movie { display: block; margin-top: 40px; text-align: center; } @media screen and (max-width: 768px) { .m-home-tech__intro__movie { margin-top: 20px; } } .m-home-tech__intro__movie__h { color: #ffffff; font-size: 24px; font-style: italic; } @media screen and (max-width: 768px) { .m-home-tech__intro__movie__h { font-size: 18px; } } .m-home-tech__intro__movie__btn { display: inline-block; position: relative; margin-top: 15px; cursor: pointer; } @media screen and (max-width: 768px) { .m-home-tech__intro__movie__btn { margin-top: 12px; } } .m-home-tech__intro__movie__btn img { width: 420px; height: auto; } @media screen and (max-width: 768px) { .m-home-tech__intro__movie__btn img { width: 100%; } } html.no-touch .m-home-tech__intro__movie__btn .m-home-tech__intro__movie__icon { -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-home-tech__intro__movie__btn:hover .m-home-tech__intro__movie__icon { color: #d70427; } .m-home-tech__intro__movie__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #ffffff; font-size: 60px; line-height: 1; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .m-home-tech__secs { margin-top: 90px; } @media screen and (max-width: 768px) { .m-home-tech__secs { margin-top: 60px; } } .m-home-tech__sec + .m-home-tech__sec { margin-top: 60px; } @media screen and (max-width: 768px) { .m-home-tech__sec + .m-home-tech__sec { margin-top: 40px; } } .m-home-tech__sec__body { margin-top: 25px; } @media screen and (max-width: 768px) { .m-home-tech__sec__body { margin-top: 13px; } } .m-home-tech__sec__lead { color: #ffffff; font-size: 16px; line-height: 2; } @media screen and (max-width: 768px) { .m-home-tech__sec__lead { font-size: 13px; } } .m-home-tech__sec__img1 { margin-top: 50px; text-align: center; } .m-home-tech__sec__img1 img { max-width: 100%; height: auto; } @media screen and (max-width: 768px) { .m-home-tech__sec__img1 { margin-top: 25px; } } .m-home-tech__sec__img2 { margin-top: 50px; text-align: center; } .m-home-tech__sec__img2 img { max-width: 100%; height: auto; } @media screen and (max-width: 768px) { .m-home-tech__sec__img2 { margin-top: 15px; padding-right: 10px; padding-left: 10px; } } .m-home-tech__products { margin-top: 60px; } @media screen and (max-width: 768px) { .m-home-tech__products { margin-top: 40px; } } .m-home-tech__products__in { border-top: 1px solid #d1290f; padding-top: 60px; padding-right: 40px; padding-left: 40px; } @media screen and (max-width: 768px) { .m-home-tech__products__in { padding-top: 30px; padding-right: 10px; padding-left: 10px; } } @media screen and (min-width: 769px) { .m-home-tech__products__main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .m-home-tech__product { display: block; } @media screen and (min-width: 769px) { .m-home-tech__product { width: 46.66667%; } } @media screen and (max-width: 768px) { .m-home-tech__product + .m-home-tech__product { margin-top: 35px; } } .m-home-tech__product__name img { max-width: 335px; height: auto; } @media screen and (max-width: 768px) { .m-home-tech__product__name img { width: 285px; } } .m-home-tech__product__img { margin-top: 25px; } .m-home-tech__product__img img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .m-home-tech__product__img { margin-top: 20px; } } .m-home-tech__product__cap { margin-top: 25px; color: #ffffff; font-size: 20px; font-style: italic; line-height: 1.7; } @media screen and (max-width: 768px) { .m-home-tech__product__cap { margin-top: 20px; font-size: 16px; } } .m-home-tech__product__btn { margin-top: 40px; text-align: center; } .m-home-tech__product__btn > span { display: inline-block; background-color: #d70427; padding: 10px 40px; border-radius: 2em; color: #ffffff; font-size: 15px; font-weight: bold; font-style: italic; } .m-home-tech__product__btn > span > span { display: inline-block; position: relative; padding-right: 30px; } .m-home-tech__product__btn > span > span:after { display: inline-block; font-family: "wor"; font-size: inherit; font-style: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "顎"; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 80%; } html.no-touch .m-home-tech__product__btn > span { -webkit-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-home-tech__product__btn > span:hover { background-color: #ffffff; color: #d70427; } .m-img-fig { text-align: center; } .m-img-fig__in { display: inline-block; } .m-img-fig__txt { display: block; font-size: 14px; text-align: right; } @media screen and (max-width: 768px) { .m-img-fig__txt { font-size: 12px; } } .m-img img { max-width: 100%; height: auto; } .m-img--centered { text-align: center; } .m-img--full img { width: 100%; height: auto; } .m-inthebag-hero { border-top: 2px solid #e60012; height: 258px; background: transparent url("https://www.jxxgn888.com/uploads/image/20190920/cc15c5404e09.jpg") no-repeat center left; background-size: cover; } .m-inthebag-hero .a-base-wrap, .m-inthebag-hero .a-base-wrap__in { height: 100%; } .m-inthebag-hero__h { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } @media screen and (max-width: 768px) { .m-inthebag-hero { height: 80px; } .m-inthebag-hero img { width: 287px; } } .m-inthebag-home-backnumber a { display: block; } .m-inthebag-home-backnumber a img { width: 100%; height: auto; } .m-inthebag-home-hero { height: 420px; background: #000000 url("https://www.jxxgn888.com/uploads/image/20190920/d29342a2a1be.jpg") no-repeat center center; } .m-inthebag-home-hero .a-base-wrap, .m-inthebag-home-hero .a-base-wrap__in { height: 100%; } .m-inthebag-home-hero__h { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; padding-right: 35px; } @media screen and (max-width: 768px) { .m-inthebag-home-hero { background: none; height: auto; } .m-inthebag-home-hero .a-base-wrap { padding-right: 0; padding-left: 0; } .m-inthebag-home-hero__h { padding-right: 0; } .m-inthebag-home-hero__h img { width: 100%; height: auto; } } .m-inthebag-home-intro { padding: 55px 0; color: #000000; font-size: 24px; font-weight: bold; font-style: italic; text-align: center; } @media screen and (max-width: 768px) { .m-inthebag-home-intro { padding: 25px 0; font-size: 16px; } } .m-inthebag-intro { padding: 30px 0; background-image: -webkit-linear-gradient(left, #740003 0%, #930d11 50%, #b31a20 100%); background-image: linear-gradient(to right, #740003 0%, #930d11 50%, #b31a20 100%); } .m-inthebag-intro__in { color: #ffffff; font-size: 18px; font-style: italic; font-weight: bold; text-align: center; } @media screen and (max-width: 768px) { .m-inthebag-intro { padding: 25px 0; } .m-inthebag-intro__in { font-size: 12px; } } .m-inthebag-thumb { display: block; text-decoration: none !important; } .m-inthebag-thumb img { width: 100%; height: auto; } .m-inthebag-thumb__name { margin-top: 15px; font-size: 24px; font-style: italic; text-decoration: none !important; } @media screen and (max-width: 768px) { .m-inthebag-thumb__name { margin-top: 6px; font-size: 14px; } } .m-inthebag-thumbs { background-color: #000000; padding-top: 65px; padding-bottom: 60px; } .m-inthebag-thumbs__h { margin-bottom: 35px; } @media screen and (max-width: 768px) { .m-inthebag-thumbs__h { margin-bottom: 15px; } .m-inthebag-thumbs__h img { width: 218px; height: auto; } } @media screen and (min-width: 769px) { .m-inthebag-thumbs__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .m-inthebag-thumbs__items:after { display: block; width: 31.11111%; content: ''; } .m-inthebag-thumbs__item { width: 31.11111%; } .m-inthebag-thumbs__item:nth-child(n + 4) { margin-top: 25px; } } @media screen and (max-width: 768px) { .m-inthebag-thumbs { padding-top: 25px; padding-bottom: 30px; } .m-inthebag-thumbs__in { max-width: 320px; margin-right: auto; margin-left: auto; } .m-inthebag-thumbs__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .m-inthebag-thumbs__items:after { display: block; width: 43.75%; content: ''; } .m-inthebag-thumbs__item { width: 43.75%; } .m-inthebag-thumbs__item:nth-child(n + 3) { margin-top: 15px; } } .m-mybest-driver-product { max-width: 710px; position: relative; margin-right: auto; margin-left: auto; } .m-mybest-driver-product__h { background: #d70427 url("/wp-content/themes/inpresx2013/img/world_of_rmx/my_best_rmx_for_driver/bg-red.png") repeat 0 0; color: #ffffff; font-size: 28px; font-weight: bold; font-style: italic; text-align: center; } @media screen and (max-width: 768px) { .m-mybest-driver-product__h { font-size: 18px; line-height: 2; } } @media print { .m-mybest-driver-product__h { color: #ffffff !important; } .m-mybest-driver-product__h img { width: 300px; } } .m-mybest-driver-product__body { border: 4px solid #d70427; border-top: none; padding: 30px 50px; } @media screen and (max-width: 768px) { .m-mybest-driver-product__body { padding: 20px 25px; border-width: 2px; } } @media print { .m-mybest-driver-product__body { padding: 10px 40px; } } .m-mybest-driver-product__head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { .m-mybest-driver-product__head { display: block; } } .m-mybest-driver-product__head__img { width: 36.66667%; text-align: center; } @media screen and (max-width: 768px) { .m-mybest-driver-product__head__img { width: 100%; text-align: center; } } .m-mybest-driver-product__head__img img { display: none; width: 100%; height: auto; } @media print { .m-mybest-driver-product__head__img img { width: 140px; } } @media screen and (max-width: 768px) { .m-mybest-driver-product__head__img img { width: 160px; } } .m-mybest-driver-product__head__name__main { display: none; } @media screen and (max-width: 768px) { .m-mybest-driver-product__head__name__main { text-align: center; } .m-mybest-driver-product__head__name__main img { max-width: 280px; height: auto; } } @media print { .m-mybest-driver-product__head__name__main img { width: 250px; height: auto; } } .m-mybest-driver-product__head__txt { padding-top: 35px; width: 57.5%; } @media screen and (max-width: 768px) { .m-mybest-driver-product__head__txt { width: 100%; padding-top: 20px; } } .m-mybest-driver-product__head__btn { margin-top: 35px; } @media print { .m-mybest-driver-product__head__btn { display: none; } } @media screen and (max-width: 768px) { .m-mybest-driver-product__head__btn { margin-top: 20px; text-align: center; } } .m-mybest-driver-product__shaft__name { color: #000000; font-size: 30px; text-align: center; } @media print { .m-mybest-driver-product__shaft__name { font-size: 10px; } } @media screen and (max-width: 768px) { .m-mybest-driver-product__shaft__name { font-size: 18px; } } .m-mybest-driver-product__shaft__body { margin-top: 5px; color: #000000; font-size: 18px; } @media print { .m-mybest-driver-product__shaft__body { font-size: 10px; } } @media screen and (max-width: 768px) { .m-mybest-driver-product__shaft__body { font-size: 13px; } } .m-mybest-driver-product + .m-mybest-driver-product { margin-top: 40px; } @media screen and (max-width: 768px) { .m-mybest-driver-product + .m-mybest-driver-product { margin-top: 30px; } } @media print { .m-mybest-driver-product + .m-mybest-driver-product { margin-top: 20px; } } .m-mybest-driver-product + .m-mybest-driver-product:before { display: block; width: 8px; height: 40px; position: absolute; top: -40px; left: 50%; margin-left: -4px; background-color: #d70427; content: ''; } @media screen and (max-width: 768px) { .m-mybest-driver-product + .m-mybest-driver-product:before { width: 4px; height: 30px; top: -30px; margin-left: -2px; } } @media print { .m-mybest-driver-product + .m-mybest-driver-product:before { height: 20px; top: -20px; } } .m-mybest-driver-product.is-120 .m-mybest-driver-product__head__img img.is-120 { display: inline-block; } .m-mybest-driver-product.is-120 .m-mybest-driver-product__head__name__main.is-120 { display: block; } .m-mybest-driver-product.is-220 .m-mybest-driver-product__head__img img.is-220 { display: inline-block; } .m-mybest-driver-product.is-220 .m-mybest-driver-product__head__name__main.is-220 { display: block; } .m-mybest-driver-q { position: relative; } .m-mybest-driver-q.has-tr { padding-bottom: 80px; } @media screen and (max-width: 768px) { .m-mybest-driver-q.has-tr { padding-bottom: 33px; } } .m-mybest-driver-q.has-tr:after { display: block; width: 0; height: 0; position: absolute; bottom: 0; left: 50%; margin-left: -65px; border-style: solid; border-width: 30px 65px 0 65px; border-color: #d70427 transparent transparent transparent; content: ''; } @media screen and (max-width: 768px) { .m-mybest-driver-q.has-tr:after { border-width: 16px 32px 0 32px; margin-left: -32px; } } .m-mybest-driver-q + .m-mybest-driver-q { margin-top: 40px; } @media print { .m-mybest-driver-q + .m-mybest-driver-q { margin-top: 10px; } } @media screen and (max-width: 768px) { .m-mybest-driver-q + .m-mybest-driver-q { margin-top: 25px; } } .m-mybest-driver-q__h { border-bottom: 2px solid #000000; color: #000000; font-size: 36px; font-weight: bold !important; font-style: italic; text-align: center; } @media print { .m-mybest-driver-q__h { font-size: 10px; } } @media screen and (max-width: 768px) { .m-mybest-driver-q__h { font-size: 20px; line-height: 1.7; } } .m-mybest-driver-q__body { margin-top: 40px; } @media print { .m-mybest-driver-q__body { margin-top: 10px; } } @media screen and (max-width: 768px) { .m-mybest-driver-q__body { margin-top: 15px; } } .m-mybest-driver-q__btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .m-mybest-driver-q__btns__item { width: 31.63265%; } .m-mybest-driver-q__btns__item + .m-mybest-driver-q__btns__item { margin-left: 10px; } .m-mybest-driver-q__btns__btn { display: block; position: relative; cursor: pointer; } .m-mybest-driver-q__btns__btn__d, .m-mybest-driver-q__btns__btn__o { display: block; } .m-mybest-driver-q__btns__btn__o { position: absolute; top: 0; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .m-mybest-driver-q__btns__btn.is-current .m-mybest-driver-q__btns__btn__o { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } html.no-touch .m-mybest-driver-q__btns__btn:hover img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } html.no-touch .m-mybest-driver-q__btns__btn:hover .m-mybest-driver-q__btns__btn__o { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .m-mybest-driver-q__btns.is-4 .m-mybest-driver-q__btns__item { width: 23.46939%; } .m-mybest-driver { -webkit-print-color-adjust: exact; color-adjust: exact; padding-bottom: 100px; } @media print { .m-mybest-driver { padding-bottom: 0; } } @media screen and (max-width: 768px) { .m-mybest-driver { padding-bottom: 45px; line-height: 1.6; } } .m-mybest-driver__q-view { padding: 50px 0 0 0; } .m-mybest-driver__q-view.is-hidden { display: none; } @media screen and (max-width: 768px) { .m-mybest-driver__q-view { padding-top: 25px; } } .m-mybest-driver__a-view { padding: 25px 0 0 0; } .m-mybest-driver__a-view.is-hidden { display: none; } .m-mybest-driver__lead { color: #000000; font-size: 24px; font-weight: bold; text-align: center; } @media screen and (max-width: 768px) { .m-mybest-driver__lead { font-size: 15px; } } .m-mybest-driver__notes { margin-top: 10px; text-align: center; } .m-mybest-driver__notes__in { display: inline-block; color: #000000; font-size: 14px; text-align: left; } .m-mybest-driver__notes li { position: relative; padding-left: 1.2em; } .m-mybest-driver__notes li:before { display: inline-block; position: absolute; top: 0; left: 0; content: '鈥'; } @media screen and (max-width: 768px) { .m-mybest-driver__notes { margin-top: 15px; } .m-mybest-driver__notes__in { font-size: 12px; } } .m-mybest-driver__cs__line { padding: 15px; background-color: #e60012; text-align: center; } @media screen and (max-width: 768px) { .m-mybest-driver__cs__line { padding: 8px; } } .m-mybest-driver__cs__line img { width: 242px; height: 30px; } @media screen and (max-width: 768px) { .m-mybest-driver__cs__line img { width: 137px; height: 17px; } } .m-mybest-driver__cs__txt { margin-top: 10px; color: #e60012; font-size: 18px; font-weight: bold; font-style: italic; text-align: center; } @media screen and (max-width: 768px) { .m-mybest-driver__cs__txt { font-size: 12px; } } .m-mybest-driver__qs { margin-top: 40px; } @media screen and (max-width: 768px) { .m-mybest-driver__qs { margin-top: 20px; } } .m-mybest-driver__deside { margin-top: 60px; text-align: center; } @media screen and (max-width: 768px) { .m-mybest-driver__deside { margin-top: 30px; } } .m-mybest-driver__deside a { display: inline-block; width: 490px; padding: 10px; border-radius: 2em; background-color: #a2a2a2; color: #ffffff; font-size: 33px; font-style: italic; letter-spacing: 0.5em; pointer-events: none; cursor: pointer; text-align: center; } @media screen and (max-width: 768px) { .m-mybest-driver__deside a { max-width: 225px; font-size: 15px; } } .m-mybest-driver__deside a > span { display: inline-block; position: relative; padding-right: 40px; } @media screen and (max-width: 768px) { .m-mybest-driver__deside a > span { padding-right: 20px; } } .m-mybest-driver__deside a > span:after { display: inline-block; font-family: "wor"; font-size: inherit; font-style: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "顎"; position: absolute; top: 50%; right: 0; font-size: 70%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-mybest-driver__deside a.is-ok { pointer-events: auto; background-color: #d70427; } html.no-touch .m-mybest-driver__deside a { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-mybest-driver__deside a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; color: #ffffff; } html.no-touch .m-mybest-driver__deside a:hover:visited, html.no-touch .m-mybest-driver__deside a:hover:link { color: #ffffff; } .m-mybest-driver__btn { display: inline-block; width: 322px; padding: 15px 10px; border-radius: 2em; background-color: #d70427; color: #ffffff; font-size: 22px; font-style: italic; cursor: pointer; text-align: center; line-height: 1; } .m-mybest-driver__btn:visited, .m-mybest-driver__btn:link { color: #ffffff; } .m-mybest-driver__btn > span { display: inline-block; position: relative; padding-right: 20px; } .m-mybest-driver__btn > span:after { display: inline-block; font-family: "wor"; font-size: inherit; font-style: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "顎"; position: absolute; top: 50%; right: 0; font-size: 70%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-mybest-driver__btn.is-large { width: 450px; } @media screen and (max-width: 768px) { .m-mybest-driver__btn.is-large { width: 100%; } } html.no-touch .m-mybest-driver__btn { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-mybest-driver__btn:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; color: #ffffff; } html.no-touch .m-mybest-driver__btn:hover:visited, html.no-touch .m-mybest-driver__btn:hover:link { color: #ffffff; } @media screen and (max-width: 768px) { .m-mybest-driver__btn { width: 225px; font-size: 15px; } } .m-mybest-driver__print { text-align: center; } @media print { .m-mybest-driver__print { display: none; } } @media screen and (max-width: 768px) { .m-mybest-driver__print { display: none; } } .m-mybest-driver__quick { display: none; margin-top: 30px; text-align: center; } .m-mybest-driver__quick.is-show { display: block; } @media print { .m-mybest-driver__quick.is-show { display: none; } } @media print { .m-mybest-driver__quick { display: none; } } .m-mybest-driver__result { margin-top: 50px; } @media print { .m-mybest-driver__result { margin-top: 0; } } @media screen and (max-width: 768px) { .m-mybest-driver__result { margin-top: 0; } } .m-mybest-driver__table { width: 100%; max-width: 710px; margin-right: auto; margin-left: auto; border-collapse: collapse; } .m-mybest-driver__table th, .m-mybest-driver__table td { border: 1px solid #000000; padding: 13px; color: #000000; font-size: 24px; font-weight: normal; text-align: center; vertical-align: middle; } @media print { .m-mybest-driver__table th, .m-mybest-driver__table td { padding: 2px; font-size: 10px; } } @media screen and (max-width: 768px) { .m-mybest-driver__table th, .m-mybest-driver__table td { padding: 8px 5px; font-size: 16px; } } .m-mybest-driver__table th { background: #d9d9d9 url("/wp-content/themes/inpresx2013/img/world_of_rmx/my_best_rmx_for_driver/bg-gray.png") repeat 0 0; } .m-mybest-driver__table__quick { display: none; color: #e60012; font-size: 16px; } .m-mybest-driver__table__quick.is-show { display: block; } @media print { .m-mybest-driver__table__quick { font-size: 10px; } } @media screen and (max-width: 768px) { .m-mybest-driver__table__quick { font-size: 12px; } } .m-mybest-driver__table.is-fixed { table-layout: fixed; } .m-mybest-driver__products { margin-top: 50px; } @media screen and (max-width: 768px) { .m-mybest-driver__products { margin-top: 30px; } } @media print { .m-mybest-driver__products { margin-top: 20px; } } .m-mybest-driver__back { margin-top: 65px; text-align: center; } @media print { .m-mybest-driver__back { display: none; } } @media screen and (max-width: 768px) { .m-mybest-driver__back { margin-top: 30px; } } @media screen and (min-width: 769px) { .m-old-container { margin: 0 auto; width: 980px; clear: both; } } .m-product-copy { position: relative; padding-top: 25px; padding-bottom: 25px; background-image: -webkit-linear-gradient(left, #740003 15%, #b31a20 75%); background-image: linear-gradient(to right, #740003 15%, #b31a20 75%); overflow: hidden; color: #ffffff; font-size: 30px; font-weight: bold; font-style: italic; letter-spacing: -0.03em; } @media screen and (max-width: 768px) { .m-product-copy { padding-top: 15px; padding-bottom: 15px; font-size: 19px; } } .m-product-h-ub { border-bottom: 1px solid #e60012; color: #ffffff; font-size: 22px; padding-bottom: 10px; } @media screen and (max-width: 768px) { .m-product-h-ub { padding-bottom: 5px; font-size: 19px; } } .m-product-h { font-size: 40px; font-style: italic; } @media screen and (max-width: 768px) { .m-product-h { font-size: 25px; } } .m-product-h--small { font-size: 30px; } @media screen and (max-width: 768px) { .m-product-h--small { font-size: 25px; } } .m-product-lead { font-size: 18px; font-weight: 700; } @media screen and (max-width: 768px) { .m-product-lead { font-size: 14px; } } .m-product-h + .m-product-lead { margin-top: 15px; } @media screen and (max-width: 768px) { .m-product-h + .m-product-lead { margin-top: 10px; } } .m-product-mt { background-image: -webkit-linear-gradient(left, #740003 0%, #7f0e12 60%, #000000 90%); background-image: linear-gradient(to right, #740003 0%, #7f0e12 60%, #000000 90%); padding-right: 30px; padding-left: 30px; padding-top: 15px; padding-bottom: 15px; font-size: 30px; font-weight: bold; font-style: italic; } .m-product-mt > p, .m-product-mt > div { max-width: 960px; margin-right: auto; margin-left: auto; } .m-product-mt.has-mt { margin-top: 60px; } @media screen and (max-width: 768px) { .m-product-mt.has-mt { margin-top: 30px; } } @media screen and (max-width: 768px) { .m-product-mt { background-image: -webkit-linear-gradient(left, #740003 0%, #a01217 50%, #b31a20 100%); background-image: linear-gradient(to right, #740003 0%, #a01217 50%, #b31a20 100%); padding-right: 10px; padding-left: 10px; font-size: 17px; } } .m-product-sec { position: relative; } .m-product-sec + .m-product-sec { margin-top: 30px; } @media screen and (max-width: 768px) { .m-product-sec + .m-product-sec { margin-top: 15px; } } .m-product-sec__body { margin-top: 25px; } @media screen and (max-width: 768px) { .m-product-sec__body { margin-top: 15px; } } .m-product-sec--black { color: #ffffff; background-color: #000000; } .m-product-sec--red { color: #ffffff; background-color: #a0141a; } .m-product-sec--gray { color: #000000; background-color: #d9d9d9; } .m-product-sec--white { color: #000000; background-color: #ffffff; } .m-product-sec--has-padding { padding-top: 50px; padding-bottom: 65px; } @media screen and (max-width: 768px) { .m-product-sec--has-padding { padding-top: 20px; padding-bottom: 30px; } } .m-product-sec--spec__body { margin-top: 25px; } @media screen and (max-width: 768px) { .m-product-sec--spec__body { margin-top: 10px; } } .m-product-sgimg img { max-width: 100%; height: auto; } .m-product-sgimg + .m-product-sgimg { margin-top: 55px; } @media screen and (max-width: 768px) { .m-product-sgimg + .m-product-sgimg { margin-top: 30px; } } .m-rts-sec { background-color: #000000; padding-top: 60px; padding-bottom: 60px; } @media screen and (max-width: 768px) { .m-rts-sec { padding-top: 30px; padding-bottom: 30px; } } .m-rts-sec__h { text-align: center; } .m-rts-sec__h img { max-width: 100%; height: auto; } .m-rts-sec__img1 { margin-top: 60px; } .m-rts-sec__img1 img { max-width: 100%; height: auto; } @media screen and (max-width: 768px) { .m-rts-sec__img1 { margin-top: 30px; } } .m-rts-sec__h2 { margin-top: 65px; color: #ffffff; font-size: 40px; font-style: italic; font-weight: 400; line-height: 1.4; } .m-rts-sec__h2--4 { margin-top: 60px; } @media screen and (max-width: 768px) { .m-rts-sec__h2 { margin-top: 30px; font-size: 22px; } } .m-rts-sec__img2 { margin-top: 20px; } .m-rts-sec__img2 img { max-width: 100%; height: auto; } .m-rts-sec__h3 { margin-top: 60px; padding: 5px; background-color: #e60012; color: #ffffff; font-size: 24px; font-style: italic; font-weight: 400; text-align: center; } @media screen and (max-width: 768px) { .m-rts-sec__h3 { padding: 5px; margin-top: 30px; font-size: 15px; } } .m-rts-sec__lead { margin-top: 25px; color: #ffffff; font-size: 18px; } @media screen and (max-width: 768px) { .m-rts-sec__lead { margin-top: 12px; font-size: 12px; } } .m-rts-sec__img3 { max-width: 600px; margin-top: 30px; margin-right: auto; margin-left: auto; } @media screen and (max-width: 768px) { .m-rts-sec__img3 { margin-top: 15px; } } .m-rts-sec__img3__main img { max-width: 100%; height: auto; } .m-rts-sec__img3__txt { margin-top: 10px; } .m-rts-sec__img3__s { color: #ffffff; font-size: 10px; } .m-rts-sec__img3__t1, .m-rts-sec__img3__t2 { position: relative; padding-left: 1.2em; color: #ffffff; font-size: 12px; } .m-rts-sec__img3__t1 > span, .m-rts-sec__img3__t2 > span { display: inline-block; position: absolute; top: 0; left: 0; } .m-rts-sec__img3__t1 small, .m-rts-sec__img3__t2 small { font-size: 10px; } .m-rts-sec__img4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } @media screen and (max-width: 768px) { .m-rts-sec__img4 { margin-top: 10px; } } .m-rts-sec__img4__img { width: 22.22222%; } @media screen and (max-width: 768px) { .m-rts-sec__img4__img { width: 42.25352%; } } .m-rts-sec__img4__txt { width: 74.44444%; color: #ffffff; font-size: 18px; text-align: justify; } .m-rts-sec__img4__txt > p + p { margin-top: 7px; } .m-rts-sec__img4__txt > p + .m-rts-sec__img4__t { margin-top: 15px; } @media screen and (max-width: 768px) { .m-rts-sec__img4__txt { width: 50.70423%; } .m-rts-sec__img4__txt > p { font-size: 13px !important; } } .m-rts-sec__img4__t { position: relative; padding-left: 1.2em; color: #ffffff; font-size: 12px; } .m-rts-sec__img4__t > span { display: inline-block; position: absolute; top: 0; left: 0; } @media screen and (max-width: 768px) { .m-rts-sec__img4__t { margin-top: 10px; } } .m-sound-design__h { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 184px; padding: 0 30px; background-color: #000000; border-bottom: 2px solid #e60012; } @media screen and (max-width: 768px) { .m-sound-design__h { height: 80px; } } .m-sound-design__h img { width: 636px; height: 104px; } @media screen and (max-width: 768px) { .m-sound-design__h img { width: 239px; height: 39px; } } .m-sound-design__sec { padding: 55px 0 60px; } @media screen and (max-width: 768px) { .m-sound-design__sec { padding-top: 30px; padding-bottom: 30px; } } .m-sound-design__sec.bg-red { background-color: #a0141a; } .m-sound-design__sec.bg-black { background-color: #000000; } .m-sound-design__sec__h { font-size: 40px; font-weight: bold; font-style: italic; } @media screen and (max-width: 768px) { .m-sound-design__sec__h { color: #ffffff; font-size: 23px; } } .m-sound-design__sec__txt { margin-top: 40px; text-align: justify; font-size: 16px; line-height: 2; } @media screen and (max-width: 768px) { .m-sound-design__sec__txt { margin-top: 15px; color: #ffffff; font-size: 13px; } } .m-sound-design__sec__img { text-align: center; } .m-sound-design__sec__img img { max-width: 100%; height: auto; } .m-sound-design__sec__img.has-mt { margin-top: 30px; } @media screen and (max-width: 768px) { .m-sound-design__sec__img--1 img { max-width: 226px; } } .m-spec-table__body { margin-top: 18px; } @media screen and (max-width: 768px) { .m-spec-table__body { margin-top: 10px; } } .m-spec-table--head .m-spec-table__h img { width: 84px; height: 30px; } @media screen and (max-width: 768px) { .m-spec-table--head .m-spec-table__h img { width: 42px; height: 15px; } } .m-spec-table--shaft .m-spec-table__h img { width: 98px; height: 30px; } @media screen and (max-width: 768px) { .m-spec-table--shaft .m-spec-table__h img { width: 49px; height: 15px; } } .m-spec-table table { width: 100%; border-collapse: collapse; } @media screen and (max-width: 768px) { .m-spec-table table.is-sp-fixed th, .m-spec-table table.is-sp-fixed td { word-break: break-all; } } .m-spec-table table + table { margin-top: 30px; } @media screen and (max-width: 768px) { .m-spec-table table + table { margin-top: 15px; } } .m-spec-table table th, .m-spec-table table td { border: 1px solid #000000; color: #000000; font-size: 14px; vertical-align: middle; word-break: break-all; } @media screen and (max-width: 768px) { .m-spec-table table th, .m-spec-table table td { font-size: 10px; } } .m-spec-table table th.is-colored, .m-spec-table table td.is-colored { background-color: #d9d9d9; } .m-spec-table table th.is-colored-dark, .m-spec-table table td.is-colored-dark { background-color: #4e4e4e; color: #ffffff; } .m-spec-table table th { padding: 5px 15px 5px 15px; font-weight: normal; } @media screen and (min-width: 769px) { .m-spec-table table th { white-space: nowrap; } } @media screen and (max-width: 768px) { .m-spec-table table th { padding: 4px; } } .m-spec-table table td { padding: 5px; text-align: center; } .m-spec-table table td.is-in-table { padding: 0; } @media screen and (max-width: 768px) { .m-spec-table table td { padding: 4px; } } .m-spec-table + .m-spec-table { margin-top: 50px; } @media screen and (max-width: 768px) { .m-spec-table + .m-spec-table { margin-top: 25px; } } .m-spec-table__note { margin-top: 10px; color: #000000; font-size: 14px; } @media screen and (max-width: 768px) { .m-spec-table__note { font-size: 11px; } } .m-spec-table--bag table th, .m-spec-table--bag table td { font-size: 16px; } .m-spec-table--bag table th small, .m-spec-table--bag table td small { font-size: 12px; } .m-spec-table--bag table th.is-small, .m-spec-table--bag table td.is-small { font-size: 14px; } @media screen and (max-width: 768px) { .m-spec-table--bag table th.is-small, .m-spec-table--bag table td.is-small { font-size: 10px; } } @media screen and (max-width: 768px) { .m-spec-table--bag table th, .m-spec-table--bag table td { font-size: 10px; } .m-spec-table--bag table th small, .m-spec-table--bag table td small { font-size: 10px; } } .m-spec-table--bag .m-spec-table__note { font-size: 16px; } .m-spec-table--bag .m-spec-table__note.is-s { margin-top: 5px; font-size: 14px; } @media screen and (max-width: 768px) { .m-spec-table--bag .m-spec-table__note.is-s { font-size: 10px; } } @media screen and (max-width: 768px) { .m-spec-table--bag .m-spec-table__note { font-size: 10px; } } @media screen and (max-width: 768px) { .m-spec-table--bag .bag-img { max-width: 92px !important; } } .m-spec-table ul.is-in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .m-spec-table ul.is-in li { width: 33.33333%; border-left: 1px solid #000000; } .m-spec-table ul.is-in li:nth-child(3n + 1) { border-left: none; } .m-spec-table ul.is-in li:nth-child(n + 4) { border-top: 1px solid #000000; } .m-spec-table sup { vertical-align: super; font-size: 8px; } @media screen and (max-width: 768px) { .m-spl-header__h { margin-right: -10px; margin-left: -10px; } } .m-spl-home { padding-top: 60px; padding-bottom: 80px; } @media screen and (max-width: 768px) { .m-spl-home { padding-top: 30px; padding-bottom: 60px; } } @media screen and (min-width: 769px) { .m-spl-home__thumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .m-spl-home__thumb { display: block; text-decoration: none !important; } @media screen and (min-width: 769px) { .m-spl-home__thumb { width: 46.66667%; } } .m-spl-home__thumb__img img { width: 100%; height: auto; } html.no-touch .m-spl-home__thumb__img img { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .m-spl-home__thumb__h { margin-top: 20px; padding-bottom: 5px; border-bottom: 1px solid #e60012; color: #e60012; font-size: 26px; font-style: italic; line-height: 1.3; } @media screen and (max-width: 768px) { .m-spl-home__thumb__h { margin-top: 10px; font-size: 18px; } } .m-spl-home__thumb__txt { margin-top: 8px; font-size: 14px; text-align: justify; } @media screen and (max-width: 768px) { .m-spl-home__thumb__txt { font-size: 12px; } } @media screen and (max-width: 768px) { .m-spl-home__thumb + .m-spl-home__thumb { margin-top: 28px; } } .m-spl-home__youtube { display: block; margin-top: 60px; } .m-spl-home__youtube img { width: 100%; height: auto; } html.no-touch .m-spl-home__youtube img { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } @media screen and (max-width: 768px) { .m-spl-home__youtube { margin-top: 30px; } } .m-teaser-footer { position: relative; background-color: #000000; } .m-teaser-footer:after { display: block; padding-top: 55.55556%; content: ''; } .m-teaser-footer__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 10px; -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 3s; transition-duration: 3s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(10px); filter: blur(10px); } .m-teaser-footer__in img { max-width: 590px; width: 100%; height: auto; } @media screen and (max-width: 768px) { .m-teaser-footer__in img { max-width: 233px; } } .m-teaser-footer.is-active .m-teaser-footer__in { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-header { position: relative; } .m-teaser-header__bg img { width: 100%; height: auto; } .m-teaser-header__wrap { position: relative; } .m-teaser-header__in { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .m-teaser-header__h { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .m-teaser-header__h img { max-width: 100%; height: auto; } .m-teaser-header__logo { position: absolute; right: 37px; bottom: 15px; } .m-teaser-header__btns { display: block; width: 237px; height: 126px; position: absolute; bottom: 30px; left: 50px; background: transparent url("/wp-content/themes/inpresx2013/img/world_of_rmx/teaser/hero-btn-bg.png") no-repeat 0 0; background-size: contain; cursor: pointer; color: #ffffff; } .m-teaser-header__btns i { position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -0.5em; font-size: 50px; line-height: 1; } .m-teaser-header__btns__main { display: block; width: 100%; position: absolute; bottom: 15px; left: 0; text-align: center; } html.no-touch .m-teaser-header__btns { -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-teaser-header__btns:hover { color: #d7280f; } @media screen and (max-width: 768px) { .m-teaser-header__btns { width: 100%; height: auto; position: relative; bottom: auto; left: 0; background-image: url("/wp-content/themes/inpresx2013/img/world_of_rmx/teaser/hero-btn-bg-sp.png"); } .m-teaser-header__btns i { margin-top: -0.6em; } .m-teaser-header__btns:before { display: block; padding-top: 48.16901%; content: ''; } } .m-teaser-header__btn { display: inline-block; background-color: #d7280f; border-radius: 2em; padding: 4px 12px; color: #ffffff; font-size: 15px; font-style: italic; cursor: pointer; } @media screen and (max-width: 768px) { .m-teaser-header__btn { font-size: 22px; } } .m-teaser-header__btn i { margin-left: 4px; } .m-teaser-header__btn + .m-teaser-header__btn { margin-left: 15px; } html.no-touch .m-teaser-header__btn { -webkit-transition-property: color, background-color; transition-property: color, background-color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-teaser-header__btn:hover { background-color: #ffffff; color: #d7280f; text-decoration: none; } .m-teaser-loading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; padding-top: 117px; box-sizing: border-box; z-index: 2000; pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); } @media screen and (max-width: 768px) { .m-teaser-loading { padding-top: 83px; } } .m-teaser-loading__in { position: relative; width: 100%; height: 100%; } .m-teaser-loading__bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } .m-teaser-loading__copy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: relative; padding-right: 20px; padding-left: 20px; z-index: 2; box-sizing: border-box; } .m-teaser-loading__copy img { width: 100%; max-width: 1122px; height: auto; } .m-teaser-loading.is-hide { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .m-teaser-loading.is-home .m-teaser-loading__copy img { width: 298px; } @media screen and (max-width: 768px) { .m-teaser-loading.is-home .m-teaser-loading__copy img { width: 149px; } } .m-teaser-loading.is-home .m-teaser-loading__bg { background: #000000; } .m-teaser-modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 1000000; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; pointer-events: none; box-sizing: border-box; padding-right: 10px; padding-left: 10px; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .m-teaser-modal__main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 720px; height: 100%; margin-right: auto; margin-left: auto; } .m-teaser-modal__movie { width: 100%; position: relative; } .m-teaser-modal__movie:before { display: block; padding-top: 56.25%; content: ''; } .m-teaser-modal__movie__main, .m-teaser-modal__movie iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .m-teaser-modal__close { position: absolute; top: -55px; right: -40px; font-size: 38px; color: #ffffff !important; cursor: pointer; } html.no-touch .m-teaser-modal__close { -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-teaser-modal__close:hover { color: #d70528 !important; } @media screen and (max-width: 768px) { .m-teaser-modal__close { right: 0; } } .m-teaser-modal.is-show { pointer-events: auto; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .m-teaser-section { position: relative; overflow: hidden; } .m-teaser-section__bg img { width: 100%; height: auto; } .m-teaser-section__in { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .m-teaser-section__s2-logo { width: 830px; height: 52px; position: absolute; bottom: 100px; left: 50%; margin-left: -415px; } .m-teaser-section__s2-logo img { width: 100%; max-width: 830px; height: auto; } @media screen and (max-width: 768px) { .m-teaser-section__s2-logo { width: 100%; height: auto; margin-left: 0; left: 0; bottom: 40px; text-align: center; } .m-teaser-section__s2-logo img { max-width: 326px; width: 100%; height: auto; } } .m-teaser-section__s2-txt { width: 376px; height: 28px; position: absolute; bottom: 50px; left: 50%; margin-left: -188px; } .m-teaser-section__s2-txt img { width: 376px; height: 28px; } @media screen and (max-width: 768px) { .m-teaser-section__s2-txt { width: 149px; height: auto; margin-left: -74px; bottom: 20px; } .m-teaser-section__s2-txt img { width: 149px; height: auto; } } .m-teaser-section__s3-copies { position: absolute; bottom: 20%; left: 90px; } @media screen and (max-width: 768px) { .m-teaser-section__s3-copies { bottom: 17.7665%; left: 20px; } } .m-teaser-section__s3-name { position: absolute; top: 30%; right: 50px; -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(70px); -ms-transform: translateX(70px); transform: translateX(70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } @media screen and (max-width: 768px) { .m-teaser-section__s3-name { right: 20px; top: 20.30457%; } } .m-teaser-section__s3-name img { width: 132px; height: 84px; } @media screen and (max-width: 768px) { .m-teaser-section__s3-name img { width: 66px; height: 42px; } } .m-teaser-section.is-active .m-teaser-section__s3-name { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section__s3-copy { -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section__s3-copy img { width: 318px; height: 112px; } @media screen and (max-width: 768px) { .m-teaser-section__s3-copy img { width: 158px; height: 51px; } } .m-teaser-section.is-active .m-teaser-section__s3-copy { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section__s3-txt { margin-top: 45px; -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section__s3-txt img { width: 366px; height: 46px; } .m-teaser-section.is-active .m-teaser-section__s3-txt { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section__s4-name { position: absolute; bottom: 10%; left: 50px; -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section.is-active .m-teaser-section__s4-name { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } @media screen and (max-width: 768px) { .m-teaser-section__s4-name { left: 20px; bottom: 6.09137%; } } .m-teaser-section__s4-name img { width: 140px; height: 84px; } @media screen and (max-width: 768px) { .m-teaser-section__s4-name img { width: 70px; height: 42px; } } .m-teaser-section__s4-copies { position: absolute; top: 38%; right: 100px; } @media screen and (max-width: 768px) { .m-teaser-section__s4-copies { right: 33px; } } .m-teaser-section__s4-copy { -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(70px); -ms-transform: translateX(70px); transform: translateX(70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section__s4-copy img { width: 354px; height: 106px; } @media screen and (max-width: 768px) { .m-teaser-section__s4-copy img { width: 173px; height: 50px; } } .m-teaser-section.is-active .m-teaser-section__s4-copy { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section__s4-txt { margin-top: 34px; -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(70px); -ms-transform: translateX(70px); transform: translateX(70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section__s4-txt img { width: 336px; height: 74px; } .m-teaser-section.is-active .m-teaser-section__s4-txt { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section__s5-copies { position: absolute; top: 39%; left: 90px; } @media screen and (max-width: 768px) { .m-teaser-section__s5-copies { left: 35px; bottom: 37.05584%; } } .m-teaser-section__s5-name { position: absolute; bottom: 10%; right: 50px; -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(70px); -ms-transform: translateX(70px); transform: translateX(70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section.is-active .m-teaser-section__s5-name { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } @media screen and (max-width: 768px) { .m-teaser-section__s5-name { right: 20px; bottom: 7.61421%; } } .m-teaser-section__s5-name img { width: 144px; height: 84px; } @media screen and (max-width: 768px) { .m-teaser-section__s5-name img { width: 72px; height: 42px; } } .m-teaser-section__s5-copy { -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section.is-active .m-teaser-section__s5-copy { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section__s5-copy img { width: 404px; height: 113px; } @media screen and (max-width: 768px) { .m-teaser-section__s5-copy img { width: 183px; height: 51px; } } .m-teaser-section__s5-txt { margin-top: 34px; -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section__s5-txt img { width: 276px; height: 46px; } .m-teaser-section.is-active .m-teaser-section__s5-txt { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section__s6-copies { position: absolute; top: 43%; right: 50px; } @media screen and (max-width: 768px) { .m-teaser-section__s6-copies { top: 40.60914%; right: 20px; } } .m-teaser-section__s6-copy { -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section__s6-copy img { width: 488px; height: 136px; } @media screen and (max-width: 768px) { .m-teaser-section__s6-copy img { width: 220px; height: 60px; } } .m-teaser-section.is-active .m-teaser-section__s6-copy { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section__s6-txt { margin-top: 30px; -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section__s6-txt img { width: 248px; height: 46px; } .m-teaser-section.is-active .m-teaser-section__s6-txt { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section__s7-copies { position: absolute; top: 44%; left: 104px; } @media screen and (max-width: 768px) { .m-teaser-section__s7-copies { top: 42.63959%; left: 42px; } } .m-teaser-section__s7-copy { -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section__s7-copy img { width: 382px; height: 62px; } @media screen and (max-width: 768px) { .m-teaser-section__s7-copy img { width: 172px; height: 27px; } } .m-teaser-section.is-active .m-teaser-section__s7-copy { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section__s7-txt { margin-top: 30px; -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section__s7-txt img { width: 300px; height: 74px; } .m-teaser-section.is-active .m-teaser-section__s7-txt { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section__s8-copies { position: absolute; bottom: 26%; right: 50px; } @media screen and (max-width: 768px) { .m-teaser-section__s8-copies { right: 23px; bottom: 21.3198%; } } .m-teaser-section__s8-copy { -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section__s8-copy img { width: 372px; height: 62px; } @media screen and (max-width: 768px) { .m-teaser-section__s8-copy img { width: 177px; height: 29px; } } .m-teaser-section.is-active .m-teaser-section__s8-copy { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section__s8-txt { margin-top: 30px; -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(4px); filter: blur(4px); } .m-teaser-section__s8-txt img { width: 274px; height: 76px; } .m-teaser-section.is-active .m-teaser-section__s8-txt { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: blur(0); filter: blur(0); } .m-teaser-section .m-teaser-section__s2-logo { -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(-70px); -ms-transform: translateX(-70px); transform: translateX(-70px); } .m-teaser-section .m-teaser-section__s2-txt { -webkit-transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, -webkit-transform, -webkit-filter; transition-property: opacity, transform, filter; transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translateX(70px); -ms-transform: translateX(70px); transform: translateX(70px); } .m-teaser-section.is-active .m-teaser-section__s2-logo { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .m-teaser-section.is-active .m-teaser-section__s2-txt { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .m-teaser { position: relative; border-top: 4px solid #d70528; border-bottom: 4px solid #d70528; } @media screen and (max-width: 768px) { .m-teaser { border-width: 2px; } } .m-teaser__close { display: block; position: absolute; top: -55px; right: -40px; font-size: 38px; color: #ffffff; cursor: pointer; } html.no-touch .m-teaser__close { -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-teaser__close:hover { color: #d70528; } @media screen and (max-width: 768px) { .m-teaser__close { right: 0; } } .m-theorder-fig { margin: 0; padding: 0; } .m-theorder-fig__img img { max-width: 100%; height: auto; } .m-theorder-fig__caption { margin-top: 10px; font-size: 12px; } @media screen and (max-width: 768px) { .m-theorder-fig__caption { margin-top: 5px; font-size: 11px; } } @media screen and (min-width: 769px) { .m-theorder-figbody { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .m-theorder-figbody__txt { width: 61.73469%; } .m-theorder-figbody__txt > p + p { margin-top: 2em; } .m-theorder-figbody__fig { width: 34.69388%; } } @media screen and (max-width: 768px) { .m-theorder-figbody__fig { max-width: 275px; margin-top: 20px; margin-right: auto; margin-left: auto; } } .m-theorder-hero { position: relative; background: transparent url("https://www.jxxgn888.com/uploads/image/20190920/253e88a72bea.jpg") no-repeat 0 0; background-size: cover; } .m-theorder-hero:before { display: block; padding-top: 41.66667%; content: ''; } @media screen and (max-width: 768px) { .m-theorder-hero:before { padding-top: 53.33333%; } } .m-theorder-hero__h img { max-width: 100%; height: auto; } .m-theorder-hero__in { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-right: 10px; padding-left: 10px; } .m-theorder-hero__main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .m-theorder-main { background-color: #000000; padding-top: 70px; padding-bottom: 70px; } @media screen and (max-width: 768px) { .m-theorder-main { padding-top: 35px; padding-bottom: 40px; } } .m-theorder-main__h { text-align: center; } .m-theorder-main__h img { max-width: 100%; height: auto; } @media screen and (max-width: 768px) { .m-theorder-main__h img { max-width: 295px; width: 100%; } } .m-theorder-main__secs { margin-top: 70px; } @media screen and (max-width: 768px) { .m-theorder-main__secs { margin-top: 35px; } } .m-theorder-main__sec + .m-theorder-main__sec { margin-top: 80px; } @media screen and (max-width: 768px) { .m-theorder-main__sec + .m-theorder-main__sec { margin-top: 40px; } } .m-theorder-main__sec__h { padding-bottom: 10px; color: #ffffff; font-size: 34px; border-bottom: 1px solid #e60012; } @media screen and (max-width: 768px) { .m-theorder-main__sec__h { padding-bottom: 5px; font-size: 16px; } } .m-theorder-main__sec__body { margin-top: 35px; color: #ffffff; font-size: 15px; text-align: justify; line-height: 2; } @media screen and (max-width: 768px) { .m-theorder-main__sec__body { margin-top: 10px; font-size: 12px; } } .m-theorder-main__sec__txt > p + p { margin-top: 2em; } .m-theorder-main__sec__copy1 { margin-top: 70px; text-align: center; } .m-theorder-main__sec__copy1 img { max-width: 100%; height: auto; } @media screen and (max-width: 768px) { .m-theorder-main__sec__copy1 { margin-top: 40px; } .m-theorder-main__sec__copy1 img { max-width: 293px; } } .m-theorder-main__figs { margin-top: 50px; } @media screen and (min-width: 769px) { .m-theorder-main__figs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .m-theorder-main__figs__item { width: 34.69388%; } .m-theorder-main__figs__item + .m-theorder-main__figs__item { margin-left: 40px; } } @media screen and (max-width: 768px) { .m-theorder-main__figs { max-width: 275px; margin-top: 20px; margin-right: auto; margin-left: auto; } .m-theorder-main__figs__item + .m-theorder-main__figs__item { margin-top: 25px; } } .m-theorder-main__photos { margin-top: 70px; } @media screen and (max-width: 768px) { .m-theorder-main__photos { margin-top: 35px; } } .m-theorder-main__photos img { width: 100%; height: auto; } .m-theorder-main__footer { padding-top: 75px; padding-right: 10px; padding-left: 10px; } @media screen and (max-width: 768px) { .m-theorder-main__footer { padding-top: 35px; } } .m-theorder-main__footer__logo { text-align: center; } .m-theorder-main__footer__logo img { max-width: 565px; width: 100%; height: auto; } @media screen and (max-width: 768px) { .m-theorder-main__footer__logo img { max-width: 283px; } } .m-theorder-main__footer__btn { margin-top: 35px; text-align: center; } @media screen and (max-width: 768px) { .m-theorder-main__footer__btn { margin-top: 25px; } } .m-theorder-main__footer__btn a { color: #e60012; display: inline-block; width: 284px; position: relative; padding: 10px 5px 10px; background-color: #ffffff; border-radius: 2em; font-size: 21px; font-weight: bold; text-align: center; text-decoration: none !important; cursor: pointer; } .m-theorder-main__footer__btn a:visited, .m-theorder-main__footer__btn a:link { color: #e60012; } @media screen and (max-width: 768px) { .m-theorder-main__footer__btn a { width: 100%; max-width: 320px; } } .m-theorder-main__footer__btn a:after { display: inline-block; font-family: "wor"; font-size: inherit; font-style: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "顎"; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; line-height: 1; font-weight: normal; } @media screen and (max-width: 768px) { .m-theorder-main__footer__btn a:after { font-size: 14px; } } html.no-touch .m-theorder-main__footer__btn a { -webkit-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } html.no-touch .m-theorder-main__footer__btn a:hover { color: #ffffff; background-color: #e60012; } @media screen and (min-width: 769px) { .m-wefigset { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 769px) { .m-wefigset__txt { width: 50%; } } @media screen and (min-width: 769px) { .m-wefigset__img { width: 50%; } } @media screen and (max-width: 768px) { .m-wefigset__img { margin-top: 15px; } } .m-wefigset__img img { width: 100%; height: auto; } .m-wefigset__h { position: relative; padding-left: 1.2em; font-size: 18px; } @media screen and (max-width: 768px) { .m-wefigset__h { font-size: 14px; } } .m-wefigset__h:before { display: block; color: #e60012; position: absolute; top: 0; left: 0; content: '鈻'; } .m-wefigset__body { margin-top: 5px; font-size: 14px; line-height: 1.7; } @media screen and (max-width: 768px) { .m-wefigset__body { font-size: 12px; } } .m-yt { position: relative; } .m-yt:before { display: block; padding-top: 56.51163%; content: ''; } .m-yt__in, .m-yt iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .o-bag__body { margin-top: 10px; } @media screen and (max-width: 768px) { .o-bag__body { padding-bottom: 35px; } } .o-product-design__header { position: relative; height: 180px; background: transparent url(https://www.jxxgn888.com/uploads/image/20190920/3d544c932176.jpg) no-repeat center center; background-size: cover; } .o-product-design__header__h { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .o-product-design__header__h img { width: 258px; height: 60px; } @media screen and (max-width: 768px) { .o-product-design__header { height: 90px; } .o-product-design__header__h img { width: 129px; height: 30px; } } .o-product-design__intro { padding: 45px 0 50px; background-image: -webkit-linear-gradient(left, #740003 0%, #b31a20 100%); background-image: linear-gradient(to right, #740003 0%, #b31a20 100%); color: #ffffff; } .o-product-design__intro__h { font-size: 40px; font-style: italic; } @media screen and (max-width: 768px) { .o-product-design__intro__h { font-size: 24px; } } .o-product-design__intro__body { margin-top: 35px; font-size: 16px; } @media screen and (max-width: 768px) { .o-product-design__intro__body { margin-top: 17px; font-size: 12px; } } @media screen and (max-width: 768px) { .o-product-design__intro { padding: 20px 10px 30px; } } .o-product-design__profile { color: #fff; padding-top: 55px; padding-bottom: 70px; background-image: -webkit-linear-gradient(left, #740003 0%, #b31a20 100%); background-image: linear-gradient(to right, #740003 0%, #b31a20 100%); } @media screen and (max-width: 768px) { /*.o-product-design__profile { display: none; }*/ } #conts .o-product-design .designSection { background: none; } #conts .o-product-design .designTitleWrapper { margin-right: auto; margin-left: auto; position: relative; height: auto; } #conts .o-product-design .designTitleWrapper.no01 { background: transparent url(https://www.jxxgn888.com/uploads/image/20190920/298367fff1d5.jpg) no-repeat center center; background-size: cover; } #conts .o-product-design .designTitleWrapper.no02 { background: transparent url(https://www.jxxgn888.com/uploads/image/20190920/d9759e594440.jpg) no-repeat center center; background-size: cover; } #conts .o-product-design .designTitleWrapper.no03 { background: transparent url(https://www.jxxgn888.com/uploads/image/20190920/ab439a9af037.jpg) no-repeat center center; background-size: cover; } #conts .o-product-design .designTitleWrapper.no04 { background: transparent url(https://www.jxxgn888.com/uploads/image/20190920/26dbcbc079c1.jpg) no-repeat center center; background-size: cover; } #conts .o-product-design .designTitleWrapper:before { display: block; padding-top: 37.5%; content: ''; } @media screen and (max-width: 768px) { #conts .o-product-design .designTitleWrapper:before { padding-top: 60%; } } #conts .o-product-design .designTitleWrapper .designTitleContainer { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #conts .o-product-design .designTitleWrapper .designTitle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-top: 0; white-space: nowrap; line-height: 1.7; } @media screen and (max-width: 768px) { #conts .o-product-design .designTitleWrapper .designTitle { font-size: 24px; } } #conts .o-product-design .designTitleWrapper .designTitle .number { color: #d70427; font-weight: bold; } #conts .o-product-design .profileSection { padding-top: 0; padding-bottom: 0; background-color: transparent; } #conts .o-product-design .profileTitle { font-size: 30px; font-weight: 600; } #conts .o-product-design .profileWrapper .profileName { font-size: 24px; } #conts .o-product-design .profileWrapper p { font-size: 12px; line-height: 1.7; letter-spacing: 0.03em; } .o-rmx-home__hero { max-width: 980px; margin-right: auto; margin-left: auto; } .o-rmx-home__hero img { width: 100%; height: auto; } html.no-touch .o-rmx-home img { -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .o-rmx-wrap * { box-sizing: border-box; } .o-rmx-wrap *:before, .o-rmx-wrap *:after { box-sizing: border-box; } .o-rmx-wrap.has-pb { padding-bottom: 130px; } @media screen and (max-width: 768px) { .o-rmx-wrap.has-pb { padding-bottom: 65px; } } .o-rmx-wrap.is-oh { overflow: hidden; } .o-teaser { width: 100%; height: calc(100% + 142px); position: absolute; top: -142px; left: 0; background-color: rgba(0, 0, 0, 0.7); padding-top: 100px; padding-right: 20px; padding-left: 20px; box-sizing: border-box; visibility: hidden; overflow: hidden; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .o-teaser__in { max-width: 900px; margin-right: auto; margin-left: auto; position: relative; } .o-teaser.is-moved { top: 117px; z-index: 100; } .o-teaser.is-show { visibility: visible; } .o-teaser.is-hide { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; pointer-events: none; } @media screen and (max-width: 768px) { .o-teaser { padding-top: 75px; padding-right: 10px; padding-left: 10px; top: -53px; } } @media screen and (max-width: 768px) { .p-020iron-sec1__body img { max-width: 271px !important; } } @media screen and (max-width: 768px) { .p-020iron-sec2__body img { max-width: 253px !important; } } .p-120iron-sec1__dl { margin-top: 25px; } @media screen and (max-width: 768px) { .p-120iron-sec1__dl { margin-top: 15px; } } .p-120iron-sec1__img1 { margin-top: 40px; text-align: center; } .p-120iron-sec1__img1 img { max-width: 700px; width: 100%; height: auto; } @media screen and (max-width: 768px) { .p-120iron-sec1__img1 { margin-top: 30px; } } .p-120iron-sec1__img2 { margin-top: 25px; } @media screen and (max-width: 768px) { .p-120iron-sec1__img2 { margin-top: 15px; } } .p-120iron-sec1__img3 { margin-top: 25px; } @media screen and (max-width: 768px) { .p-120iron-sec1__img3 { margin-top: 20px; } } .p-220iron-sec1__fig1 { margin-top: 20px; } .p-220iron-sec1__fig1 img { max-width: 358px; height: auto; } .p-220iron-sec1__figs1 { margin-top: 50px; } @media screen and (min-width: 769px) { .p-220iron-sec1__figs1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (min-width: 769px) { .p-220iron-sec1__figs1__fig { width: 45.55556%; } .p-220iron-sec1__figs1__fig img { max-width: 380px; height: auto; } } @media screen and (max-width: 768px) { .p-220iron-sec1__figs1__fig + .p-220iron-sec1__figs1__fig { margin-top: 25px; } } .p-dr120-sec1 { padding-bottom: 50px; } @media screen and (max-width: 768px) { .p-dr120-sec1 { padding-bottom: 30px; } } .p-dr120-sec1__img1 img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .p-dr120-sec1__img1 { padding-top: 25px; text-align: center; } .p-dr120-sec1__img1 img { max-width: 300px !important; } } .p-dr120-sec1__figset1 { margin: 0; padding: 0; } @media screen and (min-width: 769px) { .p-dr120-sec1__figset1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 769px) { .p-dr120-sec1__figset1__img { width: 50%; } } @media screen and (max-width: 768px) { .p-dr120-sec1__figset1__img { text-align: center; } } .p-dr120-sec1__figset1__img img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .p-dr120-sec1__figset1__img img { max-width: 300px !important; } } .p-dr120-sec1__figset1 figcaption { color: #ffffff; font-size: 17px; font-weight: bold; line-height: 1.7; } .p-dr120-sec1__figset1 figcaption > p + p { margin-top: 5px; } @media screen and (min-width: 769px) { .p-dr120-sec1__figset1 figcaption { width: 46.66667%; } } @media screen and (max-width: 768px) { .p-dr120-sec1__figset1 figcaption { margin-top: 10px; font-size: 14px; } } .p-dr120-sec1__figs { margin-top: 50px; } @media screen and (max-width: 768px) { .p-dr120-sec1__figs { margin-top: 22px; } } @media screen and (min-width: 769px) { .p-dr120-sec1__figs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .p-dr120-sec1__figs__fig { margin: 0; padding: 0; } @media screen and (min-width: 769px) { .p-dr120-sec1__figs__fig { width: 47.77778%; } } @media screen and (max-width: 768px) { .p-dr120-sec1__figs__fig + .p-dr120-sec1__figs__fig { margin-top: 30px; } } .p-dr120-sec1__figs__fig__img { text-align: center; } .p-dr120-sec1__figs__fig__img img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .p-dr120-sec1__figs__fig__img img { max-width: 300px !important; } } .p-dr120-sec1__figs__fig figcaption { margin-top: 10px; color: #ffffff; font-size: 14px; } .p-dr120-sec1__figs__fig figcaption > p + p { margin-top: 5px; } @media screen and (max-width: 768px) { .p-dr120-sec1__figs__fig figcaption { font-size: 12px; } } .p-dr120-sec1__t1 { margin-top: 25px; font-size: 16px; } @media screen and (max-width: 768px) { .p-dr120-sec1__t1 { margin-top: 15px; font-size: 14px; } } .p-dr120-sec1__img2 { margin-top: 55px; text-align: center; } .p-dr120-sec1__img2 img { max-width: 100%; height: auto; } @media screen and (max-width: 768px) { .p-dr120-sec1__img2 { margin-top: 25px; } } .p-dr120-sec1__img3 { margin-top: 50px; text-align: center; } @media screen and (max-width: 768px) { .p-dr120-sec1__img3 { margin-top: 28px; } } .p-dr120-sec1__img3 img { max-width: 100%; height: auto; } @media screen and (max-width: 768px) { .p-dr120-sec1__img3 img { max-width: 320px !important; } } .p-dr120-sec1s img { max-width: 512px; height: auto; } .p-dr120-sec2__img1 { margin: 0; padding: 0; margin-top: 15px; text-align: center; } .p-dr120-sec2__img1 img { max-width: 360px; height: auto; } @media screen and (max-width: 768px) { .p-dr120-sec2__img1 img { max-width: 300px !important; } } .p-dr120-sec2__img1 figcaption { margin-top: 15px; font-size: 14px; text-align: center; } @media screen and (max-width: 768px) { .p-dr120-sec2__img1 figcaption { margin-top: 10px; font-size: 12px; } } .p-dr120-sec2__sec1 { margin-top: 50px; } .p-dr120-sec2__sec1 .m-img { margin-top: 20px; } @media screen and (max-width: 768px) { .p-dr120-sec2__sec1 { margin-top: 25px; } } .p-dr120-sec3__shaft-head { margin-top: 40px; } @media screen and (max-width: 768px) { .p-dr120-sec3__shaft-head { margin-top: 20px; } } .p-dr120-sec3__shaft-head img { width: 100%; height: auto; } .p-dr120-sec3__grip-acce { margin-top: 60px; } @media screen and (min-width: 769px) { .p-dr120-sec3__grip-acce { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 768px) { .p-dr120-sec3__grip-acce { margin-top: 15px; } } @media screen and (min-width: 769px) { .p-dr120-sec3__grip { width: 40.22222%; } } .p-dr120-sec3__grip img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .p-dr120-sec3__grip img { max-width: 258px !important; } } @media screen and (min-width: 769px) { .p-dr120-sec3__acce { width: 55.44444%; } } @media screen and (max-width: 768px) { .p-dr120-sec3__acce { margin-top: 15px; } } .p-dr120-sec3__acce img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .p-dr120-sec3__acce img { max-width: 355px !important; } } .p-dr120-sec3__option { margin-top: 60px; } @media screen and (max-width: 768px) { .p-dr120-sec3__option { margin-top: 15px; } } .p-dr120-sec3__option img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .p-dr120-sec3__option img { max-width: 355px !important; } } .p-fw20-sec1 { border-top: 3px solid #a0141a; } .p-fw20-sec1__h { text-align: center; } .p-fw20-sec1__h img { max-width: 850px; height: auto; } .p-fw20-sec1__sec__in { padding-top: 40px; padding-bottom: 30px; border-bottom: 1px solid #d1290f; } @media screen and (max-width: 768px) { .p-fw20-sec1__sec__in { padding-top: 15px; padding-bottom: 20px; padding-right: 17px; padding-left: 17px; } } .p-fw20-sec1__sec__h { color: #ffffff; font-size: 26px; } @media screen and (max-width: 768px) { .p-fw20-sec1__sec__h { font-size: 14px; } } .p-fw20-sec1__sec__lead { margin-top: 20px; color: #ffffff; font-size: 16px; } .p-fw20-sec1__sec__lead.is-list { position: relative; padding-left: 1.2em; } .p-fw20-sec1__sec__lead.is-list:before { display: inline-block; position: absolute; top: 0; left: 0; content: '鈻'; } @media screen and (max-width: 768px) { .p-fw20-sec1__sec__lead { font-size: 10px; } } .p-fw20-sec1__s1 { max-width: 900px; margin-right: auto; margin-left: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 769px) { .p-fw20-sec1__s1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .p-fw20-sec1__s1__txt { color: #ffffff; font-size: 26px; font-weight: bold; } @media screen and (max-width: 768px) { .p-fw20-sec1__s1__txt { font-size: 14px; } } .p-fw20-sec1__s1__img { width: 44.44444%; text-align: center; } .p-fw20-sec1__s1__img img { max-width: 170px; height: auto; } @media screen and (max-width: 768px) { .p-fw20-sec1__s1__img { width: 100%; margin-top: 15px; } .p-fw20-sec1__s1__img img { max-width: 164px !important; } } .p-fw20-sec1__s2 { max-width: 900px; margin-right: auto; margin-left: auto; } .p-fw20-sec1__s2__img { margin-top: 20px; } .p-fw20-sec1__s2__img__note { margin-top: 10px; text-align: right; font-size: 14px; } @media screen and (max-width: 768px) { .p-fw20-sec1__s2__img__note { font-size: 10px; } } .p-fw20-sec1__s2 img { width: 100%; height: auto; }