@charset "UTF-8"; /*------------------------------------------------------------------------------ Common ------------------------------------------------------------------------------*/ /* Utility ------------------------------------------------------------------------------*/ .pcOnly { display: block; } @media only screen and (max-width: 767px) { .pcOnly { display: none; } } .spOnly { display: none; } @media only screen and (max-width: 767px) { .spOnly { display: block; } } .pcOnly-ib { display: inline-block; } @media only screen and (max-width: 767px) { .pcOnly-ib { display: none; } } .spOnly-ib { display: none; } @media only screen and (max-width: 767px) { .spOnly-ib { display: inline-block; } } .mt0 { margin-top: 0 !important; } .mb0 { margin-bottom: 0 !important; } @media print, screen and (min-width: 768px) { .p0 { padding: 0 !important; } } @media only screen and (max-width: 767px) { .p0 { padding-top: 0 !important; border-bottom: 1px solid #eaeced; } } /* Transition ------------------------------------------------------------------------------*/ @media print, screen and (min-width: 768px) { .link_hover { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } } .link_hover:hover { color: #fa0000 !important; } .link_opacity { display: inline-block; } @media print, screen and (min-width: 768px) { .link_opacity { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } } @media print, screen and (min-width: 768px) { .link_opacity:hover { opacity: .75; } } @media print, screen and (min-width: 768px) { .img_hover img { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } } @media print, screen and (min-width: 768px) { .img_hover:hover img { opacity: .85; } } .btn_hover:hover .mod-btn> * { background-color: #fa0000; background-position: -100% 100%; color: #fff; } .border_underLine { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-bottom: 2px solid #e6e6e6; } .border_underLine::before, .border_underLine::after { content: ''; position: absolute; display: block; } .border_underLine::before { width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); height: 2px; top: 100%; left: 0; background-color: #fa0000; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .border_underLine::after { height: 2px; background-color: #fa0000; top: 100%; right: 0; } @media print, screen and (min-width: 768px) { .border_underLine::after { width: 30px; } } @media only screen and (max-width: 767px) { .border_underLine::after { width: 8vw; } } /* Lazy ------------------------------------------------------------------------------*/ .delighter .d-fadeIn { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: opacity 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: opacity 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86); opacity: 0; } .delighter .d-fadeIn.delay { -webkit-transition-delay: .2s; transition-delay: .2s; } .delighter .lazy { opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .delighter.started .d-fadeIn { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .delighter.started .lazy { opacity: 1; } /* Icon ------------------------------------------------------------------------------*/ .arrow_hover { position: relative; } .arrow_hover:hover .icon_arrow::after { -webkit-animation: arrowSlide 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards; animation: arrowSlide 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards; } .arrow_hover:hover .border_underLine::before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .arrow_hover:hover .arrow_diagonal-g::after { background-image: url(/shared/img/icon/icon_arrow_diagonal.svg); } .arrow_hover:hover .icon_arrow-g::after { background-image: url(/shared/img/icon/icon_arrow.svg); } .arrow_hover.arrow_center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; } .arrow_hover .inner_txt { margin-right: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .arrow_hover.reverse:hover .icon_arrow::after { -webkit-animation: arrowSlide_r 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards; animation: arrowSlide_r 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards; } .shift_hover { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } @media print, screen and (min-width: 768px) { .shift_hover:hover { -webkit-box-shadow: 0 5px 20px 0 rgba(4, 0, 0, 0.1); box-shadow: 0 5px 20px 0 rgba(4, 0, 0, 0.1); -webkit-transform: translateY(-3px); transform: translateY(-3px); } } @media only screen and (max-width: 767px) { .shift_hover:hover { -webkit-box-shadow: 0 1.33333vw 5.33333vw 0 rgba(4, 0, 0, 0.1); box-shadow: 0 1.33333vw 5.33333vw 0 rgba(4, 0, 0, 0.1); -webkit-transform: translateY(-0.8vw); transform: translateY(-0.8vw); } } .icon_arrow { position: relative; display: inline-block; overflow: hidden; } @media print, screen and (min-width: 768px) { .icon_arrow { margin-left: 13px; width: 12px; height: 13px; } } @media only screen and (max-width: 767px) { .icon_arrow { margin-left: 2.93333vw; width: 3.2vw; height: 3.46667vw; } } .icon_arrow::after { content: ''; position: absolute; display: block; background: url(/shared/img/icon/icon_arrow.svg) center/contain no-repeat; top: 0; left: 0; } @media print, screen and (min-width: 768px) { .icon_arrow::after { width: 12px; height: 13px; } } @media only screen and (max-width: 767px) { .icon_arrow::after { width: 3.2vw; height: 3.46667vw; } } .icon_arrow.reverse::after { background-image: url(/shared/img/icon/icon_arrow_r.svg); } @media print, screen and (min-width: 768px) { .icon_arrow.arrow_diagonal, .icon_arrow.arrow_diagonal-g { width: 12px; height: 13px; } } @media only screen and (max-width: 767px) { .icon_arrow.arrow_diagonal, .icon_arrow.arrow_diagonal-g { width: 3.2vw; height: 3.46667vw; } } @media print, screen and (min-width: 768px) { .icon_arrow.arrow_diagonal::after, .icon_arrow.arrow_diagonal-g::after { width: 12px; height: 13px; } } @media only screen and (max-width: 767px) { .icon_arrow.arrow_diagonal::after, .icon_arrow.arrow_diagonal-g::after { width: 3.2vw; height: 3.46667vw; } } .icon_arrow.arrow_diagonal { position: absolute; display: block; margin-left: 0; } .icon_arrow.arrow_diagonal::after { background-image: url(/shared/img/icon/icon_arrow_diagonal.svg); } .icon_arrow.arrow_diagonal-g { margin-left: 10px; } .icon_arrow.arrow_diagonal-g::after { background-image: url(/shared/img/icon/icon_arrow_diagonal_g.svg); } .icon_arrow.icon_arrow-w::after { background-image: url(/shared/img/icon/icon_arrow_w.svg); } .icon_arrow.icon_arrow-g::after { background-image: url(/shared/img/icon/icon_arrow_g.svg); } .icon_arrow.icon_blank::after { background-image: url(/shared/img/icon/icon_arrow_diagonal.svg); } @media print, screen and (min-width: 768px) { .icon_arrow.icon_dl { width: 11px; height: 14px; } } @media only screen and (max-width: 767px) { .icon_arrow.icon_dl { width: 2.93333vw; height: 3.73333vw; } } .icon_arrow.icon_dl::after { background-image: url(/shared/img/icon/icon_dl.svg); } @media print, screen and (min-width: 768px) { .icon_arrow.icon_dl::after { width: 11px; height: 14px; } } @media only screen and (max-width: 767px) { .icon_arrow.icon_dl::after { width: 2.93333vw; height: 3.73333vw; } } .icon_arrow.icon_after { margin-right: 0; } @media print, screen and (min-width: 768px) { .icon_arrow.icon_after { margin-left: 8px; } } @media only screen and (max-width: 767px) { .icon_arrow.icon_after { margin-left: 2.13333vw; } } .icon_pdf::before, .icon_pdf::after { display: inline-block; vertical-align: middle; font-style: normal; position: relative; top: -1px; } .icon_pdf::before { position: relative; content: 'PDF'; color: #fff; background-color: #000; text-align: center; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } @media print, screen and (min-width: 768px) { .icon_pdf::before { margin-left: 13px; font-size: 10px; padding: 1px 2px; width: 28px; top: -2px; } } @media only screen and (max-width: 767px) { .icon_pdf::before { margin-left: 2.4vw; font-size: 10px; font-size: 2.66667vw; padding: 0.26667vw 0.53333vw; width: 7.46667vw; top: -0.53333vw; } } .icon_pdf[data-size]::after { content: "(" attr(data-size) ")"; color: #555; } @media print, screen and (min-width: 768px) { .icon_pdf[data-size]::after { font-size: 12px; margin-left: 7px; } } @media only screen and (max-width: 767px) { .icon_pdf[data-size]::after { font-size: 12px; font-size: 3.2vw; margin-left: 1.86667vw; } } .icon_contact { position: relative; display: inline-block; vertical-align: middle; } @media print, screen and (min-width: 768px) { .icon_contact { width: 25px; height: 20px; margin-right: 16px; } } @media only screen and (max-width: 767px) { .icon_contact { width: 6.66667vw; height: 5.33333vw; margin-right: 4.8vw; } } .icon_contact::before { content: ''; position: absolute; display: block; background: url(/shared/img/icon/icon_contact_w.svg) center/contain no-repeat; top: 0; left: 0; } @media print, screen and (min-width: 768px) { .icon_contact::before { width: 25px; height: 20px; } } @media only screen and (max-width: 767px) { .icon_contact::before { width: 6.66667vw; height: 5.33333vw; } } .inline-link { color: #777; text-decoration: underline; display: inline-block; } @media print, screen and (min-width: 768px) { .inline-link { margin: 0 5px; } } @media only screen and (max-width: 767px) { .inline-link { margin: 0 1.33333vw; } } .inline-link:hover { color: #fa0000; text-decoration: none; } .inline-link [class^="icon_"] { margin-right: 0; } @media print, screen and (min-width: 768px) { .inline-link [class^="icon_"] { margin-left: 5px; } } @media only screen and (max-width: 767px) { .inline-link [class^="icon_"] { margin-left: 1.33333vw; } } .inline-link .icon_blank::after { background-image: url(/shared/img/icon/icon_arrow_diagonal_g.svg); } .inline-link:hover .icon_blank::after { background-image: url(/shared/img/icon/icon_arrow_diagonal.svg); } .circle_line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 768px) { .circle_line .circle_txt { padding-left: 14px; } } @media only screen and (max-width: 767px) { .circle_line .circle_txt { padding-left: 3.2vw; } } [class*="icon_circle"] { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-negative: 0; flex-shrink: 0; } @media print, screen and (min-width: 768px) { [class*="icon_circle"] { width: 34px; height: 34px; -ms-flex-negative: 0; flex-shrink: 0; } } @media only screen and (max-width: 767px) { [class*="icon_circle"] { width: 9.06667vw; height: 9.06667vw; } } [class*="icon_circle"]::before { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; border-width: 2px; border-style: solid; padding-left: 2px; font-family: "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴシック", Hiragino Sans, Verdana, "メイリオ", Meiryo, sans-serif; font-weight: 700; top: 0; left: 0; } @media print, screen and (min-width: 768px) { [class*="icon_circle"]::before { width: 34px; height: 34px; font-size: 10px; margin-top: 1px; } } @media only screen and (max-width: 767px) { [class*="icon_circle"]::before { width: 9.06667vw; height: 9.06667vw; font-size: 10px; font-size: 2.66667vw; } } .icon_circle-new::before { content: 'NEW'; border-color: #fa0000; color: #fa0000; } .icon_circle-limited::before { content: '限定'; border-color: #09a501; color: #09a501; } .icon_circle-up::before { content: 'UP'; border-color: #ff7200; color: #ff7200; } .icon_circle-special::before { content: '特典'; border-color: #3a61ce; color: #3a61ce; } .icon_circle-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon_circle-middle::before { margin-top: 0; } .icon_circle-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; } .icon_circle-center::before { margin-top: 0; } @media print, screen and (min-width: 768px) { .icon_circle-fill { width: 14px; height: 14px; } } @media only screen and (max-width: 767px) { .icon_circle-fill { width: 3.46667vw; height: 3.46667vw; } } .icon_circle-fill::before { content: ''; border: none; background-color: #222; } @media print, screen and (min-width: 768px) { .icon_circle-fill::before { width: 14px; height: 14px; } } @media only screen and (max-width: 767px) { .icon_circle-fill::before { width: 3.46667vw; height: 3.46667vw; } } .icon_line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: auto; } @media print, screen and (min-width: 768px) { .icon_line { width: 9px; height: 1px; } } @media only screen and (max-width: 767px) { .icon_line { width: 2.13333vw; height: 0.26667vw; } } .icon_line::before { content: ''; position: absolute; display: block; background-color: #5d5d5d; } @media print, screen and (min-width: 768px) { .icon_line::before { width: 9px; height: 1px; } } @media only screen and (max-width: 767px) { .icon_line::before { width: 2.13333vw; height: 0.26667vw; } } .icon_generic { position: relative; display: inline-block; vertical-align: middle; text-align: center; } @media print, screen and (min-width: 768px) { .icon_generic { margin-right: 5px; width: 24px; } } @media only screen and (max-width: 767px) { .icon_generic { margin-right: 1.33333vw; width: 6.4vw; } } .icon_generic img { vertical-align: baseline; max-width: 100%; } /* IE11 ------------------------------------------------------------------------------*/ @media all and (-ms-high-contrast: none) { *::-ms-backdrop, :root .icon_arrow { top: -3px; } *::-ms-backdrop, :root .footer_upper_nav_subList .icon_arrow { top: -1px; } *::-ms-backdrop, :root .icon_pdf::before { padding: 3px 2px 0; } *::-ms-backdrop, :root .circle_line [class*="icon_circle"] { top: -4px; } *::-ms-backdrop, :root [class*="icon_circle"]::before { padding: 4px 0 0 0; } } @font-face { font-family: 'Archivo-Bold'; src: url("/shared/fonts/Archivo-Bold.ttf") format("woff"); font-weight: 700; } @font-face { font-family: 'Archivo-Regular'; src: url("/shared/fonts/Archivo-Regular.ttf") format("woff"); font-weight: 400; } /* Font ------------------------------------------------------------------------------*/ .font-b { font-family: Archivo-Bold, Arial; } .font-r { font-family: Archivo-Regular, Arial; } /* Style Guide ------------------------------------------------------------------------------*/ /* Animation ------------------------------------------------------------------------------*/ @-webkit-keyframes arrowSlide { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 50.0% { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } 50.1% { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes arrowSlide { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 50.0% { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } 50.1% { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes arrowSlide_r { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 50.0% { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; } 50.1% { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes arrowSlide_r { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 50.0% { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; } 50.1% { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes zoomUp { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.15); transform: scale(1.15); } } @keyframes zoomUp { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.15); transform: scale(1.15); } } /* 背景色 ------------------------------------------------------------------------------*/ /* 矢印 ------------------------------------------------------------------------------*/ /* 個人 ------------------------------------------------------------------------------*/ /* 法人 ------------------------------------------------------------------------------*/ .justsfa:not(.story_content_inner) .products_mainvisual_notice, .justsfa:not(.story_content_inner) .products_merit_content { background-color: #00afaa; } @media only screen and (max-width: 767px) { .justsfa:not(.story_content_inner) .products_mainvisual_content { background-color: #00afaa; } } .justsfa:not(.story_content_inner) .products_feature_content_inner::before { color: #00afaa; } .justsfa:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #00afaa; border-color: #00afaa; } .justsfa:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #00afaa; } .justsfa:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #00afaa !important; } .justsfa:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #00afaa; } .justsfa:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #00afaa; background-color: #00afaa; } .justsfa:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #00afaa; background-color: #fff; } .justsfa:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #00afaa; color: #00afaa; } .justsfa:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #00afaa; color: #fff; } .justsfa:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #00afaa; } .justsfa:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #00afaa; color: #00afaa; } .justsfa:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #00afaa; color: #fff; } .justsfa:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #00afaa; } .justsfa:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #00afaa; } .justsfa:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #00afaa; } .justsfa:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #00afaa !important; } .justsfa:not(.story_content_inner) .mod-h2::before { background-color: #00afaa; } .justsfa:not(.story_content_inner) .mod-h2 .number { color: #00afaa; } .justsfa:not(.story_content_inner) .product_pullDown_inner::after { border-color: #00afaa; } .justsfa:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #00afaa; } .justsfa:not(.story_content_inner) .product_label_item.current> * { background-color: #00afaa; } .justsfa:not(.story_content_inner) .product_label_item:hover> * { color: #00afaa; } .justsfa:not(.story_content_inner) .mod-tab-item.current { color: #00afaa; border-color: #00afaa; } .justsfa:not(.story_content_inner) .mod-tab-item:hover { color: #00afaa; } .justsfa:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_justsfa.svg); } .justgov:not(.story_content_inner) .products_mainvisual_notice, .justgov:not(.story_content_inner) .products_merit_content { background-color: #9ca5b6; } @media only screen and (max-width: 767px) { .justgov:not(.story_content_inner) .products_mainvisual_content { background-color: #9ca5b6; } } .justgov:not(.story_content_inner) .products_feature_content_inner::before { color: #9ca5b6; } .justgov:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #9ca5b6; border-color: #9ca5b6; } .justgov:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #9ca5b6; } .justgov:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #9ca5b6 !important; } .justgov:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #9ca5b6; } .justgov:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #9ca5b6; background-color: #9ca5b6; } .justgov:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #9ca5b6; background-color: #fff; } .justgov:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #9ca5b6; color: #9ca5b6; } .justgov:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #9ca5b6; color: #fff; } .justgov:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #9ca5b6; } .justgov:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #9ca5b6; color: #9ca5b6; } .justgov:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #9ca5b6; color: #fff; } .justgov:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #9ca5b6; } .justgov:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #9ca5b6; } .justgov:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #9ca5b6; } .justgov:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #9ca5b6 !important; } .justgov:not(.story_content_inner) .mod-h2::before { background-color: #9ca5b6; } .justgov:not(.story_content_inner) .mod-h2 .number { color: #9ca5b6; } .justgov:not(.story_content_inner) .product_pullDown_inner::after { border-color: #9ca5b6; } .justgov:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #9ca5b6; } .justgov:not(.story_content_inner) .product_label_item.current> * { background-color: #9ca5b6; } .justgov:not(.story_content_inner) .product_label_item:hover> * { color: #9ca5b6; } .justgov:not(.story_content_inner) .mod-tab-item.current { color: #9ca5b6; border-color: #9ca5b6; } .justgov:not(.story_content_inner) .mod-tab-item:hover { color: #9ca5b6; } .justgov:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_justgov.svg); } .justoffice:not(.story_content_inner) .products_mainvisual_notice, .justoffice:not(.story_content_inner) .products_merit_content { background-color: #e7b401; } @media only screen and (max-width: 767px) { .justoffice:not(.story_content_inner) .products_mainvisual_content { background-color: #e7b401; } } .justoffice:not(.story_content_inner) .products_feature_content_inner::before { color: #e7b401; } .justoffice:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #e7b401; border-color: #e7b401; } .justoffice:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #e7b401; } .justoffice:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #e7b401 !important; } .justoffice:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #e7b401; } .justoffice:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #e7b401; background-color: #e7b401; } .justoffice:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #e7b401; background-color: #fff; } .justoffice:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #e7b401; color: #e7b401; } .justoffice:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #e7b401; color: #fff; } .justoffice:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #e7b401; } .justoffice:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #e7b401; color: #e7b401; } .justoffice:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #e7b401; color: #fff; } .justoffice:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #e7b401; } .justoffice:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #e7b401; } .justoffice:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #e7b401; } .justoffice:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #e7b401 !important; } .justoffice:not(.story_content_inner) .mod-h2::before { background-color: #e7b401; } .justoffice:not(.story_content_inner) .mod-h2 .number { color: #e7b401; } .justoffice:not(.story_content_inner) .product_pullDown_inner::after { border-color: #e7b401; } .justoffice:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #e7b401; } .justoffice:not(.story_content_inner) .product_label_item.current> * { background-color: #e7b401; } .justoffice:not(.story_content_inner) .product_label_item:hover> * { color: #e7b401; } .justoffice:not(.story_content_inner) .mod-tab-item.current { color: #e7b401; border-color: #e7b401; } .justoffice:not(.story_content_inner) .mod-tab-item:hover { color: #e7b401; } .justoffice:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_justoffice.svg); } .justpolice:not(.story_content_inner) .products_mainvisual_notice, .justpolice:not(.story_content_inner) .products_merit_content { background-color: #22467a; } @media only screen and (max-width: 767px) { .justpolice:not(.story_content_inner) .products_mainvisual_content { background-color: #22467a; } } .justpolice:not(.story_content_inner) .products_feature_content_inner::before { color: #22467a; } .justpolice:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #22467a; border-color: #22467a; } .justpolice:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #22467a; } .justpolice:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #22467a !important; } .justpolice:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #22467a; } .justpolice:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #22467a; background-color: #22467a; } .justpolice:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #22467a; background-color: #fff; } .justpolice:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #22467a; color: #22467a; } .justpolice:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #22467a; color: #fff; } .justpolice:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #22467a; } .justpolice:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #22467a; color: #22467a; } .justpolice:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #22467a; color: #fff; } .justpolice:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #22467a; } .justpolice:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #22467a; } .justpolice:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #22467a; } .justpolice:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #22467a !important; } .justpolice:not(.story_content_inner) .mod-h2::before { background-color: #22467a; } .justpolice:not(.story_content_inner) .mod-h2 .number { color: #22467a; } .justpolice:not(.story_content_inner) .product_pullDown_inner::after { border-color: #22467a; } .justpolice:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #22467a; } .justpolice:not(.story_content_inner) .product_label_item.current> * { background-color: #22467a; } .justpolice:not(.story_content_inner) .product_label_item:hover> * { color: #22467a; } .justpolice:not(.story_content_inner) .mod-tab-item.current { color: #22467a; border-color: #22467a; } .justpolice:not(.story_content_inner) .mod-tab-item:hover { color: #22467a; } .justpolice:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_justpolice.svg); } .justmedical:not(.story_content_inner) .products_mainvisual_notice, .justmedical:not(.story_content_inner) .products_merit_content { background-color: #81b4c5; } @media only screen and (max-width: 767px) { .justmedical:not(.story_content_inner) .products_mainvisual_content { background-color: #81b4c5; } } .justmedical:not(.story_content_inner) .products_feature_content_inner::before { color: #81b4c5; } .justmedical:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #81b4c5; border-color: #81b4c5; } .justmedical:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #81b4c5; } .justmedical:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #81b4c5 !important; } .justmedical:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #81b4c5; } .justmedical:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #81b4c5; background-color: #81b4c5; } .justmedical:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #81b4c5; background-color: #fff; } .justmedical:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #81b4c5; color: #81b4c5; } .justmedical:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #81b4c5; color: #fff; } .justmedical:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #81b4c5; } .justmedical:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #81b4c5; color: #81b4c5; } .justmedical:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #81b4c5; color: #fff; } .justmedical:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #81b4c5; } .justmedical:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #81b4c5; } .justmedical:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #81b4c5; } .justmedical:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #81b4c5 !important; } .justmedical:not(.story_content_inner) .mod-h2::before { background-color: #81b4c5; } .justmedical:not(.story_content_inner) .mod-h2 .number { color: #81b4c5; } .justmedical:not(.story_content_inner) .product_pullDown_inner::after { border-color: #81b4c5; } .justmedical:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #81b4c5; } .justmedical:not(.story_content_inner) .product_label_item.current> * { background-color: #81b4c5; } .justmedical:not(.story_content_inner) .product_label_item:hover> * { color: #81b4c5; } .justmedical:not(.story_content_inner) .mod-tab-item.current { color: #81b4c5; border-color: #81b4c5; } .justmedical:not(.story_content_inner) .mod-tab-item:hover { color: #81b4c5; } .justmedical:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_justmedical.svg); } .actionista:not(.story_content_inner) .products_mainvisual_notice, .actionista:not(.story_content_inner) .products_merit_content { background-color: #f07800; } @media only screen and (max-width: 767px) { .actionista:not(.story_content_inner) .products_mainvisual_content { background-color: #f07800; } } .actionista:not(.story_content_inner) .products_feature_content_inner::before { color: #f07800; } .actionista:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #f07800; border-color: #f07800; } .actionista:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #f07800; } .actionista:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #f07800 !important; } .actionista:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #f07800; } .actionista:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #f07800; background-color: #f07800; } .actionista:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #f07800; background-color: #fff; } .actionista:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #f07800; color: #f07800; } .actionista:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #f07800; color: #fff; } .actionista:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #f07800; } .actionista:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #f07800; color: #f07800; } .actionista:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #f07800; color: #fff; } .actionista:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #f07800; } .actionista:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #f07800; } .actionista:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #f07800; } .actionista:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #f07800 !important; } .actionista:not(.story_content_inner) .mod-h2::before { background-color: #f07800; } .actionista:not(.story_content_inner) .mod-h2 .number { color: #f07800; } .actionista:not(.story_content_inner) .product_pullDown_inner::after { border-color: #f07800; } .actionista:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #f07800; } .actionista:not(.story_content_inner) .product_label_item.current> * { background-color: #f07800; } .actionista:not(.story_content_inner) .product_label_item:hover> * { color: #f07800; } .actionista:not(.story_content_inner) .mod-tab-item.current { color: #f07800; border-color: #f07800; } .actionista:not(.story_content_inner) .mod-tab-item:hover { color: #f07800; } .actionista:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_actionista.svg); } .cbes:not(.story_content_inner) .products_mainvisual_notice, .cbes:not(.story_content_inner) .products_merit_content { background-color: #10369b; } @media only screen and (max-width: 767px) { .cbes:not(.story_content_inner) .products_mainvisual_content { background-color: #10369b; } } .cbes:not(.story_content_inner) .products_feature_content_inner::before { color: #10369b; } .cbes:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #10369b; border-color: #10369b; } .cbes:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #10369b; } .cbes:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #10369b !important; } .cbes:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #10369b; } .cbes:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #10369b; border-color: #10369b; background-color: #fff; } .cbes:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #fff; background-color: #10369b; } .cbes:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #10369b; color: #10369b; } .cbes:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #10369b; color: #fff; } .cbes:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #10369b; } .cbes:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #10369b; color: #10369b; } .cbes:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #10369b; color: #fff; } .cbes:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #10369b; } .cbes:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #10369b; } .cbes:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #10369b; } .cbes:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #10369b !important; } .cbes:not(.story_content_inner) .mod-h2::before { background-color: #10369b; } .cbes:not(.story_content_inner) .mod-h2 .number { color: #10369b; } .cbes:not(.story_content_inner) .product_pullDown_inner::after { border-color: #10369b; } .cbes:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #10369b; } .cbes:not(.story_content_inner) .product_label_item.current> * { background-color: #10369b; } .cbes:not(.story_content_inner) .product_label_item:hover> * { color: #10369b; } .cbes:not(.story_content_inner) .mod-tab-item.current { color: #10369b; border-color: #10369b; } .cbes:not(.story_content_inner) .mod-tab-item:hover { color: #10369b; } .cbes:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_cbes.svg); } .gdms:not(.story_content_inner) .products_mainvisual_notice, .gdms:not(.story_content_inner) .products_merit_content { background-color: #67b001; } @media only screen and (max-width: 767px) { .gdms:not(.story_content_inner) .products_mainvisual_content { background-color: #67b001; } } .gdms:not(.story_content_inner) .products_feature_content_inner::before { color: #67b001; } .gdms:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #67b001; border-color: #67b001; } .gdms:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #67b001; } .gdms:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #67b001 !important; } .gdms:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #67b001; } @media print, screen and (min-width: 768px) { .gdms:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #67b001; background-color: #67b001; } } @media only screen and (max-width: 767px) { .gdms:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #67b001; border-color: #67b001; background-color: #fff; background-color: #fff; } } .gdms:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #67b001; background-color: #fff; } .gdms:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #67b001; color: #67b001; } .gdms:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #67b001; color: #fff; } .gdms:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #67b001; } .gdms:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #67b001; color: #67b001; } .gdms:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #67b001; color: #fff; } .gdms:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #67b001; } .gdms:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #67b001; } .gdms:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #67b001; } .gdms:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #67b001 !important; } .gdms:not(.story_content_inner) .mod-h2::before { background-color: #67b001; } .gdms:not(.story_content_inner) .mod-h2 .number { color: #67b001; } .gdms:not(.story_content_inner) .product_pullDown_inner::after { border-color: #67b001; } .gdms:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #67b001; } .gdms:not(.story_content_inner) .product_label_item.current> * { background-color: #67b001; } .gdms:not(.story_content_inner) .product_label_item:hover> * { color: #67b001; } .gdms:not(.story_content_inner) .mod-tab-item.current { color: #67b001; border-color: #67b001; } .gdms:not(.story_content_inner) .mod-tab-item:hover { color: #67b001; } .gdms:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_gdms.svg); } .justdwh:not(.story_content_inner) .products_mainvisual_notice, .justdwh:not(.story_content_inner) .products_merit_content { background-color: #239ab0; } @media only screen and (max-width: 767px) { .justdwh:not(.story_content_inner) .products_mainvisual_content { background-color: #239ab0; } } .justdwh:not(.story_content_inner) .products_feature_content_inner::before { color: #239ab0; } .justdwh:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #239ab0; border-color: #239ab0; } .justdwh:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #239ab0; } .justdwh:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #239ab0 !important; } .justdwh:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #239ab0; } .justdwh:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #239ab0; background-color: #239ab0; } .justdwh:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #239ab0; background-color: #fff; } .justdwh:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #239ab0; color: #239ab0; } .justdwh:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #239ab0; color: #fff; } .justdwh:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #239ab0; } .justdwh:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #239ab0; color: #239ab0; } .justdwh:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #239ab0; color: #fff; } .justdwh:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #239ab0; } .justdwh:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #239ab0; } .justdwh:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #239ab0; } .justdwh:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #239ab0 !important; } .justdwh:not(.story_content_inner) .mod-h2::before { background-color: #239ab0; } .justdwh:not(.story_content_inner) .mod-h2 .number { color: #239ab0; } .justdwh:not(.story_content_inner) .product_pullDown_inner::after { border-color: #239ab0; } .justdwh:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #239ab0; } .justdwh:not(.story_content_inner) .product_label_item.current> * { background-color: #239ab0; } .justdwh:not(.story_content_inner) .product_label_item:hover> * { color: #239ab0; } .justdwh:not(.story_content_inner) .mod-tab-item.current { color: #239ab0; border-color: #239ab0; } .justdwh:not(.story_content_inner) .mod-tab-item:hover { color: #239ab0; } .justdwh:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_justdwh.svg); } .justright:not(.story_content_inner) .products_mainvisual_notice, .justright:not(.story_content_inner) .products_merit_content { background-color: #017dc7; } @media only screen and (max-width: 767px) { .justright:not(.story_content_inner) .products_mainvisual_content { background-color: #017dc7; } } .justright:not(.story_content_inner) .products_feature_content_inner::before { color: #017dc7; } .justright:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #017dc7; border-color: #017dc7; } .justright:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #017dc7; } .justright:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #017dc7 !important; } .justright:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #017dc7; } .justright:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #017dc7; background-color: #017dc7; } .justright:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #017dc7; background-color: #fff; } .justright:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #017dc7; color: #017dc7; } .justright:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #017dc7; color: #fff; } .justright:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #017dc7; } .justright:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #017dc7; color: #017dc7; } .justright:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #017dc7; color: #fff; } .justright:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #017dc7; } .justright:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #017dc7; } .justright:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #017dc7; } .justright:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #017dc7 !important; } .justright:not(.story_content_inner) .mod-h2::before { background-color: #017dc7; } .justright:not(.story_content_inner) .mod-h2 .number { color: #017dc7; } .justright:not(.story_content_inner) .product_pullDown_inner::after { border-color: #017dc7; } .justright:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #017dc7; } .justright:not(.story_content_inner) .product_label_item.current> * { background-color: #017dc7; } .justright:not(.story_content_inner) .product_label_item:hover> * { color: #017dc7; } .justright:not(.story_content_inner) .mod-tab-item.current { color: #017dc7; border-color: #017dc7; } .justright:not(.story_content_inner) .mod-tab-item:hover { color: #017dc7; } .justright:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_justright.svg); } .unitbase:not(.story_content_inner) .products_mainvisual_notice, .unitbase:not(.story_content_inner) .products_merit_content { background-color: #0180d1; } @media only screen and (max-width: 767px) { .unitbase:not(.story_content_inner) .products_mainvisual_content { background-color: #0180d1; } } .unitbase:not(.story_content_inner) .products_feature_content_inner::before { color: #0180d1; } .unitbase:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #0180d1; border-color: #0180d1; } .unitbase:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #0180d1; } .unitbase:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #0180d1 !important; } .unitbase:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #0180d1; } .unitbase:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #0180d1; background-color: #0180d1; } .unitbase:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #0180d1; background-color: #fff; } .unitbase:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #0180d1; color: #0180d1; } .unitbase:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #0180d1; color: #fff; } .unitbase:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #0180d1; } .unitbase:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #0180d1; color: #0180d1; } .unitbase:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #0180d1; color: #fff; } .unitbase:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #0180d1; } .unitbase:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #0180d1; } .unitbase:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #0180d1; } .unitbase:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #0180d1 !important; } .unitbase:not(.story_content_inner) .mod-h2::before { background-color: #0180d1; } .unitbase:not(.story_content_inner) .mod-h2 .number { color: #0180d1; } .unitbase:not(.story_content_inner) .product_pullDown_inner::after { border-color: #0180d1; } .unitbase:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #0180d1; } .unitbase:not(.story_content_inner) .product_label_item.current> * { background-color: #0180d1; } .unitbase:not(.story_content_inner) .product_label_item:hover> * { color: #0180d1; } .unitbase:not(.story_content_inner) .mod-tab-item.current { color: #0180d1; border-color: #0180d1; } .unitbase:not(.story_content_inner) .mod-tab-item:hover { color: #0180d1; } .unitbase:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_unitbase.svg); } .justjump:not(.story_content_inner) .products_mainvisual_notice, .justjump:not(.story_content_inner) .products_merit_content { background-color: #0180d1; } @media only screen and (max-width: 767px) { .justjump:not(.story_content_inner) .products_mainvisual_content { background-color: #0180d1; } } .justjump:not(.story_content_inner) .products_feature_content_inner::before { color: #0180d1; } .justjump:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #0180d1; border-color: #0180d1; } .justjump:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #0180d1; } .justjump:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #0180d1 !important; } .justjump:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #0180d1; } .justjump:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #0180d1; background-color: #0180d1; } .justjump:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #0180d1; background-color: #fff; } .justjump:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #0180d1; color: #0180d1; } .justjump:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #0180d1; color: #fff; } .justjump:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #0180d1; } .justjump:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #0180d1; color: #0180d1; } .justjump:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #0180d1; color: #fff; } .justjump:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #0180d1; } .justjump:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #0180d1; } .justjump:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #0180d1; } .justjump:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #0180d1 !important; } .justjump:not(.story_content_inner) .mod-h2::before { background-color: #0180d1; } .justjump:not(.story_content_inner) .mod-h2 .number { color: #0180d1; } .justjump:not(.story_content_inner) .product_pullDown_inner::after { border-color: #0180d1; } .justjump:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #0180d1; } .justjump:not(.story_content_inner) .product_label_item.current> * { background-color: #0180d1; } .justjump:not(.story_content_inner) .product_label_item:hover> * { color: #0180d1; } .justjump:not(.story_content_inner) .mod-tab-item.current { color: #0180d1; border-color: #0180d1; } .justjump:not(.story_content_inner) .mod-tab-item:hover { color: #0180d1; } .justjump:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_justjump.svg); } .justsmile:not(.story_content_inner) .products_mainvisual_notice, .justsmile:not(.story_content_inner) .products_merit_content { background-color: #ff5d5b; } @media only screen and (max-width: 767px) { .justsmile:not(.story_content_inner) .products_mainvisual_content { background-color: #ff5d5b; } } .justsmile:not(.story_content_inner) .products_feature_content_inner::before { color: #ff5d5b; } .justsmile:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #ff5d5b; border-color: #ff5d5b; } .justsmile:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #ff5d5b; } .justsmile:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #ff5d5b !important; } .justsmile:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #ff5d5b; } .justsmile:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #ff5d5b; background-color: #ff5d5b; } .justsmile:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #ff5d5b; background-color: #fff; } .justsmile:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #ff5d5b; color: #ff5d5b; } .justsmile:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #ff5d5b; color: #fff; } .justsmile:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #ff5d5b; } .justsmile:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #ff5d5b; color: #ff5d5b; } .justsmile:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #ff5d5b; color: #fff; } .justsmile:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #ff5d5b; } .justsmile:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #ff5d5b; } .justsmile:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #ff5d5b; } .justsmile:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #ff5d5b !important; } .justsmile:not(.story_content_inner) .mod-h2::before { background-color: #ff5d5b; } .justsmile:not(.story_content_inner) .mod-h2 .number { color: #ff5d5b; } .justsmile:not(.story_content_inner) .product_pullDown_inner::after { border-color: #ff5d5b; } .justsmile:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #ff5d5b; } .justsmile:not(.story_content_inner) .product_label_item.current> * { background-color: #ff5d5b; } .justsmile:not(.story_content_inner) .product_label_item:hover> * { color: #ff5d5b; } .justsmile:not(.story_content_inner) .mod-tab-item.current { color: #ff5d5b; border-color: #ff5d5b; } .justsmile:not(.story_content_inner) .mod-tab-item:hover { color: #ff5d5b; } .justsmile:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_justsmile.svg); } .smiledrill:not(.story_content_inner) .products_mainvisual_notice, .smiledrill:not(.story_content_inner) .products_merit_content { background-color: #0e9cb0; } @media only screen and (max-width: 767px) { .smiledrill:not(.story_content_inner) .products_mainvisual_content { background-color: #0e9cb0; } } .smiledrill:not(.story_content_inner) .products_feature_content_inner::before { color: #0e9cb0; } .smiledrill:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a { background-color: #0e9cb0; border-color: #0e9cb0; } .smiledrill:not(.story_content_inner) .mod-subMenu .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #0e9cb0; } .smiledrill:not(.story_content_inner) .mod-subMenu_nav_item .link_hover:hover { color: #0e9cb0 !important; } .smiledrill:not(.story_content_inner) .mod-subMenu_nav_item [data-trigger="dropdown"]:hover::after { border-color: #0e9cb0; } .smiledrill:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #0e9cb0; background-color: #0e9cb0; } .smiledrill:not(.story_content_inner) .products_mainvisual .products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #0e9cb0; background-color: #fff; } .smiledrill:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) * { background-color: #fff; border-color: #0e9cb0; color: #0e9cb0; } .smiledrill:not(.story_content_inner) .products_wrapper .mod-btn__wrapper .mod-btn:not(.disabled) *:hover { background-color: #0e9cb0; color: #fff; } .smiledrill:not(.story_content_inner) .products_detail .products_detail_shop { background-color: #0e9cb0; } .smiledrill:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn * { border-color: #0e9cb0; color: #0e9cb0; } .smiledrill:not(.story_content_inner) .products_detail .products_detail_info .mod-btn__wrapper .mod-btn *:hover { background-color: #0e9cb0; color: #fff; } .smiledrill:not(.story_content_inner) .arrow_hover .border_underLine::before { background-color: #0e9cb0; } .smiledrill:not(.story_content_inner) .arrow_hover .border_underLine::after { background-color: #0e9cb0; } .smiledrill:not(.story_content_inner) .mod-anchor .mod-anchor-item a:hover::before { border-color: #0e9cb0; } .smiledrill:not(.story_content_inner) .mod-anchor .mod-anchor-item .link_hover:hover { color: #0e9cb0 !important; } .smiledrill:not(.story_content_inner) .mod-h2::before { background-color: #0e9cb0; } .smiledrill:not(.story_content_inner) .mod-h2 .number { color: #0e9cb0; } .smiledrill:not(.story_content_inner) .product_pullDown_inner::after { border-color: #0e9cb0; } .smiledrill:not(.story_content_inner) .products_activities_list> li .item_ttl .num { color: #0e9cb0; } .smiledrill:not(.story_content_inner) .product_label_item.current> * { background-color: #0e9cb0; } .smiledrill:not(.story_content_inner) .product_label_item:hover> * { color: #0e9cb0; } .smiledrill:not(.story_content_inner) .mod-tab-item.current { color: #0e9cb0; border-color: #0e9cb0; } .smiledrill:not(.story_content_inner) .mod-tab-item:hover { color: #0e9cb0; } .smiledrill:not(.story_content_inner) .icon_arrow::after { background-image: url(/shared/img/icon/icon_arrow_smiledrill.svg); } /*------------------------------------------------------------------------------ Common ------------------------------------------------------------------------------*/ @media print, screen and (min-width: 768px) { .mod-btn__wrapper { margin-top: 50px; } } @media only screen and (max-width: 767px) { .mod-btn__wrapper { margin-top: 8vw; } } .products_wrapper> *:nth-child(2n) { background-color: #fff; } .products_wrapper> *:nth-child(2n+1) { background: #f4f6f7; } .products_wrapper.reverse> *:nth-child(2n) { background-color: #f4f6f7; } .products_wrapper.reverse> *:nth-child(2n+1) { background: #fff; } @media print, screen and (min-width: 768px) { .products_ttl { margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .products_ttl { margin-bottom: 6.4vw; } } .products_ttl> h2 { line-height: 1.3; text-align: center; } @media print, screen and (min-width: 768px) { .products_ttl> h2 { font-size: 34px; } } @media only screen and (max-width: 767px) { .products_ttl> h2 { font-size: 22px; font-size: 5.86667vw; } } .products_ttl + * { margin-top: 0 !important; } .products_inner { overflow-x: hidden; } @media print, screen and (min-width: 768px) { .products_inner { padding: 80px 0 100px; } } @media only screen and (max-width: 767px) { .products_inner { padding: 13.33333vw 0 16vw; } } /*------------------------------------------------------------------------------ Layout ------------------------------------------------------------------------------*/ @media print, screen and (min-width: 768px) { .mod-subMenu + main .products_container { padding: 184px 0 0; } } @media only screen and (max-width: 767px) { .mod-subMenu + main .products_container { padding: 26.66667vw 0 0; } } @media print, screen and (min-width: 768px) { .products_container { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 110px 0 0; } } @media only screen and (max-width: 767px) { .products_container { padding: 14.66667vw 0 0; } } .single .products_mainContent_mainvisual_txt { -webkit-box-sizing: border-box; box-sizing: border-box; } @media print, screen and (min-width: 768px) { .single .products_mainContent_mainvisual_txt { padding: 0 90px; width: 1160px; } } @media print, screen and (min-width: 768px) { .single .products_mainContent_wrapper { width: 1160px; padding: 0 90px; } } /* Main ------------------------------------------------------------------------------*/ @media print, screen and (min-width: 768px) { .products_mainContent { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1020px; } } .products_mainContent_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; } @media print, screen and (min-width: 768px) { .products_mainContent_wrapper { width: 1020px; margin: 80px auto 160px; padding: 0 50px; } } @media only screen and (max-width: 767px) { .products_mainContent_wrapper { width: 100%; margin: 10.66667vw 0 29.33333vw; padding: 0 20px; } } /* Mainvisual ------------------------------------------------------------------------------*/ .products_mainContent_mainvisual { position: relative; } @media print, screen and (min-width: 768px) { .products_mainContent_mainvisual { max-height: 300px; overflow: hidden; } } .products_mainContent_mainvisual::before { content: ''; position: absolute; display: block; background-color: rgba(0, 0, 0, 0.35); width: 100%; height: 100%; top: 0; left: 0; } .products_mainContent_mainvisual_img img { width: 100%; } .products_mainContent_mainvisual_txt { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; z-index: 2; } @media print, screen and (min-width: 768px) { .products_mainContent_mainvisual_txt { width: 1020px; padding: 0 50px; font-size: 38px; } } @media only screen and (max-width: 767px) { .products_mainContent_mainvisual_txt { width: 100%; padding: 0 5.33333vw; font-size: 26px; font-size: 6.93333vw; } } /* Side Nav ------------------------------------------------------------------------------*/ @media print, screen and (min-width: 768px) { .products_sidenav { background-color: #e2e5e7; -ms-flex-negative: 0; flex-shrink: 0; padding: 20px 10px 100px; width: 260px; position: relative; flex-shrink: 0; } } @media only screen and (max-width: 767px) { .products_sidenav { display: none; } } @media print, screen and (min-width: 768px) { .products_sidenav_ttl { margin-bottom: 20px; } } @media print, screen and (min-width: 768px) { .products_sidenav_ttl h2 { font-size: 15px; } } .products_sidenav_item> a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } @media print, screen and (min-width: 768px) { .products_sidenav_item> a { padding: 15px 15px 15px 10px; font-size: 13px; min-height: 70px; } } @media print, screen and (min-width: 768px) { .products_sidenav_item + .products_sidenav_item { margin-top: 2px; } } @media print, screen and (min-width: 768px) { .products_sidenav_txt { padding-left: 14px; } } @media print, screen and (min-width: 768px) { .products_sidenav .mod-link { margin-top: 20px; } } @media print, screen and (min-width: 768px) { .mod-subMenu.scroll ~ main .products_sidenav_inner.sticky { top: 94px !important; } } @media print, screen and (min-width: 768px) { .mod-subMenu.scroll ~ main .products_sidenav_inner.end { padding-top: 94px; } } @media print, screen and (min-width: 768px) { .products_sidenav_inner.sticky { -webkit-transition: .5s ease; transition: .5s ease; top: 204px !important; } } /*------------------------------------------------------------------------------ Products Banner ------------------------------------------------------------------------------*/ .products_bnr { position: relative; } @media print, screen and (min-width: 768px) { .products_bnr { padding: 100px 0 130px; } } @media only screen and (max-width: 767px) { .products_bnr { padding: 16vw 0 29.33333vw; } } .products_bnr::before { content: ''; position: absolute; display: block; width: 100vw; height: 1px; background-color: #e9e9e9; top: 0; left: 0; } @media print, screen and (min-width: 768px) { .products_bnr_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media print, screen and (min-width: 768px) { .products_bnr_item + .products_bnr_item { margin-left: 40px; } } @media only screen and (max-width: 767px) { .products_bnr_item + .products_bnr_item { margin-top: 8vw; } } .products_bnr_item img { height: auto; } @media only screen and (max-width: 767px) { .products_bnr_item img { max-width: 100%; } } @media only screen and (max-width: 767px) { .products_bnr_item img { width: 100%; } } /*------------------------------------------------------------------------------ Products Detail ------------------------------------------------------------------------------*/ .products_detail { background-color: #fff; border-top: 1px solid #e9e9e9; } @media print, screen and (min-width: 768px) { .products_detail { padding: 0 0 100px; min-width: 1280px; } } @media only screen and (max-width: 767px) { .products_detail { padding: 0 0 16vw; } } .products_detail_wrapper { position: relative; } @media print, screen and (min-width: 768px) { .products_detail_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; top: -30px; } } @media only screen and (max-width: 767px) { .products_detail_wrapper { top: -8vw; } } .products_detail_item { -webkit-box-shadow: 0 5px 20px 0 rgba(4, 0, 0, 0.1); box-shadow: 0 5px 20px 0 rgba(4, 0, 0, 0.1); } @media print, screen and (min-width: 768px) { .products_detail_item { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 155px; width: 100%; } } @media only screen and (max-width: 767px) { .products_detail_item { top: -8vw; } } .products_detail_item_inner { -webkit-box-sizing: border-box; box-sizing: border-box; } @media print, screen and (min-width: 768px) { .products_detail_item_inner { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 20px 60px; } } @media only screen and (max-width: 767px) { .products_detail_item_inner { display: none; } } @media print, screen and (min-width: 768px) { .products_detail_logo { max-width: 65px; } } @media print, screen and (min-width: 768px) { .products_detail_logo + .products_detail_ttl { margin-left: 45px; } } @media print, screen and (min-width: 768px) { .products_detail_logo.justsfa img { width: 44px; height: 52px; } } @media print, screen and (min-width: 768px) { .products_detail_logo.unitbase img { width: 50px; height: 50px; } } @media print, screen and (min-width: 768px) { .products_detail_logo img { width: 100%; } } @media print, screen and (min-width: 768px) { .products_detail_ttl .products_detail_subTtl { line-height: 1.9; color: #555; font-size: 15px; } } @media print, screen and (min-width: 768px) { .products_detail_ttl .products_detail_mainTtl { font-size: 24px; } } .products_detail_shop { background-color: #fa0000; } .products_detail_shop> a { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; position: relative; } @media print, screen and (min-width: 768px) { .products_detail_shop> a { width: 324px; -ms-flex-negative: 0; flex-shrink: 0; padding: 20px; } } @media only screen and (max-width: 767px) { .products_detail_shop> a { padding: 8vw 4vw 7.46667vw; } } .products_detail_shop .icon_shop { position: relative; display: inline-block; } @media print, screen and (min-width: 768px) { .products_detail_shop .icon_shop { width: 24px; height: 28px; margin-right: 20px; top: -2px; } } @media only screen and (max-width: 767px) { .products_detail_shop .icon_shop { width: 6.4vw; height: 7.46667vw; margin-right: 5.33333vw; top: -0.53333vw; } } .products_detail_shop .icon_shop::after { content: ''; position: absolute; display: block; background: url(/jp/products/img/icon/icon_shop.svg) center/contain no-repeat; top: 0; left: 0; } @media print, screen and (min-width: 768px) { .products_detail_shop .icon_shop::after { width: 24px; height: 28px; } } @media only screen and (max-width: 767px) { .products_detail_shop .icon_shop::after { width: 6.4vw; height: 7.46667vw; } } .products_detail_shop .icon_arrow { top: auto; } @media print, screen and (min-width: 768px) { .products_detail_shop .icon_arrow { right: 20px; bottom: 20px; } } @media only screen and (max-width: 767px) { .products_detail_shop .icon_arrow { right: 4vw; bottom: 4vw; } } .products_detail_shop .icon_arrow::after { opacity: .6; } .products_detail_shop .icon_arrow.arrow_diagonal::after { background-image: url(/shared/img/icon/icon_arrow_diagonal_w.svg); } .products_detail_shop .icon_arrow.icon_arrow-w { position: absolute; margin-left: 0; } @media only screen and (max-width: 767px) { .products_detail_shop .icon_arrow.icon_arrow-w::after { content: none; } } .products_detail_shop_txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media print, screen and (min-width: 768px) { .products_detail_shop_txt { font-size: 16px; } } @media only screen and (max-width: 767px) { .products_detail_shop_txt { font-size: 15px; font-size: 4vw; } } @media print, screen and (min-width: 768px) { .products_detail_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; } } @media only screen and (max-width: 767px) { .products_detail_info { margin-top: 4vw; } } .products_detail_info_ttl { position: relative; text-align: center; line-height: 1; } @media print, screen and (min-width: 768px) { .products_detail_info_ttl { font-size: 20px; } } @media only screen and (max-width: 767px) { .products_detail_info_ttl { font-size: 18px; font-size: 4.8vw; } } .products_detail_info_ttl::after { content: ''; display: block; } @media print, screen and (min-width: 768px) { .products_detail_info_ttl::after { margin: 20px auto 0; } } @media only screen and (max-width: 767px) { .products_detail_info_ttl::after { margin: 5.33333vw auto 0; } } .products_detail_info_ttl.catalog::after { background: url(/shared/img/icon/icon_products_catalog.svg) center/contain no-repeat; } @media print, screen and (min-width: 768px) { .products_detail_info_ttl.catalog::after { width: 33px; height: 27px; } } @media only screen and (max-width: 767px) { .products_detail_info_ttl.catalog::after { width: 8.8vw; height: 7.2vw; } } .products_detail_info_ttl.dl::after { background: url(/shared/img/icon/icon_products_dl.svg) center/contain no-repeat; } @media print, screen and (min-width: 768px) { .products_detail_info_ttl.dl::after { width: 30px; height: 29px; } } @media only screen and (max-width: 767px) { .products_detail_info_ttl.dl::after { width: 8vw; height: 7.73333vw; } } @media print, screen and (min-width: 768px) { .products_detail_info> div + div { border-left: 1px solid #e9e9e9; margin-left: 140px; padding-left: 140px; } } @media only screen and (max-width: 767px) { .products_detail_info> div + div { border-top: 1px solid #e9e9e9; margin-top: 35px; padding-top: 35px; } } @media print, screen and (min-width: 768px) { .products_detail .mod-btn__wrapper { margin-top: 30px; } } @media only screen and (max-width: 767px) { .products_detail .mod-btn__wrapper { margin-top: 5.33333vw; } } /*------------------------------------------------------------------------------ お問い合わせエリア ------------------------------------------------------------------------------*/ @media print, screen and (min-width: 768px) { .products_contact { display: none; } } @media only screen and (max-width: 767px) { .products_contact_area> a { background-color: #f4f6f7; border-bottom: 1px solid #dedede; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3.2vw 5.33333vw; font-size: 14px; font-size: 3.73333vw; } } @media only screen and (max-width: 767px) { .products_contact_area> a .icon_arrow { margin-left: auto; } } /*------------------------------------------------------------------------------ Fixed ------------------------------------------------------------------------------*/ .fixed-container { position: relative; } @media print, screen and (min-width: 768px) { .fixed-item { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; height: 100vh; } } /*------------------------------------------------------------------------------ CV Color ------------------------------------------------------------------------------*/ .cv-color-i .mod-subMenu_btn_item.buy a { background-color: #fa0000; border-color: #fa0000; } .cv-color-i .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #fa0000; } .cv-color-i.products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #fa0000; } .cv-color-i .products_detail_shop { background-color: #fa0000; } .cv-color-i .products_detail_info .mod-btn__wrapper .mod-btn> a { border-color: #fa0000; color: #fa0000; } .cv-color-i .products_detail_info .mod-btn__wrapper .mod-btn> a:hover { background-color: #fa0000; color: #fff; } .cv-color-c .mod-subMenu_btn_item.buy a { background-color: #1473e6; border-color: #1473e6; } .cv-color-c .mod-subMenu_btn_item.buy a:hover { background-color: #fff; color: #1473e6; } .cv-color-c.products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t) { color: #fff; border-color: #1473e6; background-color: #1473e6; } .cv-color-c.products_mainvisual_content .mod-btn__wrapper .mod-btn> a:not(.color-t):hover { color: #1473e6; background-color: #fff; } .cv-color-c .products_detail_shop { background-color: #1473e6; } .cv-color-c .products_detail_info .mod-btn__wrapper .mod-btn> a { border-color: #1473e6; color: #1473e6; } .cv-color-c .products_detail_info .mod-btn__wrapper .mod-btn> a:hover { background-color: #1473e6; color: #fff; } .cv-color-c .cv-color-i { background-color: #fa0000 !important; border-color: #fa0000 !important; } .cv-color-c .cv-color-i:hover { background-color: #fff !important; color: #fa0000 !important; } /* IE11 ------------------------------------------------------------------------------*/ @media all and (-ms-high-contrast: none) { *::-ms-backdrop, :root .products_detail_shop .icon_arrow { top: auto; } }

AltStyle によって変換されたページ (->オリジナル) /