/* ATTENTION! Please do not modify this file, it's auto-generated and all your changes will be lost. The complete list of files it's generated from: design/themes/responsive/css/tygh/supports.css design/themes/responsive/css/tygh/responsive.less design/themes/responsive/css/addons/localization_jp/styles.less design/themes/responsive/css/addons/tags/styles.less design/themes/responsive/css/addons/newsletters/styles.less design/themes/responsive/css/addons/product_variations/styles.less design/themes/responsive/css/addons/blog/styles.less design/themes/responsive/css/addons/blog/responsive.less design/themes/responsive/css/addons/form_builder/styles.less design/themes/responsive/css/addons/form_builder/responsive.less design/themes/responsive/css/addons/wishlist/styles.less design/themes/responsive/css/addons/wishlist/responsive.less design/themes/responsive/css/addons/localization_jp/styles.less design/themes/carmatch/css/addons/car_match/2025/style.css design/themes/carmatch/css/addons/car_match/2025/style.less */ /* Lite Checkout */ @supports (-webkit-appearance: none) { .selector:not(*:root), .litecheckout .litecheckout__field--selectbox .litecheckout__input { padding-top: 10px !important; padding-left: 6px !important; } } /* End of Lite Checkout */ @charset "UTF-8"; @-ms-viewport { width: device-width; } @media all and (min-width: 641px) { html { overflow-y: scroll; } } body { padding: 0; margin: 0; min-height: 100vh; min-width: 320px; background: transparent; } @media all and (min-width: 641px) { body { min-width: 1240px; } } .ly_main { margin: 0; padding: 0; background: transparent; border-radius: 0; } @media all and (min-width: 641px) { .ly_main.shop { padding-top: 90px; } } @media all and (max-width: 640.9px) { .ly_main.shop { padding-top: 55px; } } .ly_cont { width: calc(100% - 30px); max-width: 1160px; margin-left: auto; margin-right: auto; } @media all and (min-width: 641px) { .ly_cont { width: 100%; } } @media all and (max-width: 640.9px) { .ly_cont.ly_cont__index { width: 100%; } } .ly_header, .bl_mv, .bl_path_wrapper, .bl_sect, .bl_pager, .ly_cont_aside, .ly_footer { letter-spacing: 0; line-height: 1.5; box-sizing: border-box; display: block; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background: url('../../../../../../../../design/themes/carmatch/media/../img/dummy.png?1759253707'); font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; font-size: 14px; color: #555; line-break: strict; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; } .ly_header *, .bl_mv *, .bl_path_wrapper *, .bl_sect *, .bl_pager *, .ly_cont_aside *, .ly_footer * { box-sizing: border-box; margin: 0; padding: 0; background: none; border: none; font: inherit; color: inherit; } .ly_header *:before, .ly_header *:after, .bl_mv *:before, .bl_mv *:after, .bl_path_wrapper *:before, .bl_path_wrapper *:after, .bl_sect *:before, .bl_sect *:after, .bl_pager *:before, .bl_pager *:after, .ly_cont_aside *:before, .ly_cont_aside *:after, .ly_footer *:before, .ly_footer *:after { box-sizing: border-box; } .ly_header .ly_cont, .bl_mv .ly_cont, .bl_path_wrapper .ly_cont, .bl_sect .ly_cont, .bl_pager .ly_cont, .ly_cont_aside .ly_cont, .ly_footer .ly_cont { margin: 0 auto; } .ly_header b, .ly_header em, .bl_mv b, .bl_mv em, .bl_path_wrapper b, .bl_path_wrapper em, .bl_sect b, .bl_sect em, .bl_pager b, .bl_pager em, .ly_cont_aside b, .ly_cont_aside em, .ly_footer b, .ly_footer em { font: inherit; font-weight: 700; } .ly_header ol, .ly_header ul, .bl_mv ol, .bl_mv ul, .bl_path_wrapper ol, .bl_path_wrapper ul, .bl_sect ol, .bl_sect ul, .bl_pager ol, .bl_pager ul, .ly_cont_aside ol, .ly_cont_aside ul, .ly_footer ol, .ly_footer ul { list-style: none; padding: 0; } .ly_header table, .bl_mv table, .bl_path_wrapper table, .bl_sect table, .bl_pager table, .ly_cont_aside table, .ly_footer table { border-collapse: collapse; border-spacing: 0; } .ly_header caption, .ly_header th, .ly_header td, .bl_mv caption, .bl_mv th, .bl_mv td, .bl_path_wrapper caption, .bl_path_wrapper th, .bl_path_wrapper td, .bl_sect caption, .bl_sect th, .bl_sect td, .bl_pager caption, .bl_pager th, .bl_pager td, .ly_cont_aside caption, .ly_cont_aside th, .ly_cont_aside td, .ly_footer caption, .ly_footer th, .ly_footer td { text-align: left; font-weight: normal; vertical-align: middle; } quotes:none .ly_header q:before, .ly_header q:after, quotes:none .ly_header blockquote:before, .ly_header blockquote:after, quotes:none .bl_mv q:before, .bl_mv q:after, quotes:none .bl_mv blockquote:before, .bl_mv blockquote:after, quotes:none .bl_path_wrapper q:before, .bl_path_wrapper q:after, quotes:none .bl_path_wrapper blockquote:before, .bl_path_wrapper blockquote:after, quotes:none .bl_sect q:before, .bl_sect q:after, quotes:none .bl_sect blockquote:before, .bl_sect blockquote:after, quotes:none .bl_pager q:before, .bl_pager q:after, quotes:none .bl_pager blockquote:before, .bl_pager blockquote:after, quotes:none .ly_cont_aside q:before, .ly_cont_aside q:after, quotes:none .ly_cont_aside blockquote:before, .ly_cont_aside blockquote:after, quotes:none .ly_footer q:before, .ly_footer q:after, quotes:none .ly_footer blockquote:before, .ly_footer blockquote:after { content: ""; content: none; } .ly_header article, .ly_header aside, .ly_header details, .ly_header figcaption, .ly_header figure, .ly_header footer, .ly_header header, .ly_header hgroup, .ly_header main, .ly_header menu, .ly_header nav, .ly_header section, .ly_header summary, .bl_mv article, .bl_mv aside, .bl_mv details, .bl_mv figcaption, .bl_mv figure, .bl_mv footer, .bl_mv header, .bl_mv hgroup, .bl_mv main, .bl_mv menu, .bl_mv nav, .bl_mv section, .bl_mv summary, .bl_path_wrapper article, .bl_path_wrapper aside, .bl_path_wrapper details, .bl_path_wrapper figcaption, .bl_path_wrapper figure, .bl_path_wrapper footer, .bl_path_wrapper header, .bl_path_wrapper hgroup, .bl_path_wrapper main, .bl_path_wrapper menu, .bl_path_wrapper nav, .bl_path_wrapper section, .bl_path_wrapper summary, .bl_sect article, .bl_sect aside, .bl_sect details, .bl_sect figcaption, .bl_sect figure, .bl_sect footer, .bl_sect header, .bl_sect hgroup, .bl_sect main, .bl_sect menu, .bl_sect nav, .bl_sect section, .bl_sect summary, .bl_pager article, .bl_pager aside, .bl_pager details, .bl_pager figcaption, .bl_pager figure, .bl_pager footer, .bl_pager header, .bl_pager hgroup, .bl_pager main, .bl_pager menu, .bl_pager nav, .bl_pager section, .bl_pager summary, .ly_cont_aside article, .ly_cont_aside aside, .ly_cont_aside details, .ly_cont_aside figcaption, .ly_cont_aside figure, .ly_cont_aside footer, .ly_cont_aside header, .ly_cont_aside hgroup, .ly_cont_aside main, .ly_cont_aside menu, .ly_cont_aside nav, .ly_cont_aside section, .ly_cont_aside summary, .ly_footer article, .ly_footer aside, .ly_footer details, .ly_footer figcaption, .ly_footer figure, .ly_footer footer, .ly_footer header, .ly_footer hgroup, .ly_footer main, .ly_footer menu, .ly_footer nav, .ly_footer section, .ly_footer summary { display: block; } .ly_header a, .bl_mv a, .bl_path_wrapper a, .bl_sect a, .bl_pager a, .ly_cont_aside a, .ly_footer a { text-decoration: none; color: inherit; } .ly_header a img, .bl_mv a img, .bl_path_wrapper a img, .bl_sect a img, .bl_pager a img, .ly_cont_aside a img, .ly_footer a img { border: none; } .ly_header a:hover, .ly_header a:focus, .bl_mv a:hover, .bl_mv a:focus, .bl_path_wrapper a:hover, .bl_path_wrapper a:focus, .bl_sect a:hover, .bl_sect a:focus, .bl_pager a:hover, .bl_pager a:focus, .ly_cont_aside a:hover, .ly_cont_aside a:focus, .ly_footer a:hover, .ly_footer a:focus { text-decoration: none; } .ly_header a[href^="tel:"], .bl_mv a[href^="tel:"], .bl_path_wrapper a[href^="tel:"], .bl_sect a[href^="tel:"], .bl_pager a[href^="tel:"], .ly_cont_aside a[href^="tel:"], .ly_footer a[href^="tel:"] { transition: none; cursor: default; } .ly_header a[href^="tel:"]:hover, .ly_header a[href^="tel:"]:focus, .bl_mv a[href^="tel:"]:hover, .bl_mv a[href^="tel:"]:focus, .bl_path_wrapper a[href^="tel:"]:hover, .bl_path_wrapper a[href^="tel:"]:focus, .bl_sect a[href^="tel:"]:hover, .bl_sect a[href^="tel:"]:focus, .bl_pager a[href^="tel:"]:hover, .bl_pager a[href^="tel:"]:focus, .ly_cont_aside a[href^="tel:"]:hover, .ly_cont_aside a[href^="tel:"]:focus, .ly_footer a[href^="tel:"]:hover, .ly_footer a[href^="tel:"]:focus { opacity: 1; } @media all and (min-width: 641px) { .ly_header a[href^="tel:"], .bl_mv a[href^="tel:"], .bl_path_wrapper a[href^="tel:"], .bl_sect a[href^="tel:"], .bl_pager a[href^="tel:"], .ly_cont_aside a[href^="tel:"], .ly_footer a[href^="tel:"] { pointer-events: none; } } .ly_header img, .bl_mv img, .bl_path_wrapper img, .bl_sect img, .bl_pager img, .ly_cont_aside img, .ly_footer img { max-width: 100%; height: auto; } .ly_header figure, .ly_header picture, .bl_mv figure, .bl_mv picture, .bl_path_wrapper figure, .bl_path_wrapper picture, .bl_sect figure, .bl_sect picture, .bl_pager figure, .bl_pager picture, .ly_cont_aside figure, .ly_cont_aside picture, .ly_footer figure, .ly_footer picture { display: block; text-align: center; } .ly_header figure img, .ly_header picture img, .bl_mv figure img, .bl_mv picture img, .bl_path_wrapper figure img, .bl_path_wrapper picture img, .bl_sect figure img, .bl_sect picture img, .bl_pager figure img, .bl_pager picture img, .ly_cont_aside figure img, .ly_cont_aside picture img, .ly_footer figure img, .ly_footer picture img { vertical-align: bottom; } .bl_mv.bl_mv__sub { position: relative; line-height: 1; font-size: 14px; text-align: center; background: #eee no-repeat center/cover; color: #fff; } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub { height: 96.09375vw; } } @media all and (min-width: 641px) { .bl_mv.bl_mv__sub { height: 24.375vw; min-height: 280px; max-height: 468px; } } .bl_mv.bl_mv__sub .bl_mv_col { /* background: rgba(255, 255, 255, .85); min-width: 500px; min-height: 133px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; @include mq(sp) { min-width: 400px*$sp; min-height: 100px*$sp; } @include mq(pc) { height: 133px; } */ display: flex; flex-direction: column-reverse; align-items: flex-start; } .bl_mv.bl_mv__sub .bl_mv_title { line-height: 1.25; letter-spacing: .2em; color: #333333; font-size: 24px; margin-top: .5em; } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub .bl_mv_title { font-size: 14.64px; } } .bl_mv.bl_mv__sub .bl_mv_subTitle { display: block; font-weight: 700; line-height: 1.1; letter-spacing: .2em; color: #333333; font-size: 48px; } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub .bl_mv_subTitle { font-size: 29.28px; } } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__concept .bl_mv_title { text-shadow: -1px 0px 0 #fff, 1px 0px 0 #fff, 0px -1px 0 #fff, 0px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff; } } .bl_mv.bl_mv__sub.bl_mv__concept .bl_mv_subTitle { text-shadow: -1px 0px 0 #fff, 1px 0px 0 #fff, 0px -1px 0 #fff, 0px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff; } .bl_path_wrapper { position: relative; } .bl_path_wrapper .bl_path { display: flex; flex-wrap: wrap; width: calc(100% - 30px); max-width: 1160px; margin: 0 auto; justify-content: flex-start; letter-spacing: .05em; line-height: 1.5; color: #555; font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; align-items: center; align-content: center; overflow: hidden; } @media all and (max-width: 640.9px) { .bl_path_wrapper .bl_path { font-size: 12px; border-radius: 4px; padding: 15px 0; } } @media all and (min-width: 641px) { .bl_path_wrapper .bl_path { width: 100%; padding: 20px 0; } } .bl_path_wrapper .bl_path > li { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bl_path_wrapper .bl_path > li:nth-child(n+2):before { box-sizing: border-box; content: "/"; margin: 0 .5em; } .bl_path_wrapper .bl_path a { /* // 長い文字列は省略 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 30em; @include mq(sp) { max-width: 16em; } */ } @media all and (min-width: 641px) { .bl_path_wrapper .bl_path a { transition: .2s opacity; } .bl_path_wrapper .bl_path a:hover, .bl_path_wrapper .bl_path a:focus { opacity: .7; } } .bl_path_wrapper .bl_path h1 { display: inline; } .bl_path_wrapper.bl_path_wrapper__float + #content-w > section:nth-child(1) { padding-top: 160px; } @media all and (max-width: 640.9px) { .bl_path_wrapper.bl_path_wrapper__float + #content-w > section:nth-child(1) { padding-top: 100px; } } .bl_path_wrapper.bl_path_wrapper__float .bl_path { position: absolute; border-radius: 6px; background: #fff; padding: 10px 20px; top: 30px; left: calc(50% - 580px); } @media all and (max-width: 640.9px) { .bl_path_wrapper.bl_path_wrapper__float .bl_path { left: 15px; top: 15px; padding: 5px 10px; } } .bl_btns { display: flex; flex-wrap: wrap; justify-content: space-around; margin: auto; } .bl_btns:nth-child(n+2) { margin-top: 2em; } .bl_bnrs { display: flex; flex-wrap: wrap; justify-content: space-around; margin: auto; } .bl_table { table-layout: fixed; width: 100%; margin: 0 auto; } .bl_table th, .bl_table td { border: 1px solid #999; padding: .5em 1em; } .bl_table th { background: #eee; font-weight: 700; } .bl_list { padding: 0; margin: 0 auto; list-style: none; max-width: 100%; } .bl_list > li { padding-left: 1em; } .bl_list > li:before { box-sizing: border-box; float: left; font: inherit; display: block; width: 1em; margin-left: -1em; content: "・"; } .bl_list.bl_list__note > li:before { content: "※"; } .bl_list.bl_list__dia > li:before { content: "◆"; } .bl_list.bl_list__num { list-style: decimal; padding-left: 1.5em; } .bl_list.bl_list__num > li { padding-left: 0; } .bl_list.bl_list__num > li:before { display: none; } .bl_iframe_wrapper { position: relative; display: block; overflow: hidden; width: 100%; height: 320px; } .bl_iframe_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } a.el_btn, .bl_form_file a.bl_form_fileLabel { appearance: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; text-align: center; cursor: pointer; border: none; background: transparent; color: inherit; outline: none; font: inherit; width: auto; padding: .25em .75em .35em; line-height: 1.25; min-width: 44px; min-height: 44px; } a.el_btn, .bl_form_file a.bl_form_fileLabel { background: #c2b18e; color: #044974; } @media all and (min-width: 641px) { a.el_btn, .bl_form_file a.bl_form_fileLabel { transition: .2s opacity; } a.el_btn:hover, .bl_form_file a.bl_form_fileLabel:hover, a.el_btn:focus, .bl_form_file a.bl_form_fileLabel:focus { opacity: .7; } } .el_bnr { display: block; max-width: 100%; } .el_bnr img { width: 100%; height: auto; vertical-align: bottom; } @media all and (min-width: 641px) { a.el_bnr { transition: .2s opacity; } a.el_bnr:hover, a.el_bnr:focus { opacity: .7; } } .el_wbr, .bl_header_nav a, .bl_header_nav label, .bl_footer_nav a, .bl_footer_nav label { max-width: 100%; word-break: keep-all; word-wrap: break-word; overflow-wrap: break-word; } .el_wbr wbr:before, .bl_header_nav a wbr:before, .bl_header_nav label wbr:before, .bl_footer_nav a wbr:before, .bl_footer_nav label wbr:before { content: "\0200b"; } .el_w { display: inline-block; } .el_img { display: block; max-width: 100%; max-height: 100vw; overflow: hidden; } .el_img:empty { position: relative; background: #88cd37; color: #fff; } .el_img:empty:before { position: absolute; display: block; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: url('../../../../../../../../design/themes/carmatch/media/../img/i_noimage_wt.png?1759253707') no-repeat center/45% auto; } @media all and (min-width: 641px) { .el_img:empty:before { image-rendering: -webkit-optimize-contrast; } } .el_img img { width: 100%; height: 100%; object-fit: cover; font-family: "object-fit: cover;"; } @media all and (max-width: 640.9px) { .hp_pc { display: none !important; } } @media all and (min-width: 641px) { .hp_sp { display: none !important; } } .hp_flls1e:first-letter { letter-spacing: 1em !important; } .hp_tar { text-align: right !important; } .hp_ls0 { letter-spacing: 0 !important; } .hp_df_fdc_aic { display: flex !important; flex-direction: column !important; align-items: center !important; } #content-w { padding-top: 0; } #footer { padding: 0; } a:hover img, a:focus img { opacity: 1; } .copyr { display: none; } /* @keyframes showToLeft { 0% { opacity: 0; transform: translateX(20%); } 100% { opacity: 1; transform: translateX(0); } } @keyframes showToRight { 0% { opacity: 0; transform: translateX(-20%); } 100% { opacity: 1; transform: translateX(0); } } @keyframes showToTop { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes largeToNormal { 0% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes bound { 0% { transform: scale(.5); } 30% { transform: scale(1.1); } 60% { transform: scale(.9); } 100% { transform: scale(1); } } */ @keyframes bgLoopX { 0% { background-position: right 0 bottom 0; } 100% { background-position: right 100px bottom 0; } } .bl_latestPosts { width: 100%; display: flex; flex-wrap: wrap; /* // ★以下は利用セクション内へのコピー用です。 // ★列の設定 > .bl_latestPost { position: relative; @include mq(sp) { // ★横1列の場合 //margin: 70px*$sp auto 0; // ★横2列の場合 width: 48%; margin: round(60px*$sp) 0 0 4%; &:nth-child(2n-1) { margin-left: 0; } } @include mq(pc) { // ★ 3列の場合 width: 31.04%; max-width: 360px; margin-top: 40px; margin-left: 3.44%; &:nth-child(3n-2) { margin-left: 0; } // ★ 4列の場合 width: 22%; max-width: 260px; margin-top: 40px; margin-left: 4%; &:nth-child(4n-3) { margin-left: 0; } } } */ } .bl_latestPost { position: relative; width: 100%; } .bl_latestPost > a { display: block; width: 100%; height: 100%; /* // ★以下は利用セクション内へのコピー用です。 @include mq(sp) { // ★左に画像 padding: 25px 15px 15px 55%; min-height: 50vw; } */ } @media all and (min-width: 641px) { .bl_latestPost > a:hover figure img, .bl_latestPost > a:hover figure:empty:before, .bl_latestPost > a:focus figure img, .bl_latestPost > a:focus figure:empty:before { transform: scale(1.1); } } .bl_latestPost figure { overflow: hidden; /* // ★以下は利用セクション内へのコピー用です。 background: #fff; border-radius: 10px 10px 0 0; // Design (Size) @include mq(sp) { // ★上に画像(横1列の場合) width: 100%; height: 58vw; // ★上に画像(横2列の場合) width: 100%; height: 29vw; // ★左に画像 width: 50%; height: 100%; position: absolute; left: 0; top: 0; // ★丸角 border-radius: 10px 0 0 10px; } */ } @media all and (min-width: 641px) { .bl_latestPost figure { height: 270px; } } .bl_latestPost figure:empty:before { transition: .4s transform; } .bl_latestPost figure img { vertical-align: bottom; max-width: 100%; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; transition: .4s transform; } .bl_latestPost time { display: block; white-space: nowrap; letter-spacing: .05em; } .bl_latestPost h3 { display: block; } .bl_latestPosts_cats { display: inline-block; /* // ★以下はコメント解除せず、利用セクション内にコピーしてください。 // ★左上に配置 position: absolute; z-index: 1; left: 0; top: 0; background: $c1; font-size: 20px; font-weight: 700; padding: .5em .75em; ★上部中央に配置(丸角) border-radius: 1.3em / 50%; left: 10%; width: 80%; top: -1.25em; text-align: center; font-size: 16px; padding: .7em .5em .8em; line-height: 1; @include mq(sp) { top: -1em; padding: .5em .25em .6em; border-radius: 1em / 50%; } */ overflow: hidden; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; } .bl_latestPosts_cats > i { display: inline; margin-right: .75em; } .bl_latestPosts_cats > i:last-child { margin-right: 0; } .bl_latestPost_cont a { text-decoration: underline; color: #c2b18e; } @media all and (min-width: 641px) { .bl_latestPost_cont a { transition: .2s opacity; } .bl_latestPost_cont a:hover, .bl_latestPost_cont a:focus { opacity: .7; text-decoration: underline; } } .bl_popUp .bl_popUp_state { display: none; } .bl_popUp .bl_popUp_state:checked ~ .bl_popUp_overlay { visibility: visible; opacity: 1; } .bl_popUp .bl_popUp_state:checked ~ .bl_popUp_body { visibility: visible; opacity: 1; } .bl_popUp .bl_popUp_overlay { content: ""; display: block; width: 100%; position: fixed; height: 100%; left: 0; top: 0; z-index: 3; transition: .2s opacity, .2s visibility; visibility: hidden; opacity: 0; background: rgba(0, 0, 0, 0.6); } .bl_popUp .bl_popUp_body { display: block; position: fixed; z-index: 4; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased; transition: .2s opacity, .2s visibility; visibility: hidden; opacity: 0; background: #fff; max-height: 85vh; left: 0; top: 50%; transform: translateY(-50%); margin: auto; } @media all and (max-width: 640.9px) { .bl_popUp .bl_popUp_body { right: 0; width: calc(600vw / 6.4); border-width: calc(4vw / 6.4); border-color: black; border-style: solid; border-radius: calc(16vw / 6.4); background-color: white; } } .bl_popUp .bl_popUp_body table { margin: auto; } .bl_popUp .bl_popUp_body table th { width: 220px; font-size: 22px; } .bl_popUp .bl_popUp_body table td { width: 346px; padding: 8px 0; } .bl_popUp .bl_popUp_close { color: #fff; font-size: 38px; position: absolute; right: 10px; top: 0; bottom: 0; cursor: pointer; text-align: center; transition: .2s opacity; font-weight: 700; letter-spacing: 0; } @media all and (max-width: 640.9px) { .bl_popUp .bl_popUp_close { font-size: calc(38vw / 6.4); } } .bl_popUp .bl_popUp_title { box-sizing: border-box; display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; position: relative; } @media all and (max-width: 640.9px) { .bl_popUp .bl_popUp_title { height: calc(60vw / 6.4); } } .bl_popUp .bl_popUp_bodyInner { overflow: auto; text-align: left; max-height: calc(85vh - 70px); padding-top: calc(34vw / 6.4); padding-bottom: calc(54vw / 6.4); padding-left: calc(25vw / 6.4); padding-right: calc(30vw / 6.4); } .bl_popUp .bl_popUp_bodyInner input[type=text] { height: 34px; border-radius: 2px; background: #f1f1f1; border: 1px solid #0e0e0e; width: 100%; font-size: 18px; padding: 0 5px; } .bl_popUp .bl_btns { margin-top: 45px; display: flex; justify-content: center; gap: 50px; } .bl_popUp .bl_btns .el_btn, .bl_popUp .bl_btns .bl_form_file .bl_form_fileLabel, .bl_form_file .bl_popUp .bl_btns .bl_form_fileLabel { width: 280px; height: 44px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); color: #fff; font-size: 20px; cursor: pointer; } .bl_popUp .bl_btns .el_btn.el_btn__save, .bl_popUp .bl_btns .bl_form_file .el_btn__save.bl_form_fileLabel, .bl_form_file .bl_popUp .bl_btns .el_btn__save.bl_form_fileLabel { background: linear-gradient(#4685dc 0%, #0d3f86 100%); letter-spacing: 15px; text-indent: 15px; } .bl_popUp .bl_btns .el_btn.el_btn__delete, .bl_popUp .bl_btns .bl_form_file .el_btn__delete.bl_form_fileLabel, .bl_form_file .bl_popUp .bl_btns .el_btn__delete.bl_form_fileLabel { width: 100px; background: linear-gradient(#dc4646 0%, #860d0d 100%); letter-spacing: 15px; text-indent: 15px; line-height: 44px; display: none; text-align: center; } .bl_popUp.un_update .bl_btns .el_btn__save { letter-spacing: 0.2em; text-indent: 0; } .bl_popUp.un_update .bl_btns .el_btn__delete { display: inline-block; } .bl_sect_titleCTA { width: 93.75vw; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center; font-size: 18px; font-weight: 700; color: #1a4f97; border: 2px solid #1a4f97; padding: 12px 0; } @media all and (min-width: 641px) { .bl_sect_titleCTA { width: 100%; padding: 15px 0; font-size: 26px; } } .bl_form input[type="text"], .bl_form input[type="number"], .bl_form input[type="url"], .bl_form input[type="password"], .bl_form input[type="search"], .bl_form input[type="email"], .bl_form input[type="tel"], .bl_form select, .bl_form textarea, .bl_form .bl_form_name[type="text"], .bl_form .bl_form_city, .bl_form .bl_form_num, .bl_form input[type="number"].bl_form_year, .bl_form input[type="number"].bl_form_month, .bl_form input[type="number"].bl_form_day, .bl_form input[type="number"].bl_form_price, .bl_form .bl_form_hour, .bl_form .bl_form_min, .bl_form .bl_form_date, .bl_form_selectLabel select { -webkit-appearance: none; -ms-appearance: none; border-radius: 0; margin: 0; appearance: none; box-sizing: border-box; font: inherit; vertical-align: middle; background: #fff; display: inline-block; max-width: 100%; min-width: 3em; border: 1px solid #bfbfbf; border-radius: 3px; padding: 8px; box-shadow: 0 2px 0 #eee inset; line-height: 26px; } .bl_form input[type="text"]::placeholder, .bl_form input[type="number"]::placeholder, .bl_form input[type="url"]::placeholder, .bl_form input[type="password"]::placeholder, .bl_form input[type="search"]::placeholder, .bl_form input[type="email"]::placeholder, .bl_form input[type="tel"]::placeholder, .bl_form select::placeholder, .bl_form textarea::placeholder, .bl_form .bl_form_name[type="text"]::placeholder, .bl_form .bl_form_city::placeholder, .bl_form .bl_form_num::placeholder, .bl_form input[type="number"].bl_form_year::placeholder, .bl_form input[type="number"].bl_form_month::placeholder, .bl_form input[type="number"].bl_form_day::placeholder, .bl_form input[type="number"].bl_form_price::placeholder, .bl_form .bl_form_hour::placeholder, .bl_form .bl_form_min::placeholder, .bl_form .bl_form_date::placeholder, .bl_form_selectLabel select::placeholder { color: #b1b1b1; } .bl_form input[type="text"]:-ms-input-placeholder, .bl_form input[type="number"]:-ms-input-placeholder, .bl_form input[type="url"]:-ms-input-placeholder, .bl_form input[type="password"]:-ms-input-placeholder, .bl_form input[type="search"]:-ms-input-placeholder, .bl_form input[type="email"]:-ms-input-placeholder, .bl_form input[type="tel"]:-ms-input-placeholder, .bl_form select:-ms-input-placeholder, .bl_form textarea:-ms-input-placeholder, .bl_form .bl_form_name[type="text"]:-ms-input-placeholder, .bl_form .bl_form_city:-ms-input-placeholder, .bl_form .bl_form_num:-ms-input-placeholder, .bl_form .bl_form_hour:-ms-input-placeholder, .bl_form .bl_form_min:-ms-input-placeholder, .bl_form .bl_form_date:-ms-input-placeholder, .bl_form_selectLabel select:-ms-input-placeholder { color: #b1b1b1; } .bl_form input[type="text"]::-ms-input-placeholder, .bl_form input[type="number"]::-ms-input-placeholder, .bl_form input[type="url"]::-ms-input-placeholder, .bl_form input[type="password"]::-ms-input-placeholder, .bl_form input[type="search"]::-ms-input-placeholder, .bl_form input[type="email"]::-ms-input-placeholder, .bl_form input[type="tel"]::-ms-input-placeholder, .bl_form select::-ms-input-placeholder, .bl_form textarea::-ms-input-placeholder, .bl_form .bl_form_name[type="text"]::-ms-input-placeholder, .bl_form .bl_form_city::-ms-input-placeholder, .bl_form .bl_form_num::-ms-input-placeholder, .bl_form input[type="number"].bl_form_year::-ms-input-placeholder, .bl_form input[type="number"].bl_form_month::-ms-input-placeholder, .bl_form input[type="number"].bl_form_day::-ms-input-placeholder, .bl_form input[type="number"].bl_form_price::-ms-input-placeholder, .bl_form .bl_form_hour::-ms-input-placeholder, .bl_form .bl_form_min::-ms-input-placeholder, .bl_form .bl_form_date::-ms-input-placeholder, .bl_form_selectLabel select::-ms-input-placeholder { color: #b1b1b1; } .bl_form input[type="text"]::-ms-expand, .bl_form input[type="number"]::-ms-expand, .bl_form input[type="url"]::-ms-expand, .bl_form input[type="password"]::-ms-expand, .bl_form input[type="search"]::-ms-expand, .bl_form input[type="email"]::-ms-expand, .bl_form input[type="tel"]::-ms-expand, .bl_form select::-ms-expand, .bl_form textarea::-ms-expand, .bl_form .bl_form_name[type="text"]::-ms-expand, .bl_form .bl_form_city::-ms-expand, .bl_form .bl_form_num::-ms-expand, .bl_form input[type="number"].bl_form_year::-ms-expand, .bl_form input[type="number"].bl_form_month::-ms-expand, .bl_form input[type="number"].bl_form_day::-ms-expand, .bl_form input[type="number"].bl_form_price::-ms-expand, .bl_form .bl_form_hour::-ms-expand, .bl_form .bl_form_min::-ms-expand, .bl_form .bl_form_date::-ms-expand, .bl_form_selectLabel select::-ms-expand { display: none; } .bl_form input[type="text"]::-ms-clear, .bl_form input[type="number"]::-ms-clear, .bl_form input[type="url"]::-ms-clear, .bl_form input[type="password"]::-ms-clear, .bl_form input[type="search"]::-ms-clear, .bl_form input[type="email"]::-ms-clear, .bl_form input[type="tel"]::-ms-clear, .bl_form select::-ms-clear, .bl_form textarea::-ms-clear, .bl_form .bl_form_name[type="text"]::-ms-clear, .bl_form .bl_form_city::-ms-clear, .bl_form .bl_form_num::-ms-clear, .bl_form input[type="number"].bl_form_year::-ms-clear, .bl_form input[type="number"].bl_form_month::-ms-clear, .bl_form input[type="number"].bl_form_day::-ms-clear, .bl_form input[type="number"].bl_form_price::-ms-clear, .bl_form .bl_form_hour::-ms-clear, .bl_form .bl_form_min::-ms-clear, .bl_form .bl_form_date::-ms-clear, .bl_form_selectLabel select::-ms-clear { visibility: hidden; } .bl_form input[type="text"]::-webkit-search-cancel-button, .bl_form input[type="number"]::-webkit-search-cancel-button, .bl_form input[type="url"]::-webkit-search-cancel-button, .bl_form input[type="password"]::-webkit-search-cancel-button, .bl_form input[type="search"]::-webkit-search-cancel-button, .bl_form input[type="email"]::-webkit-search-cancel-button, .bl_form input[type="tel"]::-webkit-search-cancel-button, .bl_form select::-webkit-search-cancel-button, .bl_form textarea::-webkit-search-cancel-button, .bl_form .bl_form_name[type="text"]::-webkit-search-cancel-button, .bl_form .bl_form_city::-webkit-search-cancel-button, .bl_form .bl_form_num::-webkit-search-cancel-button, .bl_form input[type="number"].bl_form_year::-webkit-search-cancel-button, .bl_form input[type="number"].bl_form_month::-webkit-search-cancel-button, .bl_form input[type="number"].bl_form_day::-webkit-search-cancel-button, .bl_form input[type="number"].bl_form_price::-webkit-search-cancel-button, .bl_form .bl_form_hour::-webkit-search-cancel-button, .bl_form .bl_form_min::-webkit-search-cancel-button, .bl_form .bl_form_date::-webkit-search-cancel-button, .bl_form_selectLabel select::-webkit-search-cancel-button { -webkit-appearance: none; } .bl_form input[type="text"]:disabled, .bl_form input[type="number"]:disabled, .bl_form input[type="url"]:disabled, .bl_form input[type="password"]:disabled, .bl_form input[type="search"]:disabled, .bl_form input[type="email"]:disabled, .bl_form input[type="tel"]:disabled, .bl_form select:disabled, .bl_form textarea:disabled, .bl_form .bl_form_name[type="text"]:disabled, .bl_form .bl_form_city:disabled, .bl_form .bl_form_num:disabled, .bl_form .bl_form_hour:disabled, .bl_form .bl_form_min:disabled, .bl_form .bl_form_date:disabled, .bl_form_selectLabel select:disabled { opacity: .7; cursor: default; } @media all and (max-width: 640.9px) { .bl_form input[type="text"], .bl_form input[type="number"], .bl_form input[type="url"], .bl_form input[type="password"], .bl_form input[type="search"], .bl_form input[type="email"], .bl_form input[type="tel"], .bl_form select, .bl_form textarea, .bl_form .bl_form_name[type="text"], .bl_form .bl_form_city, .bl_form .bl_form_num, .bl_form input[type="number"].bl_form_year, .bl_form input[type="number"].bl_form_month, .bl_form input[type="number"].bl_form_day, .bl_form input[type="number"].bl_form_price, .bl_form .bl_form_hour, .bl_form .bl_form_min, .bl_form .bl_form_date, .bl_form_selectLabel select { font-size: 16px; } } .bl_form input[type="text"].bl_form_postCode, .bl_form input[type="number"].bl_form_postCode, .bl_form input[type="url"].bl_form_postCode, .bl_form input[type="password"].bl_form_postCode, .bl_form input[type="search"].bl_form_postCode { max-width: 7.5em; } .bl_form input[type="email"] { width: 100%; } .bl_form input[type="tel"] { width: 20em; } .bl_form input[autocomplete="cc-exp"] { width: 8em; } .bl_form input[autocomplete="cc-csc"] { width: 5em; } .bl_form select { text-overflow: ellipsis; } .bl_form textarea { vertical-align: bottom; width: 100%; min-height: 8em; max-height: 90vh; line-height: 1.5; margin-top: 5px; } @media all and (min-width: 641px) { .bl_form textarea { min-height: 10em; } } .bl_form .bl_form_name[type="text"] { width: 14em; margin-right: .5em; max-width: 45%; } .bl_form .bl_form_name[type="text"]:last-child { margin-right: 0; } .bl_form .bl_form_city { width: 16em; } .bl_form .bl_form_num { width: 8em; } .bl_form input[type="number"].bl_form_year { max-width: 5em !important; } .bl_form input[type="number"].bl_form_month { width: 3.5em !important; } .bl_form input[type="number"].bl_form_day { width: 3.5em !important; } .bl_form input[type="number"].bl_form_price { width: 10em !important; } .bl_form .bl_form_hour { width: 4em; } .bl_form .bl_form_min { width: 4em; } .bl_form .bl_form_date::-webkit-inner-spin-button { -webkit-appearance: none; } .bl_form .bl_form_date::-webkit-clear-button { -webkit-appearance: none; } .bl_form_radioLabel { display: inline-block; vertical-align: middle; line-height: 1; margin-right: 1em; cursor: pointer; } .bl_form_radioLabel input[type="radio"] { opacity: 0; -webkit-appearance: none; appearance: none; position: absolute; } .bl_form_radioLabel input[type="radio"]:checked ~ i:before { display: block; } .bl_form_radioLabel input[type="radio"]:hover ~ i, .bl_form_radioLabel input[type="radio"]:focus ~ i { border-color: #044974; } .bl_form_radioLabel > i { position: relative; display: inline-block; margin: 0 .5em 0 0; vertical-align: -.4em; width: 20px; height: 20px; background: #fff; border: 1px solid #555; border-radius: 50%; transition: .05s border-color; } .bl_form_radioLabel > i:before { position: absolute; content: ""; border-radius: 50%; display: none; width: calc(100% - 8px); height: calc(100% - 8px); top: 4px; left: 4px; background: #555; } .bl_form_checkboxLabel { display: inline-block; line-height: 1; cursor: pointer; margin-right: 1em; } .bl_form_checkboxLabel > input[type="checkbox"] { opacity: 0; -webkit-appearance: none; appearance: none; position: absolute; } .bl_form_checkboxLabel > input[type="checkbox"]:checked ~ i:before { display: block; } .bl_form_checkboxLabel > input[type="checkbox"]:hover ~ i, .bl_form_checkboxLabel > input[type="checkbox"]:focus ~ i { border-color: #044974; } .bl_form_checkboxLabel > i { display: inline-block; width: 1.5em; height: 1.5em; position: relative; vertical-align: -.4em; margin: 0 .5em 0 0; background: #fff; border: 1px solid #b5b5b5; border-radius: 3px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset; transition: .05s border-color; } .bl_form_checkboxLabel > i:before { position: absolute; display: block; content: ""; width: 30%; height: 60%; top: 53%; left: 50%; border: 3px solid #555; border-width: 0 3px 3px 0; transform: translate(-50%, -65%) rotate(45deg); display: none; } .bl_form_selectLabel { position: relative; display: inline-block; line-height: 1; } .bl_form_selectLabel:before { position: absolute; display: flex; justify-content: center; align-items: center; line-height: 1; pointer-events: none; content: "▼"; color: #555; font-size: 10px; top: 1px; right: 1px; width: 34px; height: calc(100% - 2px); border-radius: 0 3px 3px 0; } .bl_form_selectLabel.bl_form_pref { width: 8em; } .bl_form_selectLabel select { width: 100%; cursor: pointer; padding-right: 36px; } .bl_form_dateLabel { position: relative; display: inline-block; line-height: 1; } .bl_form_dateLabel:before { position: absolute; display: block; line-height: 1; font-size: .8em; content: ""; top: calc(50% - .75em); right: .75em; width: 17px; height: 21px; pointer-events: none; } @media all and (min-width: 641px) { .bl_form_dateLabel:before { right: 1.25em; } } .bl_form_dateLabel input[type="text"], .bl_form_dateLabel input[type="date"] { width: 12em; } .ui-datepicker.ui-widget.ui-widget-content { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); } .ui-datepicker .ui-datepicker-calendar th { padding: 0 .3em; } .bl_form_file { line-height: 1.25; } @media all and (min-width: 641px) { .bl_form_file { width: 240px; } } .bl_form_file .bl_form_fileImg { text-align: center; position: relative; z-index: 0; height: 28.125vw; background: #e5e1da; } @media all and (min-width: 641px) { .bl_form_file .bl_form_fileImg { height: 180px; } } .bl_form_file .bl_form_fileImg figcaption { position: absolute; left: 0; top: 0; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; width: 100%; height: 100%; z-index: -1; color: #fff; font-weight: 700; font-size: 18px; } @media all and (min-width: 641px) { .bl_form_file .bl_form_fileImg figcaption { font-size: 36px; } } .bl_form_file .bl_form_fileImg img { object-fit: contain; font-family: 'object-fit: contain;'; z-index: 1; width: 100%; height: 28vw; } @media all and (min-width: 641px) { .bl_form_file .bl_form_fileImg img { height: 180px; } } .bl_form_file .bl_form_fileLabel { position: relative; margin: 1em auto 0; border: 1px solid #7d7d7d; color: #4e4e4e; font-weight: 700; border-radius: 3px; min-height: 30px; background: #e8ded1; background: linear-gradient(to bottom, #f6ede3, #dbcfbf); font-size: 13px; padding-left: .25em; padding-right: .25em; } @media all and (min-width: 641px) { .bl_form_file .bl_form_fileLabel { font-size: 16px; width: 200px; height: 42px; } } .bl_form_file .bl_form_fileLabel input[type="file"] { opacity: 0; -webkit-appearance: none; -ms-appearance: none; appearance: none; position: absolute; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; } .bl_form_file .bl_form_fileLabel input[type="file"]:focus ~ i { border: 1px solid #044974; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; } .bl_form_file .js_form_fileCancel { position: absolute; cursor: pointer; right: 0; top: 0; background: #000; border: none; color: #fff; font-size: 14px; font-weight: 700; margin: 0; padding: 4px; width: 32px; height: 32px; line-height: 1; opacity: .9; } .bl_form_file .js_form_fileCancel:before { content: "×"; } @media all and (min-width: 641px) { .bl_form_file .js_form_fileCancel { transition: .2s opacity; } .bl_form_file .js_form_fileCancel:hover, .bl_form_file .js_form_fileCancel:focus { opacity: .7; } } em.bl_form_req, em.bl_form_optional { display: inline-block; background: #f50; color: #fff; padding: 2px 4px; margin-left: 5px; font: inherit; line-height: 1.25; } em.bl_form_optional { background: #999; } .bl_form_hint { font-size: 12px; line-height: 1.5; margin: .25em 0; } @media all and (min-width: 641px) { .bl_form_hint { font-size: 14px; } } .bl_form_totalError { background: #fcc; font-size: 16px; padding: 10px; font-weight: 700; color: #f33; } .bl_form_error { color: #f50; font-weight: 700; margin-top: .25em; line-height: 1.5; } .bl_form_table { width: 100%; margin: 1em auto; table-layout: fixed; word-wrap: break-word; overflow-wrap: break-word; margin-top: 2em; max-width: 1000px; line-height: 50px; font-size: 14px; } @media all and (max-width: 640.9px) { .bl_form_table, .bl_form_table thead, .bl_form_table tbody, .bl_form_table tr, .bl_form_table th, .bl_form_table td { display: block; } } @media all and (max-width: 640.9px) { .bl_form_table tr { margin-top: 1em; border-bottom: 1px solid #e5e5e5; padding-bottom: 1em; } } .bl_form_table th, .bl_form_table td { padding: 8px 25px 10px; } @media all and (max-width: 640.9px) { .bl_form_table th, .bl_form_table td { border: none; padding: 0; } } @media all and (max-width: 640.9px) { .bl_form_table th { line-height: 1.25; } } @media all and (min-width: 641px) { .bl_form_table th { font-weight: 700; width: 22%; } } .form_inputForm_lead { margin: 36.6px auto 15.25px; font-size: calc(22.92vw / 6.4); font-weight: 700; line-height: 1.5em; max-width: 870px; } @media all and (min-width: 641px) { .form_inputForm_lead { text-align: center; font-size: 16px; margin-top: 50px; } } .form_inputForm_privacy { border: 1px solid #d2d2d2; padding: 18.3px 10.98px; height: 152.5px; overflow: auto; max-width: 870px; margin-left: auto; margin-right: auto; } @media all and (min-width: 641px) { .form_inputForm_privacy { padding: 22px 45px; height: 205px; font-size: 14px; } } .form_inputForm_privacy .privacy_meta { text-align: right; margin-bottom: 10px; } .form_inputForm_privacy p { margin: 0; } .form_inputForm_privacy ul { margin: 0; padding: 0; } .form_inputForm_privacy ul li { list-style: none; } .form_inputForm_privacy dd { margin: 0; } .form_inputForm_privacy > dl dt { margin-bottom: 0.5em; } .form_inputForm_privacy > dl dt:nth-child(n+2) { margin-top: 1em; } .form_inputForm_privacy > dl dd { line-height: 1.5; } .form_inputForm_privacy > dl dd p + ul { margin-top: 0.5em; } .form_inputForm_privacy > dl dd ul li { margin-left: 1em; text-indent: -1em; } .cmsPager { width: calc(100% - 30px); max-width: 1160px; margin-left: auto; margin-right: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; box-sizing: border-box; padding: 0; clear: both; margin: 20px auto 0; font-weight: 700; line-height: 1.5; } @media all and (min-width: 641px) { .cmsPager { width: 100%; } } @media all and (max-width: 640.9px) { .cmsPager { justify-content: space-between; width: 100%; } } @media all and (min-width: 641px) { .cmsPager { margin-top: 45px; } } .cmsPager > * { margin: 12px 0.25em 0; display: flex; } .cmsPager > * > * { max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; min-width: 44px; text-align: center; transition: 0.3s opacity; padding: 0.75em 0.5em 0.8em; border: 1px solid #044974; background: #fff; } .cmsPager > * > *:hover, .cmsPager > * > *:focus { opacity: 0.8; } @media all and (max-width: 640.9px) { .cmsPager_page { display: none; } } @media all and (min-width: 641px) { .cmsPager_page { margin: 12px 0 0; } } .cmsPager_page a { color: #044974; border: none; } @media all and (max-width: 640.9px) { .cmsPager_selected { display: none; } } .cmsPager_selected > * { border: none; } @media all and (max-width: 640.9px) { .cmsPager_first { margin-left: 0; } } @media all and (max-width: 640.9px) { .cmsPager_prev { width: 28%; } } @media all and (min-width: 641px) { .cmsPager_prev { margin-right: 0.5em; } } @media all and (max-width: 640.9px) { .cmsPager_next { width: 28%; } } @media all and (min-width: 641px) { .cmsPager_next { margin-left: 0.5em; } } @media all and (max-width: 640.9px) { .cmsPager_last { margin-right: 0; } } .cmsPager_prevTitle, .cmsPager_nextTitle { width: 100%; } @media all and (min-width: 641px) { .cmsPager_prevTitle, .cmsPager_nextTitle { width: 48%; } } .cmsPager_prevTitle > *, .cmsPager_nextTitle > * { height: auto; position: relative; line-height: 1.5; min-height: 4em; } .cmsPager_prevTitle > *:before, .cmsPager_nextTitle > *:before { display: block; position: absolute; top: calc(50% - 0.75em); } @media all and (min-width: 641px) { .cmsPager_prevTitle { margin-left: 0; margin-right: 0; } .cmsPager_prevTitle:last-child { margin-right: 52%; } } .cmsPager_prevTitle > * { padding-left: 2em; justify-content: flex-start; } .cmsPager_prevTitle > *:before { content: "＜"; left: 0.5em; } @media all and (min-width: 641px) { .cmsPager_nextTitle { margin-right: 0; margin-left: 4%; } .cmsPager_nextTitle:first-child { margin-left: 52%; } } .cmsPager_nextTitle > * { padding-right: 2em; justify-content: flex-end; } .cmsPager_nextTitle > *:before { content: "＞"; right: 0.5em; } @media all and (max-width: 640.9px) { .cmsAside { margin-top: 57.95px; margin-bottom: 20px; } } @media all and (min-width: 641px) { .cmsAside { top: 0; right: 20px; width: 260px; } } .cmsAside_listTitle { background: #044974 no-repeat center left 1em/auto 1.25em; color: #fff; padding: 0.5em 0.5em 0.5em 3.5em; margin-bottom: 0.25em; font-size: calc(30vw / 6.4); } @media all and (min-width: 641px) { .cmsAside_listTitle { font-size: 24px; padding: 0.75em 0.5em 0.75em 3.5em; } } .cmsAside_listTitle:nth-child(n + 2) { margin-top: 3em; } .cmsAside_list { margin-bottom: 2em; } @media all and (min-width: 641px) { .cmsAside_list { margin-bottom: 3em; font-size: 14px; } } .cmsAside_list:nth-child(3) > li { border-bottom: 1px solid #c9c9c9; } .cmsAside_list:nth-child(3) > li a { color: #555; text-decoration: none; } .cmsAside_list:nth-child(3) > li .cmsAside_date { color: #333; margin-bottom: 0.25em; } .cmsAside_list:nth-child(n + 4) { margin-top: 0.5em; } .cmsAside_list:nth-child(n + 4) > li a { padding-left: 0.6em; } @media all and (min-width: 641px) { .cmsAside_list:nth-child(n + 4) > li a { padding-top: 0.4em; padding-bottom: 0.4em; } } .cmsAside_list a { display: block; padding: 0.6em 0; transition: 0.15s opacity; max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; overflow: hidden; color: #044974; text-decoration: underline; } @media all and (min-width: 641px) { .cmsAside_list a { padding: 1em 0; } } .cmsAside_list a:hover, .cmsAside_list a:focus { opacity: 0.6; } .cmsAside_figure { width: 35%; float: left; } .cmsAside_figure img { object-fit: cover; font-family: 'object-fit: cover'; } @media all and (min-width: 641px) { .cmsAside_figure img { height: 100px; } } .cmsAside_figure ~ * { width: 62%; margin-left: auto; } .cmsAside_title { font-weight: 700; display: block; } .cmsAside_date { display: block; font-size: 0.9em; } @media all and (min-width: 641px) { .cmsAside_date { font-size: 1em; } } .section, .section-pcBgGray, .section-bgHalfBlue, .section-bgBlue, .section-magazineWrap { margin-top: 0 !important; margin-bottom: 73.2px; } @media all and (min-width: 641px) { .section, .section-pcBgGray, .section-bgHalfBlue, .section-bgBlue, .section-magazineWrap { margin-top: 0 !important; margin-bottom: 40px; } } .section_title, .section_title-bgBlue, .section_title-bgBlue-small, .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title h1, .section-bgBlue .section_title { line-height: 1.25; margin: 0 auto; width: calc(100% - 30px); max-width: 1160px; } @media all and (max-width: 640.9px) { .siteBody-index .section_title, .siteBody-index .section_title-bgBlue, .siteBody-index .section_title-bgBlue-small, .siteBody-index .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-voice .cmsArticle_title .siteBody-index h1, .siteBody-index .cmsArticle-blog .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title .siteBody-index h1 { width: 100%; } } .section_title-bgBlue, .section_title-bgBlue-small, .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title h1, .section-bgBlue .section_title, .section-bgBlue .section_title-bgBlue { background: #0783d2; color: #fff; padding: 1em .5em; } @media all and (min-width: 641px) { .section_title-bgBlue, .section_title-bgBlue-small, .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title h1, .section-bgBlue .section_title, .section-bgBlue .section_title-bgBlue { padding: 1.25em; margin-top: 85px; } } .siteBody-index .section_title-bgBlue, .siteBody-index .section_title-bgBlue-small, .siteBody-index .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-voice .cmsArticle_title .siteBody-index h1, .siteBody-index .cmsArticle-blog .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title .siteBody-index h1, .siteBody-index .section-bgBlue .section_title, .section-bgBlue .siteBody-index .section_title, .siteBody-about .section_title-bgBlue, .siteBody-about .section_title-bgBlue-small, .siteBody-about .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-voice .cmsArticle_title .siteBody-about h1, .siteBody-about .cmsArticle-blog .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title .siteBody-about h1, .siteBody-about .section-bgBlue .section_title, .section-bgBlue .siteBody-about .section_title { text-align: center; } @media all and (min-width: 641px) { .siteBody-about .section_title-bgBlue, .siteBody-about .section_title-bgBlue-small, .siteBody-about .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-voice .cmsArticle_title .siteBody-about h1, .siteBody-about .cmsArticle-blog .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title .siteBody-about h1, .siteBody-about .section-bgBlue .section_title, .section-bgBlue .siteBody-about .section_title { padding: 2.5em 1em; } } .section_title-bgBlue > *:nth-child(1), .section_title-bgBlue-small > *:nth-child(1), .cmsArticle-voice .cmsArticle_title h1 > *:nth-child(1), .cmsArticle-blog .cmsArticle_title h1 > *:nth-child(1), .section-bgBlue .section_title > *:nth-child(1), .section-bgBlue .section_title-bgBlue > *:nth-child(1) { font-weight: 700; font-size: 23.18px; } @media all and (min-width: 641px) { .section_title-bgBlue > *:nth-child(1), .section_title-bgBlue-small > *:nth-child(1), .cmsArticle-voice .cmsArticle_title h1 > *:nth-child(1), .cmsArticle-blog .cmsArticle_title h1 > *:nth-child(1), .section-bgBlue .section_title > *:nth-child(1), .section-bgBlue .section_title-bgBlue > *:nth-child(1) { font-size: 24px; margin: 0; letter-spacing: 0.1em; } } @media all and (max-width: 640.9px) { .section_title-bgBlue > *:nth-child(1), .section_title-bgBlue-small > *:nth-child(1), .cmsArticle-voice .cmsArticle_title h1 > *:nth-child(1), .cmsArticle-blog .cmsArticle_title h1 > *:nth-child(1), .section-bgBlue .section_title > *:nth-child(1), .section-bgBlue .section_title-bgBlue > *:nth-child(1) { margin: 0; font-size: 18.3px; } } .section_title-bgBlue .section_summary, .section_title-bgBlue-small .section_summary, .cmsArticle-voice .cmsArticle_title h1 .section_summary, .cmsArticle-blog .cmsArticle_title h1 .section_summary, .section-bgBlue .section_title .section_summary { margin-top: .25em; } @media all and (min-width: 641px) { .section_title-bgBlue .section_summary, .section_title-bgBlue-small .section_summary, .cmsArticle-voice .cmsArticle_title h1 .section_summary, .cmsArticle-blog .cmsArticle_title h1 .section_summary, .section-bgBlue .section_title .section_summary { font-size: 14px; margin-top: .5em; } } .section_title-bgBlue-small, .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title h1 { padding: .75em; letter-spacing: .05em; } @media all and (min-width: 641px) { .section_title-bgBlue-small, .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title h1 { padding-left: 23px; } } .section_title-bgBlue-small > *:nth-child(1), .cmsArticle-voice .cmsArticle_title h1 > *:nth-child(1), .cmsArticle-blog .cmsArticle_title h1 > *:nth-child(1) { font-size: 18.3px; margin: 0; text-align: left; } @media all and (min-width: 641px) { .section_title-bgBlue-small > *:nth-child(1), .cmsArticle-voice .cmsArticle_title h1 > *:nth-child(1), .cmsArticle-blog .cmsArticle_title h1 > *:nth-child(1) { font-size: 20px; } } .section_title-bgBlue-small--office { background: #00b7ee; } @media all and (min-width: 641px) { .section-pcBgGray { background: #eee; padding: 1px 0 65px; margin-bottom: 0; } } .section-bgHalfBlue { background: linear-gradient(to bottom, #044974 50%, #fff 50%); padding-top: 73.2px; padding-bottom: 61px; } @media all and (min-width: 641px) { .section-bgHalfBlue { margin-top: 0; } } .section-bgBlue { background: #044974; margin-top: 73.2px; padding-top: 54.9px; padding-bottom: 54.9px; margin-bottom: 73.2px; } @media all and (min-width: 641px) { .section-bgBlue { padding-bottom: 85px; } } .section-bgBlue .section_title-bgBlue, .section-bgBlue .section_title-bgBlue-small, .section-bgBlue .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-voice .cmsArticle_title .section-bgBlue h1, .section-bgBlue .cmsArticle-blog .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title .section-bgBlue h1, .section-bgBlue .section_title { padding: 0em .25em; max-width: 1160px; } @media all and (min-width: 641px) { .section-bgBlue .section_title-bgBlue, .section-bgBlue .section_title-bgBlue-small, .section-bgBlue .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-voice .cmsArticle_title .section-bgBlue h1, .section-bgBlue .cmsArticle-blog .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title .section-bgBlue h1, .section-bgBlue .section_title { padding: 0 1.25em; margin-top: 0; width: 100%; } } .section-magazineWrap { max-width: 1160px; margin: 0 auto; } @media all and (min-width: 641px) { .section-magazineWrap { overflow: hidden; margin-top: 160px; display: flex; justify-content: center; flex-wrap: wrap; } .section-magazineWrap .section_title-bgBlue, .section-magazineWrap .section_title-bgBlue-small, .section-magazineWrap .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-voice .cmsArticle_title .section-magazineWrap h1, .section-magazineWrap .cmsArticle-blog .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title .section-magazineWrap h1, .section-magazineWrap .section-bgBlue .section_title, .section-bgBlue .section-magazineWrap .section_title { width: 23%; margin: 0; text-align: left; padding: 1.25em 1.5em; } .section-magazineWrap .section_title-bgBlue h2, .section-magazineWrap .section_title-bgBlue-small h2, .section-magazineWrap .cmsArticle-voice .cmsArticle_title h1 h2, .cmsArticle-voice .cmsArticle_title .section-magazineWrap h1 h2, .section-magazineWrap .cmsArticle-blog .cmsArticle_title h1 h2, .cmsArticle-blog .cmsArticle_title .section-magazineWrap h1 h2, .section-magazineWrap .section-bgBlue .section_title h2, .section-bgBlue .section-magazineWrap .section_title h2 { font-size: 26px; } .section-magazineWrap .section_slider { width: 75%; padding: 0 4%; margin: 0 0 0 auto; position: relative; } .section-magazineWrap .section_slider div[data-pc-slide-class="swiper-container"] .cmsArticleList-maxWidth-spMax3 { width: 100%; margin: 0; } .section-magazineWrap .button-more, .section-magazineWrap .button-more-wide, .section-magazineWrap .shopList_more .shopList_button-more, .shopList_more .section-magazineWrap .shopList_button-more { width: 320px; margin-left: 0; margin-right: 0; } } .section-recommend { margin-top: 4em; margin-bottom: 300px; } @media all and (max-width: 640.9px) { .section-recommend { margin-bottom: 200px; margin-top: 0; } } .cmsArticle-voice, .cmsArticle-blog { box-sizing: border-box; width: calc(100% - 30px); max-width: 1160px; margin-left: auto; margin-right: auto; } @media all and (min-width: 641px) { .cmsArticle-voice, .cmsArticle-blog { width: 100%; } } .cmsArticle-voice a, .cmsArticle-blog a { text-decoration: none; color: inherit; } .cmsArticle-voice .cmsArticle, .cmsArticle-blog .cmsArticle { word-wrap: break-word; overflow-wrap: break-word; } .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title h1 { margin-bottom: .75em; font-weight: 700; font-size: 19.52px; box-sizing: border-box; } @media all and (min-width: 641px) { .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title h1 { font-size: 24px; margin-top: 0; padding-left: 20px; padding-right: 20px; } } .cmsArticle-voice .cmsArticle_author, .cmsArticle-blog .cmsArticle_author { margin-top: .25em; } .cmsArticle-voice .cmsArticle_date, .cmsArticle-voice .cmsArticle_author, .cmsArticle-voice .cmsArticle_category, .cmsArticle-blog .cmsArticle_date, .cmsArticle-blog .cmsArticle_author, .cmsArticle-blog .cmsArticle_category { margin-left: 10px; } @media all and (min-width: 641px) { .cmsArticle-voice .cmsArticle_date, .cmsArticle-voice .cmsArticle_author, .cmsArticle-voice .cmsArticle_category, .cmsArticle-blog .cmsArticle_date, .cmsArticle-blog .cmsArticle_author, .cmsArticle-blog .cmsArticle_category { margin-right: 1em; margin-top: 0; display: inline-block; } } .cmsArticle-voice .cmsArticle_body, .cmsArticle-blog .cmsArticle_body { margin: 1em 0 0; } @media all and (min-width: 641px) { .cmsArticle-voice .cmsArticle_body, .cmsArticle-blog .cmsArticle_body { margin: 1.5em 20px 0; } } .cmsArticle-voice .cmsArticle_body em, .cmsArticle-blog .cmsArticle_body em { font-style: italic; } .cmsArticle-voice .cmsArticle_body h2, .cmsArticle-blog .cmsArticle_body h2 { font-size: 19.52px; color: #0161ba; font-weight: 700; margin-top: 33.55px; padding-bottom: 5px; border-bottom: 2.44px solid #0161ba; margin-bottom: 12.2px; } @media all and (min-width: 641px) { .cmsArticle-voice .cmsArticle_body h2, .cmsArticle-blog .cmsArticle_body h2 { margin-bottom: 20px; margin-top: 50px; font-size: 24px; padding-bottom: 5px; border-bottom: 2px solid #0161ba; } } .cmsArticle-voice .cmsArticle_body h3, .cmsArticle-blog .cmsArticle_body h3 { font-size: 18.3px; color: #0161ba; background: #eee; padding: 9.15px 12px 10.98px; border-radius: 3px; font-weight: 700; margin-top: 36.6px; margin-bottom: 15.25px; } @media all and (min-width: 641px) { .cmsArticle-voice .cmsArticle_body h3, .cmsArticle-blog .cmsArticle_body h3 { margin-bottom: 12px; padding: 4px 15px 5px; font-size: 20px; margin-top: 45px; } } .cmsArticle-voice .cmsArticle_body h4, .cmsArticle-blog .cmsArticle_body h4 { font-size: 18.3px; font-weight: 700; color: #0161ba; margin-top: 42.7px; margin-bottom: 19.52px; padding: 3.05px 9.76px 4.88px; border-left: 2.44px solid #0161ba; } @media all and (min-width: 641px) { .cmsArticle-voice .cmsArticle_body h4, .cmsArticle-blog .cmsArticle_body h4 { border-left: 3px solid #0161ba; padding: 5px 12px 7px; margin-top: 50px; margin-bottom: 30px; font-size: 20px; padding-left: 12px; } } .ly_header { position: fixed; top: 0; left: 0; right: 0; z-index: 2; } @media all and (min-width: 641px) { .ly_header.shop .bl_header_drawerToggle { display: none; } } /* .bl_header_sub { width: 100%; background: $bg1; display: flex; //justify-content: space-between; justify-content: center; // ★Design font-size: 12px; letter-spacing: .1em; line-height: 1.25; padding: 0 45px; @include mq(sp) { position: fixed; padding: 0 10px; height: 22px; transition: .2s height; overflow: hidden; } @include mq(pc) { min-height: 30px; height: 30px; // for IE } } */ .bl_header { margin: 0; padding: 0; z-index: 1; margin: 0 auto; width: 100%; display: flex; justify-content: space-between; align-items: center; align-content: center; position: fixed; left: 0; top: 0; transition: .2s height; } @media all and (max-width: 640.9px) { .bl_header { height: 55px; justify-content: flex-start; padding: 0; } } @media all and (max-width: 640.9px) { .bl_header:before { position: fixed; display: block; content: ""; background: #000; width: 0%; height: 100%; top: 0; right: 0; opacity: 0; transition: 0s width .2s, .2s opacity; } } @media all and (max-width: 640.9px) { .bl_header_title { margin-left: 15px; } } @media all and (min-width: 641px) { .bl_header_title { transition: .2s height, .2s margin; margin-left: 40px; } } b.bl_header_catch { font-weight: inherit; margin: 0; display: block; line-height: 1.25; letter-spacing: .05em; font-weight: 400; overflow: hidden; max-height: 3em; opacity: 1; transition: .2s opacity, .2s max-height; } @media all and (max-width: 640.9px) { b.bl_header_catch { font-feature-settings: "palt"; font-size: 12px; } } .bl_header_name { display: block; color: inherit; line-height: 1.25; transition: .2s margin; font-weight: 700; transition: .2s width, .2s margin; color: #555; overflow: hidden; white-space: nowrap; text-indent: 101%; background: url('../../../../../../../../design/themes/carmatch/media/../img/i_logotype.png?1759253707') no-repeat left center/contain; font-size: 28px; font-weight: 700; } @media all and (max-width: 640.9px) { .bl_header_name { font-size: 30.5px; width: 121px; height: 31px; } .bl_header_name:nth-child(2) { margin-top: 4px; } } @media all and (min-width: 641px) { .bl_header_name { width: 198px; height: 50px; image-rendering: -webkit-optimize-contrast; } .bl_header_name:nth-child(2) { margin-top: 10px; } } .ly_header.normal nav.bl_header_drawer { position: fixed; right: -100%; transition: .3s right, .2s top, .2s height; overflow: auto; width: 100%; max-height: 100vh; background: #f8f8f8; color: #7c715b; top: 0; height: 100vh; display: flex; justify-content: center; align-items: center; gap: 90px; flex-wrap: wrap; align-content: center; } @media all and (min-width: 641px) { .ly_header.normal nav.bl_header_drawer { background: url('../../../../../../../../design/themes/carmatch/media/../img/nav_bg.png?1759253707') no-repeat center center; background-size: cover; } } @media all and (max-width: 640.9px) { .ly_header.normal nav.bl_header_drawer { background: url('../../../../../../../../design/themes/carmatch/media/../img/nav_bg_01_sp.png?1759253707') no-repeat top center, url('../../../../../../../../design/themes/carmatch/media/../img/nav_bg_02_sp.png?1759253707') no-repeat bottom center, url('../../../../../../../../design/themes/carmatch/media/../img/nav_bg_sp.png?1759253707') no-repeat center center; background-size: contain, contain, cover; gap: calc(60vw / 6.4); } } .ly_header.normal nav.bl_header_drawer .bl_btns { margin: 0; } @media all and (max-width: 640.9px) { .ly_header.normal nav.bl_header_drawer .bl_btns { width: 100%; } } .ly_header.normal nav.bl_header_drawer .bl_btns a { border-width: 6px; border-color: #191919; border-style: solid; background-color: white; box-shadow: 0px 8px 0px 0px rgba(0, 0, 0, 0.004); width: 345px; height: 64px; color: #ea0000; font-size: 35px; font-weight: 600; text-align: center; border-radius: 32px; transition: .2s opacity; } @media all and (max-width: 640.9px) { .ly_header.normal nav.bl_header_drawer .bl_btns a { border-width: calc(6vw / 6.4); border-color: #191919; border-style: solid; background-color: white; box-shadow: 0px 8px 0px 0px rgba(0, 0, 0, 0.004); width: calc(345vw / 6.4); height: calc(64vw / 6.4); font-size: calc(35vw / 6.4); } } .ly_header.normal nav.bl_header_drawer .bl_btns a:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/mail.png?1759253707') no-repeat center center; background-size: contain; width: 41px; height: 29px; margin-right: 6px; display: inline-block; } @media all and (max-width: 640.9px) { .ly_header.normal nav.bl_header_drawer .bl_btns a:before { width: calc(41vw / 6.4); height: calc(29vw / 6.4); } } .ly_header.normal nav.bl_header_drawer .bl_btns a:hover { opacity: 0.7; } .ly_header.shop nav.bl_header_drawer { position: fixed; right: -100%; transition: .3s right, .2s top, .2s height; overflow: auto; width: 100%; max-height: 100vh; background: #fff100; color: #7c715b; top: 55px; height: 100vh; } @media all and (min-width: 641px) { .ly_header.shop nav.bl_header_drawer { display: none; } } .ly_header.shop nav.bl_header_drawer .el_links li { height: calc(100vw / 6.4); border-bottom: calc(2vw / 6.4) solid #03124b; } .ly_header.shop nav.bl_header_drawer .el_links li a { color: #03124b; font-size: calc(40vw / 6.4); font-weight: 600; display: flex; align-items: center; height: 100%; padding-left: calc(50vw / 6.4); position: relative; } .ly_header.shop nav.bl_header_drawer .el_links li a:after { content: '>'; position: absolute; right: calc(60vw / 6.4); top: 0; bottom: 0; display: flex; align-items: center; } .ly_header.shop nav.bl_header_drawer .bl_site_title_sp { text-align: center; margin-top: calc(70vw / 6.4); } .ly_header.shop nav.bl_header_drawer .bl_site_title_sp p { color: #03124b; font-size: calc(25.26vw / 6.4); margin-bottom: calc(10vw / 6.4); } .ly_header.shop nav.bl_header_drawer .bl_site_title_sp img { width: calc(324vw / 6.4); } .ly_header.shop nav.bl_header_drawer .bl_btns { margin-top: calc(60vw / 6.4); } .ly_header.shop nav.bl_header_drawer .bl_btns a { text-decoration: none; font-size: calc(20vw / 6.4); font-weight: 600; color: #fff; display: block; text-align: center; width: calc(300vw / 6.4); height: calc(59vw / 6.4); line-height: calc(59vw / 6.4); border: calc(1vw / 6.4) solid #232323; border-radius: calc(29.5vw / 6.4); } .ly_header.shop nav.bl_header_drawer .bl_btns .un_tel a { background-color: #de4632; } .ly_header.shop nav.bl_header_drawer .bl_btns .un_tel a:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/footer_tel.png?1759253707') no-repeat center center; background-size: contain; width: calc(21vw / 6.4); height: calc(27vw / 6.4); margin-right: calc(6vw / 6.4); display: inline-block; vertical-align: middle; } .ly_header.shop nav.bl_header_drawer .bl_btns .un_line a { background-color: #06c755; } .ly_header.shop nav.bl_header_drawer .bl_btns .un_line a:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/footer_line.png?1759253707') no-repeat center center; background-size: contain; width: calc(30vw / 6.4); height: calc(29vw / 6.4); margin-right: calc(6vw / 6.4); display: inline-block; vertical-align: middle; } ul.bl_header_nav li + li { margin-top: 80px; } @media all and (max-width: 640.9px) { ul.bl_header_nav li + li { margin-top: calc(45vw / 6.4); } } ul.bl_header_nav li a { color: #fff; font-size: 50px; text-shadow: 3px 3px 0px #330033, -3px 3px 0px #330033, 3px -3px 0px #330033, -3px -3px 0px #330033, 3px 0px 0px #330033, 0px 3px 0px #330033, -3px 0px 0px #330033, 0px -3px 0px #330033; font-weight: 600; } @media all and (max-width: 640.9px) { ul.bl_header_nav li a { font-size: calc(32vw / 6.4); } } @media all and (min-width: 641px) { .ly_header.ly_header__index .bl_header_nav li:nth-child(1) a:after, .ly_header.ly_header__service .bl_header_nav li:nth-child(2) a:after, .ly_header.ly_header__company .bl_header_nav li:nth-child(3) a:after, .ly_header.ly_header__partner .bl_header_nav li:nth-child(4) a:after, .ly_header.ly_header__work .bl_header_nav li:nth-child(5) a:after { left: 5%; width: 90%; opacity: 1; } } ul.bl_header_cta { /* // 文言 > li:nth-child(1) { margin-left: 0; //width: 100%; transition: .3s opacity, .2s margin; @include mq(sp) { position: absolute; right: 0; top: 55px; background: #bead6a; color: #fff; font-size: 12px; text-align: center; width: 100%; padding: 4px 0; opacity: 1; } @include mq(pc) { margin-bottom: 10px; color: #bead6a; } b { // font-size: 16px; // color: #333; // display: flex; // align-items: center; //font-weight: 400; text-align: center; //letter-spacing: .1em; //padding-left: .1em; font-weight: 400; // &:before, // &:after { // display: block; // content: ""; // flex-grow: 1; // height: 1px; // background: $cT; // } // &:before { // margin-right: .5em; // } // &:after { // margin-left: .5em; // } // // @include mq(sp) { // font-size: 14px; // justify-content: center; // &:before, // &:after { // flex: none; // width: 2em; // } // } } } */ } @media all and (max-width: 640.9px) { ul.bl_header_cta { width: 100%; display: flex; margin-top: 20px; justify-content: center; /* > li { &:nth-last-child(n+2) { //margin-right: 20px; margin-right: 60px*$sp; } > a { // 円形アイコン化 margin: 10px 0; display: block; text-indent: 101%; overflow: hidden; white-space: nowrap; display: block; width: 50px; height: 50px; padding: 0; border-radius: 50%; } } */ /* margin-top: 30px; padding: 0 20px; */ /* position: absolute; right: 0; top: 0; width: 100%; height: 55px; display: flex; justify-content: flex-end; transition: .2s height; */ } } @media all and (min-width: 641px) { ul.bl_header_cta { display: flex; justify-content: flex-end; margin-top: .5em; } } ul.bl_header_cta > li { display: flex; flex-wrap: wrap; } ul.bl_header_cta > li > * { width: 100%; } ul.bl_header_cta > li a { font-weight: 700; letter-spacing: .075em; width: 250px; min-height: 0; height: 38px; transition: .2s opacity, .2s height; } @media all and (max-width: 640.9px) { ul.bl_header_cta > li a { font-size: 17.08px; } } .bl_header_drawerToggle { z-index: 2; top: 0; right: 0; margin: auto; cursor: pointer; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; min-width: 44px; min-height: 44px; overflow: hidden; width: 44px; height: 44px; margin: 0 0 0 auto; top: 30px; right: 30px; width: 50px; position: fixed; padding-bottom: 10px; border-radius: 6px; background-color: white; } @media all and (max-width: 640.9px) { .bl_header_drawerToggle { transition: .2s top; } } @media all and (min-width: 641px) { .bl_header_drawerToggle { width: 70px; height: 60px; } } .bl_header_drawerToggle:hover, .bl_header_drawerToggle:focus { opacity: 1; } .bl_header_drawerToggle em { display: block; width: 100%; margin: 0; padding: 0; font: inherit; line-height: 1; text-align: center; color: #999; font-size: 10px; position: relative; } .bl_header_drawerToggle em:before { content: "MENU"; color: #0d33bf; font-weight: 600; position: absolute; left: 0; right: 0; margin: auto; } @media all and (min-width: 641px) { .bl_header_drawerToggle em:before { top: 6px; font-size: 14px; } } @media all and (max-width: 640.9px) { .bl_header_drawerToggle { top: calc(15vw / 6.4); right: calc(15vw / 6.4); } } .bl_header_drawerIcon { width: 24px; height: 22px; position: relative; display: flex; flex-flow: column; justify-content: space-between; } @media all and (min-width: 641px) { .bl_header_drawerIcon { width: 43px; } } .bl_header_drawerIcon i { height: 3px; display: block; width: 100%; transition: .3s ease-in-out; transform-origin: center; background: #0d33bf; } .bl_header_drawerState { display: none; } .bl_header_drawerState:checked ~ .bl_header { backdrop-filter: none; } .bl_header_drawerState:checked ~ .bl_header .bl_header_drawerToggle .bl_header_drawerIcon i:nth-child(1) { transform: translateY(9.5px) rotate(-45deg); } .bl_header_drawerState:checked ~ .bl_header .bl_header_drawerToggle .bl_header_drawerIcon i:nth-child(2) { transform: rotate(45deg); opacity: 0; } .bl_header_drawerState:checked ~ .bl_header .bl_header_drawerToggle .bl_header_drawerIcon i:nth-child(3) { transform: translateY(-9.5px) rotate(45deg); } .bl_header_drawerState:checked ~ .bl_header .bl_header_drawer { right: 0; } .bl_header_info { padding: 15px 20px 0; text-align: center; } @media all and (min-width: 641px) { .bl_header_info { display: none; } } .bl_header_info_name { font-weight: 700; font-size: 21.96px; letter-spacing: .05em; padding-left: .05em; } .bl_header_info_adrs { margin-top: .75em; } .admin-bar #wpadminbar { background: rgba(35, 40, 45, 0.9); } @media all and (max-width: 640.9px) { .admin-bar .ly_header { height: 9px; } } @media all and (min-width: 641px) { .admin-bar .bl_header { margin-top: 32px; } } .ly_header.normal .bl_header { max-height: 0; height: 0; } .ly_header.normal .bl_shop_header { display: none; } .ly_header.shop .bl_header { background-color: #03124b; border-bottom: 6px solid #fff100; } @media all and (max-width: 640.9px) { .ly_header.shop .bl_header { border-width: calc(5vw / 6.4); } } .ly_header.shop .bl_header_drawerToggle { padding-bottom: 0; height: 40px; min-height: 40px; top: calc(11vw / 6.4); } .ly_header.shop .bl_header_drawerToggle em:before { content: none; } .ly_header .bl_shop_header { color: #fff; display: flex; } @media all and (max-width: 640.9px) { .ly_header .bl_shop_header { height: calc(100vw / 6.4); border-width: calc(2vw / 6.4); border-right: none; } } @media all and (min-width: 641px) { .ly_header .bl_shop_header { height: 85px; min-width: 1240px; max-width: 1320px; width: calc(100% - 30px); margin: auto; } } .ly_header .bl_shop_header .bl_site_logo { display: flex; align-items: center; justify-content: center; } @media all and (min-width: 641px) { .ly_header .bl_shop_header .bl_site_logo { width: 100px; } } @media all and (max-width: 640.9px) { .ly_header .bl_shop_header .bl_site_logo { width: calc(122vw / 6.4); } } @media all and (max-width: 640.9px) { .ly_header .bl_shop_header .bl_site_logo img { width: calc(90vw / 6.4); } } .ly_header .bl_shop_header .bl_site_title { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; gap: 3px; font-weight: 600; } @media all and (min-width: 641px) { .ly_header .bl_shop_header .bl_site_title { width: 150px; } } @media all and (max-width: 640.9px) { .ly_header .bl_shop_header .bl_site_title { font-size: calc(18vw / 6.4); width: calc(285vw / 6.4); } } @media all and (max-width: 640.9px) { .ly_header .bl_shop_header .bl_site_title img { width: calc(230vw / 6.4); } } .ly_header .bl_shop_header .bl_site_nav { display: flex; justify-content: space-between; width: calc(100% - 270px); margin-left: auto; } .ly_header .bl_shop_header .bl_site_nav li { flex: 1; } .ly_header .bl_shop_header .bl_site_nav li a { display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 600; height: 100%; width: 100%; transition: .2s color, .2s background; } .ly_header .bl_shop_header .bl_site_nav li a:hover { color: #03124b; background: #ffea00; } .bl_backToTop { position: relative; display: block; /* // ★半分下に位置をずらす場合 // (ボタンの半分 + bottom値) @include mq(sp) { margin-top: 35px; margin-bottom: -35px; } @include mq(pc) { margin-top: 50px; margin-bottom: -50px; } */ } .bl_backToTop > a { display: block; text-align: center; min-width: 44px; min-height: 44px; box-sizing: border-box; text-decoration: none; color: inherit; line-height: 1.25; transition: .2s border, .2s color, .2s height, .2s width, .2s opacity; background: url('../../../../../../../../design/themes/carmatch/media/../img/i_top.png?1759253707') no-repeat center center; background-size: contain; /* // ★矢印 @include iconArrow(before, absolute, $c2, .8em, 3px); &:before { top: 22%; left: 50%; transform: translate(-50%, 0) rotate(-135deg); @include mq(sp) { border-width: 0 2px 2px 0; } } */ } @media all and (max-width: 640.9px) { .bl_backToTop > a { right: calc(8vw / 6.4); bottom: calc(10vw / 6.4); width: 74.42px; height: 83.57px; } } @media all and (min-width: 641px) { .bl_backToTop > a { right: 30px; bottom: 5px; font-size: 16px; background: url('../../../../../../../../design/themes/carmatch/media/../img/i_top.png?1759253707') no-repeat center; width: 122px; height: 137px; } .bl_backToTop > a:hover, .bl_backToTop > a:focus { opacity: .7; } } @media all and (max-width: 640.9px) { .bl_backToTop.shopView > a { bottom: calc(100vw / 6.4); } } .bl_backToTop > a { position: fixed; z-index: 1; opacity: 0; pointer-events: none; } .bl_backToTop.is_inView > a { position: absolute; top: -70px; } @media all and (max-width: 640.9px) { .bl_backToTop.is_inView > a { top: -50px; } } @media all and (max-width: 640.9px) { .bl_backToTop.shopView.is_inView > a { bottom: -60px; } } body.is_noTop .bl_backToTop > a { opacity: 1; pointer-events: auto; } @media all and (min-width: 641px) { body.is_noTop .bl_backToTop > a:hover, body.is_noTop .bl_backToTop > a:focus { opacity: .7; } } .ly_footer { font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: #092fb9; color: #fff; } @media all and (min-width: 641px) { .ly_footer { padding-bottom: 20px; } } @media all and (max-width: 640.9px) { .ly_footer { padding-bottom: calc(29vw / 6.4); } } .ly_footer.shop { background-color: #03124b; } .bl_footer { margin: 0 auto; max-width: 1160px; overflow: hidden; } @media all and (max-width: 640.9px) { .bl_footer { padding-top: 15.25px; width: calc(100% - 100px); } } @media all and (min-width: 641px) { .bl_footer { padding-top: 46px; } } .bl_footer .site-info { display: flex; align-items: center; } @media all and (min-width: 641px) { .bl_footer .site-info { gap: 50px; } } @media all and (max-width: 640.9px) { .bl_footer .site-info { flex-wrap: wrap; } } .bl_footer .site-info .bl_btns { margin: 0; } @media all and (max-width: 640.9px) { .bl_footer .site-info .bl_btns { margin-left: auto; } } .bl_footer .site-info .bl_btns a { display: block; text-align: center; width: 166px; line-height: 40px; background: url('../../../../../../../../design/themes/carmatch/media/../img/footer_button_bg.png?1759253707') no-repeat center center; ackground-size: contain; color: #0d33bf; font-size: 18px; transition: .2s opacity; } @media all and (max-width: 640.9px) { .bl_footer .site-info .bl_btns a { margin-left: auto; width: calc(166vw / 6.4); line-height: calc(40vw / 6.4); font-size: calc(18vw / 6.4); } } .bl_footer .site-info .bl_btns a:hover { opacity: 0.7; } ul.bl_footer_nav { display: flex; flex-wrap: wrap; } @media all and (max-width: 640.9px) { ul.bl_footer_nav { flex-direction: column; margin: 0 auto; width: calc(100% - 40px); border-bottom: 1px dashed #c2b18e; } } @media all and (min-width: 641px) { ul.bl_footer_nav { justify-content: space-between; gap: 20px 40px; width: 790px; margin: auto; margin-top: 54px; } } @media all and (max-width: 640.9px) { ul.bl_footer_nav li { border-top: 1px dashed #c2b18e; } } @media all and (min-width: 641px) { ul.bl_footer_nav li { display: flex; flex-wrap: wrap; /* // 横並びの場合：左右罫線 border: 1px solid #869306; border-width: 0 1px; margin-left: -1px; */ font-size: 18px; } ul.bl_footer_nav li > * { width: 100%; } ul.bl_footer_nav li:last-child { margin-right: auto; } } ul.bl_footer_nav a:hover { text-decoration: underline; } .bl_footer_sub { text-align: center; margin-top: 50px; } .bl_footer_sub > p { letter-spacing: 0.2em; font-size: 14px; } @media all and (max-width: 640.9px) { .bl_footer_sub > p { font-size: calc(20vw / 6.4); } } .bl_footer_copyright { font-size: 14px; letter-spacing: .1em; padding-left: .1em; font-weight: 700; } @media all and (max-width: 640.9px) { .bl_footer_copyright { text-align: center; font-size: calc(20vw / 6.4); margin-bottom: calc(15vw / 6.4); } } @media all and (min-width: 641px) { .bl_footer_copyright { margin-bottom: 15px; } } .bl_footer_sp_fixed_btns { margin: 0; padding: 0; list-style: none; position: fixed; bottom: 0; left: 0; right: 0; background-color: rgba(255, 234, 15, 0.8); display: flex; height: calc(100vw / 6.4); justify-content: center; align-items: center; gap: calc(20vw / 6.4); z-index: 1; } @media all and (min-width: 641px) { .bl_footer_sp_fixed_btns { display: none; } } .bl_footer_sp_fixed_btns a { text-decoration: none; font-size: calc(20vw / 6.4); font-weight: 600; color: #fff; display: block; text-align: center; width: calc(300vw / 6.4); height: calc(59vw / 6.4); line-height: calc(59vw / 6.4); border: calc(1vw / 6.4) solid #232323; border-radius: calc(29.5vw / 6.4); } .bl_footer_sp_fixed_btns .un_tel a { background-color: #de4632; } .bl_footer_sp_fixed_btns .un_tel a:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/footer_tel.png?1759253707') no-repeat center center; background-size: contain; width: calc(21vw / 6.4); height: calc(27vw / 6.4); margin-right: calc(6vw / 6.4); display: inline-block; vertical-align: middle; } .bl_footer_sp_fixed_btns .un_line a { background-color: #06c755; } .bl_footer_sp_fixed_btns .un_line a:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/footer_line.png?1759253707') no-repeat center center; background-size: contain; width: calc(30vw / 6.4); height: calc(29vw / 6.4); margin-right: calc(6vw / 6.4); display: inline-block; vertical-align: middle; } .bl_multiSlide { position: relative; } @media all and (max-width: 640.9px) { .bl_multiSlide { overflow: hidden; padding: 0; height: 0; margin: 0; } } @media all and (min-width: 641px) { .bl_multiSlide { clear: both; background: #eee; padding: 20px 70px; } .bl_multiSlide .swiper-button-next, .bl_multiSlide .swiper-button-prev { outline: none; z-index: 0; background: #fff; } } @media all and (min-width: 641px) and (min-width: 641px) { .bl_multiSlide .swiper-button-next, .bl_multiSlide .swiper-button-prev { margin-top: 0; transition: .2s opacity; top: 20px; border-radius: 4px; width: 40px; height: calc(100% - 40px); } .bl_multiSlide .swiper-button-next:hover, .bl_multiSlide .swiper-button-next:focus, .bl_multiSlide .swiper-button-prev:hover, .bl_multiSlide .swiper-button-prev:focus { opacity: .8; } } @media all and (min-width: 641px) { .bl_multiSlide .swiper-button-next:before, .bl_multiSlide .swiper-button-prev:before { position: absolute; display: block; content: ""; top: 50%; left: 50%; margin-top: -8px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .bl_multiSlide .swiper-button-next.swiper-button-disabled, .bl_multiSlide .swiper-button-prev.swiper-button-disabled { opacity: .35; } .bl_multiSlide .swiper-button-next.swiper-button-disabled:hover, .bl_multiSlide .swiper-button-next.swiper-button-disabled:focus, .bl_multiSlide .swiper-button-prev.swiper-button-disabled:hover, .bl_multiSlide .swiper-button-prev.swiper-button-disabled:focus { opacity: .35; } .bl_multiSlide .swiper-button-prev { left: 20px; } .bl_multiSlide .swiper-button-prev:before { margin-left: -7px; border-right: 13px solid #434343; } .bl_multiSlide .swiper-button-next { right: 20px; } .bl_multiSlide .swiper-button-next:before { left: 50%; margin-left: -7px; border-left: 13px solid #434343; } } @media all and (min-width: 641px) { .bl_multiSlide .swiper-wrapper { margin: 0; padding-left: 0; } } .bl_multiSlide .swiper-slide { display: flex; flex-wrap: wrap; align-items: center; margin-top: -7px; } .bl_multiSlide .swiper-slide figure { width: 100px; margin-left: 0.7%; margin-top: 7px; margin-right: 0; margin-bottom: 0; } .bl_multiSlide .swiper-slide figure:nth-child(9n-8) { margin-left: 0; } @media all and (min-width: 641px) { .bl_multiSlide .swiper-slide figure { transition: .2s opacity; } .bl_multiSlide .swiper-slide figure:hover, .bl_multiSlide .swiper-slide figure:focus { opacity: .8; } } .bl_multiSlide .swiper-slide figure.is_active { position: relative; } .bl_multiSlide .swiper-slide figure.is_active:before { position: absolute; display: block; border: 2px solid #0161ba; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; content: ""; background: rgba(1, 97, 186, 0.3); } @media all and (min-width: 641px) { .bl_multiSlide .swiper-slide figure.is_active:before { border-width: 4px; } } .bl_multiSlide .swiper-slide figure.is_active:hover, .bl_multiSlide .swiper-slide figure.is_active:focus { opacity: 1; } .bl_multiSlide .swiper-slide figure img { vertical-align: bottom; cursor: pointer; width: 100%; height: 14vw; object-fit: cover; font-family: 'object-fit: cover'; } @media all and (min-width: 641px) { .bl_multiSlide .swiper-slide figure img { height: 100px; } } @media all and (max-width: 640.9px) { .bl_sect__indexReason { background: #FFFFFF; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 2%, #ffe13e 2%, #ffe13e 100%); border-top: 4.88px solid #191919; margin-top: -10px; position: relative; padding-top: 19.52px; } } @media all and (min-width: 641px) { .bl_sect__indexReason { margin-top: -35px; height: 1153px; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/reason_bg.png?1759253707') no-repeat center center; padding-top: 40px; } } @media all and (max-width: 640.9px) { .bl_sect__indexReason .ly_cont { width: 100%; position: relative; } } @media all and (min-width: 641px) { .bl_sect__indexReason .ly_cont { max-width: 1500px; } } @media all and (min-width: 641px) { .bl_sect__indexReason .bl_cont { padding-left: 15vw; } } @media all and (max-width: 640.9px) { .bl_sect__indexReason .el_features { padding: 0 2%; } } @media all and (min-width: 641px) { .bl_sect__indexReason .el_features { padding-left: 20px; } } @media all and (min-width: 641px) { .bl_sect__indexReason .el_features picture { text-align: left; } } .bl_sect__indexReason .el_text { color: #191919; font-weight: 600; } @media all and (min-width: 641px) { .bl_sect__indexReason .el_text { padding: 0 140px 20px 50px; font-size: 20px; line-height: 2.0; } } @media all and (max-width: 640.9px) { .bl_sect__indexReason .el_text { padding: 23.18px 28.06px 32.94px; font-size: 14.03px; } } @media all and (max-width: 640.9px) { .bl_sect__indexReason .bl_btns { gap: 12.2px; justify-content: flex-end; position: absolute; bottom: 24vw; right: 3%; } } @media all and (min-width: 641px) { .bl_sect__indexReason .bl_btns { justify-content: center; margin-top: 22px; } } .bl_sect__indexReason .bl_btns a { display: block; font-weight: 600; text-align: center; } @media all and (min-width: 641px) { .bl_sect__indexReason .bl_btns a em { font-size: 49.74px; } } @media all and (min-width: 641px) { .bl_sect__indexReason .bl_btns a { width: 634px; height: 133px; color: #fff; font-size: 39.79px; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/btn.png?1759253707') no-repeat center center; background-size: contain; padding-top: 16px; padding-right: 72px; transition: .2s opacity; } } @media all and (max-width: 640.9px) { .bl_sect__indexReason .bl_btns a { border-width: calc(2vw / 6.4); border-color: black; border-style: solid; border-radius: calc(42vw / 6.4); background-color: #eb1d1d; box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.004); line-height: calc(80vw / 6.4); color: #fff; font-size: calc(35.5vw / 6.4); margin-left: auto; width: calc(449vw / 6.4); height: calc(84vw / 6.4); } .bl_sect__indexReason .bl_btns a:after { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/arrow.png?1759253707') no-repeat center center; background-size: contain; width: calc(48vw / 6.4); height: calc(48vw / 6.4); margin-left: 6px; display: inline-block; vertical-align: text-bottom; } } .bl_sect__indexReason .bl_btns a:hover { opacity: 0.7; } .bl_sect__indexReason figure { margin-top: -7vw; } @media all and (min-width: 641px) { .bl_sect__indexSearchCar { margin-top: -483px; height: 2456px; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/search_car_bg.png?1759253707') no-repeat center center; padding-top: 985px; } } @media all and (max-width: 640.9px) { .bl_sect__indexSearchCar { margin-top: -12vw; padding-bottom: calc(350vw / 6.4); background: url('../../../../../../../../design/themes/carmatch/media/../img/top/search_car_img01_sp.png?1759253707') no-repeat top 48vw right 6vw/calc(293vw / 6.4) auto, url('../../../../../../../../design/themes/carmatch/media/../img/top/search_car_bg_sp.png?1759253707') no-repeat bottom center/100% auto; background-color: #092fb9; } } @media all and (min-width: 641px) { .bl_sect__indexSearchCar .ly_cont { max-width: 1200px; } } @media all and (max-width: 640.9px) { .bl_sect__indexSearchCar .ly_cont { width: 100%; } } .bl_sect__indexSearchCar .bl_sect_title { position: relative; } .bl_sect__indexSearchCar .bl_btn_selects { margin-top: -8.5vw; } .bl_sect__indexSearchCar .bl_tab { box-shadow: 12px 12px 0px 0px #000; border-radius: 16px; } .bl_sect__indexSearchCar .bl_tab #tab1:checked ~ .bl_tab-changer label[for=tab1] { color: #fff; background-color: #ffea37; } .bl_sect__indexSearchCar .bl_tab #tab1:checked ~ .bl_tab_contents #tab-panel1 { display: block; } .bl_sect__indexSearchCar .bl_tab #tab2:checked ~ .bl_tab-changer label[for=tab2] { color: #fff; background-color: #ffea37; } .bl_sect__indexSearchCar .bl_tab #tab2:checked ~ .bl_tab_contents #tab-panel2 { display: block; } .bl_sect__indexSearchCar .bl_tab #tab3:checked ~ .bl_tab-changer label[for=tab3] { color: #fff; background-color: #ffea37; } .bl_sect__indexSearchCar .bl_tab #tab3:checked ~ .bl_tab_contents #tab-panel3 { display: block; } .bl_sect__indexSearchCar .bl_tab input[type=radio] { display: none; } .bl_sect__indexSearchCar .bl_tab .bl_tab-changer { display: flex; } .bl_sect__indexSearchCar .bl_tab .bl_tab-changer label, .bl_sect__indexSearchCar .bl_tab .bl_tab-changer p { border: 6px solid #000; display: block; text-align: center; height: 108px; text-shadow: 3px 3px 0px #330033, -3px 3px 0px #330033, 3px -3px 0px #330033, -3px -3px 0px #330033, 3px 0px 0px #330033, 0px 3px 0px #330033, -3px 0px 0px #330033, 0px -3px 0px #330033; display: flex; justify-content: center; align-items: center; } .bl_sect__indexSearchCar .bl_tab .bl_tab-changer label span, .bl_sect__indexSearchCar .bl_tab .bl_tab-changer p span { font-style: italic; font-weight: 700; letter-spacing: 0.02em; } .bl_sect__indexSearchCar .bl_tab .bl_tab-changer label { color: #ffea37; background-color: #fff; cursor: pointer; } .bl_sect__indexSearchCar .bl_tab .bl_tab-changer label:first-child { border-radius: 16px 0 0 0; } .bl_sect__indexSearchCar .bl_tab .bl_tab-changer label span { width: 328px; font-size: 32px; } .bl_sect__indexSearchCar .bl_tab .bl_tab-changer label em { font-size: 54px; } .bl_sect__indexSearchCar .bl_tab .bl_tab-changer label:hover { color: #fff; background-color: #ffea37; } .bl_sect__indexSearchCar .bl_tab .bl_tab-changer label + label { border-left: none; } .bl_sect__indexSearchCar .bl_tab .bl_tab-changer p { border-radius: 0 16px 0 0; border-left: none; width: calc(100% - 984px); background-color: #eb1d1d; color: white; } .bl_sect__indexSearchCar .bl_tab .bl_tab-changer p span { font-size: 40px; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_tab_panel { display: none; border: 6px solid #000; border-top: none; background: #ffff; height: 770px; border-radius: 0 0 16px 16px; padding-top: 30px; padding-left: 50px; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_tab_panel .un_notice { font-size: 20px; margin-bottom: 32px; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_tab_panel .un_notice:before { content: ''; border-radius: 50%; background-color: #092fb9; width: 10px; height: 10px; margin-right: 7px; display: inline-block; vertical-align: middle; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_body_select { display: none; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_body_select .bl_car { display: flex; flex-wrap: wrap; gap: 42px 0; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_body_select .bl_car li { width: 20%; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_body_select .bl_car li dl dt { font-size: 18px; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_body_select .bl_car li dl dd { height: 100px; display: flex; align-items: flex-end; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_body_select .bl_car + .un_notice { margin-top: 45px; margin-bottom: 15px; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_body_select label { cursor: pointer; transition: .2s opacity; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_body_select label:hover { opacity: 0.7; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_body_select label[for=maker_select] { background-color: #092fb9; color: #fff; font-size: 20px; height: 35px; line-height: 33px; display: inline-block; margin-bottom: 19px; padding-right: 10px; position: relative; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_body_select label[for=maker_select]:before { content: ''; position: absolute; top: 0; left: -20px; background: #092fb9; height: calc(tan(60deg) * 40px / 2); width: 20px; clip-path: polygon(0 50%, 100% 0, 100% 100%); } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_body_select form input { padding-left: 15px; border-width: 2px; border-color: black; border-style: solid; border-radius: 2px; background-color: #eff4f5; width: 370px; height: 36px; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_maker_select { display: none; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_maker_select .bl_maker_list { display: flex; } @media all and (min-width: 641px) { .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_maker_select .bl_maker_list > li { width: 50%; } } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_maker_select .bl_maker_list > li ul { display: flex; flex-wrap: wrap; gap: 0 12.5%; } @media all and (min-width: 641px) { .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_maker_select .bl_maker_list > li ul { margin-left: 35px; margin-right: 35px; } } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_maker_select .bl_maker_list > li ul li { text-align: center; } @media all and (min-width: 641px) { .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_maker_select .bl_maker_list > li ul li { width: 25%; height: 200px; } } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_maker_select .bl_maker_list > li ul li p { font-size: 20px; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_maker_select .bl_maker_list > li ul li label { cursor: pointer; transition: .2s opacity; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_maker_select .bl_maker_list > li ul li label:hover { opacity: 0.7; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_maker_select .bl_maker_list > li:first-child { border-right: 1px solid #959595; } @media all and (min-width: 641px) { .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .bl_maker_select .bl_maker_list > li.bl_import > p { margin-left: 25px; } } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents input[name=mode] { display: none; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents input[name=mode]:checked + .bl_body_select { display: block; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents input[name=mode]:checked + .bl_maker_select { display: block; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .un_price .un_notice { margin-bottom: 8px; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .un_price .un_notice + p { font-size: 18px; margin-left: 1em; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .un_price .bl_form_title { font-size: 30px; font-weight: 600; background: linear-gradient(transparent 70%, #ffea37 30%); display: inline-block; margin-bottom: 12px; letter-spacing: 0.1em; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .un_price .bl_price { width: 664px; margin: 60px auto 0; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .un_price .bl_price_wrapper { border-width: 3px; border-color: #292929; border-style: solid; background-color: #ffea37; padding: 60px 0 25px; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .un_price .bl_price_wrapper .bl_btns { margin-top: 40px; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .un_price .bl_price_wrapper .bl_btns button { border: 4px solid black; border-radius: 5px; background-color: #eb1d1d; width: 176px; height: 36px; color: #fff; font-size: 22px; text-align: center; margin: auto; display: flex; align-items: center; justify-content: center; transition: .2s opacity; cursor: pointer; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .un_price .bl_price_wrapper .bl_btns button:hover { opacity: 0.7; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .un_price .bl_price_list { display: flex; align-items: center; justify-content: center; gap: 40px; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .un_price .bl_price_list .un_kara { font-size: 20px; } .bl_sect__indexSearchCar .bl_tab .bl_tab_contents .un_price .bl_price_list .bl_form_selectLabel { width: 222px; } @media all and (min-width: 641px) { .bl_sect__indexSearchShop { margin-top: -663px; height: 1397px; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/search_shop_bg.png?1759253707') no-repeat center center; } } @media all and (max-width: 640.9px) { .bl_sect__indexSearchShop { background: url('../../../../../../../../design/themes/carmatch/media/../img/top/search_shop_bg_sp.png?1759253707') no-repeat top center; background-size: cover; padding-top: 3vw; margin-top: -11vw; padding-bottom: calc(455vw / 6.4); } } .bl_sect__indexSearchShop .ly_cont { max-width: 1200px; } @media all and (max-width: 640.9px) { .bl_sect__indexSearchShop .ly_cont { width: 100%; } } .bl_sect__indexSearchShop .bl_sect_title img { vertical-align: bottom; } @media all and (min-width: 641px) { .bl_sect__indexSearchShop .bl_area { padding-top: 527px; padding-left: 50px; } } .bl_sect__indexSearchCar .bl_tab_contents .bl_area, .bl_sect__indexSearchShop .bl_area { display: flex; flex-direction: column; } @media all and (max-width: 640.9px) { .bl_sect__indexSearchCar .bl_tab_contents .bl_area, .bl_sect__indexSearchShop .bl_area { gap: 30.5px; border-width: 9.15px; border-color: #232323; border-style: solid; border-radius: 9.76px; position: relative; background: #fff; padding-top: calc(76vw / 6.4); padding-bottom: calc(78vw / 6.4); padding-left: calc(30vw / 6.4); } .bl_sect__indexSearchCar .bl_tab_contents .bl_area:before, .bl_sect__indexSearchShop .bl_area:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/arm_sp.png?1759253707') no-repeat center center; background-size: contain; width: calc(200vw / 6.4); height: calc(59vw / 6.4); position: absolute; top: -9px; left: 34vw; } } @media all and (min-width: 641px) { .bl_sect__indexSearchCar .bl_tab_contents .bl_area, .bl_sect__indexSearchShop .bl_area { gap: 20px; } } .bl_sect__indexSearchCar .bl_tab_contents .bl_area dl, .bl_sect__indexSearchShop .bl_area dl { display: flex; } @media all and (max-width: 640.9px) { .bl_sect__indexSearchCar .bl_tab_contents .bl_area dl, .bl_sect__indexSearchShop .bl_area dl { flex-direction: column; gap: 12.2px; } } @media all and (min-width: 641px) { .bl_sect__indexSearchCar .bl_tab_contents .bl_area dl, .bl_sect__indexSearchShop .bl_area dl { gap: 15px; align-items: center; } } .bl_sect__indexSearchCar .bl_tab_contents .bl_area dl dt, .bl_sect__indexSearchShop .bl_area dl dt { font-weight: 600; text-align: center; } @media all and (min-width: 641px) { .bl_sect__indexSearchCar .bl_tab_contents .bl_area dl dt, .bl_sect__indexSearchShop .bl_area dl dt { color: #fff; font-size: 27px; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/area_bg.png?1759253707') no-repeat center center; width: 183px; line-height: 53px; height: 61px; padding-right: 14px; } } @media all and (max-width: 640.9px) { .bl_sect__indexSearchCar .bl_tab_contents .bl_area dl dt, .bl_sect__indexSearchShop .bl_area dl dt { color: #121212; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/area_label_sp.png?1759253707') no-repeat center center; background-size: contain; width: calc(202vw / 6.4); height: calc( 84vw / 6.4); line-height: calc( 55vw / 6.4); font-size: calc( 30vw / 6.4); } } .bl_sect__indexSearchCar .bl_tab_contents .bl_area dl dd ul, .bl_sect__indexSearchShop .bl_area dl dd ul { display: flex; gap: 15px; } @media all and (max-width: 640.9px) { .bl_sect__indexSearchCar .bl_tab_contents .bl_area dl dd ul, .bl_sect__indexSearchShop .bl_area dl dd ul { flex-wrap: wrap; padding-left: calc(60vw / 6.4); } } .bl_sect__indexSearchCar .bl_tab_contents .bl_area dl dd ul li a, .bl_sect__indexSearchShop .bl_area dl dd ul li a { color: #121212; display: block; font-weight: 600; font-size: 16px; border-width: 3px; border-color: #1a1a1a; border-style: solid; background-color: white; box-shadow: 0px 3px 0px 0px rgba(35, 35, 35, 0.004); width: 98px; line-height: 30px; text-align: center; transition: 0s color .2s, .2s background; } @media all and (max-width: 640.9px) { .bl_sect__indexSearchCar .bl_tab_contents .bl_area dl dd ul li a, .bl_sect__indexSearchShop .bl_area dl dd ul li a { width: 62.22px; line-height: 21.35px; font-size: 13.42px; } } .bl_sect__indexSearchCar .bl_tab_contents .bl_area dl dd ul li a:hover, .bl_sect__indexSearchShop .bl_area dl dd ul li a:hover { color: #ff0000; background-color: #ffe13e; } @media all and (min-width: 641px) { .bl_sect__indexRecommend { position: relative; margin-top: -260px; height: 2181px; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/recommend_bg.png?1759253707') no-repeat center center; } } @media all and (max-width: 640.9px) { .bl_sect__indexRecommend { margin-top: calc(-455vw / 6.4); background: url('../../../../../../../../design/themes/carmatch/media/../img/top/recommend_bg_sp.png?1759253707') no-repeat top calc(455vw / 6.4) center; background-size: cover; } } .bl_sect__indexRecommend .ly_cont { max-width: 1200px; } @media all and (max-width: 640.9px) { .bl_sect__indexRecommend .ly_cont { width: 100%; } } .bl_sect__indexRecommend .bl_car_list { display: flex; flex-wrap: wrap; } @media all and (min-width: 641px) { .bl_sect__indexRecommend .bl_car_list { padding-top: 772px; gap: 20px 2.222%; } } @media all and (max-width: 640.9px) { .bl_sect__indexRecommend .bl_car_list { gap: calc(15vw / 6.4) 2%; margin-top: calc(45vw / 6.4); width: calc(100% - 30px); margin: auto; } } @media all and (min-width: 641px) { .bl_sect__indexRecommend .bl_car_list li a:hover img, .bl_sect__indexRecommend .bl_car_list li a:focus img { transform: scale(1.1); } } @media all and (max-width: 640.9px) { .bl_sect__indexRecommend .bl_car_list li { width: 49%; border-width: calc(8vw / 6.4); border-color: #232323; border-style: solid; border-radius: calc(10vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__indexRecommend .bl_car_list li { width: 23.333%; border-width: 8px; border-color: #232323; border-style: solid; border-radius: 10px; } } .bl_sect__indexRecommend .bl_car_list li figure { position: relative; height: 0; padding-top: 79.496%; overflow: hidden; } .bl_sect__indexRecommend .bl_car_list li figure img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: .4s transform; } .bl_sect__indexRecommend .bl_car_list li h3 { text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #fff; font-size: 22px; font-weight: 600; border-top: 5px solid #232323; border-bottom: 5px solid #232323; background-color: #eb1d1d; line-height: 40px; padding: 0 5px; } @media all and (max-width: 640.9px) { .bl_sect__indexRecommend .bl_car_list li h3 { font-size: calc( 22vw / 6.4); line-height: calc( 41vw / 6.4); } } .bl_sect__indexRecommend .bl_car_list li .bl_car_info { padding: 8px 16px; display: flex; flex-direction: column; gap: 8px; background: #fff; } @media all and (max-width: 640.9px) { .bl_sect__indexRecommend .bl_car_list li .bl_car_info { padding: calc( 8vw / 6.4) calc( 16vw / 6.4); gap: calc( 8vw / 6.4); } } .bl_sect__indexRecommend .bl_car_list li dl { display: flex; justify-content: space-between; } .bl_sect__indexRecommend .bl_car_list li dl dt, .bl_sect__indexRecommend .bl_car_list li dl dd { font-weight: 600; font-size: 15px; } @media all and (max-width: 640.9px) { .bl_sect__indexRecommend .bl_car_list li dl dt, .bl_sect__indexRecommend .bl_car_list li dl dd { font-size: calc( 15vw / 6.4); } } .bl_sect__indexRecommend .bl_car_list li dl dt { width: 80px; } @media all and (max-width: 640.9px) { .bl_sect__indexRecommend .bl_car_list li dl dt { width: calc(80vw / 6.4); } } .bl_sect__indexRecommend .bl_car_list li dl dd { flex: 1; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .bl_sect__indexRecommend .bl_btns { maegin-top: 34px; justify-content: flex-end; } @media all and (max-width: 640.9px) { .bl_sect__indexRecommend .bl_btns { maegin: calc(35vw / 6.4) auto 0; width: calc(100% - 30px); } } .bl_sect__indexRecommend .bl_btns a { border-width: 2px; border-color: black; border-style: solid; border-radius: 25px; background-color: red; box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.004); width: 230px; height: 51px; line-height: 44px; color: #fff; font-weight: 600; font-size: 24px; text-align: center; position: relative; transition: .2s opacity; } @media all and (max-width: 640.9px) { .bl_sect__indexRecommend .bl_btns a { font-size: calc(24vw / 6.4); border-width: calc(2vw / 6.4); border-radius: calc(25vw / 6.4); width: calc(230vw / 6.4); height: calc(51vw / 6.4); line-height: calc(48vw / 6.4); } } .bl_sect__indexRecommend .bl_btns a:after { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/arrow.png?1759253707') no-repeat center center; background-size: contain; width: 28px; height: 28px; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__indexRecommend .bl_btns a:after { width: calc(28vw / 6.4); height: calc(28vw / 6.4); } } .bl_sect__indexRecommend .bl_btns a:hover { opacity: 0.7; } .bl_sect__indexRecommend .bl_btns + figure { position: relative; } @media all and (min-width: 641px) { .bl_sect__indexflow { margin-top: -125px; } } @media all and (max-width: 640.9px) { .bl_sect__indexflow { margin-top: -64px; } } .bl_sect__indexflow img { width: 100%; max-width: none; } @media all and (max-width: 640.9px) { .bl_sect__indexAbout { background: url('../../../../../../../../design/themes/carmatch/media/../img/top/about_bg_sp.png?1759253707') no-repeat bottom center; background-size: contain; padding-bottom: calc(82vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__indexAbout { margin-top: -154px; position: relative; height: 1071px; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/about.png?1759253707') no-repeat center center; } } .bl_sect__indexAbout .bl_sect_title { margin-top: -110px; } .bl_sect__indexAbout .bl_about { font-weight: 600; line-height: 2; } @media all and (max-width: 640.9px) { .bl_sect__indexAbout .bl_about { border-width: calc(10vw / 6.4); border-color: #232323; border-style: solid; border-radius: 16px; background-color: white; box-shadow: 0px 10px 1px 0px rgba(35, 35, 35, 0.2); width: calc(597vw / 6.4); font-size: calc(20vw / 6.4); padding-top: calc(65vw / 6.4); padding-left: calc(50vw / 6.4); padding-right: calc(50vw / 6.4); padding-bottom: calc(60vw / 6.4); line-height: 1.75; position: relative; } } @media all and (min-width: 641px) { .bl_sect__indexAbout .bl_about { padding-top: 460px; padding-left: 144px; padding-right: 100px; font-size: 22px; } } @media all and (max-width: 640.9px) { .bl_sect__indexAbout .bl_about:after { content: ''; position: absolute; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/about_img01_sp.png?1759253707') no-repeat center center; background-size: contain; width: calc(118vw / 6.4); height: calc(143vw / 6.4); left: calc(25vw / 6.4); bottom: calc(-88vw / 6.4); } } .bl_sect__indexAbout .bl_about .bl_btns { margin-top: calc(75vw / 6.4); } @media all and (min-width: 641px) { .bl_sect__indexAbout .bl_about .bl_btns { margin-top: 50px; } } .bl_sect__indexAbout .bl_about .bl_btns a { border-width: calc(2vw / 6.4); border-color: black; border-style: solid; border-radius: calc(29vw / 6.4); background-color: #ffea37; box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.004); width: calc(246vw / 6.4); height: calc(57vw / 6.4); text-align: center; color: #232323; font-size: calc(23.41vw / 6.4); font-weight: 600; line-height: calc(54vw / 6.4); transition: .2s opacity; position: relative; } @media all and (min-width: 641px) { .bl_sect__indexAbout .bl_about .bl_btns a { border-width: 2px; width: 167px; height: 38px; font-size: 16px; line-height: 33px; padding-right: 10px; } } .bl_sect__indexAbout .bl_about .bl_btns a:after { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/arrow.png?1759253707') no-repeat center center; background-size: contain; width: 22px; height: 22px; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__indexAbout .bl_about .bl_btns a:after { width: calc(28vw / 6.4); height: calc(28vw / 6.4); } } .bl_sect__indexAbout .bl_about .bl_btns a:hover { opacity: 0.7; } @media all and (min-width: 641px) { .bl_sect__indexReviews { margin-top: -215px; height: 1198px; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/review.png?1759253707') no-repeat center center; } } @media all and (max-width: 640.9px) { .bl_sect__indexReviews { margin-top: -15px; padding-bottom: calc(100vw / 6.4); background: url('../../../../../../../../design/themes/carmatch/media/../img/top/review_bg_sp.png?1759253707') no-repeat top calc(30vw / 6.4) center; } } .bl_sect__indexReviews .ly_cont { max-width: 1200px; } @media all and (max-width: 640.9px) { .bl_sect__indexReviews .ly_cont { width: 100%; } } .bl_sect__indexReviews .bl_voice_list { display: flex; } @media all and (min-width: 641px) { .bl_sect__indexReviews .bl_voice_list { padding-top: 550px; gap: 2%; } } @media all and (max-width: 640.9px) { .bl_sect__indexReviews .bl_voice_list { flex-direction: column; gap: calc(40vw / 6.4); width: calc(100% - 30px); margin: auto; } } .bl_sect__indexReviews .bl_voice_list li { border-width: 10px; border-color: #333333; border-style: solid; border-radius: 20px; background-color: white; } @media all and (min-width: 641px) { .bl_sect__indexReviews .bl_voice_list li { width: 32%; } } @media all and (max-width: 640.9px) { .bl_sect__indexReviews .bl_voice_list li { border-width: calc(10vw / 6.4); border-radius: calc(20vw / 6.4); } } .bl_sect__indexReviews .bl_voice_list li dl dt figure { height: 0; padding-top: 57%; position: relative; border-radius: 10px 10px 0 0; overflow: hidden; } .bl_sect__indexReviews .bl_voice_list li dl dt figure img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .bl_sect__indexReviews .bl_voice_list li dl dd { padding: 40px 30px 20px; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__indexReviews .bl_voice_list li dl dd { padding: calc(20vw / 6.4) calc(50vw / 6.4) calc(30vw / 6.4); } } .bl_sect__indexReviews .bl_voice_list li dl dd h3 { font-size: 19px; color: #044974; margin-bottom: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media all and (max-width: 640.9px) { .bl_sect__indexReviews .bl_voice_list li dl dd h3 { font-size: calc(34vw / 6.4); margin-bottom: calc(20vw / 6.4); } } .bl_sect__indexReviews .bl_voice_list li dl dd .un_text { font-size: 16px; color: #011522; margin-bottom: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media all and (max-width: 640.9px) { .bl_sect__indexReviews .bl_voice_list li dl dd .un_text { font-size: calc(22vw / 6.4); } } .bl_sect__indexReviews .bl_voice_list li dl dd .un_date { text-align: right; font-size: 14px; color: #011522; } @media all and (max-width: 640.9px) { .bl_sect__indexReviews .bl_voice_list li dl dd .un_date { font-size: calc(15vw / 6.4); } } .bl_sect__indexReviews .bl_voice_list li dl dd .un_shop { text-align: right; font-size: 14px; color: #044974; } @media all and (max-width: 640.9px) { .bl_sect__indexReviews .bl_voice_list li dl dd .un_shop { font-size: calc(15vw / 6.4); } } .bl_sect__indexReviews .bl_voice_list li a { transition: .2s opacity; } .bl_sect__indexReviews .bl_voice_list li a:hover { opacity: 0.7; } .bl_sect__indexReviews .bl_btns { maegin-top: 34px; } @media all and (min-width: 641px) { .bl_sect__indexReviews .bl_btns { justify-content: flex-end; } } @media all and (max-width: 640.9px) { .bl_sect__indexReviews .bl_btns { maegin: calc(35vw / 6.4) auto 0; width: calc(100% - 30px); } } .bl_sect__indexReviews .bl_btns a { border-width: 2px; border-color: black; border-style: solid; border-radius: 25px; background-color: red; box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.004); width: 177px; height: 41px; line-height: 35px; color: #fff; font-weight: 600; font-size: 16px; text-align: center; position: relative; transition: .2s opacity; } @media all and (max-width: 640.9px) { .bl_sect__indexReviews .bl_btns a { font-size: calc(24vw / 6.4); border-width: calc(2vw / 6.4); border-radius: calc(25vw / 6.4); width: calc(230vw / 6.4); height: calc(51vw / 6.4); line-height: calc(48vw / 6.4); } } .bl_sect__indexReviews .bl_btns a:after { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/arrow.png?1759253707') no-repeat center center; background-size: contain; width: 24px; height: 24px; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__indexReviews .bl_btns a:after { width: calc(28vw / 6.4); height: calc(28vw / 6.4); } } .bl_sect__indexReviews .bl_btns a:hover { opacity: 0.7; } @media all and (min-width: 641px) { .bl_sect__indexMagazine { margin-top: -189px; height: 1406px; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/magazine.png?1759253707') no-repeat center center; } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine { margin-top: -110px; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/magazine_bg_sp.png?1759253707') no-repeat top center; background-size: cover; padding-bottom: calc(275vw / 6.4); } } .bl_sect__indexMagazine .ly_cont { max-width: 1200px; } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .ly_cont { width: 100%; } } .bl_sect__indexMagazine .bl_magazines { display: flex; } @media all and (min-width: 641px) { .bl_sect__indexMagazine .bl_magazines { padding-top: 630px; gap: 1.778%; } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines { flex-direction: column; padding-top: calc(500vw / 6.4); width: calc(600vw / 6.4); margin: auto; } } @media all and (min-width: 641px) { .bl_sect__indexMagazine .bl_magazines li { width: 23.666%; } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines li { background-color: #000; height: calc(tan(60deg) * calc(450vw / 6.4) / 2); width: calc(600vw / 6.4); clip-path: polygon(1% 0, 100% 0, 100% 50%, 0% 100%); padding: calc(12vw / 6.4) calc(15vw / 6.4); padding-bottom: calc(20vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines li:nth-child(even) { clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%); padding: calc(12vw / 6.4) calc(15vw / 6.4); padding-top: calc(20vw / 6.4); margin-top: calc(-180vw / 6.4); margin-bottom: calc(15vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines li:nth-child(even) dl { clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%); flex-direction: row-reverse; } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines li:nth-child(even) dl dd { padding-top: 30%; } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines li:nth-child(odd) dl dd { padding-top: calc(20vw / 6.4); } } .bl_sect__indexMagazine .bl_magazines li a { transition: .2s opacity; } .bl_sect__indexMagazine .bl_magazines li a:hover { opacity: 0.9; } .bl_sect__indexMagazine .bl_magazines dl { background-color: white; height: 100%; } @media all and (min-width: 641px) { .bl_sect__indexMagazine .bl_magazines dl { border-radius: 11px; border-width: 1px; border-color: #232323; border-style: solid; } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines dl { display: flex; width: 100%; height: 100%; clip-path: polygon(1% 0, 100% 0, 100% 50%, 0% 100%); } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines dl dt { width: calc(300vw / 6.4); } } .bl_sect__indexMagazine .bl_magazines dl dt figure { position: relative; } @media all and (min-width: 641px) { .bl_sect__indexMagazine .bl_magazines dl dt figure { height: 0; padding-top: 68.131%; border-radius: 10px 10px 0 0; overflow: hidden; } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines dl dt figure { width: 100%; height: 100%; } } .bl_sect__indexMagazine .bl_magazines dl dt figure img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .bl_sect__indexMagazine .bl_magazines dl dd { font-weight: 600; } @media all and (min-width: 641px) { .bl_sect__indexMagazine .bl_magazines dl dd { padding: 12px 14px; } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines dl dd { flex: 1; padding-left: calc(20vw / 6.4); padding-right: calc(20vw / 6.4); } } .bl_sect__indexMagazine .bl_magazines dl dd .bl_blog_info { font-size: 14px; display: flex; flex-wrap: wrap; gap: 15px; } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines dl dd .bl_blog_info { gap: calc(12vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines dl dd .bl_blog_info time { font-size: calc(20vw / 6.4); } } .bl_sect__indexMagazine .bl_magazines dl dd .bl_blog_info label { background-color: #f83232; color: #fff; line-height: 20px; padding: 0 10px; } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines dl dd .bl_blog_info label { font-size: calc(18vw / 6.4); line-height: calc(20vw / 6.4); line-height: 1.0; padding: 3px 5px; } } .bl_sect__indexMagazine .bl_magazines dl dd .un_text { font-size: 15px; margin-top: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_magazines dl dd .un_text { font-size: calc(23vw / 6.4); margin-top: calc(20vw / 6.4); } } .bl_sect__indexMagazine .bl_btns { justify-content: flex-end; } @media all and (min-width: 641px) { .bl_sect__indexMagazine .bl_btns { margin-top: 17px; } } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_btns { width: calc(600vw / 6.4); margin: 0 auto; } } .bl_sect__indexMagazine .bl_btns a { border-width: 2px; border-color: black; border-style: solid; border-radius: 20px; background-color: #ffea37; box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.004); width: 177px; height: 41px; line-height: 36px; font-size: 16px; font-weight: 600; color: #232323; text-align: center; position: relative; transition: .2s opacity; } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_btns a { font-size: calc(24vw / 6.4); border-width: calc(2vw / 6.4); border-radius: calc(25vw / 6.4); width: calc(230vw / 6.4); height: calc(51vw / 6.4); line-height: calc(48vw / 6.4); } } .bl_sect__indexMagazine .bl_btns a:after { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/arrow.png?1759253707') no-repeat center center; background-size: contain; width: 24px; height: 24px; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__indexMagazine .bl_btns a:after { width: calc(28vw / 6.4); height: calc(28vw / 6.4); } } .bl_sect__indexMagazine .bl_btns a:hover { opacity: 0.7; } @media all and (min-width: 641px) { .bl_sect__indexNews { margin-top: -362px; height: 1191px; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/news.png?1759253707') no-repeat center center; } } @media all and (max-width: 640.9px) { .bl_sect__indexNews { margin-top: calc(-350vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__indexNews .ly_cont { width: 800px; } } @media all and (max-width: 640.9px) { .bl_sect__indexNews .ly_cont { width: 100%; position: relative; } } @media all and (min-width: 641px) { .bl_sect__indexNews .bl_news { margin-left: 130px; padding-top: 500px; } } @media all and (max-width: 640.9px) { .bl_sect__indexNews .bl_news { position: absolute; top: calc(520vw / 6.4); left: 0; right: 0; width: calc(540vw / 6.4); margin: auto; } } .bl_sect__indexNews .bl_news li { border-bottom: 4px solid #b9c2e2; } @media all and (max-width: 640.9px) { .bl_sect__indexNews .bl_news li { border-bottom: calc(3vw / 6.4) solid #b9c2e2; padding: calc(15vw / 6.4) 0; } } .bl_sect__indexNews .bl_news li:first-child { border-top: 4px solid #b9c2e2; } @media all and (max-width: 640.9px) { .bl_sect__indexNews .bl_news li:first-child { border-top: calc(3vw / 6.4) solid #b9c2e2; } } .bl_sect__indexNews .bl_news li a { transition: .2s opacity; } .bl_sect__indexNews .bl_news li a:hover { opacity: 0.7; } .bl_sect__indexNews .bl_news li dl { display: flex; font-size: 16px; font-weight: 600; color: #1b1b1b; } @media all and (min-width: 641px) { .bl_sect__indexNews .bl_news li dl dt { width: 150px; line-height: 60px; padding-left: 12px; } } @media all and (max-width: 640.9px) { .bl_sect__indexNews .bl_news li dl dt { width: calc(170vw / 6.4); font-size: calc(21vw / 6.4); } } .bl_sect__indexNews .bl_news li dl dd { flex: 1; } @media all and (min-width: 641px) { .bl_sect__indexNews .bl_news li dl dd { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 60px; } } @media all and (max-width: 640.9px) { .bl_sect__indexNews .bl_news li dl dd { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: calc(23vw / 6.4); } } .bl_sect__indexNews .bl_btns { justify-content: flex-end; } @media all and (min-width: 641px) { .bl_sect__indexNews .bl_btns { margin-top: 47px; } } @media all and (max-width: 640.9px) { .bl_sect__indexNews .bl_btns { position: absolute; left: 0; right: calc(30vw / 6.4); bottom: calc(288vw / 6.4); } } .bl_sect__indexNews .bl_btns a { border-radius: 19px; line-height: 32px; border-width: 2px; border-color: black; border-style: solid; background-color: #2152df; box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.004); width: 167px; height: 38px; color: #fff; text-align: center; font-size: 16px; transition: .2s opacity; position: relative; } @media all and (max-width: 640.9px) { .bl_sect__indexNews .bl_btns a { font-size: calc(24vw / 6.4); border-width: calc(2vw / 6.4); border-radius: calc(25vw / 6.4); width: calc(230vw / 6.4); height: calc(51vw / 6.4); line-height: calc(48vw / 6.4); } } .bl_sect__indexNews .bl_btns a:after { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/arrow.png?1759253707') no-repeat center center; background-size: contain; width: 24px; height: 24px; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__indexNews .bl_btns a:after { width: calc(28vw / 6.4); height: calc(28vw / 6.4); } } .bl_sect__indexNews .bl_btns a:hover { opacity: 0.7; } .bl_sect__indexBlog { display: flex; flex-direction: column; justify-content: center; } @media all and (min-width: 641px) { .bl_sect__indexBlog { margin-top: -221px; height: 799px; background: url('../../../../../../../../design/themes/carmatch/media/../img/top/blog.png?1759253707') no-repeat center center; } } @media all and (max-width: 640.9px) { .bl_sect__indexBlog { margin-top: calc(-162vw / 6.4); height: calc(1148vw / 6.4); background: url('../../../../../../../../design/themes/carmatch/media/../img/top/blog_bg_sp.png?1759253707') no-repeat center center; background-size: contain; } } .bl_sect__indexBlog a:hover { opacity: 0.7; } .bl_popUp .un_notice { font-size: calc(24vw / 6.4); margin-bottom: calc(60vw / 6.4); } .bl_popUp .un_notice:before { content: ''; border-radius: 50%; background-color: #092fb9; width: calc(15vw / 6.4); height: calc(15vw / 6.4); margin-right: calc(7vw / 6.4); display: inline-block; vertical-align: middle; } .bl_popUp__search_car .bl_popUp_bodyInner { padding-left: calc(20vw / 6.4); padding-right: calc(25vw / 6.4); } .bl_popUp__search_car .bl_car { display: flex; flex-wrap: wrap; gap: calc(40vw / 6.4) 2%; } .bl_popUp__search_car .bl_car li { width: 32%; } .bl_popUp__search_car .bl_car li dl { display: flex; flex-direction: column; flex-direction: column-reverse; gap: calc(13vw / 6.4); } .bl_popUp__search_car .bl_car li dl dt { font-size: calc(20vw / 6.4); text-align: center; line-height: 1.25; } .bl_popUp__search_car .bl_car li dl dd { height: calc(90vw / 6.4); display: flex; align-items: flex-end; } .bl_popUp__search_car .bl_car + .un_notice { margin-top: calc(60vw / 6.4); margin-bottom: calc(24vw / 6.4); } .bl_popUp__search_car form input { border-width: calc(2vw / 6.4); border-color: black; border-style: solid; border-radius: calc(2vw / 6.4); background-color: #eff4f5; width: calc(439vw / 6.4); height: calc(45vw / 6.4); } .bl_popUp__search_area .un_notice { margin-bottom: calc(30vw / 6.4); } .bl_popUp__search_area .bl_popUp_body { width: calc(530vw / 6.4); } .bl_popUp__search_area .bl_area { display: flex; flex-direction: column; gap: calc(10vw / 6.4); } .bl_popUp__search_area .bl_area dl dt { border-width: calc(3vw / 6.4); border-color: #1f1f1f; border-style: solid; background-color: white; box-shadow: 0px 3px 0px 0px rgba(35, 35, 35, 0.004); width: calc(215vw / 6.4); line-height: calc(34vw / 6.4); text-align: center; font-size: calc(24vw / 6.4); font-weight: 600; } .bl_popUp__search_area .bl_area dl dd { margin-top: calc(10vw / 6.4); padding-left: calc(50vw / 6.4); } .bl_popUp__search_area .bl_area dl dd ul { display: flex; flex-wrap: wrap; gap: calc(13vw / 6.4) calc(15vw / 6.4); } .bl_popUp__search_area .bl_area dl dd ul li { border-width: calc(3vw / 6.4); border-color: #1f1f1f; border-style: solid; background-color: white; box-shadow: 0px 3px 0px 0px rgba(35, 35, 35, 0.004); width: calc(88vw / 6.4); height: calc(30vw / 6.4); text-align: center; font-size: calc(19vw / 6.4); font-weight: 600; } .bl_popUp__search_price .un_notice { margin-bottom: calc(20vw / 6.4); } .bl_popUp__search_price .un_notice + p { font-size: calc(22vw / 6.4); margin-left: 1em; } .bl_popUp__search_price .bl_form_title { font-size: calc(30vw / 6.4); font-weight: 600; background: linear-gradient(transparent 70%, #ffea37 30%); display: inline-block; margin-top: calc(50vw / 6.4); margin-bottom: calc(12vw / 6.4); letter-spacing: 0.1em; } .bl_popUp__search_price .bl_price_wrapper .bl_btns { margin-top: calc(44vw / 6.4); } .bl_popUp__search_price .bl_price_wrapper .bl_btns button { border: calc(4vw / 6.4) solid black; border-radius: calc(5vw / 6.4); background-color: #eb1d1d; width: calc(176vw / 6.4); height: calc(36vw / 6.4); color: #fff; font-size: calc(22vw / 6.4); text-align: center; margin: auto; display: flex; align-items: center; justify-content: center; } .bl_popUp__search_price .bl_price_list { display: flex; align-items: center; justify-content: center; gap: calc(35vw / 6.4); margin-top: calc(50vw / 6.4); border-width: 2px; } .bl_popUp__search_price .bl_price_list .bl_form_selectLabel { width: calc(180vw / 6.4); } .bl_mv.bl_mv__sub.bl_mv__about { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/about/mv_pc.png?1759253707'); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__about { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/about/mv_sp.png?1759253707'); } } @media all and (min-width: 641px) { .bl_sect__aboutOpening { padding: 80px 0; } } @media all and (max-width: 640.9px) { .bl_sect__aboutOpening { padding: calc(58vw / 6.4) 0 calc(90vw / 6.4); } } .bl_sect__aboutOpening .ly_cont { max-width: 1156px; } .bl_sect__aboutOpening .bl_about { border-width: 5px; border-color: red; border-style: solid; border-radius: 10px; background-color: white; text-align: center; padding: 46px 0 40px; } @media all and (max-width: 640.9px) { .bl_sect__aboutOpening .bl_about { border-width: calc(5vw / 6.4); padding: calc(46vw / 6.4) calc(20vw / 6.4); } } .bl_sect__aboutOpening .bl_about h2 { font-weight: 600; font-size: 28px; color: #011522; } @media all and (max-width: 640.9px) { .bl_sect__aboutOpening .bl_about h2 { font-size: calc(28vw / 6.4); } } .bl_sect__aboutOpening .bl_about .un_text1 { font-weight: 600; font-size: 28px; color: #011522; } @media all and (max-width: 640.9px) { .bl_sect__aboutOpening .bl_about .un_text1 { font-size: calc(28vw / 6.4); } } .bl_sect__aboutOpening .bl_about .un_text1 em { font-size: 40px; color: #ff0000; background: linear-gradient(transparent 70%, yellow 30%); } @media all and (max-width: 640.9px) { .bl_sect__aboutOpening .bl_about .un_text1 em { font-size: calc(40vw / 6.4); } } .bl_sect__aboutOpening .bl_about .un_text2 { font-size: 18px; color: #011522; margin-top: 34px; } @media all and (max-width: 640.9px) { .bl_sect__aboutOpening .bl_about .un_text2 { font-size: calc(22vw / 6.4); text-align: center; line-height: 2.0; } } .bl_sect__aboutOpening .bl_structure { margin-top: 75px; display: flex; } .bl_sect__aboutOpening .bl_structure dt { width: 500px; } .bl_sect__aboutOpening .bl_structure dt p { color: #0783d2; font-size: 28px; font-weight: 600; } .bl_sect__aboutOpening .bl_structure dt div { color: #011522; font-size: 16px; margin-top: 20px; line-height: 1.5; } .bl_sect__aboutOpening .bl_structure dd { flex: 1; text-align: center; } .bl_sect__aboutMerit { background-color: #08258f; } @media all and (min-width: 641px) { .bl_sect__aboutMerit { padding: 85px 0 100px; } } @media all and (max-width: 640.9px) { .bl_sect__aboutMerit { padding: calc(90vw / 6.4) 0; } } .bl_sect__aboutMerit .ly_cont { max-width: 1156px; } .bl_sect__aboutMerit .bl_sect_title { display: flex; align-items: center; justify-content: center; background: url('../../../../../../../../design/themes/carmatch/media/../img/about/title_bg.png?1759253707') no-repeat center center; } @media all and (min-width: 641px) { .bl_sect__aboutMerit .bl_sect_title { margin-bottom: 60px; height: 96px; } } @media all and (max-width: 640.9px) { .bl_sect__aboutMerit .bl_sect_title { margin-bottom: calc(60vw / 6.4); height: calc(100vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__aboutMerit .bl_sect_title { background-size: contain; } } .bl_sect__aboutMerit .bl_sect_title h2 { color: #ffea00; } @media all and (min-width: 641px) { .bl_sect__aboutMerit .bl_sect_title h2 { font-size: 40px; } } @media all and (max-width: 640.9px) { .bl_sect__aboutMerit .bl_sect_title h2 { font-size: calc(40vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__aboutMerit .bl_merit { display: flex; justify-content: space-between; } } .bl_sect__aboutMerit .bl_merit dl { background: #fff; border-radius: 10px; } @media all and (max-width: 640.9px) { .bl_sect__aboutMerit .bl_merit dl + dl { margin-top: calc(40vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__aboutMerit .bl_merit dl { width: 370px; } } @media all and (min-width: 641px) { .bl_sect__aboutMerit .bl_merit dl dt { height: 300px; display: flex; align-items: center; justify-content: center; } } @media all and (max-width: 640.9px) { .bl_sect__aboutMerit .bl_merit dl dt { padding: calc(50vw / 6.4) 0; text-align: center; } } .bl_sect__aboutMerit .bl_merit dl dd { padding: 0 28px 38px; } @media all and (max-width: 640.9px) { .bl_sect__aboutMerit .bl_merit dl dd { padding: 0 calc(20vw / 6.4) calc(50vw / 6.4); } } .bl_sect__aboutMerit .bl_merit dl dd h3 { font-weight: 600; color: #0783d2; text-align: center; } @media all and (min-width: 641px) { .bl_sect__aboutMerit .bl_merit dl dd h3 { font-size: 24px; height: 90px; } } @media all and (max-width: 640.9px) { .bl_sect__aboutMerit .bl_merit dl dd h3 { font-size: calc(28vw / 6.4); margin-bottom: calc(40vw / 6.4); } } .bl_sect__aboutMerit .bl_merit dl dd p { font-size: 16px; color: #011522; line-height: 1.75; } @media all and (max-width: 640.9px) { .bl_sect__aboutMerit .bl_merit dl dd p { font-size: calc(22vw / 6.4); } } .bl_sect__aboutMerit .un_notice { text-align: center; color: #fff; font-size: 20px; line-height: 2.0; margin-top: 50px; } @media all and (min-width: 641px) { .bl_sect__aboutMerit .un_notice { font-weight: 600; } } @media all and (max-width: 640.9px) { .bl_sect__aboutMerit .un_notice { font-size: calc(24vw / 6.4); margin-top: calc(40vw / 6.4); } } .bl_sect__aboutConditions { position: relative; } @media all and (min-width: 641px) { .bl_sect__aboutConditions { padding: 110px 0 105px; } } @media all and (max-width: 640.9px) { .bl_sect__aboutConditions { padding: calc(77vw / 6.4) 0 calc(56vw / 6.4); } } .bl_sect__aboutConditions .ly_cont { max-width: 1156px; } .bl_sect__aboutConditions:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/about/triangle.png?1759253707') no-repeat center center; background-size: contain; width: 160px; height: 59px; position: absolute; top: -26px; left: 0; right: 0; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__aboutConditions:before { width: calc(160vw / 6.4); height: calc(59vw / 6.4); top: calc(-26vw / 6.4); } } .bl_sect__aboutConditions .bl_sect_title h2 { color: #ff0000; font-weight: 600; text-align: center; letter-spacing: 0.1em; } @media all and (min-width: 641px) { .bl_sect__aboutConditions .bl_sect_title h2 { font-size: 34px; padding-bottom: 32px; background: url('../../../../../../../../design/themes/carmatch/media/../img/about/line.png?1759253707') no-repeat bottom center; } } @media all and (max-width: 640.9px) { .bl_sect__aboutConditions .bl_sect_title h2 { font-size: calc(34vw / 6.4); padding-bottom: calc(32vw / 6.4); text-decoration: underline wavy #f9f006; line-height: 1.8em; text-underline-offset: 6px; } } .bl_sect__aboutConditions .bl_conditions { margin-top: 60px; display: flex; flex-direction: column; } @media all and (max-width: 640.9px) { .bl_sect__aboutConditions .bl_conditions { margin-top: calc(45vw / 6.4); } } .bl_sect__aboutConditions .bl_conditions > li { padding-bottom: 26px; border-bottom: 1px solid #cccccc; } .bl_sect__aboutConditions .bl_conditions > li + li { margin-top: 45px; } @media all and (max-width: 640.9px) { .bl_sect__aboutConditions .bl_conditions > li + li { margin-top: calc(56vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__aboutConditions .bl_conditions > li dl { display: flex; } } @media all and (min-width: 641px) { .bl_sect__aboutConditions .bl_conditions > li dl dt { flex: 1; } } @media all and (min-width: 641px) { .bl_sect__aboutConditions .bl_conditions > li dl dd { width: 580px; } } @media all and (max-width: 640.9px) { .bl_sect__aboutConditions .bl_conditions > li dl dd { margin-top: calc(50vw / 6.4); } } .bl_sect__aboutConditions .bl_conditions > li dl dd h3 { color: #0783d2; font-size: 24px; font-weight: 700; margin-bottom: 20px; } @media all and (max-width: 640.9px) { .bl_sect__aboutConditions .bl_conditions > li dl dd h3 { font-size: calc(28vw / 6.4); margin-bottom: calc(25vw / 6.4); text-align: center; } } .bl_sect__aboutConditions .bl_conditions > li dl dd p { font-size: 16px; color: #011522; line-height: 2.0; } @media all and (max-width: 640.9px) { .bl_sect__aboutConditions .bl_conditions > li dl dd p { font-size: calc(22vw / 6.4); } } .bl_sect__aboutConditions .bl_conditions > li dl dd ul { border-width: 1px; border-color: #cccccc; border-style: solid; background-color: white; padding: 20px; } @media all and (max-width: 640.9px) { .bl_sect__aboutConditions .bl_conditions > li dl dd ul { padding: calc(36vw / 6.4); margin-top: calc(28vw / 6.4); } } .bl_sect__aboutConditions .bl_conditions > li dl dd ul li { text-indent: -1em; margin-left: 1em; font-size: 16px; line-height: 1.75; } @media all and (max-width: 640.9px) { .bl_sect__aboutConditions .bl_conditions > li dl dd ul li { font-size: calc(22vw / 6.4); } } .bl_sect__aboutConditions .bl_conditions > li dl dd ul li:before { content: '・'; } .bl_sect__aboutConditions .bl_conditions > li dl dd ul + p { display: inline-block; border-bottom: 1px solid #ff0000; margin-top: 12px; } @media all and (max-width: 640.9px) { .bl_sect__aboutConditions .bl_conditions > li dl dd ul + p { text-align: center; margin-top: calc(20vw / 6.4); } } .bl_sect__aboutConditions .bl_conditions > li:nth-child(even) dl { flex-direction: row-reverse; } .bl_sect__aboutConditions .bl_conditions > li:nth-child(even) dl dt { text-align: right; } .bl_mv.bl_mv__sub.bl_mv__flow { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/flow/mv_pc.png?1759253707'); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__flow { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/flow/mv_sp.png?1759253707'); } } .bl_sect__FlowStep { background-color: #08258f; padding-top: 85px; padding-bottom: 75px; } @media all and (min-width: 641px) { .bl_sect__FlowStep { margin-bottom: 56px; } } @media all and (max-width: 640.9px) { .bl_sect__FlowStep { padding-top: calc(60vw / 6.4); padding-bottom: calc(40vw / 6.4); } } .bl_sect__FlowStep .ly_cont { max-width: 1160px; } .bl_sect__FlowStep .bl_sect_title { display: flex; align-items: center; justify-content: center; background: url('../../../../../../../../design/themes/carmatch/media/../img/flow/title_bg.png?1759253707') no-repeat center center; } @media all and (min-width: 641px) { .bl_sect__FlowStep .bl_sect_title { margin-bottom: 60px; height: 146px; } } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .bl_sect_title { margin-bottom: calc(90vw / 6.4); height: calc(141vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .bl_sect_title { background-size: contain; } } .bl_sect__FlowStep .bl_sect_title h2 { color: #ffea00; } @media all and (min-width: 641px) { .bl_sect__FlowStep .bl_sect_title h2 { font-size: 30px; } } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .bl_sect_title h2 { font-size: calc(40vw / 6.4); } } .bl_sect__FlowStep .bl_flow_list li { position: relative; } .bl_sect__FlowStep .bl_flow_list li + li { margin-top: 130px; } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .bl_flow_list li + li { margin-top: calc(135vw / 6.4); } } .bl_sect__FlowStep .bl_flow_list li + li:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/flow/triangle.png?1759253707') no-repeat center center; background-size: contain; width: 70px; height: 34px; position: absolute; top: -87px; left: 0; right: 0; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .bl_flow_list li + li:before { width: calc(70vw / 6.4); height: calc(33vw / 6.4); top: calc(-83vw / 6.4); } } .bl_sect__FlowStep .bl_flow_list li > p { background-color: #ffea00; border-radius: 23px; width: 188px; height: 46px; line-height: 46px; text-align: center; color: #08258f; font-size: 28px; font-weight: 600; position: absolute; left: 0; right: 0; top: -23px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .bl_flow_list li > p { font-size: calc(34vw / 6.4); width: calc(200vw / 6.4); height: calc(51vw / 6.4); line-height: calc(51vw / 6.4); top: calc(-25.5vw / 6.4); } } .bl_sect__FlowStep .bl_flow_list dl { display: flex; background: #fff; border-radius: 10px; align-items: center; } @media all and (min-width: 641px) { .bl_sect__FlowStep .bl_flow_list dl { min-height: 277px; padding-top: 50px; padding-bottom: 54px; } } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .bl_flow_list dl { flex-direction: column; } } .bl_sect__FlowStep .bl_flow_list dl dt { text-align: center; } @media all and (min-width: 641px) { .bl_sect__FlowStep .bl_flow_list dl dt { width: 320px; } } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .bl_flow_list dl dt { padding-top: calc(70vw / 6.4); padding-bottom: calc(50vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .bl_flow_list dl dt img { width: 60%; } } .bl_sect__FlowStep .bl_flow_list dl dd { flex: 1; display: flex; flex-direction: column; justify-content: center; } .bl_sect__FlowStep .bl_flow_list dl dd h3 { color: #0783d2; font-weight: 600; } @media all and (min-width: 641px) { .bl_sect__FlowStep .bl_flow_list dl dd h3 { font-size: 28px; margin-bottom: 25px; } } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .bl_flow_list dl dd h3 { font-size: calc(34vw / 6.4); margin-bottom: calc(30vw / 6.4); text-align: center; } } .bl_sect__FlowStep .bl_flow_list dl dd .un_text { line-height: 1.75; font-size: 16px; color: #011522; } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .bl_flow_list dl dd .un_text { font-size: calc(28vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .bl_flow_list dl dd { padding: 0 calc(20vw / 6.4) calc(54vw / 6.4); } } .bl_sect__FlowStep .un_notice { color: #fff; } @media all and (min-width: 641px) { .bl_sect__FlowStep .un_notice { text-align: right; font-size: 16px; margin-top: 28px; } } @media all and (max-width: 640.9px) { .bl_sect__FlowStep .un_notice { font-size: calc(28vw / 6.4); margin-top: calc(50vw / 6.4); margin-left: 1em; text-indent: -1em; } } .bl_mv.bl_mv__sub.bl_mv__faq { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/faq/mv_pc.png?1759253707'); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__faq { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/faq/mv_sp.png?1759253707'); } } .bl_sect__FAQ { background-color: #08258f; } @media all and (min-width: 641px) { .bl_sect__FAQ { padding: 56px 0 80px; } } @media all and (max-width: 640.9px) { .bl_sect__FAQ { padding: calc(39vw / 6.4) 0 calc(44vw / 6.4); } } .bl_sect__FAQ .bl_btns { justify-content: center; } @media all and (min-width: 641px) { .bl_sect__FAQ .bl_btns { gap: 0 20px; } } @media all and (max-width: 640.9px) { .bl_sect__FAQ .bl_btns { justify-content: space-between; } } .bl_sect__FAQ .bl_btns .el_btn, .bl_sect__FAQ .bl_btns .bl_form_file .bl_form_fileLabel, .bl_form_file .bl_sect__FAQ .bl_btns .bl_form_fileLabel { font-size: 18px; color: #044974; font-weight: 700; display: flex; flex-direction: column; gap: 9px 0; width: 240px; height: 60px; background: #fff; border-radius: 30px; } @media all and (max-width: 640.9px) { .bl_sect__FAQ .bl_btns .el_btn, .bl_sect__FAQ .bl_btns .bl_form_file .bl_form_fileLabel, .bl_form_file .bl_sect__FAQ .bl_btns .bl_form_fileLabel { font-size: calc(22vw / 6.4); padding: 0; gap: calc(11vw / 6.4) 0; width: 30%; } } .bl_sect__FAQ .bl_btns .el_btn::after, .bl_sect__FAQ .bl_btns .bl_form_file .bl_form_fileLabel::after, .bl_form_file .bl_sect__FAQ .bl_btns .bl_form_fileLabel::after { content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/faq/i_shape_btn.png?1759253707') no-repeat; width: 12px; height: 8px; } @media all and (max-width: 640.9px) { .bl_sect__FAQ .bl_btns .el_btn::after, .bl_sect__FAQ .bl_btns .bl_form_file .bl_form_fileLabel::after, .bl_form_file .bl_sect__FAQ .bl_btns .bl_form_fileLabel::after { background-size: contain; width: calc(12vw / 6.4); height: calc(8vw / 6.4); } } .bl_sect__FAQ2 { background-color: #08258f; } @media all and (min-width: 641px) { .bl_sect__FAQ2 { padding-bottom: 158px; margin-bottom: 56px; } } @media all and (max-width: 640.9px) { .bl_sect__FAQ2 { padding-bottom: calc(71vw / 6.4); } } .bl_sect__FAQ2 h2 { font-size: 34px; color: #fff000; font-weight: 700; letter-spacing: 0.07em; text-align: center; margin-bottom: 36px; } @media all and (max-width: 640.9px) { .bl_sect__FAQ2 h2 { font-size: calc(34vw / 6.4); margin-bottom: calc(30vw / 6.4); } } .bl_sect__FAQ2 #car h2, .bl_sect__FAQ2 #others h2 { margin-top: 70px; } @media all and (max-width: 640.9px) { .bl_sect__FAQ2 #car h2, .bl_sect__FAQ2 #others h2 { margin-top: calc(86vw / 6.4); } } .bl_sect__FAQ2 .accordion { width: 100%; /* inputのチェックボックスを非表示 */ /* 見出しボタン部分 */ /* ＋アイコン */ /* アイコンのー */ /* アコーディオンが開いたらーに */ /* アコーディオン中身部分 */ /* チェックボックスにチェックが入ったら中身部分を表示する */ } @media all and (max-width: 640.9px) { .bl_sect__FAQ2 .accordion { margin-top: calc(35vw / 6.4); } } .bl_sect__FAQ2 .accordion .accordion-hidden { display: none; } .bl_sect__FAQ2 .accordion .accordion-open { display: block; padding: 15px 50px 17px 41px; line-height: 1em; background: #fff; color: #011522; cursor: pointer; position: relative; font-size: 18px; font-weight: 700; letter-spacing: 0.1em; display: flex; align-items: center; } @media all and (max-width: 640.9px) { .bl_sect__FAQ2 .accordion .accordion-open { font-size: calc(26vw / 6.4); padding: calc(15vw / 6.4) calc(78vw / 6.4) calc(17vw / 6.4) calc(21vw / 6.4); display: flex; align-items: center; } } .bl_sect__FAQ2 .accordion .accordion-open span { font-size: 22px; color: #0783d2; vertical-align: middle; } @media all and (max-width: 640.9px) { .bl_sect__FAQ2 .accordion .accordion-open span { font-size: calc(26vw / 6.4); vertical-align: top; } } @media all and (max-width: 640.9px) { .bl_sect__FAQ2 .accordion .accordion-open p { width: 90%; line-height: 1.8em; text-align: justify; } } .bl_sect__FAQ2 .accordion .accordion-open::before, .bl_sect__FAQ2 .accordion .accordion-open::after { content: ''; width: 19px; height: 2px; background: #0783d2; position: absolute; top: 50%; right: 3%; transform: translateY(-50%); } @media all and (max-width: 640.9px) { .bl_sect__FAQ2 .accordion .accordion-open::before, .bl_sect__FAQ2 .accordion .accordion-open::after { width: calc(19vw / 6.4); height: calc(2vw / 6.4); } } .bl_sect__FAQ2 .accordion .accordion-open::after { transform: translateY(-50%) rotate(90deg); transition: .5s; } .bl_sect__FAQ2 .accordion .accordion-hidden:checked + .accordion-open:after { transform: translateY(-50%) rotate(0); background: #fff; } .bl_sect__FAQ2 .accordion .accordion-hidden:checked + .accordion-open { background-color: #fff000; color: #08258f; transition: .5s; } .bl_sect__FAQ2 .accordion .accordion-hidden:checked + .accordion-open span { color: #fff; } .bl_sect__FAQ2 .accordion .accordion-inner { display: block; height: 0; overflow: hidden; padding: 0; opacity: 0; transition: 0.5s; /* 表示速度の設定 */ cursor: pointer; font-size: 16px; color: #011522; letter-spacing: 0.1em; background: #fff; margin-bottom: 20px; line-height: 1.8em; } @media all and (max-width: 640.9px) { .bl_sect__FAQ2 .accordion .accordion-inner { font-size: calc(24vw / 6.4); margin-bottom: calc(20vw / 6.4); } } .bl_sect__FAQ2 .accordion .accordion-hidden:checked + .accordion-open + .accordion-inner { height: auto; opacity: 1; padding: 32px 42px; } @media all and (max-width: 640.9px) { .bl_sect__FAQ2 .accordion .accordion-hidden:checked + .accordion-open + .accordion-inner { padding: calc(25vw / 6.4) calc(20vw / 6.4) calc(25vw / 6.4); } } .bl_mv.bl_mv__sub.bl_mv__contact { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/contact/mv_pc.png?1759253707'); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__contact { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/contact/mv_sp.png?1759253707'); } } .bl_sect.bl_sect__contact { line-height: 1.5; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact { font-size: 16px; line-height: 1.75; } } .bl_sect.bl_sect__contact .bl_sect_title { text-align: center; font-weight: 700; letter-spacing: .1em; padding-left: .1em; font-size: 24.4px; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact .bl_sect_title { font-size: 26px; } } .bl_sect.bl_sect__contact .bl_sect_lead { text-align: center; font-size: 1.1em; margin: 1em auto 0; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact .bl_sect_lead { font-size: 1.25em; } } .bl_sect.bl_sect__contact .un_num { font-size: 1.5em; font-weight: 700; margin: 0 .25em; text-decoration: none; } .bl_sect.bl_sect__contact .un_text { margin-top: 1em; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact .un_text { text-align: center; } } .bl_sect.bl_sect__contact .un_text a { text-decoration: underline; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact .un_text a { transition: .2s opacity; } .bl_sect.bl_sect__contact .un_text a:hover, .bl_sect.bl_sect__contact .un_text a:focus { opacity: .7; } } .bl_sect.bl_sect__contact.bl_sect__contactTel { padding-top: 80px; padding-bottom: 100px; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__contact.bl_sect__contactTel { padding-top: 40px; padding-bottom: 30px; } } .bl_sect.bl_sect__contact.bl_sect__contactFax { background: #eee; padding: 60px 0; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__contact.bl_sect__contactFax { padding: 30px 0; } } .bl_sect.bl_sect__contact.bl_sect__contactForm { background-color: #08258f; padding: 30px 0 100px; } .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_sect_title { display: flex; align-items: center; justify-content: center; background: url('../../../../../../../../design/themes/carmatch/media/../img/contact/title_bg.png?1759253707') no-repeat center center; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_sect_title { margin-bottom: 60px; height: 141px; } } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_sect_title { height: calc(141vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_sect_title { background-size: contain; } } .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_sect_title h2 { color: #ffea00; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_sect_title h2 { font-size: 30px; } } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_sect_title h2 { font-size: calc(40vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact.bl_sect__contactForm { padding-top: 80px; padding-bottom: 70px; margin-bottom: 56px; } } .bl_sect.bl_sect__contact.bl_sect__contactForm .un_text { color: #fff; font-size: 16px; } .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form textarea { min-height: 16em; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table { line-height: 40px; border-collapse: separate; } } .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table th, .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table td { border-bottom: none; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table th, .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table td { border: none; font-size: 18px; border-top: 1px solid #fff; } } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table th, .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table td { font-size: calc(24vw / 6.4); } } .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table th { color: #fff; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table th { width: 30%; } } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table th { width: 100%; } } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table td { padding: 25px 0; } } .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table td input[type=text], .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table td input[type=email] { width: 100%; } .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table td input[type=text], .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table td input[type=tel], .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table td input[type=email] { height: 40px; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table tr:last-child th { border-bottom: 1px solid #fff; } } .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table tr:last-child td { border-bottom: 1px solid #fff; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table tr.un_required th { position: relative; } } .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table tr.un_required th:after { content: '必須'; color: #fff; font-size: 16px; font-weight: 600; background-color: #fa9606; text-align: center; } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table tr.un_required th:after { width: 65px; line-height: 25px; position: absolute; top: 0; bottom: 0; right: 25px; margin: auto; height: 25px; } } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_table tr.un_required th:after { display: inline-block; width: calc(81vw / 6.4); height: calc(31vw / 6.4); line-height: calc(31vw / 6.4); margin-left: calc(19vw / 6.4); font-size: calc(24vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_btns { margin-top: 70px; } } .bl_sect.bl_sect__contact.bl_sect__contactForm .el_btn.bl_form_submit, .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_file .bl_form_submit.bl_form_fileLabel, .bl_form_file .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_submit.bl_form_fileLabel { background-image: -moz-linear-gradient(0deg, #f5960d 0%, rgba(246, 215, 5, 0.99608) 100%); background-image: -webkit-linear-gradient(0deg, #f5960d 0%, rgba(246, 215, 5, 0.99608) 100%); background-image: -ms-linear-gradient(0deg, #f5960d 0%, rgba(246, 215, 5, 0.99608) 100%); font-weight: 700; font-size: 20px; color: #08258f; cursor: pointer; transition: .2s opacity; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .el_btn.bl_form_submit, .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_file .bl_form_submit.bl_form_fileLabel, .bl_form_file .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_submit.bl_form_fileLabel { font-size: 16px; width: calc(560vw / 6.4); height: calc(81vw / 6.4); border-radius: calc(40.5vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect.bl_sect__contact.bl_sect__contactForm .el_btn.bl_form_submit, .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_file .bl_form_submit.bl_form_fileLabel, .bl_form_file .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_submit.bl_form_fileLabel { border-radius: 32.5px; width: 25%; width: 380px; height: 65px; } } .bl_sect.bl_sect__contact.bl_sect__contactForm .el_btn.bl_form_submit:hover, .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_file .bl_form_submit.bl_form_fileLabel:hover, .bl_form_file .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_submit.bl_form_fileLabel:hover { opacity: 0.7; } .bl_sect.bl_sect__contact.bl_sect__contactForm .bl_form_radioLabel { color: #fff; } .bl_mv.bl_mv__sub.bl_mv__privacy { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/privacy/mv_pc.png?1759253707'); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__privacy { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/privacy/mv_sp.png?1759253707'); } } .bl_sect.bl_sect__privacy { background-color: #e8f6fa; padding-top: 74px; padding-bottom: 110px; font-size: 16px; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__privacy { padding-top: 40px; padding-bottom: 50px; font-size: calc(28vw / 6.4); } } .bl_sect.bl_sect__privacy .ly_cont { line-height: 1.75; } @media all and (min-width: 641px) { .bl_sect.bl_sect__privacy .ly_cont { line-height: 2; border-radius: 25px; } } .bl_sect.bl_sect__privacy dl dt { background-color: #092fb9; color: #fff; } @media all and (min-width: 641px) { .bl_sect.bl_sect__privacy dl dt { height: 40px; line-height: 40px; padding-left: 15px; margin-top: 40px; font-size: 18px; } } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__privacy dl dt { padding: calc(18vw / 6.4); margin-top: calc(60vw / 6.4); line-height: 1.25; } } .bl_sect.bl_sect__privacy dl dd { margin-top: 15px; } .bl_sect.bl_sect__privacy dl dd ul li { text-indent: -1em; margin-left: 1em; } .bl_sect.bl_sect__privacy dl dd ul.un_circ li:before { content: '・'; } .bl_privacy_lead { font-weight: 700; margin-top: 2em; } @media all and (min-width: 641px) { .bl_privacy_lead { text-align: center; font-size: 18px; } } .bl_privacy { border: 1px solid #a6a6a6; margin: 1.5em auto; max-height: 50vw; overflow: auto; padding: 1em; font-size: 14px; max-width: 1000px; } @media all and (min-width: 641px) { .bl_privacy { margin-top: 3em; max-height: 17.5em; padding: 1em 2em; } } .bl_sect.bl_sect__privacy ul i, .bl_privacy ul i { font: inherit; width: 1em; } .bl_sect.bl_sect__privacy a, .bl_privacy a { text-decoration: underline; } .bl_sect.bl_sect__privacy a[href^="tel:"], .bl_privacy a[href^="tel:"] { text-decoration: none; } .bl_sect.bl_sect__privacy table, .bl_privacy table { margin: .25em 0; } .bl_sect.bl_sect__privacy table th, .bl_sect.bl_sect__privacy table td, .bl_privacy table th, .bl_privacy table td { border: 1px solid #ccc; padding: .25em 1em; } .bl_privacy_title { font-weight: 700; font-size: 1.25em; text-align: center; line-height: 1.25; } .bl_privacy_title:nth-child(n+2) { margin-top: 2em; } .bl_privacy_title small { font-size: .85em; } .bl_privacy_col { border: 1px solid #ccc; margin: .75em 0; padding: .5em 1em; } .bl_privacy_col a { color: #23ac38; } .bl_privacy_col a[href^="tel:"] { color: inherit; text-decoration: none; } .bl_privacy_col .bl_privacy_contact { margin-top: 0; } .bl_privacy_col .bl_privacy_contact dt { font-weight: inherit; float: left; clear: both; margin: 0; min-width: 5em; } .bl_privacy_col .bl_privacy_contact dd { margin-left: 5em; } .bl_privacy_meta { text-align: right; } .bl_privacy_meta:first-child { margin-bottom: 1em; } .bl_privacy_meta:last-child { margin-top: 1em; } .bl_privacy_meta + * { margin-top: 1em; } .bl_privacy_contact { margin-top: 1em; } @media all and (min-width: 641px) { .bl_mv__shop { background: #092fb8 url('../../../../../../../../design/themes/carmatch/media/../img/shop/mv_bg.png?1759253707') no-repeat center center; } } .bl_mv__shop .mv_col { display: flex; } @media all and (min-width: 641px) { .bl_mv__shop .mv_col { height: 576px; min-width: 1240px; max-width: 1320px; width: calc(100% - 30px); margin: auto; padding: 20px 0; } } @media all and (max-width: 640.9px) { .bl_mv__shop .mv_col { flex-direction: column; background-color: #092fb8; padding: calc(27vw / 6.4) calc(20vw / 6.4) calc(30vw / 6.4); } } @media all and (min-width: 641px) { .bl_mv__shop .mv_col figure { flex: 1; height: 100%; width: 60%; } } @media all and (max-width: 640.9px) { .bl_mv__shop .mv_col figure { height: calc(419vw / 6.4); width: 100%; border: 3px solid #232323; border-radius: calc(36vw / 6.4); background-color: #232323; box-shadow: 0px calc(8vw / 6.4) 0px 0px #1d1900; margin-bottom: calc(27vw / 6.4); } } .bl_mv__shop .mv_col figure img { object-fit: cover; font-family: 'object-fit: cover'; height: 100%; width: 100%; } @media all and (max-width: 640.9px) { .bl_mv__shop .mv_col figure img { border-radius: calc(34vw / 6.4); } } .bl_mv__shop .mv_col .bl_badge { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; } @media all and (min-width: 641px) { .bl_mv__shop .mv_col .bl_badge { align-items: center; } } @media all and (max-width: 640.9px) { .bl_mv__shop .mv_col .bl_badge { gap: 3px 1.333%; } } @media all and (max-width: 640.9px) { .bl_mv__shop .mv_col .bl_badge li { width: 24%; } } @media all and (min-width: 641px) { .bl_mv__shop .mv_col .bl_badge li:nth-child(1) { padding-left: 10%; } } @media all and (max-width: 640.9px) { .bl_mv__shop .mv_col .bl_badge li:nth-child(1) { margin-left: 4%; } } @media all and (min-width: 641px) { .bl_mv__shop .mv_col .bl_badge li:nth-child(3) { padding-right: 10%; } } @media all and (min-width: 641px) { .bl_mv__shop .mv_col .bl_badge li img { width: 120px; height: 120px; } } .bl_mv__shop .mv_col dl { display: flex; flex-direction: column; justify-content: center; gap: 40px; } @media all and (min-width: 641px) { .bl_mv__shop .mv_col dl { width: 40%; margin-top: 30px; } } @media all and (max-width: 640.9px) { .bl_mv__shop .mv_col dl { gap: calc(20vw / 6.4); } } @media all and (min-width: 641px) { .bl_mv__shop .mv_col dl dd { padding-left: 30px; padding-right: 30px; } } .bl_mv__shop .mv_col dl dd h1 { color: #fff; border: 4px solid #fff; padding: 30px 10px; text-align: center; font-weight: 600; } @media all and (min-width: 641px) { .bl_mv__shop .mv_col dl dd h1 { font-size: 36px; } } @media all and (max-width: 640.9px) { .bl_mv__shop .mv_col dl dd h1 { font-size: calc(50vw / 6.4); border-width: calc(10vw / 6.4); padding: calc(20vw / 6.4) calc(10vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopCar { height: 2165px; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/car_bg.png?1759253707') no-repeat center center; overflow: hidden; } } @media all and (max-width: 640.9px) { .bl_sect__shopCar { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/car_bg2_sp.png?1759253707') no-repeat bottom center, url('../../../../../../../../design/themes/carmatch/media/../img/shop/car_bg_sp.png?1759253707') no-repeat top center; background-size: contain, contain; padding-bottom: calc(344vw / 6.4); } } .bl_sect__shopCar .ly_cont { max-width: 1190px; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .ly_cont { width: 100%; } } .bl_sect__shopCar .bl_shop_features { display: flex; gap: 40px; flex-direction: column; justify-content: center; align-items: center; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_shop_features { gap: calc(30vw / 6.4); height: calc(350vw / 6.4); padding: 0 calc(10vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopCar .bl_shop_features { height: 300px; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/car_img1.png?1759253707') no-repeat center center; } } .bl_sect__shopCar .bl_shop_features h2 { color: #ff0000; font-size: 44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_shop_features h2 { font-size: calc(38vw / 6.4); } } .bl_sect__shopCar .bl_shop_features p { color: #232323; font-size: 36px; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_shop_features p { font-size: calc(30vw / 6.4); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } } @media all and (min-width: 641px) { .bl_sect__shopCar .bl_shop_features p { width: 900px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } } @media all and (min-width: 641px) { .bl_sect__shopCar .bl_special_car, .bl_sect__shopCar .bl_stoc_car { padding-top: 135px; } } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car, .bl_sect__shopCar .bl_stoc_car { position: relative; } } .bl_sect__shopCar .bl_special_car h2, .bl_sect__shopCar .bl_stoc_car h2 { text-align: center; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car h2, .bl_sect__shopCar .bl_stoc_car h2 { text-align: right; } } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .swiper, .bl_sect__shopCar .bl_stoc_car .swiper { overflow: hidden; padding-top: calc(8vw / 6.4); padding-bottom: calc(46vw / 6.4); margin-top: calc(30vw / 6.4); } } .bl_sect__shopCar .bl_special_car .bl_car_list, .bl_sect__shopCar .bl_stoc_car .bl_car_list { display: flex; } @media all and (min-width: 641px) { .bl_sect__shopCar .bl_special_car .bl_car_list, .bl_sect__shopCar .bl_stoc_car .bl_car_list { margin-top: 35px; gap: 0.84%; } } .bl_sect__shopCar .bl_special_car .bl_car_list li, .bl_sect__shopCar .bl_stoc_car .bl_car_list li { padding-bottom: 5px; background-color: #ffea0f; } @media all and (min-width: 641px) { .bl_sect__shopCar .bl_special_car .bl_car_list li, .bl_sect__shopCar .bl_stoc_car .bl_car_list li { width: 24.37%; } } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .bl_car_list li, .bl_sect__shopCar .bl_stoc_car .bl_car_list li { height: auto; } } .bl_sect__shopCar .bl_special_car .bl_car_list li .bl_wrap, .bl_sect__shopCar .bl_stoc_car .bl_car_list li .bl_wrap { background-color: white; border: 5px solid #232323; width: 100%; margin-top: -5px; margin-left: -5px; height: calc(100% + 5px); } .bl_sect__shopCar .bl_special_car .bl_car_list li figure, .bl_sect__shopCar .bl_stoc_car .bl_car_list li figure { width: 100%; } @media all and (min-width: 641px) { .bl_sect__shopCar .bl_special_car .bl_car_list li figure, .bl_sect__shopCar .bl_stoc_car .bl_car_list li figure { height: 200px; } } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .bl_car_list li figure, .bl_sect__shopCar .bl_stoc_car .bl_car_list li figure { height: calc(304vw / 6.4); } } .bl_sect__shopCar .bl_special_car .bl_car_list li figure img, .bl_sect__shopCar .bl_stoc_car .bl_car_list li figure img { object-fit: cover; font-family: 'object-fit: cover'; width: 100%; height: 100%; } .bl_sect__shopCar .bl_special_car .bl_car_list li h3, .bl_sect__shopCar .bl_stoc_car .bl_car_list li h3 { font-size: 22px; font-weight: 700; border-bottom: 3px solid #ffe90f; padding: 12px 8px 8px; line-height: 1.25; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .bl_car_list li h3, .bl_sect__shopCar .bl_stoc_car .bl_car_list li h3 { font-size: calc(32vw / 6.4); padding: calc(20vw / 6.4) calc(8vw / 6.4) calc(8vw / 6.4); } } .bl_sect__shopCar .bl_special_car .bl_car_list li .bl_car_info, .bl_sect__shopCar .bl_stoc_car .bl_car_list li .bl_car_info { padding: 16px 8px 8px; display: flex; gap: 3px; flex-direction: column; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .bl_car_list li .bl_car_info, .bl_sect__shopCar .bl_stoc_car .bl_car_list li .bl_car_info { padding: calc(16vw / 6.4) calc(8vw / 6.4) calc(8vw / 6.4); } } .bl_sect__shopCar .bl_special_car .bl_car_list li .bl_car_info img, .bl_sect__shopCar .bl_stoc_car .bl_car_list li .bl_car_info img { margin: auto; } @media all and (min-width: 641px) { .bl_sect__shopCar .bl_special_car .bl_car_list li .bl_car_info img, .bl_sect__shopCar .bl_stoc_car .bl_car_list li .bl_car_info img { width: 190px; margin-top: 15px; } } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .bl_car_list li .bl_car_info img, .bl_sect__shopCar .bl_stoc_car .bl_car_list li .bl_car_info img { width: calc(300vw / 6.4); margin-top: calc(20vw / 6.4); } } .bl_sect__shopCar .bl_special_car .bl_car_list li dl, .bl_sect__shopCar .bl_stoc_car .bl_car_list li dl { display: flex; justify-content: space-between; } .bl_sect__shopCar .bl_special_car .bl_car_list li dl dt, .bl_sect__shopCar .bl_special_car .bl_car_list li dl dd, .bl_sect__shopCar .bl_stoc_car .bl_car_list li dl dt, .bl_sect__shopCar .bl_stoc_car .bl_car_list li dl dd { font-size: 16px; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .bl_car_list li dl dt, .bl_sect__shopCar .bl_special_car .bl_car_list li dl dd, .bl_sect__shopCar .bl_stoc_car .bl_car_list li dl dt, .bl_sect__shopCar .bl_stoc_car .bl_car_list li dl dd { font-size: calc(24vw / 6.4); } } .bl_sect__shopCar .bl_special_car .bl_car_list li a, .bl_sect__shopCar .bl_stoc_car .bl_car_list li a { transition: .2s opacity; } .bl_sect__shopCar .bl_special_car .bl_car_list li a:hover, .bl_sect__shopCar .bl_stoc_car .bl_car_list li a:hover { opacity: .7; } .bl_sect__shopCar .bl_special_car .bl_car_list li p, .bl_sect__shopCar .bl_stoc_car .bl_car_list li p { font-size: 16px; margin-left: 1em; text-indent: -1em; } .bl_sect__shopCar .bl_special_car .bl_btns, .bl_sect__shopCar .bl_stoc_car .bl_btns { margin-top: 30px; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .bl_btns, .bl_sect__shopCar .bl_stoc_car .bl_btns { margin-top: 0; } } .bl_sect__shopCar .bl_special_car .bl_btns .bl_btn_wrap, .bl_sect__shopCar .bl_stoc_car .bl_btns .bl_btn_wrap { background-color: #ffea0f; width: 401px; height: 71px; border-radius: 35.5px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .bl_btns .bl_btn_wrap, .bl_sect__shopCar .bl_stoc_car .bl_btns .bl_btn_wrap { width: calc(401vw / 6.4); height: calc(66vw / 6.4); border-radius: calc(33vw / 6.4); } } .bl_sect__shopCar .bl_special_car .bl_btns a, .bl_sect__shopCar .bl_stoc_car .bl_btns a { display: block; border-width: 5px; border-color: #232323; border-style: solid; background-color: white; width: 396px; height: 65px; line-height: 54px; border-radius: 32.5px; font-size: 20px; text-align: center; color: #000000; font-size: 20px; font-weight: 600; position: relative; z-index: 1; transition: .2s opacity; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .bl_btns a, .bl_sect__shopCar .bl_stoc_car .bl_btns a { border-width: calc(5vw / 6.4); font-size: calc(22vw / 6.4); width: calc(396vw / 6.4); height: calc(61vw / 6.4); border-radius: calc(30.5vw / 6.4); line-height: calc(52vw / 6.4); } } .bl_sect__shopCar .bl_special_car .bl_btns a:after, .bl_sect__shopCar .bl_stoc_car .bl_btns a:after { content: '>'; position: absolute; top: 0; bottom: 0; right: 25px; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .bl_btns a:after, .bl_sect__shopCar .bl_stoc_car .bl_btns a:after { right: calc(25vw / 6.4); } } .bl_sect__shopCar .bl_special_car .bl_btns a:hover, .bl_sect__shopCar .bl_stoc_car .bl_btns a:hover { opacity: 0.7; } .bl_sect__shopCar .bl_special_car .swiper-button-next, .bl_sect__shopCar .bl_stoc_car .swiper-button-next { z-index: 1; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .swiper-button-next, .bl_sect__shopCar .bl_stoc_car .swiper-button-next { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/right_v.png?1759253707') no-repeat center center; background-size: contain; width: calc(55vw / 6.4); height: calc(55vw / 6.4); right: 4%; top: 50%; } } @media all and (min-width: 641px) { .bl_sect__shopCar .bl_special_car .swiper-button-next, .bl_sect__shopCar .bl_stoc_car .swiper-button-next { display: none; } } .bl_sect__shopCar .bl_special_car .swiper-button-prev, .bl_sect__shopCar .bl_stoc_car .swiper-button-prev { z-index: 1; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car .swiper-button-prev, .bl_sect__shopCar .bl_stoc_car .swiper-button-prev { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/left_v.png?1759253707') no-repeat center center; background-size: contain; width: calc(55vw / 6.4); height: calc(55vw / 6.4); left: 4%; top: 50%; } } @media all and (min-width: 641px) { .bl_sect__shopCar .bl_special_car .swiper-button-prev, .bl_sect__shopCar .bl_stoc_car .swiper-button-prev { display: none; } } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car { margin-top: calc(200vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_special_car h2 img { width: calc(390vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_stoc_car { margin-top: calc(78vw / 6.4); } } .bl_sect__shopCar .bl_stoc_car .bl_btns .bl_btn_wrap { background-color: #092fb8; } @media all and (max-width: 640.9px) { .bl_sect__shopCar .bl_stoc_car h2 img { width: calc(540vw / 6.4); } } .bl_sect__shopSns { position: relative; } @media all and (min-width: 641px) { .bl_sect__shopSns { height: 1503px; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/sns_bg.png?1759253707') no-repeat center center; margin-top: -400px; padding-top: 325px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSns { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/sns_bg_sp.png?1759253707') no-repeat top center; background-size: cover; margin-top: calc(-410vw / 6.4); padding-top: calc(315vw / 6.4); height: calc(1533vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopSns .ly_cont { width: calc(100% - calc(30vw / 6.4)); } } @media all and (min-width: 641px) { .bl_sect__shopSns .bl_sect_title { margin-bottom: -31px; margin-left: 100px; position: relative; z-index: 1; } } .bl_sect__shopSns .bl_sect_title picture { text-align: left; } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sect_title img { width: calc(380vw / 6.4); } } .bl_sect__shopSns .bl_sns { background-color: #ffea0f; position: relative; } @media all and (min-width: 641px) { .bl_sect__shopSns .bl_sns { border-radius: 22px; width: 1101px; height: 599px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sns { border-radius: calc(22vw / 6.4); } } .bl_sect__shopSns .bl_sns .bl_inner { background-color: white; border: 5px solid #232323; } @media all and (min-width: 641px) { .bl_sect__shopSns .bl_sns .bl_inner { display: flex; justify-content: center; align-items: center; gap: 80px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sns .bl_inner { box-shadow: calc(12vw / 6.4) calc(12vw / 6.4) 0px 0px #ffea0f; padding: calc(40vw / 6.4) calc(15vw / 6.4) calc(40vw / 6.4); border-width: calc(2vw / 6.4); border-radius: calc(22vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopSns .bl_sns .bl_inner { border-radius: 22px; width: 1096px; height: 597px; position: absolute; top: -10px; left: -10px; } } .bl_sect__shopSns .bl_sns .bl_inner h3 { text-align: center; } .bl_sect__shopSns .bl_sns .un_tiktok label, .bl_sect__shopSns .bl_sns .un_youtube label { width: 100%; height: 100%; display: block; } .bl_sect__shopSns .bl_sns .un_tiktok label iframe, .bl_sect__shopSns .bl_sns .un_youtube label iframe { pointer-events: none; } .bl_sect__shopSns .bl_sns .un_tiktok h3 { margin-bottom: 50px; } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sns .un_tiktok h3 { margin-bottom: calc(20vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sns .un_tiktok h3 img { width: calc(188vw / 6.4); } } .bl_sect__shopSns .bl_sns .un_tiktok ul { display: flex; gap: 20px; } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sns .un_tiktok ul { gap: 1%; } } .bl_sect__shopSns .bl_sns .un_tiktok ul li { width: 196px; height: 345px; overflow: hidden; } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sns .un_tiktok ul li { width: 32.666%; height: calc(317vw / 6.4); } } .bl_sect__shopSns .bl_sns .un_tiktok ul li iframe { width: 326px; height: 758px; transform: scale(0.63); transform-origin: left top; } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sns .un_tiktok ul li iframe { transform: scale(0.37); } } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sns .un_youtube { margin-top: calc(30vw / 6.4); } } .bl_sect__shopSns .bl_sns .un_youtube h3 { margin-bottom: 35px; } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sns .un_youtube h3 { margin-bottom: calc(20vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sns .un_youtube h3 img { width: calc(234vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sns .un_youtube ul { display: flex; justify-content: space-between; } } .bl_sect__shopSns .bl_sns .un_youtube ul li { width: 287px; height: 161px; position: relative; overflow: hidden; } @media all and (min-width: 641px) { .bl_sect__shopSns .bl_sns .un_youtube ul li + li { margin-top: 15px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_sns .un_youtube ul li { width: calc(280vw / 6.4); height: calc(157vw / 6.4); } } .bl_sect__shopSns .bl_sns .un_youtube ul li iframe, .bl_sect__shopSns .bl_sns .un_youtube ul li object, .bl_sect__shopSns .bl_sns .un_youtube ul li embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bl_sect__shopSns .bl_popUp .bl_popUp_body { background: none; border: none; } @media all and (min-width: 641px) { .bl_sect__shopSns .bl_popUp .bl_popUp_body { width: 800px; height: 800px; left: calc(50% - 400px); top: 50%; } } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_popUp .bl_popUp_body { height: 100%; } } @media all and (min-width: 641px) { .bl_sect__shopSns .bl_popUp .bl_popUp_body.un_youtube { height: 450px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSns .bl_popUp .bl_popUp_body.un_youtube { height: calc(330vw / 6.4); } } .bl_sect__shopSns .bl_popUp .bl_popUp_body .bl_popUp_bodyInner { overflow-y: auto; height: 100%; position: relative; } .bl_sect__shopSns .bl_popUp .bl_popUp_body .bl_popUp_bodyInner iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } @media all and (min-width: 641px) { .bl_sect__shopPhoto { height: 2442px; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/photo_bg.png?1759253707') no-repeat center center; margin-top: -346px; padding-top: 300px; overflow: hidden; } } @media all and (max-width: 640.9px) { .bl_sect__shopPhoto { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/photo_bg2_sp.png?1759253707') no-repeat top calc(50vw /6.4) center, url('../../../../../../../../design/themes/carmatch/media/../img/shop/photo_bg1_sp.png?1759253707') no-repeat top center; background-size: contain, cover; margin-top: calc(-150vw / 6.4); padding-top: calc(344vw / 6.4); padding-bottom: calc(154vw / 6.4); } } .bl_sect__shopPhoto .ly_cont { max-width: 1200px; } @media all and (max-width: 640.9px) { .bl_sect__shopPhoto .ly_cont { width: 100%; } } .bl_sect__shopPhoto .bl_sect_title { position: relative; text-align: center; } @media all and (max-width: 640.9px) { .bl_sect__shopPhoto .bl_sect_title { text-align: right; margin-bottom: calc(82vw / 6.4); } } .bl_sect__shopPhoto .bl_sect_title h2 { color: #ff0000; font-weight: 600; line-height: 1.25; border: 5px solid #232323; background-color: #ffea00; box-shadow: 7.042px 13.244px 0px 0px #232323; display: flex; flex-direction: column; justify-content: center; } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_sect_title h2 { min-width: 556px; height: 165px; text-align: center; margin: auto; display: inline-block; padding-left: 30px; padding-right: 30px; padding-top: 10px; } } @media all and (max-width: 640.9px) { .bl_sect__shopPhoto .bl_sect_title h2 { display: inline-block; text-align: left; min-width: calc(368vw / 6.4); border-width: calc(5vw / 6.4); border-right: none; padding: calc(20vw / 6.4) calc(30vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_sect_title h2 { font-size: 40px; } } @media all and (max-width: 640.9px) { .bl_sect__shopPhoto .bl_sect_title h2 { font-size: calc(36vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_sect_title h2 em { font-size: 65px; } } @media all and (max-width: 640.9px) { .bl_sect__shopPhoto .bl_sect_title h2 em { font-size: calc(36vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_sect_title:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/photo_title.png?1759253707') no-repeat center center; background-size: contain; min-width: 445px; height: 298px; position: absolute; top: -280px; right: 147px; } } .bl_sect__shopPhoto .bl_photos { display: flex; flex-direction: column; } @media all and (max-width: 640.9px) { .bl_sect__shopPhoto .bl_photos { width: calc(100% - (calc(96vw / 6.4))); gap: calc(38vw / 6.4); margin: auto; } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos { margin-top: 98px; gap: 100px; } } .bl_sect__shopPhoto .bl_photos .bl_wrap { position: relative; } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos .bl_wrap:nth-child(odd) { border-radius: 20px 0 0 0; } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos .bl_wrap:nth-child(odd):before { content: ''; background-color: #092fb8; position: absolute; top: 0; bottom: -30px; left: 30px; right: calc((100vw - 1200px) / 2 * -1); } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos .bl_wrap:nth-child(odd) dl { border-radius: 20px 0 0 0; border-left: 5px solid #232323; padding-right: 90px; } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos .bl_wrap:nth-child(odd) dl:after { content: ''; background: #fffabf; position: absolute; top: -4.5px; bottom: -5px; left: 100%; right: calc((100vw - 1200px) / 2 * -1); border-top: 5px solid #232323; border-bottom: 5px solid #232323; } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos .bl_wrap:nth-child(even) { border-radius: 0 20px 0 0; } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos .bl_wrap:nth-child(even):before { content: ''; background-color: #092fb8; position: absolute; top: 0; bottom: -30px; right: 30px; left: calc((100vw - 1200px) / 2 * -1); } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos .bl_wrap:nth-child(even) dl { flex-direction: row-reverse; border-radius: 0 20px 0 0; border-right: 5px solid #232323; padding-left: 90px; } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos .bl_wrap:nth-child(even) dl:before { content: ''; background: #fffabf; position: absolute; top: -4.5px; bottom: -5px; left: calc((100vw - 1200px) / 2 * -1); right: 100%; border-top: 5px solid #232323; border-bottom: 5px solid #232323; } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos .bl_wrap:nth-child(1):after { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/sns_img1.png?1759253707') no-repeat center center; background-size: contain; width: 372px; height: 346px; position: absolute; bottom: 20px; right: -560px; } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos .bl_wrap:nth-child(2):after { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/sns_img2.png?1759253707') no-repeat center center; background-size: contain; width: 448px; height: 495px; position: absolute; bottom: -46px; left: -560px; } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos .bl_wrap:nth-child(3):after { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/sns_img3.png?1759253707') no-repeat center center; background-size: contain; width: 682px; height: 447px; position: absolute; bottom: 4px; right: -648px; } } .bl_sect__shopPhoto .bl_photos dl { background-color: #fffabf; display: flex; position: relative; border-top: 5px solid #232323; border-bottom: 5px solid #232323; } @media all and (max-width: 640.9px) { .bl_sect__shopPhoto .bl_photos dl { flex-direction: column; border: calc(5vw / 6.4) solid #232323; border-radius: calc(20vw / 6.4); padding: calc(20vw / 6.4); min-height: calc(755vw / 6.4); box-shadow: calc(12vw / 6.4) calc(12vw / 6.4) 0px 0px #092fb8; } } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos dl { height: 457px; padding: 34px; gap: 58px; } } .bl_sect__shopPhoto .bl_photos dl dt { overflow: hidden; } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos dl dt { border-radius: 20px; width: 500px; } } @media all and (max-width: 640.9px) { .bl_sect__shopPhoto .bl_photos dl dt { border-radius: calc(20vw / 6.4); width: 100%; height: calc(380vw / 6.4); } } .bl_sect__shopPhoto .bl_photos dl dt img { vertical-align: bottom; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos dl dd { flex: 1; display: flex; flex-direction: column; } } @media all and (max-width: 640.9px) { .bl_sect__shopPhoto .bl_photos dl dd { margin-top: calc(30vw / 6.4); } } .bl_sect__shopPhoto .bl_photos dl dd h3 { color: #142d77; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos dl dd h3 { font-size: 26px; margin-top: auto; margin-bottom: 33px; } } @media all and (max-width: 640.9px) { .bl_sect__shopPhoto .bl_photos dl dd h3 { font-size: calc(26vw / 6.4); margin-bottom: calc(20vw / 6.4); } } .bl_sect__shopPhoto .bl_photos dl dd p { color: #000000; line-height: 1.75; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; } @media all and (min-width: 641px) { .bl_sect__shopPhoto .bl_photos dl dd p { font-size: 18px; margin-bottom: auto; } } @media all and (max-width: 640.9px) { .bl_sect__shopPhoto .bl_photos dl dd p { font-size: calc(22vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaff { height: 1588px; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/staff_bg.png?1759253707') no-repeat center center; margin-top: -200px; position: relative; padding-top: 535px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaff { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/staff_bg_sp.png?1759253707') no-repeat top center; background-size: cover; padding-top: calc(507vw / 6.4); margin-top: calc(-80vw / 6.4); padding-bottom: calc(200vw / 6.4); position: relative; } } .bl_sect__shopStaff .ly_cont { max-width: 1200px; height: 100%; position: relative; } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .ly_cont { width: 100%; } } .bl_sect__shopStaff .swiper { overflow: hidden; padding-bottom: 80px; } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .swiper { padding-bottom: calc(84vw / 6.4); } } .bl_sect__shopStaff .bl_staff { padding: 0; display: flex; } .bl_sect__shopStaff .bl_staff .swiper-slide { box-sizing: border-box; height: auto; } .bl_sect__shopStaff .bl_staff li { position: relative; } @media all and (min-width: 641px) { .bl_sect__shopStaff .bl_staff li { width: 395px; } } .bl_sect__shopStaff .bl_staff li:before { content: ''; border-radius: 22px; background-color: #ffea0f; position: absolute; top: 30px; bottom: -34px; left: 11px; right: 7px; } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .bl_staff li:before { border-radius: calc(22vw / 6.4); top: calc(50vw / 6.4); bottom: calc(-50vw / 6.4); left: calc(16vw / 6.4); right: calc(-16vw / 6.4); } } .bl_sect__shopStaff .bl_staff li a { transition: .2s opacity; } @media all and (min-width: 641px) { .bl_sect__shopStaff .bl_staff li a:hover img { opacity: 0.7; } } .bl_sect__shopStaff .bl_staff li > p { text-align: center; margin-bottom: -32px; position: relative; z-index: 1; } .bl_sect__shopStaff .bl_staff li dl { border: 5px solid #232323; border-radius: 22px; background-color: white; height: 100%; padding-top: 48px; position: relative; display: flex; flex-direction: column; align-items: center; } @media all and (min-width: 641px) { .bl_sect__shopStaff .bl_staff li dl { width: 376px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .bl_staff li dl { border-radius: calc(22vw / 6.4); border-width: calc(5vw / 6.4); padding: calc(70vw / 6.4) calc(20vw / 6.4) calc(50vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaff .bl_staff li dl dt { width: 320px; height: 280px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .bl_staff li dl dt { width: 100%; height: calc(345vw / 6.4); } } .bl_sect__shopStaff .bl_staff li dl dt img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; } @media all and (min-width: 641px) { .bl_sect__shopStaff .bl_staff li dl dd { margin-top: 25px; padding: 0 30px 30px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .bl_staff li dl dd { margin-top: calc(30vw / 6.4); } } .bl_sect__shopStaff .bl_staff li dl dd h3 { font-size: 22px; color: #232323; font-weight: 600; margin-bottom: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .bl_staff li dl dd h3 { font-size: calc(28vw / 6.4); margin-bottom: calc(20vw / 6.4); } } .bl_sect__shopStaff .bl_staff li dl dd p { font-size: 14px; line-height: 1.75; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .bl_staff li dl dd p { font-size: calc(22vw / 6.4); -webkit-line-clamp: 10; } } @media all and (min-width: 641px) { .bl_sect__shopStaff .bl_staff li dl dd img { width: 230px; margin: 30px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .bl_staff li dl dd img { width: calc(300vw / 6.4); margin-top: calc(100vw / 6.4); } } .bl_sect__shopStaff .bl_btns { margin-top: 0; position: relative; } .bl_sect__shopStaff .bl_btns:before { content: ''; background-color: #ffea0f; width: 300px; height: 69px; border-radius: 34.5px; position: absolute; top: 10px; bottom: -10px; left: 14px; right: 0px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .bl_btns:before { width: calc(301vw / 6.4); height: calc(71vw / 6.4); border-radius: calc(34.5vw / 6.4); top: calc(10vw / 6.4); bottom: calc(-10vw / 6.4); left: calc(14vw / 6.4); right: calc(0vw / 6.4); } } .bl_sect__shopStaff .bl_btns a { display: block; border: 5px solid #232323; border-radius: 32px; background-color: white; width: 296px; height: 65px; text-align: center; position: relative; transition: .2s opacity; font-size: 20px; color: #000; font-weight: 600; line-height: 56px; } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .bl_btns a { width: calc(296vw / 6.4); height: calc(65vw / 6.4); line-height: calc(56vw / 6.4); font-size: calc(20vw / 6.4); border-width: calc(5vw / 6.4); } } .bl_sect__shopStaff .bl_btns a:after { content: '>'; position: absolute; top: 0; bottom: 0; right: 25px; } .bl_sect__shopStaff .bl_btns a:hover { opacity: 0.7; } .bl_sect__shopStaff .swiper-button-next { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/right.png?1759253707') no-repeat center center; background-size: contain; width: 77px; height: 158px; top: 27%; z-index: 1; } @media all and (min-width: 1681px) { .bl_sect__shopStaff .swiper-button-next { right: -46px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .swiper-button-next { width: calc(71vw / 6.4); height: calc(151vw / 6.4); top: 45%; } } .bl_sect__shopStaff .swiper-button-prev { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/left.png?1759253707') no-repeat center center; background-size: contain; width: 77px; height: 158px; top: 27%; z-index: 1; } @media all and (min-width: 1681px) { .bl_sect__shopStaff .swiper-button-prev { left: -46px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaff .swiper-button-prev { width: calc(71vw / 6.4); height: calc(151vw / 6.4); top: 45%; } } @media all and (min-width: 641px) { .bl_sect__shopVoice { height: 1997px; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/voice_bg.png?1759253707') no-repeat center center; margin-top: -400px; padding-top: 256px; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice { height: calc(2223vw / 6.4); background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/voice_bg_sp.png?1759253707') no-repeat center center; background-size: cover; margin-top: calc(-100vw / 6.4); padding-top: calc(250vw / 6.4); } } .bl_sect__shopVoice .ly_cont { max-width: 1100px; position: relative; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .ly_cont { width: 100%; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .ly_cont:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/voice_img1_sp.png?1759253707') no-repeat center center; background-size: contain; width: calc(607vw / 6.4); height: calc(965vw / 6.4); position: absolute; top: calc(-247vw / 6.4); left: 0; } } .bl_sect__shopVoice .bl_sect_title { text-align: center; } .bl_sect__shopVoice .swiper { overflow: hidden; padding-bottom: 46px; } @media all and (min-width: 641px) { .bl_sect__shopVoice .swiper { margin-top: 40px; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .swiper { padding-bottom: calc(50vw / 6.4); } } .bl_sect__shopVoice .bl_voice { padding: 0; display: flex; } .bl_sect__shopVoice .bl_voice .swiper-slide { box-sizing: border-box; height: auto; } .bl_sect__shopVoice .bl_voice li { position: relative; } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_voice li { width: 360px; } } .bl_sect__shopVoice .bl_voice li dl { border: 5px solid #232323; background-color: white; box-shadow: 6px 6px 0px 0px #092fb8; border-radius: 10px; padding-top: 15px; display: flex; flex-direction: column; align-items: center; height: 100%; } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_voice li dl { width: 350px; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_voice li dl { border-width: calc(5vw / 6.4); padding: calc(30vw / 6.4) calc(20vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_voice li dl dt { width: 310px; height: 180px; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_voice li dl dt { width: 100%; height: calc(233vw / 6.4); } } .bl_sect__shopVoice .bl_voice li dl dt img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_voice li dl dd { padding: 12px 16px 16px; } } .bl_sect__shopVoice .bl_voice li dl dd .el_eval { display: none; padding: 12px 0 15px; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_voice li dl dd .el_eval { padding: calc(12vw / 6.4) 0 calc(15vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_voice li dl dd .el_eval img { width: calc(157vw / 6.4); } } .bl_sect__shopVoice .bl_voice li dl dd .el_text { font-size: 15px; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_voice li dl dd .el_text { font-size: calc(22vw / 6.4); -webkit-line-clamp: 6; } } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_voice li dl dd > img { width: 230px; margin-top: 30px; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_voice li dl dd > img { width: calc(262vw / 6.4); margin-top: calc(94vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_voice li a img { transition: .2s opacity; } } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_voice li a:hover img { opacity: 0.7; } } .bl_sect__shopVoice .bl_btns { position: relative; margin-top: 0; } .bl_sect__shopVoice .bl_btns:before { content: ''; background-color: #092fb8; width: 320px; height: 69px; border-radius: 34.5px; position: absolute; top: 10px; bottom: 0px; left: 10px; right: 0px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_btns:before { width: calc(320vw / 6.4); height: calc(69vw / 6.4); border-radius: calc(34.5vw / 6.4); top: calc(10vw / 6.4); left: calc(10vw / 6.4); } } .bl_sect__shopVoice .bl_btns a { display: block; border: 5px solid #232323; border-radius: 32.5px; background-color: white; width: 316px; height: 65px; text-align: center; position: relative; transition: .2s opacity; font-size: 20px; color: #000; font-weight: 600; line-height: 56px; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_btns a { font-size: calc(20vw / 6.4); border-width: calc(5vw / 6.4); width: calc(316vw / 6.4); height: calc(65vw / 6.4); line-height: calc(56vw / 6.4); border-radius: calc(32.5vw / 6.4); } } .bl_sect__shopVoice .bl_btns a:after { content: '>'; position: absolute; top: 0; bottom: 0; right: 20px; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_btns a:after { right: calc(20vw / 6.4); } } .bl_sect__shopVoice .bl_btns a:hover { opacity: 0.7; } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_btns + .bl_sect_title { margin-top: 200px; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_btns + .bl_sect_title { margin-top: calc(100vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_btns + .bl_sect_title img { width: calc(584vw / 6.4); } } .bl_sect__shopVoice .swiper-button-next { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/right_v.png?1759253707') no-repeat center center; background-size: contain; width: 55px; height: 55px; top: 470px; z-index: 1; } @media all and (min-width: 641px) { .bl_sect__shopVoice .swiper-button-next { right: -25px; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .swiper-button-next { width: calc(55vw / 6.4); height: calc(55vw / 6.4); top: calc(315vw / 6.4); right: calc(27vw / 6.4); } } .bl_sect__shopVoice .swiper-button-prev { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/left_v.png?1759253707') no-repeat center center; background-size: contain; width: 55px; height: 55px; top: 470px; z-index: 1; } @media all and (min-width: 641px) { .bl_sect__shopVoice .swiper-button-prev { left: -25px; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .swiper-button-prev { width: calc(55vw / 6.4); height: calc(55vw / 6.4); top: calc(315vw / 6.4); left: calc(27vw / 6.4); } } .bl_sect__shopVoice .bl_blog { display: flex; } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_blog { gap: 1.818%; width: 1100px; margin: auto; margin-top: 46px; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog { width: calc(100% - (calc(92vw / 6.4))); margin: auto; margin-top: calc(50vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog { flex-direction: column; gap: calc(20vw / 6.4); } } .bl_sect__shopVoice .bl_blog li { border: 5px solid #232323; border-radius: 11px; background-color: white; box-shadow: 6px 6px 0px 0px #000; } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_blog li { width: 23.636%; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog li { padding: calc(10vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog li { border-width: calc(5vw / 6.4); border-radius: calc(11vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_blog li dl { height: 100%; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog li dl { display: flex; } } .bl_sect__shopVoice .bl_blog li dt { width: 250px; height: 170px; border-radius: 10px; overflow: hidden; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog li dt { width: calc(251vw / 6.4); height: calc(171vw / 6.4); border-radius: calc(10vw / 6.4); } } .bl_sect__shopVoice .bl_blog li dt img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog li dd { flex: 1; margin-left: calc(23vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_blog li dd { padding: 11px 8px 10px; } } .bl_sect__shopVoice .bl_blog li dd time { display: inline-block; background-color: #ffbd30; width: 104px; line-height: 16px; text-align: center; font-size: 12px; color: #232323; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog li dd time { font-size: calc(20vw / 6.4); } } .bl_sect__shopVoice .bl_blog li dd p { font-size: 14px; font-weight: 600; line-height: 1.5; margin-top: 11px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog li dd p { font-size: calc(22vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_blog li dd picture { margin-top: 20px; } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog li dd picture { margin-top: calc(20vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog li dd picture img { width: calc(200vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_blog li a img { transition: .2s opacity; } } @media all and (min-width: 641px) { .bl_sect__shopVoice .bl_blog li a:hover img { opacity: 0.7; } } .bl_sect__shopVoice .bl_blog + .bl_btns { margin-top: 27px; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog + .bl_btns { margin-top: calc(38vw / 6.4); margin-right: calc(46vw / 6.4); } } .bl_sect__shopVoice .bl_blog + .bl_btns:before { background: #000; left: auto; right: -5px; height: auto; bottom: -5px; margin: 0; width: 170px; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog + .bl_btns:before { width: calc(220vw / 6.4); height: calc(50vw / 6.4); } } .bl_sect__shopVoice .bl_blog + .bl_btns a { margin-left: auto; margin-right: 0; width: 170px; font-size: 16px; } @media all and (max-width: 640.9px) { .bl_sect__shopVoice .bl_blog + .bl_btns a { width: calc(216vw / 6.4); height: calc(46vw / 6.4); font-size: calc(22vw / 6.4); line-height: calc(38vw / 6.4); } } .bl_sect__shopVoice .bl_blog + .bl_btns a:after { right: 15px; } @media all and (min-width: 641px) { .bl_sect__shopMessage { background: #092fb8 url('../../../../../../../../design/themes/carmatch/media/../img/shop/message_bg.png?1759253707') no-repeat top right; min-height: 960px; padding-top: 90px; padding-bottom: 120px; } } @media all and (max-width: 640.9px) { .bl_sect__shopMessage { background: #092fb8 url('../../../../../../../../design/themes/carmatch/media/../img/shop/message_bg_sp.png?1759253707') no-repeat top right; background-size: calc(247vw / 6.4) calc(369vw / 6.4); padding-top: calc(68vw / 6.4); padding-bottom: calc(68vw / 6.4); } } .bl_sect__shopMessage .bl_sect_title { text-align: center; } @media all and (max-width: 640.9px) { .bl_sect__shopMessage .bl_sect_title img { width: calc(400vw / 6.4); } } .bl_sect__shopMessage .ly_cont { max-width: 1100px; } @media all and (max-width: 640.9px) { .bl_sect__shopMessage .ly_cont { width: calc(100% - (calc(100vw / 6.4))); } } .bl_sect__shopMessage .bl_message { flex-direction: row-reverse; } @media all and (min-width: 641px) { .bl_sect__shopMessage .bl_message { margin-top: 70px; display: flex; gap: 38px; } } @media all and (max-width: 640.9px) { .bl_sect__shopMessage .bl_message { margin-top: calc(35vw / 6.4); } } .bl_sect__shopMessage .bl_message dt { border-width: 4px; border-color: white; border-style: solid; border-radius: 30px; background-color: #cccccc; overflow: hidden; } @media all and (max-width: 640.9px) { .bl_sect__shopMessage .bl_message dt { border-width: calc(4vw / 6.4); border-radius: calc(30vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopMessage .bl_message dt { width: 416px; height: 536px; } } @media all and (max-width: 640.9px) { .bl_sect__shopMessage .bl_message dt { width: calc(416vw / 6.4); height: calc(536vw / 6.4); margin: auto; } } .bl_sect__shopMessage .bl_message dt img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; } .bl_sect__shopMessage .bl_message dd { color: #fff; } @media all and (min-width: 641px) { .bl_sect__shopMessage .bl_message dd { flex: 1; } } @media all and (max-width: 640.9px) { .bl_sect__shopMessage .bl_message dd { margin-top: calc(30vw / 6.4); } } .bl_sect__shopMessage .bl_message dd h3 { font-size: 26px; font-weight: 600; border-bottom: 4px solid #ffea0f; } @media all and (min-width: 641px) { .bl_sect__shopMessage .bl_message dd h3 { display: inline-block; } } @media all and (max-width: 640.9px) { .bl_sect__shopMessage .bl_message dd h3 { font-size: calc(30vw / 6.4); text-align: center; } } .bl_sect__shopMessage .bl_message dd p { font-size: 16px; font-weight: 600; margin-top: 40px; line-height: 1.75; } @media all and (max-width: 640.9px) { .bl_sect__shopMessage .bl_message dd p { font-size: calc(20vw / 6.4); margin-top: calc(35vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopShopInfo { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/shop_info_bg1.png?1759253707') no-repeat top -52px left 135px, url('../../../../../../../../design/themes/carmatch/media/../img/shop/shop_info_bg2.png?1759253707') no-repeat bottom left, url('../../../../../../../../design/themes/carmatch/media/../img/shop/shop_info_bg3.png?1759253707') no-repeat bottom right; background-color: #ff3232; padding-top: 100px; padding-bottom: 130px; } } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/shop_info_bg3_sp.png?1759253707') no-repeat bottom right; background-size: calc(408vw / 6.4) calc(614vw / 6.4); background-color: #ff3232; padding-top: calc(36vw / 6.4); padding-bottom: calc(70vw / 6.4); position: relative; } } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/shop_info_bg1_sp.png?1759253707') no-repeat center center; background-size: contain; width: calc(174vw / 6.4); height: calc(152vw / 6.4); position: absolute; top: calc(25vw / 6.4); left: 0; } } .bl_sect__shopShopInfo .ly_cont { max-width: 1100px; } .bl_sect__shopShopInfo .bl_sect_title { text-align: center; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_sect_title img { width: calc(357vw / 6.4); } } .bl_sect__shopShopInfo .bl_shop_info { border: 5px solid #232323; border-radius: 20px; background-color: white; box-shadow: 7.042px 13.244px 0px 0px #232323; } @media all and (min-width: 641px) { .bl_sect__shopShopInfo .bl_shop_info { display: flex; gap: 40px; flex-direction: row-reverse; width: calc(100% - 7px); padding: 38px 48px 32px; margin-top: 30px; } } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_shop_info { width: calc(530vw / 6.4); padding: calc(40vw / 6.4); margin: auto; margin-top: calc(25vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_shop_info { border-width: calc(5vw / 6.4); border-radius: calc(20vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopShopInfo .bl_shop_info dt { width: 541px; height: 381px; } } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_shop_info dt { width: 100%; height: calc(317vw / 6.4); } } .bl_sect__shopShopInfo .bl_shop_info dt img { object-fit: cover; font-family: 'object-fit: cover'; height: 100%; width: 100%; } @media all and (min-width: 641px) { .bl_sect__shopShopInfo .bl_shop_info dd { flex: 1; } } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_shop_info dd { margin-top: calc(30vw / 6.4); } } .bl_sect__shopShopInfo .bl_shop_info dd th { vertical-align: top; } @media all and (min-width: 641px) { .bl_sect__shopShopInfo .bl_shop_info dd th { width: 134px; } } @media all and (min-width: 641px) { .bl_sect__shopShopInfo .bl_shop_info dd td p + p { margin-top: 20px; } } .bl_sect__shopShopInfo .bl_shop_info dd th, .bl_sect__shopShopInfo .bl_shop_info dd td { font-weight: 600; line-height: 1.5; } @media all and (min-width: 641px) { .bl_sect__shopShopInfo .bl_shop_info dd th, .bl_sect__shopShopInfo .bl_shop_info dd td { font-size: 16px; padding-top: 10px; padding-bottom: 10px; } } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_shop_info dd th, .bl_sect__shopShopInfo .bl_shop_info dd td { font-size: calc(20vw / 6.4); } } .bl_sect__shopShopInfo .bl_shop_info dd table tr:first-child { padding-top: 0; } .bl_sect__shopShopInfo .bl_shop_info dd table tr:last-child { padding-bottom: 0; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_shop_info dd table tr { display: flex; flex-direction: column; } } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_shop_info dd table tr + tr { margin-top: calc(23vw / 6.4); } } .bl_sect__shopShopInfo .bl_shop_info dd table tr.un_moyori td { display: flex; flex-wrap: wrap; gap: 10px 20px; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_shop_info dd table tr.un_moyori td { gap: calc(10vw / 6.4) calc(20vw / 6.4); } } .bl_sect__shopShopInfo .bl_map { height: 304px; position: relative; overflow: hidden; margin-top: 85px; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_map { width: calc(596vw / 6.4); height: calc(477vw / 6.4); margin: auto; margin-top: calc(40vw / 6.4); } } .bl_sect__shopShopInfo .bl_map iframe, .bl_sect__shopShopInfo .bl_map object, .bl_sect__shopShopInfo .bl_map embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bl_sect__shopShopInfo .bl_contact { border: 5px solid #232323; border-radius: 20px; background-color: white; box-shadow: 6.561px 7.547px 0px 0px #232323; margin-top: 85px; padding: 60px 0 45px; text-align: center; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_contact { border-width: calc(5vw / 6.4); border-radius: calc(20vw / 6.4); margin-top: calc(50vw / 6.4); padding: calc(50vw / 6.4); } } .bl_sect__shopShopInfo .bl_contact .un_tel { color: #000; font-size: 40px; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_contact .un_tel { font-size: calc(40vw / 6.4); } } .bl_sect__shopShopInfo .bl_contact .un_tel:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/tel.png?1759253707') no-repeat center center; background-size: contain; width: 33px; height: 45px; margin-right: 6px; display: inline-block; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_contact .un_tel:before { width: calc(33vw / 6.4); height: calc(45vw / 6.4); } } .bl_sect__shopShopInfo .bl_contact .un_biz_hour { color: #000; font-size: 24px; font-weight: 600; margin-top: 23px; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_contact .un_biz_hour { font-size: calc(24vw / 6.4); } } .bl_sect__shopShopInfo .bl_contact .bl_btns { margin-top: 50px; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_contact .bl_btns { margin-top: calc(40vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopShopInfo .bl_contact .bl_btns { display: flex; justify-content: center; gap: 65px; } } .bl_sect__shopShopInfo .bl_contact .bl_btns a { color: #fff; font-size: 20px; display: block; border-radius: 27px; transition: .2s opacity; position: relative; } @media all and (min-width: 641px) { .bl_sect__shopShopInfo .bl_contact .bl_btns a { line-height: 40px; width: 430px; height: 54px; } } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_contact .bl_btns a { width: calc(430vw / 6.4); height: calc(54vw / 6.4); line-height: calc(40vw / 6.4); font-size: calc(20vw / 6.4); } } .bl_sect__shopShopInfo .bl_contact .bl_btns a:hover { opacity: 0.7; } .bl_sect__shopShopInfo .bl_contact .bl_btns .un_email a { border: 5px solid #232323; background-color: #0c6cb4; box-shadow: 2.347px 4.415px 0px 0px #232323; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_contact .bl_btns .un_email a { border-width: calc(5vw / 6.4); } } .bl_sect__shopShopInfo .bl_contact .bl_btns .un_email a:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/icon_mail.png?1759253707') no-repeat center center; background-size: contain; width: 32px; height: 22px; position: absolute; top: 0; bottom: 0; left: 60px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_contact .bl_btns .un_email a:before { width: calc(32vw / 6.4); height: calc(22vw / 6.4); left: calc(60vw / 6.4); } } .bl_sect__shopShopInfo .bl_contact .bl_btns .un_line a { border: 5px solid #232323; background-color: #06c755; box-shadow: 2.347px 4.415px 0px 0px #232323; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_contact .bl_btns .un_line a { border-width: calc(5vw / 6.4); margin-top: calc(25vw / 6.4); } } .bl_sect__shopShopInfo .bl_contact .bl_btns .un_line a:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop/icon_line.png?1759253707') no-repeat center center; background-size: contain; width: 43px; height: 41px; position: absolute; top: 0; bottom: 0; left: 60px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .bl_contact .bl_btns .un_line a:before { width: calc(43vw / 6.4); height: calc(41vw / 6.4); left: calc(60vw / 6.4); } } .bl_sect__shopShopInfo .un_text { text-align: center; margin-top: 30px; } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .un_text { text-align: center; } } @media all and (max-width: 640.9px) { .bl_sect__shopShopInfo .un_text img { width: calc(530vw / 6.4); } } @media all and (min-width: 641px) { .ly_main__shop_blog_list { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/blog_list_bg1.png?1759253707') no-repeat top calc(calc(704vw / 25) - 246px) left -300px, url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/blog_list_bg2.png?1759253707') no-repeat bottom -200px right -300px; background-color: #ffea37; } } @media all and (max-width: 640.9px) { .ly_main__shop_blog_list { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/blog_list_bg1_sp.png?1759253707') no-repeat top calc(287vw / 6.4) left, url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/blog_list_bg3_sp.png?1759253707') no-repeat center right, url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/blog_list_bg2_sp.png?1759253707') no-repeat bottom left; background-size: calc(456vw / 6.4) calc(591vw / 6.4), calc(435vw / 6.4) calc(490vw / 6.4), calc(454vw / 6.4) calc(600vw / 6.4); background-color: #ffea37; } } .ly_main__shop_blog_list .bl_path_wrapper .bl_path { color: #03124b; } .bl_mv.bl_mv__sub.bl_mv__shop_blog_detail, .bl_mv.bl_mv__sub.bl_mv__shop_blog_list { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/mv_pc.jpg?1759253707'); height: calc(704vw / 25); min-height: 340px; max-height: calc(704vw / 25); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__shop_blog_detail, .bl_mv.bl_mv__sub.bl_mv__shop_blog_list { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/mv_sp.jpg?1759253707'); height: calc(528vw / 6.4); min-height: 0; max-height: calc(528vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopBlogList { padding-bottom: 140px; padding-top: 60px; } } @media all and (max-width: 640.9px) { .bl_sect__shopBlogList { padding-top: calc(50vw / 6.4); padding-bottom: calc(220vw / 6.4); } } .bl_sect__shopBlogList .ly_cont { max-width: 1178px; } .bl_sect__shopBlogList .bl_blog_list { display: flex; flex-wrap: wrap; } @media all and (min-width: 641px) { .bl_sect__shopBlogList .bl_blog_list { gap: 30px 1.232%; } } @media all and (max-width: 640.9px) { .bl_sect__shopBlogList .bl_blog_list { gap: calc(36vw / 6.4) 1.788%; } } .bl_sect__shopBlogList .bl_blog_list li { position: relative; } @media all and (min-width: 641px) { .bl_sect__shopBlogList .bl_blog_list li { width: 32.512%; } } @media all and (max-width: 640.9px) { .bl_sect__shopBlogList .bl_blog_list li { width: 49.105%; padding-right: 3px; padding-bottom: 3px; } } .bl_sect__shopBlogList .bl_blog_list li:before { content: ''; background-color: #eb0000; border: 4px solid #292929; border-radius: 20px; position: absolute; top: 8px; left: 8px; bottom: -8px; right: -8px; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogList .bl_blog_list li:before { border-radius: calc(20vw / 6.4); border-width: calc(4vw / 6.4); top: 6px; left: 6px; bottom: -3px; right: -3px; } } .bl_sect__shopBlogList .bl_blog_list dl { background: #fff; border: 4px solid #292929; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogList .bl_blog_list dl { border-radius: calc(20vw / 6.4); border-width: calc(4vw / 6.4); } } .bl_sect__shopBlogList .bl_blog_list dl dt { width: 100%; } @media all and (min-width: 641px) { .bl_sect__shopBlogList .bl_blog_list dl dt { height: 206px; } } @media all and (max-width: 640.9px) { .bl_sect__shopBlogList .bl_blog_list dl dt { height: calc(170vw / 6.4); } } .bl_sect__shopBlogList .bl_blog_list dl dt figure { height: 100%; width: 100%; background: #edeceb url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/noimage.png?1759253707') no-repeat center center; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogList .bl_blog_list dl dt figure { background-size: calc(132vw / 6.4) calc(107vw / 6.4); } } .bl_sect__shopBlogList .bl_blog_list dl dt img { object-fit: cover; font-family: 'object-fit: cover'; height: 100%; width: 100%; } .bl_sect__shopBlogList .bl_blog_list dl dd { flex: 1; padding: 30px 30px 20px; border-top: 4px solid #292929; display: flex; justify-content: space-between; flex-direction: column; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogList .bl_blog_list dl dd { border-width: calc(4vw / 6.4); padding: calc(18vw / 6.4) calc(18vw / 6.4) calc(15vw / 6.4); } } .bl_sect__shopBlogList .bl_blog_list dl dd .un_text { font-size: 18px; line-height: 1.75; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogList .bl_blog_list dl dd .un_text { font-size: calc(22vw / 6.4); } } .bl_sect__shopBlogList .bl_blog_list dl dd .bl_blog_info { font-size: 14px; text-align: right; margin-top: 30px; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogList .bl_blog_list dl dd .bl_blog_info { font-size: calc(20vw / 6.4); margin-top: calc(26vw / 6.4); } } .bl_sect__shopBlogList .bl_pager { margin-top: 96px; display: flex; flex-wrap: wrap; gap: 105px 20px; justify-content: center; align-items: center; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogList .bl_pager { margin-top: calc(90vw / 6.4); } } .bl_sect__shopBlogList .bl_pager li { font-size: 16px; color: #292929; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogList .bl_pager li { font-size: calc(28vw / 6.4); } } .bl_sect__shopBlogList .bl_pager li a { text-decoration: underline; color: rgba(41, 41, 41, 0.7); } .bl_sect__shopBlogList .bl_pager li.bl_pager_prev a, .bl_sect__shopBlogList .bl_pager li.bl_pager_next a { min-width: 1.5em; transition: .2s opacity; } .bl_sect__shopBlogList .bl_pager li.bl_pager_prev a:after, .bl_sect__shopBlogList .bl_pager li.bl_pager_next a:after { box-sizing: border-box; position: relative; display: block; content: ""; width: .7em; height: .7em; border: 1px solid #333; border-width: 0 2px 2px 0; transform-origin: center; } .bl_sect__shopBlogList .bl_pager li.bl_pager_prev a:after { transform: translateX(2px) rotate(135deg); } .bl_sect__shopBlogList .bl_pager li.bl_pager_next a:after { transform: translateX(-2px) rotate(-45deg); } .bl_sect__shopBlogDetail { padding-top: 96px; padding-bottom: 236px; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogDetail { padding-top: calc(80vw / 6.4); padding-bottom: calc(225vw / 6.4); } } .bl_sect__shopBlogDetail .ly_cont { max-width: 1200px; } .bl_sect__shopBlogDetail .bl_entry h1 { font-size: 24px; font-weight: 600; border-bottom: 4px solid #eb0000; padding-bottom: 20px; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogDetail .bl_entry h1 { font-size: calc(32vw / 6.4); border-width: calc(4vw / 6.4); padding-bottom: calc(30vw / 6.4); } } .bl_sect__shopBlogDetail .bl_entry h2 { background-color: #eb0000; color: #fff; font-size: 18px; margin-top: 110px; padding: 16px; border-radius: 4px; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogDetail .bl_entry h2 { font-size: calc(30vw / 6.4); border-radius: calc(6vw / 6.4); padding: calc(20vw / 6.4); margin-top: calc(80vw / 6.4); } } .bl_sect__shopBlogDetail .bl_entry h3 { font-size: 18px; border-top: 1px solid #eb0000; border-bottom: 1px solid #eb0000; color: #3e3c3c; margin-top: 86px; padding: 12px; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogDetail .bl_entry h3 { font-size: calc(28vw / 6.4); border-width: calc(4vw / 6.4); padding: calc(14vw / 6.4); } } .bl_sect__shopBlogDetail .bl_entry h4 { font-size: 18px; border-left: 4px solid #eb0000; padding-left: 16px; margin-top: 180px; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogDetail .bl_entry h4 { font-size: calc(28vw / 6.4); border-width: calc(8vw / 6.4); padding-left: calc(18vw / 6.4); margin-top: calc(50vw / 6.4); } } .bl_sect__shopBlogDetail .bl_entry .bl_blog_info { margin-top: 17px; display: flex; justify-content: space-between; } .bl_sect__shopBlogDetail .bl_entry .bl_blog_info time { font-size: 16px; color: #bbbbbb; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogDetail .bl_entry .bl_blog_info time { font-size: calc(24vw / 6.4); } } .bl_sect__shopBlogDetail .bl_entry .bl_blog_info ul { display: flex; flex-wrap: wrap; gap: 12px; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogDetail .bl_entry .bl_blog_info ul { gap: calc(15vw / 6.4); } } .bl_sect__shopBlogDetail .bl_entry .bl_blog_info ul li { padding: 8px 15px; border: 1px solid #b5b5b5; border-radius: 6px; font-size: 16px; color: #666666; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogDetail .bl_entry .bl_blog_info ul li { font-size: calc(24vw / 6.4); } } .bl_sect__shopBlogDetail .bl_entry .un_image { background-color: #e5e5e5; width: 100%; height: 460px; margin-top: 36px; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogDetail .bl_entry .un_image { height: calc(335vw / 6.4); } } .bl_sect__shopBlogDetail .bl_nav { display: flex; justify-content: space-between; align-items: center; padding: 60px 0; margin-top: 118px; border-top: 2px solid #092fb9; border-bottom: 2px solid #092fb9; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogDetail .bl_nav { border-width: calc(4vw / 6.4); padding: calc(60vw / 6.4) 0; margin-top: calc(200vw / 6.4) 0; } } .bl_sect__shopBlogDetail .bl_nav li a { color: #333333; font-weight: 600; font-size: 16px; text-decoration: underline; } @media all and (max-width: 640.9px) { .bl_sect__shopBlogDetail .bl_nav li a { font-size: calc(28vw / 6.4); } } .bl_sect__shopBlogDetail .bl_nav li.un_next a:before { box-sizing: border-box; position: relative; display: inline-block; content: ""; width: .7em; height: .7em; border: 1px solid #333; border-width: 0 2px 2px 0; transform-origin: center; transform: translateX(2px) rotate(135deg); margin-right: 10px; } .bl_sect__shopBlogDetail .bl_nav li.un_prev a:after { box-sizing: border-box; position: relative; display: inline-block; content: ""; width: .7em; height: .7em; border: 1px solid #333; border-width: 0 2px 2px 0; transform-origin: center; transform: translateX(-2px) rotate(-45deg); margin-left: 10px; } .ly_main__shop_review_list { background-color: red; } .ly_main__shop_review_list .bl_path_wrapper .bl_path { color: #fff; } .bl_mv.bl_mv__sub.bl_mv__shop_review_list, .bl_mv.bl_mv__sub.bl_mv__shop_review_detail { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/shop_review/mv_pc.jpg?1759253707'); height: calc(704vw / 25); min-height: 340px; max-height: calc(704vw / 25); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__shop_review_list, .bl_mv.bl_mv__sub.bl_mv__shop_review_detail { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/shop_review/mv_sp.jpg?1759253707'); height: calc(528vw / 6.4); min-height: 0; max-height: calc(528vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopReviewList { padding-top: calc(45vw / 6.4); padding-bottom: calc(130vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopReviewList { padding-top: 40px; padding-bottom: 130px; } } .bl_sect__shopReviewList .ly_cont { max-width: 1172px; } @media all and (min-width: 641px) { .bl_sect__shopReviewList .ly_cont { padding-right: 8px; } } .bl_sect__shopReviewList .bl_review_list { display: flex; flex-wrap: wrap; gap: 40px 3.158%; } @media all and (max-width: 640.9px) { .bl_sect__shopReviewList .bl_review_list { gap: 40px 2%; } } .bl_sect__shopReviewList .bl_review_list dl { width: 31.228%; background: #fff; border: 4px solid #292929; border-radius: 20px; box-shadow: 8px 8px 0px 0px #092fb8; overflow: hidden; display: flex; flex-direction: column; } @media all and (max-width: 640.9px) { .bl_sect__shopReviewList .bl_review_list dl { width: 49%; border-width: calc(4vw / 6.4); border-radius: calc(20vw / 6.4); box-shadow: calc(6vw / 6.4) calc(6vw / 6.4) 0px 0px #092fb8; } } .bl_sect__shopReviewList .bl_review_list dl dt { height: 214px; width: 100%; } @media all and (max-width: 640.9px) { .bl_sect__shopReviewList .bl_review_list dl dt { height: calc(200vw / 6.4); } } .bl_sect__shopReviewList .bl_review_list dl dt figure { height: 100%; width: 100%; background: #edeceb url('../../../../../../../../design/themes/carmatch/media/../img/shop_review/noimage.png?1759253707') no-repeat center center; } @media all and (max-width: 640.9px) { .bl_sect__shopReviewList .bl_review_list dl dt figure { background-size: calc(132vw / 6.4) calc(107vw / 6.4); } } .bl_sect__shopReviewList .bl_review_list dl dt figure img { height: 100%; width: 100%; object-fit: cover; font-family: 'object-fit: cover'; } .bl_sect__shopReviewList .bl_review_list dl dd { padding: 25px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; border-top: 4px solid #292929; } @media all and (max-width: 640.9px) { .bl_sect__shopReviewList .bl_review_list dl dd { padding: calc(30vw / 6.4) calc(20vw / 6.4) calc(20vw / 6.4); border-width: calc(4vw / 6.4); } } .bl_sect__shopReviewList .bl_review_list dl dd .el_title { margin-top: 20px; color: #044974; font-size: 18px; } @media all and (min-width: 641px) { .bl_sect__shopReviewList .bl_review_list dl dd .el_title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } @media all and (max-width: 640.9px) { .bl_sect__shopReviewList .bl_review_list dl dd .el_title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: calc(22vw / 6.4); margin-top: calc(20vw / 6.4); } } .bl_sect__shopReviewList .bl_review_list dl dd .el_cont { margin-top: 16px; margin-bottom: auto; font-size: 16px; color: #011522; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } @media all and (max-width: 640.9px) { .bl_sect__shopReviewList .bl_review_list dl dd .el_cont { margin-top: calc(20vw / 6.4); font-size: calc(20vw / 6.4); -webkit-line-clamp: 4; } } .bl_sect__shopReviewList .bl_review_list dl dd time { margin-top: 30px; font-size: 14px; color: #011522; display: block; text-align: right; } @media all and (max-width: 640.9px) { .bl_sect__shopReviewList .bl_review_list dl dd time { margin-top: calc(25vw / 6.4); font-size: calc(20vw / 6.4); } } .bl_sect__shopReviewList .bl_pager { margin-top: 80px; display: flex; flex-wrap: wrap; gap: 105px 20px; justify-content: center; align-items: center; } @media all and (max-width: 640.9px) { .bl_sect__shopReviewList .bl_pager { margin-top: calc(90vw / 6.4); } } .bl_sect__shopReviewList .bl_pager li { color: #fff; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopReviewList .bl_pager li { font-size: calc(28vw / 6.4); } } .bl_sect__shopReviewList .bl_pager li a { text-decoration: underline; color: rgba(255, 255, 255, 0.7); } .bl_sect__shopReviewList .bl_pager li.bl_pager_prev a, .bl_sect__shopReviewList .bl_pager li.bl_pager_next a { min-width: 1.5em; transition: .2s opacity; } .bl_sect__shopReviewList .bl_pager li.bl_pager_prev a:after, .bl_sect__shopReviewList .bl_pager li.bl_pager_next a:after { box-sizing: border-box; position: relative; display: block; content: ""; width: .7em; height: .7em; border: 1px solid #fff; border-width: 0 2px 2px 0; transform-origin: center; } .bl_sect__shopReviewList .bl_pager li.bl_pager_prev a:after { transform: translateX(2px) rotate(135deg); } .bl_sect__shopReviewList .bl_pager li.bl_pager_next a:after { transform: translateX(-2px) rotate(-45deg); } .bl_mv.bl_mv__sub.bl_mv__shop_shared_list { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/mv_pc.jpg?1759253707'); height: calc(704vw / 25); min-height: 340px; max-height: calc(704vw / 25); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__shop_shared_list { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/mv_sp.jpg?1759253707'); height: calc(528vw / 6.4); min-height: 0; max-height: calc(528vw / 6.4); } } .bl_mv.bl_mv__sub.bl_mv__shop_shared_detail { display: none; } .bl_sect__shopSharedListCondition { position: relative; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition { background-color: #ffea00; border: calc(10vw / 6.4) solid #212121; padding-top: calc(54vw / 6.4); padding-bottom: calc(45vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/condition_bg.png?1759253707') no-repeat bottom center, linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 80px, #ffea00 80px, #ffea00 100%); border-top: 16px solid #232323; padding-top: 70px; padding-bottom: 80px; } } .bl_sect__shopSharedListCondition .ly_cont { max-width: 1160px; } .bl_sect__shopSharedListCondition .bl_conditions { position: relative; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions { padding-bottom: 120px; } } .bl_sect__shopSharedListCondition .bl_conditions .bl_form_searchInput { position: relative; } .bl_sect__shopSharedListCondition .bl_conditions .bl_form_searchInput input { background-color: white; border: 5px solid #212121; padding-left: 10px; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_form_searchInput input { width: 616px; height: 50px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_form_searchInput input { height: calc(47vw / 6.4); border-width: calc(4vw / 6.4); font-size: calc(22vw / 6.4); width: calc(286vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions .bl_form_searchInput:before { content: ''; background: #7f7e7e; width: 1px; height: 22px; position: absolute; top: 0; bottom: 0; right: 40px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_form_searchInput:before { width: 1px; height: 100%; top: 2px; bottom: 2px; right: calc(40vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions .bl_form_searchInput:after { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/search.png?1759253707') no-repeat center center; background-size: contain; width: 25px; height: 26px; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_form_searchInput:after { width: calc(25vw / 6.4); height: calc(26vw / 6.4); right: calc(10vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions > dl { display: flex; align-items: center; justify-content: space-between; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions > dl dt { font-size: calc(24vw / 6.4); font-weight: 600; width: calc(224vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions > dl dt span { display: inline-block; margin-left: 1em; text-indent: -1em; font-size: calc(20vw / 6.4); font-weight: 500; margin-top: calc(12vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions dl { padding: calc(15vw / 6.4) 0; border-bottom: 1px solid #414040; } } .bl_sect__shopSharedListCondition .bl_conditions dl dt { color: #292929; font-weight: 600; font-size: 16px; line-height: 1.0; } .bl_sect__shopSharedListCondition .bl_conditions dl dt span { font-size: 14px; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions dl dd { padding-top: 10px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_form_selectLabel:before { width: calc(30vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions select { border: 5px solid #212121; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions select { border-width: calc(4vw / 6.4); height: calc(47vw / 6.4); padding: 0 calc(12vw / 6.4); font-size: calc(22vw / 6.4); width: calc(286vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions .bl_form_checkboxLabel { font-weight: 600; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_form_checkboxLabel { font-size: 16px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_form_checkboxLabel { font-size: calc(24vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_base { display: flex; margin-top: 15px; margin-bottom: 40px; gap: 1.38%; margin-bottom: 40px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_base dl { display: flex; align-items: center; justify-content: space-between; } } .bl_sect__shopSharedListCondition .bl_conditions .bl_base dl .bl_form_selectLabel { width: 100%; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_base dl { width: 23%; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_base dl dt { font-size: calc(24vw / 6.4); font-weight: 600; width: calc(224vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions .bl_base dl:last-child .bl_form_selectLabel { width: 45%; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_base dl:last-child { flex: 1; } } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail { max-height: 0; overflow: hidden; transition: .2s max-height; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_1, .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2, .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_3 { display: flex; align-items: end; margin-top: 25px; } } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_1 { gap: 20px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_1 dl { display: flex; align-items: center; justify-content: space-between; } } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_1 .bl_col1 .bl_form_selectLabel, .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_1 .bl_col2 .bl_form_selectLabel { width: 100%; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_1 .bl_col1, .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_1 .bl_col2 { width: 300px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_1 .bl_col3 select { width: calc(216vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_1 > div ul { display: flex; justify-content: center; gap: calc(35vw / 6.4); padding: calc(15vw / 6.4) 0; border-bottom: 1px solid #414040; } } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_1 > div ul li + li { margin-top: 11px; } } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 { justify-content: space-between; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 dl { width: calc(100% - 220px); } } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 dl + div { width: 148px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 dd { margin-top: calc(18vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 > div { text-align: center; padding: calc(15vw / 6.4) 0; border-bottom: 1px solid #414040; } } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 .bl_colors { display: flex; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 .bl_colors { gap: calc(20vw / 6.4) calc(40vw / 6.4); flex-wrap: wrap; } } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 .bl_colors { justify-content: space-between; } } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 .bl_colors input { display: none; } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 .bl_colors input + i { position: relative; } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 .bl_colors input + i:before { position: absolute; display: block; content: ""; width: calc(100% + 10px); height: calc(100% + 10px); top: -5px; left: -5px; display: none; border: 2px solid #0161ba; } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 .bl_colors input:checked + i:before { display: block; } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 .bl_colors i { display: block; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 .bl_colors i { width: 34px; height: 34px; cursor: pointer; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 .bl_colors i { width: calc(58vw / 6.4); height: calc(58vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_2 .bl_colors label { margin: 0.5em; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_3 { margin-bottom: 60px; gap: 50px; } } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_3 ul { display: flex; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_3 ul { gap: 25px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_3 dl { display: flex; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail .bl_conditions_detail_3 dl dt { width: calc(180vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail label[for=condition_detail] { font-size: 16px; font-weight: 600; color: #292929; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail label[for=condition_detail] { display: block; text-align: center; margin-top: calc(30vw / 6.4); font-size: calc(24vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions .bl_conditions_detail label[for=condition_detail]:before { content: ''; display: inline-block; background: #fe0032; height: calc(tan(60deg) * 15px / 2); width: 17px; clip-path: polygon(50% 0, 100% 100%, 0 100%); margin-right: 10px; } .bl_sect__shopSharedListCondition .bl_conditions #condition_detail { display: none; } .bl_sect__shopSharedListCondition .bl_conditions #condition_detail + label { font-size: 16px; font-weight: 600; color: #292929; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions #condition_detail + label { display: block; text-align: center; margin-top: calc(50vw / 6.4); font-size: calc(24vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions #condition_detail + label:before { content: ''; display: inline-block; background: #1338d3; height: calc(tan(60deg) * 10px / 2); width: 11px; clip-path: polygon(0 0, 100% 0, 50% 100%); margin-right: 10px; } .bl_sect__shopSharedListCondition .bl_conditions #condition_detail:checked ~ .bl_conditions_detail { max-height: 100vh; transition: .3s max-height ease-in; } .bl_sect__shopSharedListCondition .bl_conditions #condition_detail:checked ~ .bl_btns { bottom: 130px; } .bl_sect__shopSharedListCondition .bl_conditions #condition_detail:checked + label { display: none; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_btns { margin: 0; position: absolute; bottom: 70px; right: 0; gap: 21px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_btns { flex-direction: column; align-items: center; gap: calc(29vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions .bl_btns li button { font-size: 18px; font-weight: 600; cursor: pointer; transition: .2s opacity; } .bl_sect__shopSharedListCondition .bl_conditions .bl_btns li button:hover { opacity: 0.7; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_btns li button { font-size: calc(30vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions .bl_btns li:first-child button { color: #000; border: 2px solid white; background: #ddd8d8; box-shadow: 5.5px 9.526px 0px 0px #252200; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_btns li:first-child button { width: 184px; height: 42px; border-radius: 21px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_btns li:first-child button { width: calc(281vw / 6.4); height: calc(80vw / 6.4); border-radius: calc(40vw / 6.4); border-width: calc(2vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions .bl_btns li:last-child button { color: #fff; border: 2px solid white; background: #092fb9; box-shadow: 5.5px 9.526px 0px 0px #252200; position: relative; } @media all and (min-width: 641px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_btns li:last-child button { width: 205px; height: 42px; border-radius: 21px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_btns li:last-child button { width: calc(553vw / 6.4); height: calc(75vw / 6.4); border-radius: calc(37.5vw / 6.4); border-width: calc(2vw / 6.4); } } .bl_sect__shopSharedListCondition .bl_conditions .bl_btns li:last-child button:after { content: '>'; color: #fff; position: absolute; top: 6px; right: 32px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListCondition .bl_conditions .bl_btns li:last-child button:after { top: calc(14vw / 6.4); right: calc(45vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/star_bg_sp.png?1759253707') repeat-y top center, linear-gradient(0deg, white 0%, #ffea00 0%, white 0%, #fff369 0%, #ffd735 20%, #ffba00 36%, #ff7800 59%, #ff3600 100%); background-size: cover; padding-top: calc(100vw / 6.4); padding-bottom: calc(200vw / 6.4); margin-top: calc(30vw / 6.4); border: calc(10vw / 6.4) solid #212121; } } @media all and (min-width: 641px) { .bl_sect__shopSharedListList { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/star_bg_pc.png?1759253707') repeat-y top center, linear-gradient(0deg, white 0%, #ffea00 0%, white 0%, #fff369 0%, #ffd735 20%, #ffba00 36%, #ff7800 59%, #ff3600 100%); background-size: cover; margin-top: -80px; padding-top: 120px; padding-bottom: 120px; } } .bl_sect__shopSharedListList .ly_cont { max-width: 1176px; } .bl_sect__shopSharedListList .bl_item_num { position: relative; } .bl_sect__shopSharedListList .bl_item_num dl { display: flex; align-items: center; color: #FFF; font-weight: 600; position: absolute; left: 0; } @media all and (min-width: 641px) { .bl_sect__shopSharedListList .bl_item_num dl { top: -112px; width: 412px; height: 110px; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/item_num_bg.png?1759253707') no-repeat top center; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_item_num dl { top: calc(-125vw / 6.4); width: calc(412vw / 6.4); height: calc(110vw / 6.4); background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/item_num_bg_sp.png?1759253707') no-repeat top center; background-size: contain; } } .bl_sect__shopSharedListList .bl_item_num dl dt { text-align: right; } @media all and (min-width: 641px) { .bl_sect__shopSharedListList .bl_item_num dl dt { font-size: 36px; min-width: 156px; padding-left: 20px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_item_num dl dt { font-size: calc(36vw / 6.4); min-width: calc(190vw / 6.4); padding-left: calc(20vw / 6.4); } } .bl_sect__shopSharedListList .bl_item_num dl dd { flex: 1; } @media all and (min-width: 641px) { .bl_sect__shopSharedListList .bl_item_num dl dd { font-size: 20px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_item_num dl dd { font-size: calc(22vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list { display: flex; flex-wrap: wrap; } @media all and (min-width: 641px) { .bl_sect__shopSharedListList .bl_shared_list { gap: 45px 1.588%; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list { gap: calc(38vw / 6.4) 4.274%; } } .bl_sect__shopSharedListList .bl_shared_list li { position: relative; } @media all and (min-width: 641px) { .bl_sect__shopSharedListList .bl_shared_list li { width: 23.809%; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list li { width: 47.863%; } } .bl_sect__shopSharedListList .bl_shared_list li:after { content: ''; background-color: #ffea0f; border: 1px solid #232323; position: absolute; top: 5px; left: 5px; bottom: -5px; right: -5px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list li:after { border-width: calc(1vw / 6.4); top: calc(5vw / 6.4); left: calc(5vw / 6.4); bottom: calc(-5vw / 6.4); right: calc(-5vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col { background: #fff; border: 1px solid #232323; position: relative; z-index: 1; height: 100%; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col { border-width: calc(1vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dt { width: 100%; position: relative; } @media all and (min-width: 641px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dt { padding: 5px; height: 200px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dt { padding: calc(5vw / 6.4); height: calc(200vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dt figure { width: 100%; height: 100%; position: relative; } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dt img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dt .img_abs { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dt .text_abs { position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; top: 60px; right: 10px; font-size: 10px; text-shadow: 0px 3px 0px #174283; color: #fff; padding: 1px 5px 3px; background: linear-gradient(to top, #0856e6, #085696); border-radius: 10px; box-shadow: 0px 0px 14px 5px #fff; width: 120px; text-align: center; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dt .text_abs { top: calc(60vw / 6.4); right: calc(10vw / 6.4); font-size: calc(10vw / 6.4); padding: calc(2vw / 6.4) calc(5vw / 6.4) calc(3vw / 6.4); width: calc(120vw / 6.4); border-radius: calc(10vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd { color: #232323; width: 100%; height: 100%; flex-direction: column; display: flex; } @media all and (min-width: 641px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd { padding: 10px; height: calc(100% - 200px); } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd { padding: calc(5vw / 6.4) calc(10vw / 6.4) calc(10vw / 6.4); height: calc(100% - calc(200vw / 6.4)); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .el_maker { font-size: 16px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .el_maker { font-size: calc(16vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .el_title { font-size: 20px; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .el_title { font-size: calc(20vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_car_info { font-size: 16px; margin-top: auto; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_car_info { font-size: calc(20vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_car_info dl { display: flex; justify-content: space-between; margin-top: 5px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_car_info dl { margin-top: calc(5vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_car_info dl dt { font-weight: 600; } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_car_info dl.un_price dt { font-size: 22px; white-space: nowrap; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_car_info dl.un_price dt { font-size: calc(22vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_car_info dl.un_price dd em, .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_car_info dl.un_price dd strong { font-size: 22px; color: #fe4723; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_car_info dl.un_price dd em, .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_car_info dl.un_price dd strong { font-size: calc(22vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_car_info p { margin-left: 1em; text-indent: -1em; } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_btns { position: relative; margin-top: 16px; margin-bottom: 0; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_btns { margin-top: calc(12vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_btns a { display: block; border: 1px solid #232323; background-color: #ffea0f; text-align: center; font-weight: 600; color: #232323; position: relative; z-index: 1; transition: .2s opacity; } @media all and (min-width: 641px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_btns a { width: 259px; height: 45px; line-height: 45px; font-size: 18px; border-radius: 6px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_btns a { border-width: calc(1vw / 6.4); border-radius: calc(6vw / 6.4); width: calc(247vw / 6.4); height: calc(45vw / 6.4); line-height: calc(45vw / 6.4); font-size: calc(18vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_btns a:after { content: '>'; position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_btns a:after { right: calc(20vw / 6.4); } } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_btns a:hover { opacity: 0.7; } .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_btns:after { content: ''; border: 1px solid #232323; background-color: #ffbd30; position: absolute; top: 3px; left: 3px; bottom: -3px; right: -3px; border-radius: 6px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_shared_list .bl_col > dd .bl_btns:after { border-width: calc(1vw / 6.4); border-radius: calc(6vw / 6.4); top: calc(3vw / 6.4); left: calc(3vw / 6.4); bottom: calc(-3vw / 6.4); right: calc(-3vw / 6.4); } } .bl_sect__shopSharedListList .bl_pager { margin-top: 60px; display: flex; flex-wrap: wrap; gap: 105px 20px; justify-content: center; align-items: center; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_pager { margin-top: calc(90vw / 6.4); } } .bl_sect__shopSharedListList .bl_pager li { font-size: 16px; color: #292929; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedListList .bl_pager li { font-size: calc(28vw / 6.4); } } .bl_sect__shopSharedListList .bl_pager li a { text-decoration: underline; color: rgba(41, 41, 41, 0.7); } .bl_sect__shopSharedListList .bl_pager li .current { color: #fe4723; } .bl_sect__shopSharedListList .bl_pager li.bl_pager_prev a, .bl_sect__shopSharedListList .bl_pager li.bl_pager_next a { min-width: 1.5em; transition: .2s opacity; } .bl_sect__shopSharedListList .bl_pager li.bl_pager_prev a:after, .bl_sect__shopSharedListList .bl_pager li.bl_pager_next a:after { box-sizing: border-box; position: relative; display: block; content: ""; width: .7em; height: .7em; border: 1px solid #333; border-width: 0 2px 2px 0; transform-origin: center; } .bl_sect__shopSharedListList .bl_pager li.bl_pager_prev a:after { transform: translateX(2px) rotate(135deg); } .bl_sect__shopSharedListList .bl_pager li.bl_pager_next a:after { transform: translateX(-2px) rotate(-45deg); } .bl_sect__shopSharedDetail { background: linear-gradient(0deg, #fbdd49 0%, #ff3700 100%); border: 10px solid #212121; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail { padding-top: 60px; padding-bottom: 120px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail { border-width: calc(10vw / 6.4); } } .bl_sect__shopSharedDetail .ly_cont { max-width: 1100px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .ly_cont { width: calc(100% - 30px); } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_title { padding: calc(45vw / 6.4); } } .bl_sect__shopSharedDetail .un_maker { color: #fff; line-height: 1.0; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .un_maker { font-size: 18px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .un_maker { font-size: calc(20vw / 6.4); } } .bl_sect__shopSharedDetail h1 { color: #fff; font-weight: 600; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail h1 { font-size: 28px; margin-top: 12px; margin-bottom: 20px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail h1 { font-size: calc(30vw / 6.4); margin-top: calc(20vw / 6.4); margin-bottom: calc(20vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline { display: flex; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .bl_car_outline { justify-content: space-between; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline { flex-direction: column; margin-bottom: calc(100vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .bl_car_outline > dt { width: 648px; height: 480px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dt { background: #fff; padding: calc(30vw / 6.4) calc(25vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dt .swiper-wrapper { display: flex; height: 100%; } .bl_sect__shopSharedDetail .bl_car_outline > dt .swiper-wrapper figure { width: 100%; height: 100%; } .bl_sect__shopSharedDetail .bl_car_outline > dt .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; } .bl_sect__shopSharedDetail .bl_car_outline > dt .cmsArticle_slide { height: 100%; } .bl_sect__shopSharedDetail .bl_car_outline > dt .cmsArticle_slide .swiper-container { height: 480px; } @media (max-width: 640px) { .bl_sect__shopSharedDetail .bl_car_outline > dt .cmsArticle_slide .swiper-container { height: calc(390vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .bl_car_outline > dt .cmsArticle_slide .swiper-button-prev, .bl_sect__shopSharedDetail .bl_car_outline > dt .cmsArticle_slide .swiper-button-next { width: 43px; height: 66px; margin-top: -38px; } } .bl_sect__shopSharedDetail .bl_car_outline > dt .cmsArticle_slide .swiper-button-prev { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/i_swiper_prev.png?1759253707') no-repeat center/contain; } .bl_sect__shopSharedDetail .bl_car_outline > dt .cmsArticle_slide .swiper-button-next { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/i_swiper_next.png?1759253707') no-repeat center/contain; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dt .cmsArticle_slideList .swiper-container { height: calc(100vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd { background: #fff; border: 3px solid #232323; color: #232323; line-height: 1.0; font-size: 16px; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .bl_car_outline > dd { display: flex; flex-direction: column; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd { font-size: calc(22vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .bl_car_outline > dd { padding: 18px 16px 12px; width: 430px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd { margin: auto; margin-top: calc(39vw / 6.4); padding: calc(18vw / 6.4) calc(16vw / 6.4) calc(12vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd dl { display: flex; } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_price { border: 3px solid #232323; background-color: #ffea0f; align-items: center; justify-content: space-between; font-weight: 600; padding: 13px 12px; line-height: 1.0; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_price { border-width: calc(3vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_price dt { font-size: 30px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_price dt { font-size: calc(32vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_price dd { font-size: 26px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_price dd { font-size: calc(28vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_price dd em { color: #fe4723; font-size: 38px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_price dd em { font-size: calc(44vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_total { text-align: right; padding-right: 20px; font-size: 18px; margin-top: 10px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_total { padding-right: calc(24vw / 6.4); font-size: calc(24vw / 6.4); margin-top: calc(10vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_info { display: flex; flex-wrap: wrap; margin-top: auto; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_info { margin-top: calc(10vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_info dl { width: 50%; align-items: center; } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_info dl + dl { margin-top: 8px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_info dl + dl { margin-top: calc(10vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_info dl dt { background-color: #ffea0f; width: 80px; height: 30px; line-height: 30px; text-align: center; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_info dl dt { width: calc(108vw / 6.4); height: calc(41vw / 6.4); line-height: calc(41vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_info dl dd { margin-left: 7px; flex: 1; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_info dl dd { font-size: calc(21.17vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_shop { color: #0266cd; margin-top: 15px; } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_tel { color: #e60012; font-size: 18px; margin-top: 10px; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_tel { margin-top: calc(10vw / 6.4); font-size: calc(26vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_tel:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/tel_r.png?1759253707') no-repeat center center; background-size: contain; width: 13px; height: 17px; margin-right: 3px; display: inline-block; vertical-align: middle; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_tel:before { width: calc(18vw / 6.4); height: calc(24vw / 6.4); margin-right: calc(3vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact { display: flex; gap: 3.798%; margin-top: 10px; font-weight: 600; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact { margin-top: calc(10vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact li { width: 48.101%; border: 2px solid #232323; height: 39px; line-height: 35px; text-align: center; border-radius: 8px; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact li { height: calc(53vw / 6.4); line-height: calc(47vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact li a { display: block; } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact li a:hover { opacity: 0.7; } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact li:nth-child(1) { background-color: white; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact li:nth-child(1) { font-size: 15px; } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact li:nth-child(1) a:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/mail_s.png?1759253707') no-repeat center center; background-size: contain; width: 24px; height: 19px; margin-right: 3px; display: inline-block; vertical-align: text-bottom; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact li:nth-child(1) a:before { width: calc(32vw / 6.4); height: calc(26vw / 6.4); } } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact li:nth-child(2) { background-color: #00b900; color: #fff; } .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact li:nth-child(2) a:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/line_s.png?1759253707') no-repeat center center; background-size: contain; width: 34px; height: 34px; margin-right: 3px; display: inline-block; vertical-align: bottom; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_car_outline > dd .un_contact li:nth-child(2) a:before { width: calc(45vw / 6.4); height: calc(45vw / 6.4); } } .bl_sect__shopSharedDetail .cmsArticle_slideList { position: relative; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .cmsArticle_slideList { opacity: 0; max-height: 0; overflow: hidden; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .cmsArticle_slideList { margin-top: calc(22vw / 6.4); } } .bl_sect__shopSharedDetail .cmsArticle_slideList .swiper-slide img { width: calc(113vw / 6.4); height: calc(96vw / 6.4); } .bl_sect__shopSharedDetail .bl_multiSlide { margin-top: 43px; clear: both; background: #eee; padding: 20px 70px; position: relative; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .bl_multiSlide { opacity: 0; max-height: 0; overflow: hidden; margin: 0; padding: 0; } } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .bl_multiSlide { padding-left: 73px; } } .bl_sect__shopSharedDetail .bl_multiSlide .swiper-slide figure:not(.is_active):before { position: absolute; display: block; border: 1px solid #232323; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100px; height: 100px; content: ""; } .bl_sect__shopSharedDetail .bl_multiSlide .swiper-button-prev, .bl_sect__shopSharedDetail .bl_multiSlide .swiper-button-next { background-color: #ffea0f; } .bl_sect__shopSharedDetail .section_title-bgBlue, .bl_sect__shopSharedDetail .section_title-bgBlue-small, .bl_sect__shopSharedDetail .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-voice .cmsArticle_title .bl_sect__shopSharedDetail h1, .bl_sect__shopSharedDetail .cmsArticle-blog .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title .bl_sect__shopSharedDetail h1, .bl_sect__shopSharedDetail .section-bgBlue .section_title, .section-bgBlue .bl_sect__shopSharedDetail .section_title { border: 3px solid #232323; background-color: #ffea0f; color: #232323; display: flex; align-items: center; justify-content: center; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .section_title-bgBlue, .bl_sect__shopSharedDetail .section_title-bgBlue-small, .bl_sect__shopSharedDetail .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-voice .cmsArticle_title .bl_sect__shopSharedDetail h1, .bl_sect__shopSharedDetail .cmsArticle-blog .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title .bl_sect__shopSharedDetail h1, .bl_sect__shopSharedDetail .section-bgBlue .section_title, .section-bgBlue .bl_sect__shopSharedDetail .section_title { margin-top: 74px; height: 74px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .section_title-bgBlue, .bl_sect__shopSharedDetail .section_title-bgBlue-small, .bl_sect__shopSharedDetail .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-voice .cmsArticle_title .bl_sect__shopSharedDetail h1, .bl_sect__shopSharedDetail .cmsArticle-blog .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title .bl_sect__shopSharedDetail h1, .bl_sect__shopSharedDetail .section-bgBlue .section_title, .section-bgBlue .bl_sect__shopSharedDetail .section_title { width: calc(100% - (calc(50vw / 6.4))); height: calc(74vw / 6.4); margin: auto; } } .bl_sect__shopSharedDetail .section_title-bgBlue h2, .bl_sect__shopSharedDetail .section_title-bgBlue-small h2, .bl_sect__shopSharedDetail .cmsArticle-voice .cmsArticle_title h1 h2, .cmsArticle-voice .cmsArticle_title .bl_sect__shopSharedDetail h1 h2, .bl_sect__shopSharedDetail .cmsArticle-blog .cmsArticle_title h1 h2, .cmsArticle-blog .cmsArticle_title .bl_sect__shopSharedDetail h1 h2, .bl_sect__shopSharedDetail .section-bgBlue .section_title h2, .section-bgBlue .bl_sect__shopSharedDetail .section_title h2 { margin: 0; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .section_title-bgBlue h2, .bl_sect__shopSharedDetail .section_title-bgBlue-small h2, .bl_sect__shopSharedDetail .cmsArticle-voice .cmsArticle_title h1 h2, .cmsArticle-voice .cmsArticle_title .bl_sect__shopSharedDetail h1 h2, .bl_sect__shopSharedDetail .cmsArticle-blog .cmsArticle_title h1 h2, .cmsArticle-blog .cmsArticle_title .bl_sect__shopSharedDetail h1 h2, .bl_sect__shopSharedDetail .section-bgBlue .section_title h2, .section-bgBlue .bl_sect__shopSharedDetail .section_title h2 { font-size: 24px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .section_title-bgBlue h2, .bl_sect__shopSharedDetail .section_title-bgBlue-small h2, .bl_sect__shopSharedDetail .cmsArticle-voice .cmsArticle_title h1 h2, .cmsArticle-voice .cmsArticle_title .bl_sect__shopSharedDetail h1 h2, .bl_sect__shopSharedDetail .cmsArticle-blog .cmsArticle_title h1 h2, .cmsArticle-blog .cmsArticle_title .bl_sect__shopSharedDetail h1 h2, .bl_sect__shopSharedDetail .section-bgBlue .section_title h2, .section-bgBlue .bl_sect__shopSharedDetail .section_title h2 { font-size: calc(30vw / 6.4); } } .bl_sect__shopSharedDetail .form.form_table-carScr { background: #fff; border-top: none; border: 3px solid #232323; border-top: none; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .form.form_table-carScr { padding-top: 60px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .form.form_table-carScr { margin: auto; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .form.form_table-carScr .form_table { padding: 24.4px 12.2px 0; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table, .bl_sect__shopSharedDetail .form.form_table-carScr .form_table thead, .bl_sect__shopSharedDetail .form.form_table-carScr .form_table tbody, .bl_sect__shopSharedDetail .form.form_table-carScr .form_table tr, .bl_sect__shopSharedDetail .form.form_table-carScr .form_table th, .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td { display: block; width: 100%; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table .form_require { float: none; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table tr { border-bottom: none; min-height: 110px; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table tr:nth-of-type(6) td .form_price { margin-left: 10px; width: 47%; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table th { padding-bottom: 0; text-align: left; font-size: 14.64px; margin-bottom: 5px; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table th .form_require { font-size: 13.115px; color: #fff; background: #e60012; font-style: normal; padding: 0 5px; line-height: 1.7em; margin-left: 3px; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td input[type="text"], .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td input[type="tel"], .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td input[type="email"] { width: 97%; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td input { line-height: 54.9px; font-size: 17.08px; padding-left: 5px; font-family: "Noto Sans JP"; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td .form_input-year { width: 30%; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td .form_input-month, .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td .form_input-day { width: 20%; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td .form_price { width: 85%; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td .form_radioLabel2 { line-height: 60px; display: inline-block; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td .bl_form_selectLabel { width: 100%; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td .bl_form_selectLabel::before { right: 0; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td label select { line-height: 54.9px; padding: 0; padding-left: 10px; width: 100%; } } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .form.form_table-carScr .form_table { width: 870px; margin-left: auto; margin-right: auto; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table tr { display: flex; width: 100%; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; line-height: 3em; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table th { width: 27%; margin-right: 3%; padding-left: 10px; font-size: 14px; text-align: left; display: flex; justify-content: space-between; align-items: center; letter-spacing: 0.04em; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table th .form_require { font-size: 14px; color: #fff; background: #e60012; font-style: normal; padding: 0 5px; line-height: 1.7em; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td { width: 70%; padding-right: 10px; font-size: 14px; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td input { line-height: 2.5em; padding-left: 10px; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td input[type="text"], .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td input[type="tel"], .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td input[type="email"] { width: 100%; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td label select { line-height: 2.5em; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table td .form_radioLabel2 { display: inline-block; width: 108px; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table .form_selectLabel { width: auto; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table .bl_form_selectLabel::before { right: 0; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_table .bl_form_selectLabel select { line-height: 40px; padding: 0; width: 250px; padding-left: 10px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .form.form_table-carScr .form_inputForm_lead { margin-left: 10px; margin-right: 10px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .form.form_table-carScr .form_inputForm_privacy { margin-left: 10px; margin-right: 10px; } } .bl_sect__shopSharedDetail .form.form_table-carScr .bl_btns { width: 263px; height: 45px; margin: auto; margin-top: 41px; margin-bottom: 60px; position: relative; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .form.form_table-carScr .bl_btns { width: calc(499vw / 6.4); height: calc(87vw / 6.4); margin-top: calc(50vw / 6.4); margin-bottom: calc(67vw / 6.4); } } .bl_sect__shopSharedDetail .form.form_table-carScr .bl_btns:before { content: ''; background-color: #ffbd30; border: 1px solid #232323; border-radius: 6px; position: absolute; top: 5px; left: 5px; bottom: -5px; right: -5px; } .bl_sect__shopSharedDetail .form.form_table-carScr .form_submit { border-radius: 6px; border: 1px solid #232323; background-color: #ffea0f; width: 100%; height: 100%; font-size: 18px; color: #232323; font-weight: 600; position: relative; z-index: 1; transition: .2s opacity; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .form.form_table-carScr .form_submit { cursor: pointer; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .form.form_table-carScr .form_submit { font-size: calc(33.96vw / 6.4); } } .bl_sect__shopSharedDetail .form.form_table-carScr .form_submit:hover { opacity: 0.7; } .bl_sect__shopSharedDetail .cta_btnList { display: flex; list-style: none; justify-content: center; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .cta_btnList { margin-top: 60px; gap: 30px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .cta_btnList { flex-wrap: wrap; margin-top: calc(46vw / 6.4); gap: calc(40vw / 6.4) 4.468%; padding: 0 calc(50vw / 6.4); } } .bl_sect__shopSharedDetail .cta_btnList li a { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #393939; text-decoration: none; font-weight: 600; gap: 8px; line-height: 1.0; transition: .2s opacity; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .cta_btnList li a { width: 294px; height: 92px; border-radius: 8px; font-size: 18px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(1) { width: 100%; } } .bl_sect__shopSharedDetail .cta_btnList li:nth-child(1) a { border: 3px solid #232323; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(1) a { height: calc(135vw / 6.4); font-size: calc(32vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(1) a strong { font-size: calc(40vw / 6.4); } } .bl_sect__shopSharedDetail .cta_btnList li:nth-child(1) a strong:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/tel.png?1759253707') no-repeat center center; background-size: contain; width: 16px; height: 21px; margin-right: 6px; display: inline-block; vertical-align: bottom; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(1) a strong:before { width: calc(29vw / 6.4); height: calc(38vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(1) a.cta_btnTel { cursor: default; pointer-events: none; } } .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2) { position: relative; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2) { width: 47.766%; } } .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2) a { background: #fff; border: 2px solid #232323; position: relative; z-index: 1; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2) a { height: calc(127vw / 6.4); border-radius: calc(8vw / 6.4); font-size: calc(22vw / 6.4); } } .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2) a.cta_btnMail:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/mail.png?1759253707') no-repeat center center; background-size: contain; width: 35px; height: 27px; display: block; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2) a.cta_btnMail:before { width: calc(47vw / 6.4); height: calc(37vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2) a.cta_btnMail:hover { opacity: 0.7; } } .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2) a.cta_btnLine:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/line.png?1759253707') no-repeat center center; background-size: contain; width: 36px; height: 36px; display: block; } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2) a.cta_btnLine:before { width: calc(48vw / 6.4); height: calc(48vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2) a.cta_btnLine:hover { opacity: 0.7; } } .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2):before { content: ''; background-color: #ffea0f; border: 2px solid #232323; border-radius: 8px; position: absolute; top: 5px; left: 5px; bottom: -5px; right: -5px; } @media all and (min-width: 641px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2):before { width: 296px; height: 94px; } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2):before { border-radius: calc(8vw / 6.4); } } @media all and (max-width: 640.9px) { .bl_sect__shopSharedDetail .cta_btnList li:nth-child(n+2):before { top: calc(5vw / 6.4); left: calc(5vw / 6.4); bottom: calc(-5vw / 6.4); right: calc(-5vw / 6.4); } } @media all and (min-width: 641px) { .ly_main__shop_staff_list { background: #ffea0f url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/bg_pc.png?1759253707') no-repeat top calc(704vw / 25) center; } } @media all and (max-width: 640.9px) { .ly_main__shop_staff_list { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/bg_sp.png?1759253707') no-repeat top calc(568vw / 6.4) center, url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/bg2_sp.jpg?1759253707') no-repeat top calc(708vw / 6.4) center, url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/bg_bottom_sp.png?1759253707') no-repeat bottom left, linear-gradient(180deg, #fff 0%, #fff 15%, #ffea0f 15%, #ffea0f 100%); background-size: cover, contain, calc(276vw / 6.4) calc(299vw / 6.4); } } .bl_mv.bl_mv__sub.bl_mv__shop_staff_list, .bl_mv.bl_mv__sub.bl_mv__shop_staff_detail { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/mv_pc.jpg?1759253707'); height: calc(704vw / 25); min-height: 340px; max-height: calc(704vw / 25); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__shop_staff_list, .bl_mv.bl_mv__sub.bl_mv__shop_staff_detail { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/mv_sp.jpg?1759253707'); height: calc(528vw / 6.4); min-height: 0; max-height: calc(528vw / 6.4); } } .bl_sect__shopStaffList { overflow: hidden; } @media all and (min-width: 641px) { .bl_sect__shopStaffList { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/bottom_bg.png?1759253707') no-repeat bottom -2px center; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList { padding-top: 300px; padding-bottom: 370px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList { padding-top: calc(160vw / 6.4); padding-bottom: calc(400vw / 6.4); } } .bl_sect__shopStaffList .ly_cont { max-width: 1200px; } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl { width: 1000px; display: flex; align-items: end; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl + dl { margin-top: 170px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl + dl { margin-top: calc(100vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(odd) { margin-right: 0; margin-left: auto; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(odd) dt { margin-left: auto; margin-right: 0; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(odd) dt figure img { transform: rotate(-3deg); } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(odd) dt figure img { transform: rotate(3deg); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(odd) dd { margin-left: -30px; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(odd) dd h3 { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/label_r.png?1759253707') no-repeat center center; width: 681px; height: 219px; left: 20px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(odd) dd h3 { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/label_r_sp.png?1759253707') no-repeat center center; background-size: contain; width: calc(603vw / 6.4); height: calc(235vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(odd) dd .bl_prof { padding-left: 40px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(odd) dd .bl_prof { padding-left: calc(50vw / 6.4); padding-right: calc(40vw / 6.4); margin-left: -15px; border-left: none; } } .bl_sect__shopStaffList dl:nth-child(odd) dd .bl_prof:after { content: ''; background-color: #08258f; position: absolute; top: 0; bottom: 0; left: 640px; right: calc(-50vw + 607px); } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(even) { flex-direction: row-reverse; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(even) dt figure img { transform: rotate(3deg); } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(even) dt figure img { transform: rotate(-3deg); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(even) dd { margin-right: -30px; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(even) dd h3 { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/label_l.png?1759253707') no-repeat center center; width: 671px; height: 232px; right: 20px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(even) dd h3 { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/label_l_sp.png?1759253707') no-repeat center center; background-size: contain; width: calc(603vw / 6.4); height: calc(235vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(even) dd .bl_prof { padding-right: 40px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(even) dd .bl_prof { padding-left: calc(40vw / 6.4); padding-right: calc(50vw / 6.4); margin-right: -15px; border-right: none; } } .bl_sect__shopStaffList dl:nth-child(even) dd .bl_prof:after { content: ''; background-color: #08258f; position: absolute; top: 0; bottom: 0; right: 640px; left: calc(-50vw + 607px); } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(4n+1) dt figure:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img1.png?1759253707') no-repeat center center; background-size: contain; width: 809px; height: 441px; position: absolute; top: -32px; right: 158px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(4n+1) dt figure:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img1_sp.png?1759253707') no-repeat center center; background-size: contain; width: calc(298vw / 6.4); height: calc(341vw / 6.4); position: absolute; top: calc(53vw / 6.4); left: calc(-213vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(4n+1) dt figure:after { content: ''; width: 234px; height: 191px; position: absolute; top: -37px; right: 337px; z-index: 1; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(4n+1) dt figure:after { content: ''; width: calc(249vw / 6.4); height: calc(192vw / 6.4); position: absolute; top: calc(25vw / 6.4); left: calc(-153vw / 6.4); z-index: 1; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(4n+2) dt figure:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img2.png?1759253707') no-repeat center center; background-size: contain; width: 819px; height: 482px; position: absolute; top: -107px; left: 119px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(4n+2) dt figure:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img2_sp.png?1759253707') no-repeat center center; background-size: contain; width: calc(458vw / 6.4); height: calc(452vw / 6.4); position: absolute; top: calc(-125vw / 6.4); right: calc(-196vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(4n+2) dt figure:after { content: ''; width: 256px; height: 187px; position: absolute; top: -37px; left: 337px; z-index: 1; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(4n+2) dt figure:after { content: ''; width: calc(256vw / 6.4); height: calc(187vw / 6.4); position: absolute; top: calc(-37vw / 6.4); right: calc(-122vw / 6.4); z-index: 1; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(4n+3) dt figure:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img3.png?1759253707') no-repeat center center; background-size: contain; width: 847px; height: 485px; position: absolute; top: -113px; right: 148px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(4n+3) dt figure:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img3_sp.png?1759253707') no-repeat center center; background-size: contain; width: calc(289vw / 6.4); height: calc(482vw / 6.4); position: absolute; top: calc(-133vw / 6.4); left: calc(-227vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(4n+3) dt figure:after { content: ''; width: 247px; height: 182px; position: absolute; top: -37px; right: 337px; z-index: 1; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(4n+3) dt figure:after { content: ''; width: calc(252vw / 6.4); height: calc(193vw / 6.4); position: absolute; top: calc(1vw / 6.4); left: calc(-163vw / 6.4); z-index: 1; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(4n+4) dt figure:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img4.png?1759253707') no-repeat center center; background-size: contain; width: 937px; height: 435px; position: absolute; top: -22px; left: 117px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(4n+4) dt figure:before { content: ''; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img4_sp.png?1759253707') no-repeat center center; background-size: contain; width: calc(238vw / 6.4); height: calc(556vw / 6.4); position: absolute; top: calc(-125vw / 6.4); left: calc(calc(calc(640vw - 238vw) / 6.4) - 15px); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(4n+4) dt figure:after { content: ''; width: 266px; height: 181px; position: absolute; top: -37px; left: 337px; z-index: 1; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(4n+4) dt figure:after { content: ''; width: calc(266vw / 6.4); height: calc(183vw / 6.4); position: absolute; top: calc(-22vw / 6.4); left: calc(249vw / 6.4); z-index: 1; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(1) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img1_1.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(1) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img1_1_sp.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(2) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img2_2.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(2) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img2_2_sp.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(3) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img3_3.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(3) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img3_3_sp.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(4) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img4_4.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(4) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img4_4_sp.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(5) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img5_5.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(5) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img5_5_sp.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(6) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img6_6.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(6) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img6_6_sp.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(7) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img7_7.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(7) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img7_7_sp.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(8) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img8_8.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(8) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img8_8_sp.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(9) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img9_9.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(9) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img9_9_sp.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(10) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img10_10.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(10) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img10_10_sp.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(11) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img11_11.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(11) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img11_11_sp.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl:nth-child(12) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img12_12.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl:nth-child(12) dt figure:after { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/img12_12_sp.png?1759253707') no-repeat center center; background-size: contain; } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl dt { width: 430px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl dt { width: calc(383vw / 6.4); } } .bl_sect__shopStaffList dl dt figure { position: relative; } .bl_sect__shopStaffList dl dt figure img { position: relative; z-index: 1; object-fit: cover; font-family: 'object-fit: cover'; } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl dt figure img { width: 390px; height: 469px; border: 20px solid #fff; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl dt figure img { width: calc(383vw / 6.4); height: calc(466vw / 6.4); border: calc(20vw / 6.4) solid #fff; } } .bl_sect__shopStaffList dl dd { position: relative; } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl dd { margin-top: calc(74vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl dd { flex: 1; padding-bottom: 40px; } } .bl_sect__shopStaffList dl dd h3 { color: #ff0000; font-weight: 600; position: absolute; z-index: 1; display: flex; flex-direction: column; justify-content: center; } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl dd h3 { top: -200px; padding-left: 80px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl dd h3 { line-height: 1.25; top: calc(-154vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl dd h3 .un_name { font-size: 60px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl dd h3 .un_name { font-size: calc(69.86vw / 6.4); margin-left: calc(70vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl dd h3 .un_kana { font-size: 30px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl dd h3 .un_kana { font-size: calc(38.35vw / 6.4); margin-left: auto; margin-right: calc(70vw / 6.4); } } .bl_sect__shopStaffList dl dd .bl_prof { background-color: #08258f; } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl dd .bl_prof { padding-top: 40px; padding-bottom: 40px; position: relative; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl dd .bl_prof { padding-top: calc(70vw / 6.4); padding-bottom: calc(70vw / 6.4); border: calc(15vw / 6.4) solid #1a1a1a; } } .bl_sect__shopStaffList dl dd .un_text { font-weight: 600; color: #fff; } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl dd .un_text { width: 600px; font-size: 27px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl dd .un_text { font-size: calc(27vw / 6.4); } } .bl_sect__shopStaffList dl dd .bl_btns a { display: block; font-weight: 600; font-size: 18px; color: #232323; background-color: #fff600; box-shadow: 0px 7px 0px 0px black; border-radius: 5px; text-align: center; } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl dd .bl_btns a { width: 211px; height: 42px; line-height: 42px; margin-left: auto; transition: .2s background; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffList dl dd .bl_btns a { width: calc(242vw / 6.4); height: calc(41vw / 6.4); line-height: calc(41vw / 6.4); margin-left: auto; font-size: calc(22vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffList dl dd .bl_btns a:hover { background-color: red; color: #fff; } } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/detail_bg.png?1759253707') no-repeat top center; height: 2725px; padding-top: 182px; overflow: hidden; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/detail_bg_sp.png?1759253707') no-repeat top center; background-size: cover; padding-top: calc(230vw / 6.4); padding-bottom: calc(142vw / 6.4); } } .bl_sect__shopStaffDetail .ly_cont { max-width: 1200px; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_info { display: flex; } } .bl_sect__shopStaffDetail .bl_staff_info dt { position: relative; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_info dt { width: 570px; height: 729px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dt { width: calc(570vw / 6.4); height: calc(579vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_info dt figure { border: 5px solid #232323; box-shadow: 10px 10px 0px 0px #fff; width: 100%; height: 100%; } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dt figure { border-width: calc(5vw / 6.4); box-shadow: calc(10vw / 6.4) calc(10vw / 6.4) 0px 0px #fff; width: calc(570vw / 6.4); height: calc(579vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_info dt img { object-fit: cover; font-family: 'object-fit: cover'; width: 100%; height: 100%; } .bl_sect__shopStaffDetail .bl_staff_info dt .un_badge { position: absolute; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_info dt .un_badge { left: -13px; top: -139px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dt .un_badge { width: calc(540vw / 6.4); top: calc(-224vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_info dd { flex: 1; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dd { margin-top: calc(-100vw / 6.4); margin-left: -15px; margin-right: -15px; position: relative; } } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name { position: relative; height: 243px; margin-left: 90px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name { margin-left: calc(80vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name > div { height: 100%; display: flex; flex-direction: column; justify-content: center; background-color: #ffea0f; border: 10px solid #272727; color: #ff0000; font-weight: 600; line-height: 1.25; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name > div { position: absolute; left: 0; top: 0; bottom: 0; right: -317px; background: #ffea0f url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/name_bg.png?1759253707') no-repeat bottom 10px right 10px; padding-left: 50px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name > div { padding: calc(40vw / 6.4); border-width: calc(10vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name .un_post { font-size: 30px; } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name .un_post { font-size: calc(30vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name .un_name { font-size: 60px; } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name .un_name { font-size: calc(60vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name .un_en { font-size: 26px; } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name .un_en { font-size: calc(26vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name .un_kana { font-size: 24px; } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_name .un_kana { font-size: calc(24vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_info dd .bl_hoby { position: relative; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_hoby { height: 353px; margin-top: 45px; margin-left: 10px; } } .bl_sect__shopStaffDetail .bl_staff_info dd .bl_hoby h3 { position: absolute; left: 0; top: 0; z-index: 2; font-weight: 600; color: #232323; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/h3_bg.png?1759253707') no-repeat center center; background-size: contain; text-align: center; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_hoby h3 { width: 228px; height: 116px; font-size: 34px; line-height: 93px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_hoby h3 { width: calc(228vw / 6.4); height: calc(116vw / 6.4); font-size: calc(34vw / 6.4); line-height: calc(93vw / 6.4); left: calc(18vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_info dd .bl_hoby > div { display: flex; flex-direction: column; justify-content: center; font-weight: 600; color: #1a1a1a; line-height: 1.75; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_hoby > div { height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; right: -262px; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/hobby_bg.png?1759253707') no-repeat bottom right; padding-left: 87px; font-size: 20px; padding-right: 50px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_hoby > div { width: calc(612vw / 6.4); height: calc(339vw / 6.4); background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/hobby_bg_sp.png?1759253707') no-repeat bottom right; background-size: contain; padding-left: calc(90vw / 6.4); font-size: calc(20vw / 6.4); padding-top: calc(40vw / 6.4); padding-right: calc(50vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_info dd .bl_skill { position: relative; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_skill { height: 349px; margin-top: 45px; margin-left: 45px; } } .bl_sect__shopStaffDetail .bl_staff_info dd .bl_skill h3 { position: absolute; left: 0; top: 0; z-index: 2; font-weight: 600; color: #232323; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/h3_bg.png?1759253707') no-repeat center center; background-size: contain; text-align: center; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_skill h3 { width: 228px; height: 116px; font-size: 34px; line-height: 93px; left: -24px; top: -36px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_skill h3 { width: calc(228vw / 6.4); height: calc(116vw / 6.4); font-size: calc(34vw / 6.4); line-height: calc(93vw / 6.4); top: calc(-36vw / 6.4); left: calc(18vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_info dd .bl_skill > div { display: flex; flex-direction: column; justify-content: center; font-weight: 600; color: #1a1a1a; line-height: 1.75; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_skill > div { height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; right: -121px; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/skill_bg.png?1759253707') no-repeat bottom right; background-size: contain; padding-left: 147px; padding-right: 110px; padding-bottom: 100px; font-size: 20px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_info dd .bl_skill > div { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_staff/skill_bg_sp.png?1759253707') no-repeat bottom right; background-size: contain; width: calc(614vw / 6.4); height: calc(372vw / 6.4); margin-left: auto; font-size: calc(20vw / 6.4); padding-left: calc(178vw / 6.4); padding-right: calc(50vw / 6.4); padding-bottom: calc(50vw / 6.4); } } .bl_sect__shopStaffDetail .un_mess_title { margin-top: calc(170vw / 6.4); margin-bottom: calc(45vw / 6.4); } .bl_sect__shopStaffDetail .un_mess_title img { width: calc(428vw / 6.4); } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_mess { display: flex; flex-direction: row-reverse; } } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_mess { gap: 15px; margin-top: 54px; } } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_mess dt { width: 636px; height: 389px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_mess dt { width: calc(602vw / 6.4); height: calc(369vw / 6.4); margin: auto; } } .bl_sect__shopStaffDetail .bl_staff_mess dt figure { box-shadow: -10px -10px 0px 0px #ffea0f; border: 10px solid #272727; width: 100%; height: 100%; } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_mess dt figure { border-width: calc(10vw / 6.4); box-shadow: calc(-10vw / 6.4) calc(-10vw / 6.4) 0px 0px #ffea0f; } } .bl_sect__shopStaffDetail .bl_staff_mess dt figure img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover'; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_mess dd { flex: 1; } } .bl_sect__shopStaffDetail .bl_staff_mess dd p { color: #232323; font-weight: 600; line-height: 1.75; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_mess dd p { font-size: 24px; margin-top: 30px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_mess dd p { font-size: calc(24vw / 6.4); margin-top: calc(40vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_youtube { margin-top: 195px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_youtube { margin-top: calc(50vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_youtube h3 { text-align: center; } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_youtube h3 img { width: calc(425vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_youtube .el_movie { position: relative; box-shadow: 10px 10px 0px 0px #fff; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_youtube .el_movie { width: 730px; height: 405px; margin: auto; margin-top: 57px; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_youtube .el_movie { width: calc(590vw / 6.4); height: calc(335vw / 6.4); margin: auto; margin-top: calc(57vw / 6.4); } } .bl_sect__shopStaffDetail .bl_staff_youtube .el_movie iframe, .bl_sect__shopStaffDetail .bl_staff_youtube .el_movie object, .bl_sect__shopStaffDetail .bl_staff_youtube .el_movie embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_youtube .bl_btns { margin-top: 40px; width: 730px; } } .bl_sect__shopStaffDetail .bl_staff_youtube .bl_btns a { display: block; font-weight: 600; font-size: 18px; color: #232323; background-color: #fff600; box-shadow: 0px 7px 0px 0px black; border-radius: 5px; text-align: center; } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_youtube .bl_btns a { width: 211px; height: 42px; line-height: 42px; margin-left: auto; transition: .2s background; } } @media all and (max-width: 640.9px) { .bl_sect__shopStaffDetail .bl_staff_youtube .bl_btns a { width: calc(242vw / 6.4); height: calc(41vw / 6.4); line-height: calc(41vw / 6.4); margin-left: auto; font-size: calc(22vw / 6.4); } } @media all and (min-width: 641px) { .bl_sect__shopStaffDetail .bl_staff_youtube .bl_btns a:hover { background-color: red; color: #fff; } } .bl_mv.bl_mv__sub.bl_mv__distributor-search { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/shop_search/mv_pc.jpg?1759253707'); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__distributor-search { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/shop_search/mv_sp.jpg?1759253707'); } } .button, .button-arrow, .button-more, .button-more-wide, .shopList_more .shopList_button-more { border: none; cursor: pointer; text-align: center; transition: .2s opacity; display: flex; flex-wrap: wrap; align-items: center; padding: .25em .75em .3em; background: linear-gradient(to bottom, #f0f1f0, #fff 50%, #fff 70%, #d8d8d8); border: 1px solid #bfbfbf; border-radius: 3px; min-height: 3.25em; color: #555; line-height: 1.25; } @media all and (min-width: 641px) { .button, .button-arrow, .button-more, .button-more-wide, .shopList_more .shopList_button-more { border-width: 2px; border-radius: 5px; } } .button:hover, .button-arrow:hover, .button-more:hover, .button-more-wide:hover, .shopList_more .shopList_button-more:hover, .button:focus, .button-arrow:focus, .button-more:focus, .button-more-wide:focus, .shopList_more .shopList_button-more:focus { opacity: .8; } .button_icon { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; width: 100%; height: 30.5px; } @media all and (min-width: 641px) { .button_icon { height: 48px; margin: 8px auto 0; } .button_icon + .button_label { margin: 5px auto auto; } } .button_label { display: block; width: 100%; } .button-arrow { position: relative; } .button-arrow:after { position: absolute; display: block; content: ""; top: calc(50% - 0.4em); right: .75em; border: 0.4em solid transparent; border-width: 0.26667em 0.4em; border-left-color: #7d7d7d; } .button-more, .button-more-wide, .shopList_more .shopList_button-more { border: none; background: #fff; background-image: linear-gradient(0deg, #f6d700 0%, #f5960d 100%); color: #fff; font-weight: 700; font-size: 18.3px; margin: 1em auto 3em; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); justify-content: center; max-width: 320px; height: 1em; } @media all and (min-width: 641px) { .button-more, .button-more-wide, .shopList_more .shopList_button-more { margin-top: 3em; min-height: 3.75em; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } } .button-more-wide { width: calc(100% - 30px); max-width: 1160px; } @media all and (max-width: 640.9px) { .button-more-wide { font-size: 1em; min-height: 4.5em; } } @media all and (min-width: 641px) { .button-more-wide { width: 100%; font-size: 1.88em; } } .bl_sect_searchPlace { background-color: #ff3434; border: 10px solid #1d1d1d; } @media all and (min-width: 641px) { .bl_sect_searchPlace { padding: 87px 0 79px; } } @media all and (max-width: 640.9px) { .bl_sect_searchPlace { padding: 31.11px 0 31.72px; border-width: calc(10vw 6.4); } } .bl_sect_searchPlace--office { background: #b2e9fa; } .bl_sect_searchPlace .ly_cont { position: relative; width: calc(100% - 30px); max-width: 1160px; margin-left: auto; margin-right: auto; } @media all and (min-width: 641px) { .bl_sect_searchPlace .ly_cont { width: 100%; } } .bl_sect_searchPlace .ly_cont .bl_sect_title h2 { margin-top: 0; margin-bottom: 0; font-size: 44px; font-weight: 700; color: #fff; letter-spacing: 0.1em; text-align: center; } @media all and (max-width: 640.9px) { .bl_sect_searchPlace .ly_cont .bl_sect_title h2 { font-size: calc(44vw / 6.4); } } .bl_sect_searchPlace .ly_cont .bl_pull-down_menu { display: flex; justify-content: center; gap: 0 58px; margin-top: 54px; } @media all and (max-width: 640.9px) { .bl_sect_searchPlace .ly_cont .bl_pull-down_menu { margin-top: 29.28px; justify-content: space-between; gap: 0 0; } } .bl_sect_searchPlace .ly_cont .bl_form_selectLabel { position: relative; background: #fff; border-radius: 10px; } @media all and (max-width: 640.9px) { .bl_sect_searchPlace .ly_cont .bl_form_selectLabel { width: 47%; } } .bl_sect_searchPlace .ly_cont .bl_form_selectLabel select { width: 510px; height: 60px; border-radius: 10px; border: none; box-shadow: none; font-size: 24px; color: #044974; font-weight: 400; text-align: center; text-align: -webkit-center; background: none; letter-spacing: 0.08em; } @media all and (max-width: 640.9px) { .bl_sect_searchPlace .ly_cont .bl_form_selectLabel select { width: 100%; height: 36px; padding: 0 10px 0 10px; text-align: center; display: flex; justify-content: center; font-size: calc(28vw / 6.4); } } .bl_sect_searchPlace .ly_cont .bl_form_selectLabel::before { position: absolute; background: url('../../../../../../../../design/themes/carmatch/media/../img/index/i_index_shape_blue.png?1759253707'); content: ""; width: 22px; height: 13px; right: 34px; top: 50%; transform: translateY(-50%); } @media all and (max-width: 640.9px) { .bl_sect_searchPlace .ly_cont .bl_form_selectLabel::before { background-size: contain; width: 13.2px; height: 7.8px; right: 10px; } } .bl_sect_searchPlace .ly_cont .bl_form_selectLabel:focus-within { position: relative; background: #13b4e2; color: #fff; } .bl_sect_searchPlace .ly_cont .bl_form_selectLabel:focus-within::before { position: absolute; background: url('../../../../../../../../design/themes/carmatch/media/../img/index/i_index_shape_white.png?1759253707'); content: ""; width: 22px; height: 13px; right: 34px; top: 50%; transform: translateY(-50%); } @media all and (max-width: 640.9px) { .bl_sect_searchPlace .ly_cont .bl_form_selectLabel:focus-within::before { background-size: contain; width: 13.2px; height: 7.8px; right: 10px; } } .bl_sect_searchPlace .ly_cont .form_button-submit { width: 380px; font-size: 20px; font-weight: 600; color: #181818; line-height: 65px; border-radius: 32.5px; background: linear-gradient(0deg, #f6d700 0%, #f5960d 100%); box-shadow: 5.376px 14.004px 0px 0px #454545; box-shadow: 0px 5px 7px 0px rgba(69, 69, 69, 0.4); position: relative; display: flex; align-items: center; justify-content: center; margin: 68px auto 0; cursor: pointer; border: none; font-family: "Noto Sans JP"; letter-spacing: 0.1em; } @media all and (max-width: 640.9px) { .bl_sect_searchPlace .ly_cont .form_button-submit { font-size: calc(30vs / 6.4); width: 90%; line-height: 48.6px; margin: 44.4px auto 0; } } .bl_sect_searchPlace .ly_cont .form_button-submit::after { position: absolute; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/index/i_index_shape_arrow_search.png?1759253707') no-repeat; width: 8px; height: 12px; right: 30px; } @media all and (min-width: 641px) { .bl_sect_searchPlace + .bl_sect { padding-bottom: 95px; } } @media all and (max-width: 640.9px) { .bl_sect_searchPlace + .bl_sect { padding-bottom: calc(95vw / 6.4); } } .shopList_title-pref { width: 100%; max-width: 1160px; margin-left: auto; margin-right: auto; } @media all and (min-width: 641px) { .shopList_title-pref { width: 100%; } } .shopList_title-pref--office { border-bottom: 2px solid #00b7ee; } .shopList_title-pref--office h2 { background: #00b7ee !important; } .shopList_title-pref h2 { background: #13b4e2; color: #fff; padding: .25em 1em; letter-spacing: .05em; } @media all and (min-width: 641px) { .shopList_title-pref h2 { font-size: 20px; padding: .3em 1.5em; margin-bottom: 0; } } @media all and (max-width: 640.9px) { .shopList_title-pref h2 { font-size: calc(34vw / 6.4); text-align: center; margin-bottom: 0; } } .shopList_title { width: calc(100% - 30px); max-width: 1160px; margin-left: auto; margin-right: auto; } @media all and (min-width: 641px) { .shopList_title { width: 100%; } } .shopList_title:after { content: ""; clear: both; display: block; } .shopList_title--office { border-bottom: 2px solid #00b7ee; } .shopList_title .itemList_num { color: #044974; } @media all and (min-width: 641px) { .shopList_title .itemList_num { padding-top: 35px; font-size: 20px; margin-bottom: 0; } } @media all and (max-width: 640.9px) { .shopList_title .itemList_num { text-align: center; font-size: calc(24vw / 6.4); padding: calc(40vw / 6.4) 0; } } .shopList_title .searchForm_buttonList { float: right; font-size: 14px; } .shopList { width: 100%; max-width: 1160px; margin-left: auto; margin-right: auto; color: #333; } .shopList .ly_cont { max-width: 1160; } @media all and (min-width: 641px) { .shopList { width: 100%; } } @media all and (min-width: 641px) { .shopList { margin-top: 0; padding-left: 0; } } @media all and (max-width: 640.9px) { .shopList { padding-left: 0; width: calc(100% - 30px); margin-top: 0; } } .shopList_item { padding: 36px 0; border-bottom: 1px dashed #414040; display: flex; flex-wrap: wrap; } @media all and (max-width: 640.9px) { .shopList_item { justify-content: space-between; padding: 18.3px 0; } } @media all and (min-width: 641px) { .shopList_item { padding: 36px 0; justify-content: space-between; } } .shopList_left { display: flex; align-items: flex-start; } @media all and (max-width: 640.9px) { .shopList_left { width: 100%; } } @media all and (min-width: 641px) { .shopList_left { width: 60%; display: flex; flex-wrap: wrap; } } @media all and (max-width: 640.9px) { .shopList_figure { margin: 0; width: 45vw; } } @media all and (min-width: 641px) { .shopList_figure { margin: 0; } } .shopList_figure img { object-fit: cover; font-family: 'object-fit: cover'; } @media all and (min-width: 641px) { .shopList_figure img { height: 200px; width: 260px; } } @media all and (min-width: 641px) { .shopList_text { margin-left: 4%; width: 58%; } } @media all and (max-width: 640.9px) { .shopList_text { margin-left: 3%; flex: 1; } } @media all and (min-width: 641px) { .shopList_text > .shopList_time { display: none; } } .shopList_name { color: #044974; font-weight: 700; margin-bottom: .5em; line-height: 1.25; max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; } @media all and (min-width: 641px) { .shopList_name { font-size: 20px; letter-spacing: .01em; margin-top: 0; } } @media all and (max-width: 640.9px) { .shopList_name { font-size: calc(32vw / 6.4); margin-top: 0; } } .shopList_address { max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; } @media all and (min-width: 641px) { .shopList_address { font-size: 16px; line-height: 1.5em; } } @media all and (max-width: 640.9px) { .shopList_address { font-size: 12.2px; } } .shopList_buttonList { display: flex; flex-wrap: wrap; margin-top: 10px; width: 100%; } @media all and (max-width: 640.9px) { .shopList_buttonList { justify-content: space-between; padding-inline-start: 0; margin-top: 30px; } } @media all and (min-width: 641px) { .shopList_buttonList { margin-top: 0; width: 40%; } } .shopList_buttonList > *:nth-child(n+2) { margin-top: 10px; } @media all and (max-width: 640.9px) { .shopList_buttonList .cmsArticle_favorite { width: 42%; } } .shopList_button { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font: inherit; border: none; width: auto; text-align: center; cursor: pointer; padding: .25em .75em .3em; line-height: 1.25; transition: .2s opacity; background: linear-gradient(to bottom, #fff, #e3e4e4); color: #393939; border: 1px solid #dcdcdc; border-radius: 3px; min-height: 3.25em; width: 100%; font-weight: 700; } .shopList_button:hover, .shopList_button:focus { opacity: .8; } @media all and (min-width: 641px) { .shopList_button { min-height: 3em; } } .shopList_tel { width: 100%; list-style-type: none; text-align: end; } @media all and (min-width: 641px) { .shopList_tel { min-height: 90px; } } .shopList_tel .shopList_button { color: #f5970d; font-weight: 700; font-size: 26.84px; text-align: center; min-height: 2em; display: block; line-height: 1em; } .shopList_tel .shopList_button:before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_search/shop-i-tel.png?1759253707') no-repeat center/contain; margin: 0 0.25em -0.15em 0; width: 0.8em; height: 0.8em; } @media all and (min-width: 641px) { .shopList_tel .shopList_button { width: 73%; font-size: 34px; display: inline-block; text-align: left; background: none; border: none; min-height: 0; padding: 0; box-shadow: none; letter-spacing: 0.1em; } .shopList_tel .shopList_button:before { margin-bottom: -.05em; margin-right: .1em; } } @media all and (max-width: 640.9px) { .shopList_tel .shopList_button { background: none; border: none; font-size: calc(50vw / 6.4); letter-spacing: 0.1em; display: flex; } } .shopList_tel .shopList_time { line-height: 1.5em; } @media all and (max-width: 640.9px) { .shopList_tel .shopList_time { font-size: 13.42px; text-align: center; margin-top: 0; } } @media all and (min-width: 641px) { .shopList_tel .shopList_time { display: inline-block; font-size: 16px; margin-top: 5px; margin-bottom: 0; } } .shopList_mail { width: 33%; list-style-type: none; } @media all and (max-width: 640.9px) { .shopList_mail { width: 38%; } } @media all and (min-width: 641px) { .shopList_mail { margin-left: auto; } } .shopList_mail .shopList_button { min-height: 44px; height: 44px; color: #044974; } .shopList_mail .shopList_button:before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_search/shop-i-mail.png?1759253707') no-repeat center/auto 98%; margin: 0; width: 100%; height: 1em; } @media all and (max-width: 370.9px) { .shopList_mail .shopList_button { font-size: 12px; } } @media all and (min-width: 641px) { .shopList_mail .shopList_button:before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_search/shop-i-mail.png?1759253707') no-repeat center/contain; margin: 0 0.25em -0.1em 0; width: 1.25em; height: 1em; } } @media all and (max-width: 640.9px) { .shopList_mail .shopList_button::before { width: 2em; } } .shopList_check .shopList_button { min-height: 44px; height: 44px; color: #0161ba; } .shopList_check .shopList_button:before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop-i-check.png?1759253707') no-repeat center/auto 98%; margin: 0; width: 100%; height: 1em; } @media all and (max-width: 370.9px) { .shopList_check .shopList_button { font-size: 12px; } } @media all and (min-width: 641px) { .shopList_check .shopList_button:before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop-i-check.png?1759253707') no-repeat center/contain; margin: 0 0.25em -0.1em 0; width: 1.25em; height: 1em; } } .shopList_line { list-style-type: none; width: 33%; } @media all and (max-width: 640.9px) { .shopList_line { width: 38%; } } @media all and (min-width: 641px) { .shopList_line { margin-left: 15px; } } .shopList_line .shopList_button { color: #11a858; min-height: 44px; height: 44px; } .shopList_line .shopList_button:before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_search/shop-i-line.png?1759253707') no-repeat center/auto 98%; margin: 0; width: 100%; height: 1em; } @media all and (max-width: 370.9px) { .shopList_line .shopList_button { font-size: 12px; } } @media all and (min-width: 641px) { .shopList_line .shopList_button:before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_search/shop-i-line.png?1759253707') no-repeat center/contain; margin: 0 0.25em -0.1em 0; width: 1.25em; height: 1em; } } @media all and (max-width: 640.9px) { .shopList_line .shopList_button::before { width: 2em; } } .shopList_favorite { width: 60px; list-style-type: none; } @media all and (min-width: 641px) { .shopList_favorite { width: 50px; margin-left: 15px; } } .shopList_favorite .shopList_button { color: #f29319; min-height: 44px; height: 44px; padding: 12px 19px; } .shopList_favorite .shopList_button:before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_search/shop-i-favorite.png?1759253707') no-repeat center/auto 98%; margin: 0; width: 100%; height: 1em; } @media all and (max-width: 370.9px) { .shopList_favorite .shopList_button { font-size: 12px; } } @media all and (min-width: 641px) { .shopList_favorite .shopList_button { padding: 12px 15px; } .shopList_favorite .shopList_button:before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_search/shop-i-favorite.png?1759253707') no-repeat center/contain; margin: 0 0.25em -0.1em 0; width: 1.25em; height: 1em; } } @media all and (max-width: 640.9px) { .shopList_favorite .shopList_button:before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_search/shop-i-favorite.png?1759253707') no-repeat center/contain; margin: 0 0.25em -0.1em 0; width: 1.25em; height: 1em; } } .shopList_favorite input[type="checkbox"] { display: none; } .shopList_favorite input[type="checkbox"]:checked + img { animation: favoriteChecked .8s; background: linear-gradient(to bottom, #fff8cf, #ffd525); border-color: #ffd665; } .shopList_more { width: 100%; list-style-type: none; } @media all and (min-width: 641px) { .shopList_more { width: 50%; margin-left: auto; } } .shopList_more .shopList_button-more { margin: 0; min-height: 2.75em; max-width: 100%; font-weight: 700; align-items: center; letter-spacing: 0.1em; position: relative; } @media all and (min-width: 641px) { .shopList_more .shopList_button-more { font-size: 1em; line-height: 46px; height: 46px; padding: 0; border-radius: 23px; font-size: 18px; } } @media all and (max-width: 640.9px) { .shopList_more .shopList_button-more { border-radius: 23px; width: 280.6px; margin: 0 auto; } } .shopList_more .shopList_button-more::after { position: absolute; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/index/i_index_shape_arrow_search.png?1759253707') no-repeat; width: 8px; height: 12px; right: 20px; } .shopList .shopList_button.is_disabled { opacity: .4; pointer-events: none; cursor: default; } .bl_mv.bl_mv__sub.bl_mv__news, .bl_mv.bl_mv__news-detail { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/news/mv_pc.jpg?1759253707'); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__news, .bl_mv.bl_mv__news-detail { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/news/mv_sp.jpg?1759253707'); } } .ly_main__news .section, .ly_main__news .section-pcBgGray, .ly_main__news .section-bgHalfBlue, .ly_main__news .section-bgBlue, .ly_main__news .section-magazineWrap { background: #e8f6fa; margin-bottom: 100px; padding-bottom: 50px; } @media all and (max-width: 640.9px) { .ly_main__news .section, .ly_main__news .section-pcBgGray, .ly_main__news .section-bgHalfBlue, .ly_main__news .section-bgBlue, .ly_main__news .section-magazineWrap { margin-bottom: calc(100vw / 6.4); padding-bottom: calc(50vw / 6.4); } } .cmsArticleList-voice .cmsArticle_date, .cmsArticle-voice .cmsArticle_date, .cmsArticleList-blog .cmsArticle_date, .cmsArticle-blog .cmsArticle_date { font-size: .9em; text-indent: -1.5em; padding-left: 1.5em; margin-top: .5em; margin-right: 1em; font-weight: 500; color: #999999; } @media all and (min-width: 641px) { .cmsArticleList-voice .cmsArticle_date, .cmsArticle-voice .cmsArticle_date, .cmsArticleList-blog .cmsArticle_date, .cmsArticle-blog .cmsArticle_date { margin-top: 1em; } } @media all and (max-width: 640.9px) { .cmsArticleList-voice .cmsArticle_date, .cmsArticle-voice .cmsArticle_date, .cmsArticleList-blog .cmsArticle_date, .cmsArticle-blog .cmsArticle_date { margin-left: 14.64px; } } .cmsArticleList-voice .cmsArticle_author, .cmsArticle-voice .cmsArticle_author, .cmsArticleList-blog .cmsArticle_author, .cmsArticle-blog .cmsArticle_author { font-size: .9em; text-indent: -1.5em; padding-left: 1.5em; color: #044974; margin-top: .5em; word-wrap: break-word; overflow-wrap: break-word; } .cmsArticleList-voice .cmsArticle_author:before, .cmsArticle-voice .cmsArticle_author:before, .cmsArticleList-blog .cmsArticle_author:before, .cmsArticle-blog .cmsArticle_author:before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/voice-i-02.png?1759253707') no-repeat center/contain; margin: 0 0.25em -0.15em 0; width: 1.25em; height: 0.8em; } .cmsArticleList-voice .cmsArticle_category, .cmsArticle-voice .cmsArticle_category, .cmsArticleList-blog .cmsArticle_category, .cmsArticle-blog .cmsArticle_category { font-size: .9em; padding-left: 0.5em; padding-right: 0.5em; color: #333333; background: #e8f6fa; margin-top: .5em; line-height: 1.5em; } ul.cmsArticleList-voice { width: calc(100% - 30px); max-width: 1160px; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; padding-left: 0; margin-top: 0; padding-top: 60px; } @media all and (min-width: 641px) { ul.cmsArticleList-voice { width: 100%; } } @media all and (max-width: 640.9px) { ul.cmsArticleList-voice { padding-top: calc(60vw / 6.4); } } ul.cmsArticleList-voice .cmsArticle { list-style-type: none; overflow: hidden; background: #fff; border-radius: 20px; } @media all and (max-width: 640.9px) { ul.cmsArticleList-voice .cmsArticle { width: 49%; margin-left: 2%; } ul.cmsArticleList-voice .cmsArticle:nth-child(2n-1) { margin-left: 0; } ul.cmsArticleList-voice .cmsArticle:nth-child(n+3) { margin-top: calc(30vw / 6.4); } } @media all and (min-width: 641px) { ul.cmsArticleList-voice .cmsArticle { width: 32%; margin-left: 2%; } ul.cmsArticleList-voice .cmsArticle:nth-child(3n-2) { margin-left: 0; } ul.cmsArticleList-voice .cmsArticle:nth-child(n+4) { margin-top: 35px; } } ul.cmsArticleList-voice .cmsArticle a { display: block; transition: .2s opacity; } ul.cmsArticleList-voice .cmsArticle a:hover, ul.cmsArticleList-voice .cmsArticle a:focus { opacity: .8; } ul.cmsArticleList-voice .cmsArticle_figure { margin: 0; } ul.cmsArticleList-voice .cmsArticle_figure img { object-fit: cover; font-family: 'object-fit: cover'; width: 100%; margin: 0; } @media all and (min-width: 641px) { ul.cmsArticleList-voice .cmsArticle_figure img { height: 200px; } } @media all and (max-width: 640.9px) { ul.cmsArticleList-voice .cmsArticle_figure img { height: calc(200vw / 6.4); } } ul.cmsArticleList-voice .cmsArticle_text { padding: .75em .75em 1em; max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; } @media all and (min-width: 641px) { ul.cmsArticleList-voice .cmsArticle_text { padding: 1em 1.25em 1.25em; } } ul.cmsArticleList-voice .cmsArticle_date { text-align: right; margin-right: 0; color: #011522; font-weight: 400; } @media all and (max-width: 640.9px) { ul.cmsArticleList-voice .cmsArticle_date { font-size: calc(20vw / 6.4); margin-bottom: 5px; } } ul.cmsArticleList-voice .cmsArticle_author { text-align: right; color: #044974; } @media all and (max-width: 640.9px) { ul.cmsArticleList-voice .cmsArticle_author { font-size: calc(20vw / 6.4); padding-left: 0; margin-bottom: 0; } } ul.cmsArticleList-voice .cmsArticle_title { font-weight: 700; color: #044974; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } @media all and (min-width: 641px) { ul.cmsArticleList-voice .cmsArticle_title { font-size: 18px; } } @media all and (max-width: 640.9px) { ul.cmsArticleList-voice .cmsArticle_title { font-size: calc(22vw / 6.4); } } @media all and (max-width: 640.9px) { ul.cmsArticleList-voice .cmsArticle_summary { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: calc(20vw / 6.4); } } @media all and (min-width: 641px) { ul.cmsArticleList-voice .cmsArticle_summary { margin-top: .75em; font-size: 16px; line-height: 1.75; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } @media all and (max-width: 640.9px) { .cmsPager { padding-left: 0; justify-content: center; } } .cmsPager_first a, .cmsPager_prev a, .cmsPager_next a, .cmsPager_last a, .cmsPager_prevTitle a, .cmsPager_nextTitle a { font-weight: 700; width: 100%; } @media all and (max-width: 640.9px) { .cmsPager_page a, .cmsPager_selected a { min-width: fit-content; } } @media all and (max-width: 640.9px) { .cmsPager_page { display: block; } } @media all and (min-width: 641px) { .cmsPager_page { margin: 12px 0 0; } } .cmsPager_page a { color: #999999; border: none; background: none; } @media all and (min-width: 641px) { .cmsPager_page a { min-width: 35px; } } .cmsPager_page a > i { border-bottom: 1px solid #999999; font-style: normal; } .cmsPager_selected a { background: none; } @media all and (max-width: 640.9px) { .cmsPager_selected { display: block; } .cmsPager_selected i { border-bottom: 1px solid #044974; } .cmsPager_selected i em { font-style: normal; color: #044974; } } @media all and (min-width: 641px) { .cmsPager_selected { margin-left: 0; margin-right: 0; } .cmsPager_selected i { border-bottom: 1px solid #044974; } .cmsPager_selected i em { font-style: normal; color: #044974; } } .cmsPager_selected > * { border: none; } @media all and (min-width: 641px) { .cmsPager_selected > * { min-width: 35px; color: #044974; } } .cmsPager .cmsPager_txtCenter > p { border: none; display: block; } .cmsPager .cmsPager_txtCenter > p .noB { font-weight: 500; display: block; } @media all and (max-width: 640.9px) { .cmsPager_first { margin-left: 0; } } @media all and (max-width: 640.9px) { .cmsPager_prev { width: 20%; } .cmsPager_prev a { padding: 0; border: none; background: none; } .cmsPager_prev a::before { content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/i_pager_prev.png?1759253707') no-repeat; width: 10px; height: 15px; } } @media all and (max-width: 370.9px) { .cmsPager_prev { width: 23%; } } @media all and (min-width: 641px) { .cmsPager_prev { margin-right: .5em; } .cmsPager_prev a { padding: 0; border: none; background: none; } .cmsPager_prev a::before { content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/i_pager_prev.png?1759253707') no-repeat; width: 10px; height: 15px; } } @media all and (max-width: 640.9px) { .cmsPager_next { width: 20%; } .cmsPager_next a { padding: 0; border: none; background: none; } .cmsPager_next a::before { content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/i_pager_next.png?1759253707') no-repeat; width: 10px; height: 15px; } } @media all and (max-width: 370.9px) { .cmsPager_next { width: 23%; } } @media all and (min-width: 641px) { .cmsPager_next { margin-left: .5em; } .cmsPager_next a { padding: 0; border: none; background: none; } .cmsPager_next a::before { content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/i_pager_next.png?1759253707') no-repeat; width: 10px; height: 15px; } } @media all and (max-width: 640.9px) { .cmsPager_last { margin-right: 0; } } .cmsPager_prevTitle, .cmsPager_nextTitle { width: 100%; } @media all and (min-width: 641px) { .cmsPager_prevTitle, .cmsPager_nextTitle { width: 48%; } } .cmsPager_prevTitle > *, .cmsPager_nextTitle > * { height: auto; position: relative; line-height: 1.5; min-height: 4em; } .cmsPager_prevTitle > *:before, .cmsPager_nextTitle > *:before { display: block; position: absolute; top: calc(50% - .75em); } @media all and (min-width: 641px) { .cmsPager_prevTitle { margin-left: 0; margin-right: 0; } .cmsPager_prevTitle:last-child { margin-right: 52%; } } .cmsPager_prevTitle > a { padding-left: 2em; padding-bottom: .5em; justify-content: flex-start; } .cmsPager_prevTitle > a:before { content: "＜"; left: .5em; } @media all and (min-width: 641px) { .cmsPager_nextTitle { margin-right: 0; margin-left: 4%; } .cmsPager_nextTitle:first-child { margin-left: 52%; } } .cmsPager_nextTitle > a { padding-right: 2em; padding-bottom: .5em; justify-content: flex-end; } .cmsPager_nextTitle > a:before { content: "＞"; right: .5em; } .cmsPager .is_disabled { opacity: .5; pointer-events: none; } @media all and (min-width: 641px) { .bl_sect.bl_sect__news-detail { margin-bottom: 100px; } } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail { margin-bottom: 150px; } } @media all and (min-width: 641px) { .bl_sect.bl_sect__news-detail .ly_cont { padding: 46px 0 100px; position: relative; display: flex; justify-content: space-between; } } @media all and (min-width: 641px) { .bl_sect.bl_sect__news-detail .ly_cont_left { width: 820px; } } .bl_sect.bl_sect__news-detail .cmsArticle_title { font-size: 24px; font-weight: 700; color: #fff; background: #0783d2; padding: 14px 23px; padding-left: 23px; line-height: 1.5em; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .cmsArticle_title { font-size: calc(32vw / 6.4); padding: calc(20vw / 6.4) calc(30vw / 6.4); line-height: 1.5em; } } @media all and (min-width: 641px) { .bl_sect.bl_sect__news-detail .cmsArticle .bl_indent { padding-left: 22px; } } .bl_sect.bl_sect__news-detail .cmsArticle .bl_list { display: flex; gap: 0 25px; margin-top: 20px; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .cmsArticle .bl_list { margin-top: 14.64px; flex-direction: column; gap: 5px 0; } } .bl_sect.bl_sect__news-detail .cmsArticle_date { font-size: 14px; color: #333333; } .bl_sect.bl_sect__news-detail .cmsArticle_date::before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/news/i_time.png?1759253707') no-repeat; background-size: contain; width: 14px; height: 14px; margin-right: 5px; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .cmsArticle_date::before { background-size: contain; width: 14.64px; height: 14.64px; margin-right: 11px; font-size: 14.64px; } } .bl_sect.bl_sect__news-detail .cmsArticle_category { font-size: 14px; color: #0161ba; } .bl_sect.bl_sect__news-detail .cmsArticle_category::before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/news/i_category.png?1759253707') no-repeat; background-size: contain; width: 22px; height: 15px; margin-right: 5px; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .cmsArticle_category::before { background-size: contain; width: calc(31vw / 6.4); height: calc(21vw / 6.4); font-size: calc(24vw / 6.4); } } .bl_sect.bl_sect__news-detail .cmsArticle_body { padding-top: 30px; } .bl_sect.bl_sect__news-detail .cmsArticle_body h2, .bl_sect.bl_sect__news-detail .cmsArticle_body h3, .bl_sect.bl_sect__news-detail .cmsArticle_body h4 { margin-top: 40px; margin-bottom: 15px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.7em; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .cmsArticle_body h2, .bl_sect.bl_sect__news-detail .cmsArticle_body h3, .bl_sect.bl_sect__news-detail .cmsArticle_body h4 { margin-top: 20px; margin-bottom: 10px; } } .bl_sect.bl_sect__news-detail .cmsArticle_body h2 { font-size: 24px; color: #0161ba; border-bottom: 2px solid #0161ba; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .cmsArticle_body h2 { font-size: calc(32vw / 6.4); } } .bl_sect.bl_sect__news-detail .cmsArticle_body h3 { font-size: 20px; color: #fff; background: #0783d2; border-radius: 4px; padding-left: 15px; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .cmsArticle_body h3 { font-size: calc(30vw / 6.4); } } .bl_sect.bl_sect__news-detail .cmsArticle_body h4 { font-size: 20px; color: #0161ba; border-left: 2px solid #0161ba; padding-left: 15px; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .cmsArticle_body h4 { font-size: calc(30vw / 6.4); } } .bl_sect.bl_sect__news-detail .cmsArticle_body p { color: #000; line-height: 1.6em; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .cmsArticle_body p { font-size: calc(28vw / 6.4); } } .bl_sect.bl_sect__news-detail .bl_nav { display: flex; justify-content: space-between; align-items: center; padding: 60px 0; margin-top: 118px; border-top: 2px solid #292929; border-bottom: 2px solid #292929; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .bl_nav { border-width: calc(4vw / 6.4); padding: calc(60vw / 6.4) 0; margin-top: calc(200vw / 6.4) 0; } } .bl_sect.bl_sect__news-detail .bl_nav li a { color: #333333; font-weight: 600; font-size: 16px; text-decoration: underline; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .bl_nav li a { font-size: calc(28vw / 6.4); } } .bl_sect.bl_sect__news-detail .bl_nav li.un_next a:before { box-sizing: border-box; position: relative; display: inline-block; content: ""; width: .7em; height: .7em; border: 1px solid #333; border-width: 0 2px 2px 0; transform-origin: center; transform: translateX(2px) rotate(135deg); margin-right: 10px; } .bl_sect.bl_sect__news-detail .bl_nav li.un_prev a:after { box-sizing: border-box; position: relative; display: inline-block; content: ""; width: .7em; height: .7em; border: 1px solid #333; border-width: 0 2px 2px 0; transform-origin: center; transform: translateX(-2px) rotate(-45deg); margin-left: 10px; } @media all and (min-width: 641px) { .bl_sect.bl_sect__news-detail .cmsAside { top: 46px; } } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .cmsAside { margin-top: 122px; } } .bl_sect.bl_sect__news-detail .cmsAside .form input[type="search"] { width: 100%; border-radius: 0; background: #fff url('../../../../../../../../design/themes/carmatch/media/../img/news/i_search.png?1759253707') no-repeat right 0.5em center/1.5em auto; line-height: 40px; padding-left: 15px; border: 1px solid #c9c9c9; } @media all and (max-width: 640.9px) { .bl_sect.bl_sect__news-detail .cmsAside .form input[type="search"] { line-height: 1em; } } .bl_sect.bl_sect__news-detail .cmsAside_listTitle { display: flex; align-items: center; padding-left: 15px; background: #0783d2; } .bl_sect.bl_sect__news-detail .cmsAside_listTitle::before { display: inline-block; content: ""; background: url('../../../../../../../../design/themes/carmatch/media/../img/news/i_car.png?1759253707') no-repeat; width: 23px; height: 17px; margin-right: 5px; } .bl_sect.bl_sect__news-detail .cmsAside_list li > a { padding-bottom: 10px; border-bottom: none; } .bl_sect.bl_sect__news-detail .cmsAside_figure { margin-right: 0px; } .bl_sect.bl_sect__news-detail .cmsAside_date { width: 60%; color: #333333; } .bl_sect.bl_sect__news-detail .cmsAside_title { width: 60%; margin-top: 0; color: #000; font-weight: 700; } .bl_sect.bl_sect__news-detail .cmsAside_category { border-bottom: 1px solid #0161ba; } .bl_sect.bl_sect__news-detail .cmsAside_category::before { display: none; } .bl_sect.bl_sect__news-detail .cmsAside_archive { border-bottom: 1px solid #0161ba; } .bl_sect.bl_sect__news-detail .cmsAside_archive::before { display: none; } @media all and (min-width: 641px) { .cmsAside { width: 25%; } } @media all and (max-width: 640.9px) { .cmsAside { margin-bottom: 120px; } } .cmsAside .form input[type="search"] { width: 100%; border-radius: 0; background: #fff url('../../../../../../../../design/themes/carmatch/media/../img/blog-i-03.png?1759253707') no-repeat right 0.5em center/1.5em auto; } @media all and (max-width: 640.9px) { .cmsAside .form input[type="search"] { padding: .9em .5em 1em; } } @media all and (min-width: 641px) { .cmsAside .form input[type="search"] { font-size: 14px; } } .cmsAside_listTitle { background: #13b4e2; } @media all and (min-width: 641px) { .cmsAside_listTitle { font-size: 16px; padding-left: 10px; } } @media all and (max-width: 640.9px) { .cmsAside_listTitle { padding-left: calc(17vw / 6.4); letter-spacing: 0.1em; } } .cmsAside_listTitle:nth-child(n+2) { margin-top: 1em; } .cmsAside_listTitle:nth-child(n+3) { margin-top: 2em; } .cmsAside_list { padding-left: 0; } .cmsAside_list li { list-style-type: none; } .cmsAside_list a { text-decoration: none; border-bottom: 1px solid #dcdcdc; padding-bottom: 0; } @media all and (max-width: 640.9px) { .cmsAside_list:nth-of-type(2) li > a, .cmsAside_list:nth-of-type(3) li > a { padding-bottom: 8px; } } .cmsAside_list:nth-of-type(2) li > a i::before, .cmsAside_list:nth-of-type(3) li > a i::before { display: inline; content: "・"; } .cmsAside_figure { margin-left: 0; margin-top: 0; margin-right: 10%; } @media all and (max-width: 640.9px) { .cmsAside_figure { margin-right: 8px; } } .cmsAside_date { font-style: normal; color: #666666; font-weight: 500; } .cmsAside_title { font-style: normal; color: #333333; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media all and (min-width: 641px) { .cmsAside_title { width: 55%; margin-top: 10px; font-size: 16px; margin-bottom: 10px; } } @media all and (max-width: 640.9px) { .cmsAside_title { margin-top: 12.2px; } } .bl_mv.bl_mv__magazine, .bl_mv.bl_mv__magazine-detail { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/magazine/mv_pc.jpg?1759253707'); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__magazine, .bl_mv.bl_mv__magazine-detail { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/magazine/mv_sp.jpg?1759253707'); } } @media all and (min-width: 641px) { .ly_main__magazine .section, .ly_main__magazine .section-pcBgGray, .ly_main__magazine .section-bgHalfBlue, .ly_main__magazine .section-bgBlue, .ly_main__magazine .section-magazineWrap { display: flex; justify-content: space-between; width: 1200px; } } @media all and (min-width: 641px) { .ly_main__magazine .section .cmsArticleList-blog, .ly_main__magazine .section-pcBgGray .cmsArticleList-blog, .ly_main__magazine .section-bgHalfBlue .cmsArticleList-blog, .ly_main__magazine .section-bgBlue .cmsArticleList-blog, .ly_main__magazine .section-magazineWrap .cmsArticleList-blog { padding-left: 0; width: 800px; } } @media all and (max-width: 640.9px) { .ly_main__magazine .section .cmsArticleList-blog .cmsArticle_figure, .ly_main__magazine .section-pcBgGray .cmsArticleList-blog .cmsArticle_figure, .ly_main__magazine .section-bgHalfBlue .cmsArticleList-blog .cmsArticle_figure, .ly_main__magazine .section-bgBlue .cmsArticleList-blog .cmsArticle_figure, .ly_main__magazine .section-magazineWrap .cmsArticleList-blog .cmsArticle_figure { margin: 0; margin-bottom: 10px; } } @media all and (max-width: 640.9px) { .ly_main__magazine .section .cmsArticleList-blog .cmsArticle_figure img, .ly_main__magazine .section-pcBgGray .cmsArticleList-blog .cmsArticle_figure img, .ly_main__magazine .section-bgHalfBlue .cmsArticleList-blog .cmsArticle_figure img, .ly_main__magazine .section-bgBlue .cmsArticleList-blog .cmsArticle_figure img, .ly_main__magazine .section-magazineWrap .cmsArticleList-blog .cmsArticle_figure img { width: 100%; } } @media all and (max-width: 640.9px) { .ly_main__magazine .section .cmsArticleList-blog .cmsArticle_title, .ly_main__magazine .section-pcBgGray .cmsArticleList-blog .cmsArticle_title, .ly_main__magazine .section-bgHalfBlue .cmsArticleList-blog .cmsArticle_title, .ly_main__magazine .section-bgBlue .cmsArticleList-blog .cmsArticle_title, .ly_main__magazine .section-magazineWrap .cmsArticleList-blog .cmsArticle_title { margin-top: 0; } } .ly_main__magazine .cmsAside .form input[type="search"] { width: 100%; border-radius: 0; background: #fff url('../../../../../../../../design/themes/carmatch/media/../img/news/i_search.png?1759253707') no-repeat right 0.5em center/1.5em auto; line-height: 40px; padding-left: 15px; border: 1px solid #c9c9c9; } @media all and (max-width: 640.9px) { .ly_main__magazine .cmsAside .form input[type="search"] { line-height: 1em; } } .cmsContainer-multiColumn { width: calc(100% - 30px); max-width: 1160px; margin-left: auto; margin-right: auto; } @media all and (min-width: 641px) { .cmsContainer-multiColumn { width: 100%; } } @media all and (min-width: 641px) { .cmsContainer-multiColumn { position: relative; padding-top: 50px; padding-bottom: 50px; } } .cmsArticleList-blog { display: flex; flex-wrap: wrap; } @media all and (max-width: 640.9px) { .cmsArticleList-blog { padding-left: 0; } } .cmsArticleList-blog .cmsArticle { border-bottom: 1px solid #c9c9c9; padding-bottom: 1em; width: 100%; list-style-type: none; } @media all and (min-width: 641px) { .cmsArticleList-blog .cmsArticle { padding-bottom: 1.5em; } } .cmsArticleList-blog .cmsArticle:nth-child(n+2) { margin-top: 1em; } @media all and (min-width: 641px) { .cmsArticleList-blog .cmsArticle:nth-child(n+2) { margin-top: 1.5em; } } .cmsArticleList-blog .cmsArticle a { display: block; transition: .2s opacity; text-align: left; } @media all and (max-width: 640.9px) { .cmsArticleList-blog .cmsArticle a { display: flex; flex-wrap: wrap; } } @media all and (min-width: 641px) { .cmsArticleList-blog .cmsArticle a { position: relative; padding-left: 230px; min-height: 200px; } } .cmsArticleList-blog .cmsArticle a:hover, .cmsArticleList-blog .cmsArticle a:focus { opacity: .8; } .cmsArticleList-blog .cmsArticle_media { display: block; transition: .2s opacity; text-align: left; } @media all and (max-width: 640.9px) { .cmsArticleList-blog .cmsArticle_media { display: flex; flex-wrap: wrap; } } @media all and (min-width: 641px) { .cmsArticleList-blog .cmsArticle_media { position: relative; padding-left: 300px; min-height: 200px; } } .cmsArticleList-blog .cmsArticle_figure { width: 100%; margin-top: 1.25em; margin-bottom: 1em; text-align: center; } @media all and (min-width: 641px) { .cmsArticleList-blog .cmsArticle_figure { position: absolute; left: 0; top: 0; width: 180px; margin: 0; } } @media all and (max-width: 640.9px) { .cmsArticleList-blog .cmsArticle_figure { order: -4; } } .cmsArticleList-blog .cmsArticle_figure img { object-fit: cover; font-family: 'object-fit: cover'; } @media all and (min-width: 641px) { .cmsArticleList-blog .cmsArticle_figure img { width: 100%; height: 180px; } } .cmsArticleList-blog .cmsArticle_title { font-weight: 700; } @media all and (max-width: 640.9px) { .cmsArticleList-blog .cmsArticle_title { order: -1; font-size: 18.3px; } } @media all and (min-width: 641px) { .cmsArticleList-blog .cmsArticle_title { font-size: 18px; margin-bottom: 0; } } @media all and (max-width: 640.9px) { .cmsArticleList-blog .cmsArticle_date { order: -2; } } @media all and (max-width: 640.9px) { .cmsArticleList-blog .cmsArticle_category { order: -3; } } @media all and (min-width: 641px) { .cmsArticleList-blog .cmsArticle_date, .cmsArticleList-blog .cmsArticle_category { display: inline-block; margin-right: 2em; } } .cmsArticleList-blog .cmsArticle_summary { margin-top: .75em; line-height: 1.75; } @media all and (min-width: 641px) { .cmsArticleList-blog .cmsArticle_summary { margin-top: .75em; font-size: 16px; line-height: 1.75; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } @media all and (max-width: 640.9px) { .cmsArticleList-blog .cmsArticle_summary { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } .cmsArticleList-blog .cmsArticle .el_btn__itiran { width: 200px; padding-left: 44px; font-size: 18px; line-height: 46px; min-height: 46px; padding-bottom: 3px; margin: 0; margin-left: auto; } .cmsArticleList-blog .cmsArticle_text { margin-top: .75em; line-height: 1.75; } @media all and (min-width: 641px) { .cmsArticleList-blog .cmsArticle_text { margin-top: .75em; font-size: 14px; line-height: 1.75; } } .ly_main__review:not(.detail) { background-color: #ffea37; } .ly_main__review .bl_path_wrapper .bl_path { color: #1b1b1b; } .bl_mv.bl_mv__sub.bl_mv__review, .bl_mv.bl_mv__review-detail { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/review/mv_pc.jpg?1759253707'); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__review, .bl_mv.bl_mv__review-detail { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/review/mv_sp.jpg?1759253707'); } } .bl_sect__reviewList .bl_review_list dl dd .un_shop { text-align: right; font-size: 14px; color: #044974; line-height: 1.25; margin-top: 5px; } @media all and (max-width: 640.9px) { .bl_sect__reviewList .bl_review_list dl dd .un_shop { font-size: calc(20vw / 6.4); margin-top: calc(6vw / 6.4); } } .bl_sect__reviewList .bl_pager li { color: #044974; } .bl_sect__reviewList .bl_pager li a { color: rgba(4, 73, 116, 0.7); } .bl_sect__reviewList .bl_pager li.bl_pager_prev a:after, .bl_sect__reviewList .bl_pager li.bl_pager_next a:after { border-color: #044974; } @media all and (min-width: 641px) { .ly_main__blog:not(.detail) { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/blog_list_bg1.png?1759253707') no-repeat top calc(calc(704vw / 25) - 334px) left -300px, url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/blog_list_bg2.png?1759253707') no-repeat bottom -200px right -300px; background-color: #eb0000; } } @media all and (max-width: 640.9px) { .ly_main__blog:not(.detail) { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/blog_list_bg1_sp.png?1759253707') no-repeat top calc(287vw / 6.4) left, url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/blog_list_bg3_sp.png?1759253707') no-repeat center right, url('../../../../../../../../design/themes/carmatch/media/../img/shop_blog/blog_list_bg2_sp.png?1759253707') no-repeat bottom left; background-size: calc(456vw / 6.4) calc(591vw / 6.4), calc(435vw / 6.4) calc(490vw / 6.4), calc(454vw / 6.4) calc(600vw / 6.4); background-color: #eb0000; } } .ly_main__blog:not(.detail) .bl_path_wrapper .bl_path { color: #fff; } .bl_mv.bl_mv__blog, .bl_mv.bl_mv__blog_detail { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/blog/mv_pc.jpg?1759253707'); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__blog, .bl_mv.bl_mv__blog_detail { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/blog/mv_sp.jpg?1759253707'); } } .bl_sect__blogList .bl_pager li { color: white; } .bl_sect__blogList .bl_pager li a { color: rgba(255, 255, 255, 0.7); } .bl_sect__blogList .bl_pager li.bl_pager_prev a:after, .bl_sect__blogList .bl_pager li.bl_pager_next a:after { border-color: white; } .bl_mv.bl_mv__sub.bl_mv__car-search { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/car_search/mv_pc.png?1759253707'); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__car-search { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/car_search/mv_sp.png?1759253707'); } } @media all and (max-width: 640.9px) { .bl_sect__carSearch { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/star_bg_sp.png?1759253707') repeat-y top center, linear-gradient(0deg, white 0%, #ffea00 0%, white 0%, #efebba 0%, #b0e1c2 20%, #71d6c9 36%, #3d83c1 59%, #092fb9 100%); background-size: cover; } } @media all and (min-width: 641px) { .bl_sect__carSearch { background: url('../../../../../../../../design/themes/carmatch/media/../img/shop_shared/star_bg_pc.png?1759253707') repeat-y top center, linear-gradient(0deg, white 0%, #ffea00 0%, white 0%, #efebba 0%, #b0e1c2 20%, #71d6c9 36%, #3d83c1 59%, #092fb9 100%); background-size: cover; } } .bl_mv.bl_mv__sub.bl_mv__car_detail { min-height: auto; border: 5px solid #232323; background-color: #092fb9; } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__car_detail { height: calc(100vw / 6.4); border-width: calc(5vw / 6.4); } } @media all and (min-width: 641px) { .bl_mv.bl_mv__sub.bl_mv__car_detail { height: 130px; align-items: center; } } .bl_mv.bl_mv__sub.bl_mv__car_detail .car_detail_logo { display: flex; align-items: center; height: 100%; } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__car_detail .car_detail_logo { padding-left: calc(30vw / 6.4); } } @media all and (min-width: 641px) { .bl_mv.bl_mv__sub.bl_mv__car_detail .car_detail_logo { padding-left: 30px; } } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__car_detail .car_detail_logo img { width: calc(100vw / 6.4); } } .bl_sect__carDetail { background: linear-gradient(0deg, #4eb6ca 0%, #0930b9 100%); } .bl_sect__carDetail .section_title-bgBlue, .bl_sect__carDetail .section_title-bgBlue-small, .bl_sect__carDetail .cmsArticle-voice .cmsArticle_title h1, .cmsArticle-voice .cmsArticle_title .bl_sect__carDetail h1, .bl_sect__carDetail .cmsArticle-blog .cmsArticle_title h1, .cmsArticle-blog .cmsArticle_title .bl_sect__carDetail h1, .bl_sect__carDetail .section-bgBlue .section_title, .section-bgBlue .bl_sect__carDetail .section_title { box-sizing: border-box; width: 100%; } .bl_mv.bl_mv__sub.bl_mv__stock { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/stock/mv_pc.jpg?1759253707'); } @media all and (max-width: 640.9px) { .bl_mv.bl_mv__sub.bl_mv__stock { background-image: url('../../../../../../../../design/themes/carmatch/media/../img/stock/mv_sp.jpg?1759253707'); } } @-ms-viewport{width:device-width;}.hidden{display:none;}.visible-phone{display:none !important;}.visible-tablet{display:none !important;}.hidden-desktop{display:none !important;}.visible-desktop{display:inherit !important;}@media (min-width: 768px) and (max-width: 979px){.hidden-desktop{display:inherit !important;}.visible-desktop{display:none !important;}.visible-tablet{display:inherit !important;}.hidden-tablet{display:none !important;}}@media (max-width: 767px){.hidden-desktop{display:inherit !important;}.visible-desktop{display:none !important;}.visible-phone{display:inherit !important;}.hidden-phone{display:none !important;}}.visible-print{display:none !important;}@media print{.visible-print{display:inherit !important;}.hidden-print{display:none !important;}}@media (min-width: 1224px){.ty-product-detail .ty-product-block__left{box-sizing:border-box;padding-right:200px;}.ty-footer-grid__full-width > .row{width:1200px;margin:0 auto;}.ty-footer-grid__full-width > .row-fluid{max-width:1200px;min-width:280px;margin:0 auto;}.ty-footer-menu__items,.ty-footer-general__body{display:block !important;}}@media (max-width: 1224px){.ty-calendar__block{width:100px;}.ty-control-group__price{width:100px;}.ty-product-detail .ty-product-block__left{box-sizing:border-box;padding-right:200px;}.ty-footer-grid__full-width > .row{width:960px;margin:0 auto;}.ty-footer-form-block__form{width:220px;}h3.ty-footer-form-block__title,h3.ty-social-link__title{font-size:20px;}.ty-orders__actions-right{float:none;}}@media (max-width: 979px){.ty-sidebox__body-toggle{display:block;}.tygh-content .container,.ty-footer-menu,.footer-copyright{padding:0px 10px;}.ty-select-block__a{margin-right:0;}.top-currencies{margin-left:2px;}.ty-product-detail .ty-product-block__left{box-sizing:border-box;padding-right:0px;}.ty-grid-list__item .ty-icon-left-circle,.ty-grid-list__item .ty-icon-right-circle{visibility:visible;}.ty-product-empty{display:none;}.ty-wish-list-empty [class*="ty-column"]{width:100%;}.ty-wish-list-empty [class*="ty-column"]:first-child .ty-product-empty{display:block;}.ty-compact-list__title{width:20%;}.ty-compact-list__controls{width:50%;}.ty-exception__code{display:block;width:100%;}.ty-exception__title-info{display:block;padding-left:0px;text-align:center;}.ty-exception__links{margin:0px;}.ty-exception__links-item{float:none;display:inline-block;margin:0 5px;}.ty-payment-icons .ty-payment-icons__item{margin-left:5px;}.ty-footer-form-block__title{padding-left:10px;}.ty-footer-form-block__title,.ty-footer-form-block__form-container,.ty-footer-form-block__form{width:100%;}h3.ty-social-link__title{display:block;margin-top:21px;margin-bottom:10px;margin-right:0;}.ty-sort-container{padding-left:0px;}.ty-product-block__note{width:100%;position:static;}.ty-product-options__item-label{display:block;width:100%;float:none;}.ty-product-options__description,.ty-product-block__option .help-inline{margin-left:0;}.ty-product-variant-image{margin-left:0;}.ty-product-detail .ty-product-block__left{padding-right:0;}.ty-multi-checkout__step{display:block;width:100%;padding-bottom:20px;}.ty-multi-checkout__arrow{display:none;}.ty-payments-list{padding-right:20px;}.ty-payments-list__instruction{width:210px;}.ty-pagination__text{display:none;}}@media (min-width: 768px) and (max-width: 979px){.ty-footer-grid__full-width > .row{width:736px;margin:0 auto;}.ty-social-link__title{margin-right:70px;}.ty-footer-menu__items,.ty-footer-general__body{display:block !important;}.ty-footer-form-block__form{width:220px;}.ty-menu__item .ty-menu__item-link{padding:14px 12px;}.ty-menu__submenu-items .ty-top-mine__submenu-col{min-width:160px;margin-right:13px;margin-bottom:20px;}.ty-top-mine__submenu-col:nth-child(4n){margin-right:0px;}.ty-account-info__buttons .ty-btn{display:block;margin-bottom:10px;margin-left:0px;}.buttons-container.ty-cart-content__top-buttons .ty-btn,.buttons-container.ty-cart-content__bottom-buttons .ty-btn{margin-top:5px;margin-bottom:5px;}.buttons-container.ty-cart-content__top-buttons button.ty-btn,.buttons-container.ty-cart-content__bottom-buttons button.ty-btn{width:100%;}.buttons-container.ty-cart-content__top-buttons .ty-btn,.buttons-container.ty-cart-content__bottom-buttons .ty-btn{display:block;margin-left:0;}.buttons-container.ty-cart-content__top-buttons .ty-cart-content__right-buttons,.buttons-container.ty-cart-content__bottom-buttons .ty-cart-content__right-buttons{text-align:right;}.buttons-container.ty-cart-content__top-buttons .ty-cart-content__right-buttons .ty-btn,.buttons-container.ty-cart-content__bottom-buttons .ty-cart-content__right-buttons .ty-btn{margin-left:auto;margin-right:0;}.ty-orders-search-options .span4.ty-control-group{width:50%;margin-left:0;}.ty-orders-search-options .ty-period{margin-left:0;}.te-mode .ty-orders-detail__table-image{float:none;}}@media (min-width: 768px){.ty-cart-content .ty-cart-content__product-elem,.ty-cart-content .ty-cart-content__title{border:0;}.ty-menu__item{display:block !important;}.ty-menu__menu-btn{display:none !important;}.ty-menu-vertical .ty-menu__submenu [class*="menu-level-"].ty-menu__item-active > .ty-menu__submenu-item-header .ty-menu__item-link{background:#465363;color:#393939;}.ty-menu-vertical .ty-menu__submenu [class*="menu-level-"].ty-menu__item-active i{color:#fff;}.ty-sidebox__body{display:block !important;}}@media (max-width: 767px){html.dialog-is-open{overflow:scroll;}.ty-menu__items .ty-menu__items-show{display:block !important;border-bottom:0;}.ty-menu__item{display:none;float:none;margin-right:0px;border-bottom:1px solid #f0f0f0;padding:0px;position:relative;}.no-touch .ty-menu__item:hover .ty-menu__submenu-items,.ty-menu__item:hover .ty-menu__submenu-items{display:none;}.ty-menu__item:last-child{box-shadow:none;border-bottom:0;}.ty-menu__item .ty-menu__item-toggle-active{background:#f2f2f2;}.ty-menu__item .ty-menu__item-link{position:static;}.ty-menu__submenu .ty-menu__submenu-items{padding:0;}.ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item{border-bottom:1px solid #d8d8d8;margin:0;}.ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item .ty-menu__submenu-link{display:block;padding:12px 30px 12px 40px;}.no-touch .ty-menu__submenu-items .ty-menu__submenu-link:hover{color:#313a45;}.ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item-active a{color:black;background:none;}.ty-menu__submenu .ty-top-mine__submenu-col{display:block;position:relative;margin:0px;padding:0px;}.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item{position:relative;padding:0px;padding-left:35px;}.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-list{display:none;}.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__item-toggle-active{background:#e0e0e0;}.ty-menu__items .ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__item-toggle{color:#bfbfbf;}.ty-menu__submenu .ty-menu__submenu-item-header .ty-menu__submenu-link{padding:13px 40px;display:block;}.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header{min-height:45px;margin:0px;padding-bottom:0px;border-bottom:1px solid #d8d8d8;text-transform:uppercase;}.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header-active{background:#e0e0e0;}.ty-menu__menu-btn{border-bottom:0px;box-shadow:none;}.ty-menu__submenu-items{background:#ededed;position:static;}.ty-icon-short-list{padding-right:4px;}.ty-menu__item-toggle{width:50px;height:44px;position:absolute;text-align:center;font-size:35px;right:0px;z-index:100;color:#fff;top:0px;cursor:pointer;}.ty-menu__item-toggle:hover{color:#fff;}.ty-menu__icon-hide,.ty-menu__icon-open{display:inline-block;line-height:46px;}.ty-menu__submenu-dropdown-bottom{margin:auto;}.ty-menu__icon-hide{display:none;}.ty-menu__item-toggle-active .ty-menu__icon-hide{display:inline-block;}.ty-menu__item-toggle-active .ty-menu__icon-open{display:none;}.ty-menu-vertical{margin-bottom:40px;}.ty-dropdown-box__content .ty-menu-vertical{margin-bottom:0px;}.ty-menu-vertical .ty-menu__item{display:block;}.ty-menu-vertical .ty-menu__item .ty-menu__submenu{position:static;display:block;}.ty-menu-vertical .ty-menu__item.menu-level-2{padding-left:35px;}.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item-link{background:none;color:#465363;padding-left:40px;}.ty-menu-vertical .ty-menu__submenu .ty-menu__submenu-item-header .ty-menu__item-link{color:#465363;}.ty-menu-vertical .ty-menu__submenu .dropdown-vertical__dir .ty-menu__submenu-item-header .ty-menu__item-link{text-transform:uppercase;font-weight:bold;}.ty-menu-vertical .ty-menu__submenu .menu-level-2.ty-menu__item-active .ty-menu__item-link{background:#e0e0e0;}.ty-menu-vertical .ty-menu__submenu .menu-level-2.ty-menu__item-active .ty-menu__item-link{color:#000;}.ty-menu-vertical .ty-menu__submenu .ty-menu__submenu .ty-menu__submenu-item-header .ty-menu__item-link{padding-left:40px;text-transform:none;font-weight:normal;background:none;}.ty-menu-vertical .ty-menu__item-toggle i{top:3px;}.ty-menu-vertical .ty-menu__submenu .ty-menu__submenu .ty-menu__submenu-item-header .ty-menu__item-link{padding-left:40px;}.ty-menu-vertical .ty-menu__item .ty-menu__submenu-items .ty-menu__submenu-items{border-right:0;border-bottom:0;border-left:0;}.ty-menu-vertical .ty-menu__submenu-items .dropdown-vertical__dir .ty-menu__item-toggle{background:none;color:#bfbfbf;}.ty-menu-vertical .ty-menu__submenu-item-header{margin-bottom:0;padding-bottom:0;min-height:none;border-bottom:none;}.ty-menu-vertical .ty-menu__submenu-item-header .ty-menu__submenu-item-header .ty-menu__item-link{color:#1abc9c;text-transform:none;}.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item:hover i{color:#a1a6aa !important;}.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__submenu-items{border:1px solid #2b3e51;border-top:0px;border-bottom:0px;}.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-items{border:0px;}.ty-menu-vertical .ty-menu__submenu-items .ty-menu__item{border-top:1px solid #d8d8d8;border-bottom:0;}.no-touch .ty-menu-vertical .ty-menu__submenu .ty-menu__item:hover > .ty-menu__submenu-item-header .ty-menu__item-link{background:none;color:#313a45;}.ty-menu-vertical .menu-level-1.ty-menu__item-active > .ty-menu__submenu-item-header{background:#e0e0e0;}.ty-menu-vertical__dropdown .ty-menu__item{display:none;}.ty-menu-vertical .ty-menu__items.rtl .ty-menu__submenu{width:auto;}.ty-menu-vertical .ty-menu__items.rtl .ty-menu__submenu-items{width:auto;}.ty-menu-vertical .ty-menu__items.rtl .ty-menu__item-toggle{left:0px;}.ui-dialog input[type="text"],.ui-dialog input[type="password"],.ui-dialog textarea,.ui-dialog select{width:100%;}.ui-dialog input[type="checkbox"]{margin:-20px 0px;}body.dialog-is-open{overflow:visible;}div.ui-dialog .ui-dialog-title{overflow:hidden;text-overflow:ellipsis;}.ty-estimation-buttons__rate{margin-bottom:0px;}.top-menu-grid{padding-top:0;}.top-logo-grid{padding-top:15px;}.ty-logo-container{text-align:center;margin:10px 0px 30px;}.tygh-header > div,.tygh-top-panel > div{padding:0px 10px;}.ty-mainbox-title .ty-status{display:block;float:none;}.notification-content-extended{width:96%;left:2%;right:10px;margin:0px;}.ty-product-notification__body .ty-product-options-name{width:50%;}.ty-product-notification__body .ty-product-options-content{width:50%;text-align:right;}.notification-container{top:0;right:0px;min-width:100%;width:100%;}.notification-content{margin:0px;border:none;}.notification-content .close{top:8px;right:20px;}.ty-product-notification__image{float:none;display:block;margin:0 auto;}.ty-product-notification__product-name{max-width:200px;}.ty-table table,.ty-table thead,.ty-table tbody,.ty-table th,.ty-table td,.ty-table tr{display:block;}.ty-table{margin:5px 0px 20px;}.ty-table{border:none;display:block;}.ty-table thead tr{position:absolute;top:-9999px;left:-9999px;}.ty-table tr{border:1px solid #ccc;border-bottom:none;}.ty-table tr:last-child{border-bottom:1px solid #ccc;}.ty-table td{border:none;border-bottom:1px solid #eee;white-space:normal;text-align:left;min-height:18px;width:auto !important;}.ty-table tr td:last-child{border-bottom:0px;}.ty-table__no-items td{padding:0px;}.ty-table__no-items .ty-no-items{margin-bottom:0px;}.ty-table__responsive-header{float:left;width:35%;padding-right:5%;font-weight:bold;word-break:normal;display:block;}.ty-table__responsive-content{float:left;width:50%;}.ty-table.hidden,.ty-table .hidden{display:none;}.ty-cart-content .ty-cart-content__image-block{border-bottom:0;}.ty-cart-content .ty-table__responsive-header,.ty-table__responsive-content{float:none;width:100%;padding:0;}.ty-cart-content__image{float:none;text-align:center;}.ty-cart-content__left-buttons,.ty-cart-content__right-buttons{float:none;}.ty-cart-content__right-buttons{margin-top:10px;}.ty-cart-content__top-buttons .ty-btn,.ty-cart-content__bottom-buttons .ty-btn{display:block;width:100%;margin:0;}.ty-cart-content__top-buttons .ty-btn + .ty-btn,.ty-cart-content__bottom-buttons .ty-btn + .ty-btn{margin:10px 0 0;}.ty-cart-total .ty-coupons__container{float:none;padding:0;width:100%;}.ty-cart-content__estimation{max-width:inherit;}.ty-cart-statistic{float:none;margin-top:10px;}.ty-cart-statistic__title,.ty-cart-statistic__total-title{width:50%;margin-right:0;float:left;}.ty-cart-statistic__value,.ty-cart-statistic__total-value{width:50%;float:left;}.top-links-grid .ty-dropdown-box{background:none;}.ty-dropdown-box .ty-account-info__title-txt{display:none;}.account-benefits{margin:0px 0px 30px 0px;}.top-cart-content{margin:13px 0px;}.header-widget-grid .top-cart-content{margin:0px;}.header-widget-grid{padding:0px 10px;}.ty-grid-list__item:hover{border-radius:0px;background:transparent;}.ty-quick-view-button{display:none;margin-bottom:30px;}.product-list__control{float:none;margin-bottom:10px;}.product-list__image{float:none;margin:0px 0px 20px 0px;width:100%;text-align:center;}.ty-compact-list__controls{width:60%;}.ty-compact-list__image .ty-discount-label{display:inline-block;height:30px;position:static;float:none;}.ty-compact-list__image{padding:0px 10px 0px 0px;}.ty-sidebox{margin-bottom:10px;}.ty-sidebox:last-child{margin-bottom:30px;}.ty-product-block__left{display:block;overflow:visible;min-width:0;}.ty-product-block{position:initial;}.ty-product-block__img-wrapper{width:100%;margin:0;float:none;text-align:center;min-height:0;}.ty-product-block__img-wrapper .ty-no-image{width:100% !important;}.ui-dialog .ty-product-variant-image{margin-left:0;}.ty-product-bigpicture__left,.ty-product-bigpicture__left-wrapper{width:100%;margin:0;}.ty-product-bigpicture__right{width:100%;margin-left:0;}.ty-product-thumbnails{width:100% !important;}.ty-account-detail{margin-left:0;background:none;padding-bottom:0;}.ty-profile-field__switch-label{float:none;text-align:center;margin-bottom:10px;}.ty-profile-field__switch-actions{float:none;text-align:center;}.ty-billing-first-name,.ty-billing-last-name,.ty-shipping-first-name,.ty-shipping-last-name,.ty-billing-country,.ty-billing-state,.ty-shipping-country,.ty-shipping-state,.ty-first-name,.ty-last-name{width:100%;}.ty-billing-first-name + .ty-billing-last-name,.ty-billing-country + .ty-billing-state,.ty-shipping-first-name + .ty-shipping-last-name,.ty-shipping-country + .ty-shipping-state,.ty-first-name + .ty-last-name{margin-left:0;}.ty-buttons-container__add-or-close .ty-btn{display:block;margin:0px;}.ty-buttons-container__add-or-close .ty-close-text{padding-top:10px;display:inline-block;}.ty-login-info{margin:30px 0 0;}.ty-success-registration__item{display:block;width:100%;}.ty-account-benefits{margin:30px 0 0;}.ty-company-fields{margin-bottom:20px;}.ty-company-info{margin:0;padding:0;background:none;}.ty-features-all{text-align:center;}.ty-feature__image{float:none;}.ty-product-feature__label{width:180px;}.ty-sitemap__tree-section-list,.ty-sitemap__section-wrapper{width:50%;}.ty-breadcrumbs{padding-right:0;}.ty-product-switcher{display:inline-block;width:100%;position:relative;padding:0;top:10px;text-align:center;}.ty-product-switcher__a{position:relative;top:0;vertical-align:middle;font-size:20px;}.ty-product-switcher__a-left,.ty-product-switcher__a-right{float:none;}.ty-product-switcher__a-left{margin-right:10px;}.ty-product-switcher__a-right{margin-left:10px;}.ty-product-switcher span{display:inline-block;float:none;font-size:100%;}.ty-checkout__login{float:none;padding:0 15px;width:100%;}.ty-checkout__register{float:none;padding:0 15px;margin:0;width:100%;}.ty-checkout__register-content{padding-left:0;}.ty-checkout-buttons__submit-order{padding-bottom:20px;}.ty-payments-list__instruction{width:255px;}.ty-compare-products__menu,.ty-compare-sort{width:130px;}.ty-compare-products__product,.ty-compare-feature_item_size{width:180px;}.ty-compare__buttons .ty-btn{width:100%;display:block;}.ty-compare__buttons .ty-btn + .ty-btn{margin:15px 0 0;}.search-block-grid{margin-top:0px !important;}.footer-no-wysiwyg ul{margin:0;}.ty-social-link-block{margin:10px 0px 20px;text-align:center;}.ty-footer-grid__full-width .ty-float-right,.ty-footer-grid__full-width .ty-float-left{float:none;}.ty-footer-grid__full-width > .row{width:auto;margin:0 auto;}.ty-footer-menu__items,.ty-footer-general__body{margin:0;display:none;}.ty-footer-menu__items .ty-text-links__item,.ty-footer-general__body .ty-text-links__item{padding:15px 0px 15px 0px;border-bottom:1px solid #edf2f5;padding-left:20px;margin-bottom:0;}.ty-footer-menu__item{padding:15px 0px 15px 0px;border-bottom:1px solid #dfdfdf;padding-left:20px;margin-bottom:0;}.ty-footer-menu__header,.ty-footer-general__header{padding:15px 30px 15px 0;border-bottom:1px solid #f4f5f6;}.ty-footer-menu__icon-open,.ty-footer-menu__icon-hide{position:absolute;top:12px;right:0;font-size:40px;color:#bfbfbf;cursor:pointer;}.ty-footer-menu__icon-open{display:block;}.ty-footer-menu__header.open .ty-footer-menu__icon-hide,.ty-footer-general__header.open .ty-footer-menu__icon-hide{display:block;}.ty-footer-menu__header.open .ty-footer-menu__icon-open,.ty-footer-general__header.open .ty-footer-menu__icon-open{display:none;}.ty-footer-form-block__title{display:block;padding-right:0;}.ty-footer-form-block{text-align:center;margin:20px 0px 0px 0px;}.order-summary{margin-top:0;}.ty-step__container-active{margin-bottom:20px;}.ty-checkout-complete__buttons .ty-btn{margin:0 0 15px 0;}.ty-checkout-complete__buttons-left,.ty-checkout-complete__buttons-right{float:none;}.ty-period__wrapper{float:none;}.ty-login-popup{min-width:100px;max-width:none;}.ty-orders__actions .ty-btn{text-align:left;display:block;}.ty-orders__actions .ty-btn + .ty-btn{margin-left:0;margin-top:3px;}.ty-profiles-info__item{float:none;width:100%;margin-bottom:20px;}.ty-profiles-info__item:last-child{margin-bottom:0;}.ty-orders-detail__table-image{float:none;text-align:center;margin-bottom:10px;}.ty-orders-detail__table-description{margin-left:0;}.ty-orders-summary__right{float:none;}.ty-orders-summary__wrapper{float:none;min-width:0;}.ty-orders-search-options .ty-period{float:none;margin-left:0;}.ty-orders-search-options .ty-period__wrapper{padding-right:0;}.ty-orders-search-options .ty-period__select{width:100%;}.ty-orders-search-options .ty-period__select-date .ty-control-group__title{display:none;}.ty-orders-search-options .ty-status-info{margin-left:0;}.ty-orders-search-options .ty-status-info label{width:50%;}.ty-orders-search-options .ty-orders-search__options-status{margin-left:0;}.container{width:auto;}.row-fluid{width:100%;}.row{margin-left:0;}[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;}.span12,.row-fluid .span12{width:100%;}.row-fluid [class*="offset"]:first-child{margin-left:0;}.ty-cart-items{width:256px;}.ty-cart-items__list-item-desc{width:187px;}.ty-cart-items__list-item-tools{right:-10px;display:block;}.vendor-info-grid{margin-top:10px;}.vendor-stores-block-grid{float:left !important;width:auto !important;padding:10px 0;}.vendor-logo-grid .ty-logo-container-vendor{text-align:center;float:none;margin-bottom:20px;}.vendor-search-grid{margin-bottom:20px;}.ty-filter-tooltip{float:right;left:0 !important;margin-right:20px;}.daterangepicker.dropdown-menu.opensright,.daterangepicker.dropdown-menu.opensleft{min-width:340px !important;}.daterangepicker.dropdown-menu.opensright .ranges,.daterangepicker.dropdown-menu.opensright .calendar,.daterangepicker.dropdown-menu.opensleft .ranges,.daterangepicker.dropdown-menu.opensleft .calendar{float:none;margin:10px auto 15px;}.daterangepicker.dropdown-menu.opensright:before,.daterangepicker.dropdown-menu.opensleft:before,.daterangepicker.dropdown-menu.opensright:after,.daterangepicker.dropdown-menu.opensleft:after{display:none;}.ty-sidebox__body{display:none;}.ty-horizontal-product-filters{padding-left:0;}.ty-horizontal-product-filters-dropdown{width:100%;border-bottom:1px solid #f3f5f7;}.ty-horizontal-product-filters-dropdown:last-child{border-bottom:none;}.ty-horizontal-product-filters-dropdown__content{min-width:100%;border-top:none;border-bottom:none;border-left:1px solid #edf2f5;border-right:1px solid #edf2f5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}.ty-horizontal-product-filters-dropdown .ty-horizontal-product-filters-dropdown__wrapper{display:block;padding:10px;}.ty-horizontal-product-filters-dropdown__content{position:relative;margin-bottom:10px;}.ty-horizontal-product-filters-dropdown__icon{float:right;margin-right:4px;top:0px;}.ty-subcategories{text-align:center;}}@media screen and (max-width: 480px){.ty-mainbox-title__right{float:none;display:block;margin-top:0;}.ty-mainbox-title__left{float:none;display:block;}.ty-cart-content__buttons{padding:16px 12px;}.header-widget-grid .top-logo-grid{padding-top:0px;}.header-widget-grid .top-logo-grid{width:50%;float:left;}.header-widget-grid .cart-content-grid{width:50%;float:right;white-space:nowrap;}.ty-estimation-buttons__rate{margin-bottom:10px;}.ty-search-form__input{margin:4px 0px;width:100%;}.ty-features-all .ty-column6{width:50%;}.ty-product-list__image{float:none;margin-bottom:25px;margin-right:0px;text-align:center;}.ty-sitemap__tree-section-list,.ty-sitemap__section-wrapper{width:100%;min-height:0;}.ty-compact-list__controls .ty-product-coming-soon{position:absolute;right:0px;text-align:left;padding-top:0px;}.ty-product-feature__label{width:120px;}.ty-product-feature__value{max-width:160px;}.ty-sort-container__views-a{padding:7px;}.ty-compact-list__image,.ty-compact-list__title{display:block;width:100%;float:none;padding:0;}.ty-compact-list__image{margin-bottom:10px;}.ty-btn__add-to-cart{margin-right:10px;}.ty-product-block__button .ty-btn + .ty-btn,.ty-product-block__button .ty-btn ~ .ty-btn{margin-left:0px;}.ty-pagination{text-align:center;}.ty-pagination__btn{width:94%;}.ty-pagination__items{margin:15px 0;}.ty-pagination__item{padding:5px 6px;}.ty-pagination__text{display:inline-block;}.ty-compact-list__controls{width:100%;text-align:left;}.ty-compact-list__price{text-align:left;width:100%;padding-bottom:10px;}.ty-compact-list__price .ty-price-update{display:inline-block;}.ty-step__title-txt{font-size:18px;}.ty-checkout__billing-tabs .ty-tabs{padding:0px;}.ty-checkout__billing-tabs .ty-tabs__item{float:none;}.ty-checkout-complete__login-info,.ty-checkout-complete__create-account{display:block;width:100%;margin-left:0;}.ty-payments-list{padding-right:0;}.ty-payments-list__instruction{width:auto;}.ty-companies__img{float:none;}.ty-companies__info{padding:0;}.ty-filters-search__item{padding-right:0;}.ty-subcategories-block{min-width:100%;}.ty-product-notification__buttons{display:block;text-align:right;}.ty-product-notification__buttons > div{float:none;display:inline-block;margin:3px auto;}}.jp_order_delivery_info{margin-left:1em;}.ty-first-name-kana{display:inline-block;width:47%;}.ty-last-name-kana{display:inline-block;width:47%;}.ty-first-name-kana + .ty-last-name-kana{margin-left:5%;}.ty-billing-phone,.ty-shipping-phone{width:180px;}.ty-billing-state,.ty-shipping-state{float:none;}.jp_delivery_option{display:block;margin-top:5px;margin-left:1.5em;}.jp_shipping_delim{padding-bottom:20px;border-bottom:1px solid #e8e9eb;}.ty-shipping-options__total{border-top:none;}.ty-shipping-methods-not-first{padding-top:20px;}.jp-paym-method{margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #e8e9eb;}.jp-paym-method p{color:#767676;}.ty-payments-list__item-title{color:#333;}.newsletter_subheader{margin-top:20px;margin-bottom:10px;font-weight:bold;}.ty-gift-certificate .zipcode{clear:both;}.ty-gift-certificate .zipcode .ty-input-text-short{width:120px;}.ty-gift-certificate .zipcode{clear:both;}.ty-gift-certificate__state{margin-left:0;}@media (max-width: 640px){.ty-cvv2-about{visibility:hidden;}}@media (max-width: 480px){.ty-cc-icons__item.cc-default,.ty-cc-icons__item.active{visibility:hidden;}}input.ty-credit-card__input{ime-mode:disabled;}.ty-cc-icons__item .jcb{background-position:-200px -200px;}.ty-credit-card .help-inline{display:inherit;}input[type="tel"],input[type="number"]{padding:4px 8px;border:1px solid #c2c9d0;background:#fff;font-family:'Open Sans',sans-serif;font-size:13px;font-style:normal;font-weight:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}input[type="tel"]:focus,input[type="number"]:focus{outline:0;border-color:#1abc9c;-webkit-transition:border 0.2s linear 0s;-moz-transition:border 0.2s linear 0s;-o-transition:border 0.2s linear 0s;transition:border 0.2s linear 0s;}.cc-numeric{ime-mode:disabled;}.ty-tag-cloud{margin:10px 0;}.ty-tag-cloud__item{margin-right:10px;}.ty-tag-level-0,.ty-tag-level-0:active{font-size:100%;}.ty-tag-level-1,.ty-tag-level-1:active{font-size:150%;}.ty-tag-level-2,.ty-tag-level-2:active{font-size:200%;}.ty-tag-level-3,.ty-tag-level-3:active{font-size:250%;}.ty-tag-level-4,.ty-tag-level-4:active{font-size:300%;}.ty-tag-level-5,.ty-tag-level-5:active{font-size:350%;}.ty-tag-level-6,.ty-tag-level-6:active{font-size:400%;}ul.ty-tags-list{padding-left:0;}.ty-tags-list__item{display:inline-block;}.ty-tags-list__a{position:relative;display:block;float:left;margin:3px 5px 3px 15px;padding:0 27px 0 10px;font-size:12px;line-height:24px;text-decoration:none;border:0 none;background:#e6e6e6;}.ty-tags-list__a:before{position:absolute;top:50%;left:-14px;float:left;margin-top:-12px;width:0;height:0;border-width:12px 14px 12px 0;border-style:solid;border-color:transparent #e6e6e6 transparent transparent;content:"";}.ty-tags-list__a:after{position:absolute;top:50%;left:0;float:left;margin-top:-2px;width:4px;height:4px;background:#fff;content:"";}.ty-tags-list__a{background:#e6e6e6;color:#676767;transition:none;padding-right:10px;}.ty-tags-list__a:hover{background:#16a085;color:#fff;text-shadow:none;}.ty-tags-list__a:hover:before{border-right-color:#16a085;}.ty-newsletters{margin-bottom:30px;}.ty-newsletters__item{margin-bottom:5px;}.checkout-steps .ty-newsletters{padding:0 20px;}.ty-checkout__billing-options .ty-newsletters{padding:0;}.ty-footer-form-block--responsive > form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}.ty-footer-form-block--responsive .ty-footer-form-block__title{padding:0;}.ty-footer-form-block--responsive .ty-footer-form-block__form-container{padding-left:10px;}.ty-footer-form-block--responsive .ty-footer-form-block__form-container .ty-footer-form-block-policy__input{width:100%;padding-bottom:10px;}.ty-footer-form-block--responsive .ty-footer-form-block__form-container .ty-lable-subscribe-policy{margin-bottom:10px;}.ty-footer-form-block--responsive .ty-lable-subscribe-policy > a{color:inherit;text-decoration:underline;}.ty-variations-list__wrapper{width:100%;overflow-x:auto;}.ty-variations-list__title{font-weight:bold;}th.ty-variations-list__title--right{text-align:right;}.ty-variations-list__product-elem .ty-control-group{margin-bottom:0;}.ty-variations-list__product-elem .ty-control-group__item{padding:0;}.ty-variations-list__product-elem .ty-btn{margin-right:10px;margin-bottom:13px;}@media (min-width: 768px){.ty-variations-list__product-elem .ty-btn{margin-left:10px;margin-right:0;margin-bottom:0;}}.ty-variations-list__product-elem .ty-qty-out-of-stock{margin-right:10px;margin-bottom:13px;vertical-align:middle;}@media (min-width: 768px){.ty-variations-list__product-elem .ty-qty-out-of-stock{margin-left:15px;margin-right:0;margin-bottom:0;vertical-align:baseline;}}.ty-variations-list__image img{max-width:none;}.ty-variations-list__sku{min-width:100px;}.ty-variations-list__sku .ty-sku-item{font-size:13px;color:#465f73;}.ty-variations-list__controls{white-space:nowrap;text-align:right;}.ty-variations-list__controls .ty-add-to-wish.ty-btn i{margin-left:3px;margin-right:3px;}.ty-variations-list__controls form > div{display:inline-block;}.ty-variations-list__controls .ty-table__responsive-header{display:none;}.ty-variations-list__price{margin-bottom:13px;vertical-align:middle;text-align:right;}@media (min-width: 768px){.ty-variations-list__price{margin-bottom:0;}}.ty-variations-list__controls form > .ty-variations-list__price{display:block;}@media (min-width: 768px){.ty-variations-list__controls form > .ty-variations-list__price{display:inline-block;}}.ty-variations-list.ty-table{border:none;}.ty-variations-list.ty-table th{background:none;border-right:none;padding-left:5px;padding-right:7px;}@media (min-width: 980px){.ty-variations-list.ty-table th{padding-left:12px;padding-right:18px;}}.ty-variations-list.ty-table tbody tr:nth-child(2n){background:none;}.ty-variations-list.ty-table td,.ty-variations-list.ty-table .table td{border-right:none;padding-left:5px;padding-right:5px;}@media (min-width: 980px){.ty-variations-list.ty-table td,.ty-variations-list.ty-table .table td{padding-left:13px;padding-right:19px;}}.ty-variations-list .ty-table__responsive-content{display:inline-block;width:auto;}.ty-grid-list__item-features{display:flex;flex-direction:column;margin-top:10px;margin-bottom:5px;}.ty-grid-list__item-features-description{color:#a0acbc;}.ty-grid-list__item-features-item{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ty-grid-list__item-features-variant{margin-left:0.5rem;}.ty-product-variations__variation-features--secondary{color:#8292a7;}.ty-product-variations__variation-features--inline{display:inline-block;}.ty-product-variations__variation-features--mini{font-size:12.6px;}.ty-product-variations__variation-features--clearfix{clear:both;}.ty-blog__item{border-bottom:1px solid #edf2f5;padding-bottom:30px;margin:-1px;margin-bottom:50px;}.ty-blog__item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}.ty-blog *,.ty-blog-grid *{font-size:14px;}.ty-blog h1,.ty-blog-grid h1{font-size:25px;}.ty-blog h2,.ty-blog-grid h2{font-size:23px;}.ty-blog h3,.ty-blog-grid h3{font-size:21px;}.ty-blog h4,.ty-blog-grid h4{font-size:19px;}.ty-blog h5,.ty-blog-grid h5{font-size:16px;}.ty-blog h6,.ty-blog-grid h6{font-size:14px;}.ty-blog hr,.ty-blog-grid hr{margin-top:20px;margin-bottom:20px;}.ty-blog img,.ty-blog-grid img{width:auto;max-width:100%;margin-top:30px;margin-bottom:30px;}.ty-blog h2.ty-blog__post-title,.ty-blog-grid h2.ty-blog__post-title{margin-bottom:4px;}.ty-blog .ty-blog__post-title,.ty-blog-grid .ty-blog__post-title{margin-bottom:0;padding:0 0 6px;font-size:27px;}.ty-blog .ty-blog__img-block,.ty-blog-grid .ty-blog__img-block{margin-top:20px;margin-bottom:20px;}.ty-blog .ty-blog__img-block img,.ty-blog-grid .ty-blog__img-block img{margin-top:0;margin-bottom:0;}.ty-blog .ty-blog__description,.ty-blog-grid .ty-blog__description{margin-bottom:30px;}.ty-blog .ty-blog__date,.ty-blog-grid .ty-blog__date{display:inline-block;margin-bottom:15px;margin-right:10px;color:#adadad;font-weight:normal;font-size:12px;}.ty-blog .ty-blog__author,.ty-blog-grid .ty-blog__author{display:inline-block;margin-bottom:15px;padding-left:12px;border-left:1px solid #adadad;color:#adadad;font-weight:normal;font-size:12px;}.ty-blog-sidebox{margin:0 0 10px;}.ty-blog-sidebox__item{border-bottom:1px solid #edf2f5;padding-bottom:10px;margin-bottom:7px;word-wrap:break-word;}.ty-blog-sidebox__item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}.ty-blog-text-links{margin:20px 0 40px;}.ty-blog-text-links__item{margin-bottom:20px;}.ty-blog-text-links__item:last-child{margin-bottom:25px;}.ty-blog-text-links__date{color:#adadad;border:1px solid #edf2f5;padding:3px 8px;margin-right:9px;float:left;font-size:12px;}.ty-blog-text-links__a{display:block;padding-top:3px;word-wrap:break-word;}.ty-blog-recent-posts-scroller{margin-left:-10px;margin-right:-10px;}.ty-blog-recent-posts-scroller__item{margin-bottom:10px;margin-top:10px;padding-left:10px;padding-right:10px;word-wrap:break-word;}.ty-blog-recent-posts-scroller__item .ty-blog__date{display:block;margin-bottom:0;margin-top:5px;color:#adadad;font-size:12px;}.ty-blog-recent-posts-scroller__img-block{margin-bottom:10px;max-height:150px;min-height:150px;overflow:hidden;position:relative;text-align:center;}.ty-blog-recent-posts-scroller__img-block img{display:block;bottom:-100%;left:0;margin:auto;position:absolute;right:0;top:-100%;vertical-align:middle;}.ty-blog-recent-posts-scroller__img-block .ty-no-image{height:150px;min-height:initial !important;min-width:initial !important;}@media (max-width: 767px){.ty-blog__title{margin-top:50px;}}.ty-form-builder__checkbox-label,.ty-form-builder__radio-label{display:inline-block;margin:0 15px 5px 0;white-space:nowrap;}.ty-form-builder__multiple-select,.ty-form-builder__select,.ty-form-builder__state,.ty-form-builder__country{width:100%;max-width:500px;}.ty-form-builder__textarea{width:100%;max-width:500px;}.ty-form-builder .ty-input-text{width:100%;max-width:500px;}@media (max-width: 979px){.ty-form-builder__textarea{max-width:400px;}.ty-form-builder .ty-input-text{max-width:400px;}.ty-form-builder__multiple-select,.ty-form-builder__select,.ty-form-builder__state,.ty-form-builder__country{max-width:400px;}}.ty-twishlist-item{text-align:center;height:18px;margin-bottom:10px;}.ty-grid-list__item:hover .ty-twishlist-item__remove{visibility:visible;}.ty-add-to-wish{display:inline-block;margin:0;}@media (max-width: 767px){.ty-wish-list__buttons .ty-btn{display:block;width:100%;}.ty-wish-list__buttons .ty-btn + .ty-btn{margin:15px 0 0;}}#tygh_main_container{padding:0;}.ty-blog img .bl_sect__shopReviewList img,.ty-blog img .cmsContainer-multiColumn img,.ty-blog-grid .bl_sect__shopReviewList img,.ty-blog-grid .cmsContainer-multiColumn img{margin:0;}.cmsContainer-multiColumn .cmsArticleList-blog .cmsArticle_figure img{margin:0;}.cmsContainer-multiColumn .cmsAside_figure{margin-bottom:10px;}.bl_sect__blogList .bl_blog_list dl dt img{margin:0;}.cmsPager > * > *{background:none;}.cmsAside_list .cmsAside_figure img{margin:0;}@media (max-width: 640px){.ly_main__review section,.ly_main__blog section{width:100%;}}@media (max-width: 640px){.ly_main__review section .cmsArticle_title h1,.ly_main__blog section .cmsArticle_title h1{width:100%;}}.ly_main__review section.cmsArticle-voice,.ly_main__blog section.cmsArticle-voice{background:#fff;}@media (min-width: 641px){.ly_main__review section.cmsArticle-voice,.ly_main__blog section.cmsArticle-voice{padding:25px;margin-top:25px !important;}}@media (max-width: 640px){.ly_main__review section.cmsArticle-voice,.ly_main__blog section.cmsArticle-voice{padding:20px;}}.ly_main__review section.cmsArticle-voice .redactor-editor,.ly_main__blog section.cmsArticle-voice .redactor-editor{background:none;}.bl_sect__carDetail .cmsArticle_slide .swiper-wrapper .swiper-slide figure{position:relative;}.bl_sect__carDetail .cmsArticle_slide .swiper-wrapper .swiper-slide figure .img_abs{position:absolute;top:0;bottom:0;left:0;right:0;}.bl_sect__carDetail .cmsArticle_slide .swiper-wrapper .swiper-slide figure .text_abs{position:absolute;top:128px;right:45px;text-shadow:0px 3px 0px #174283;color:#fff;font-size:14px;-moz-transform:matrix(1.1613773701,0,0,1.1680322469,0,0);-webkit-transform:matrix(1.1613773701,0,0,1.1680322469,0,0);-ms-transform:matrix(1.1613773701,0,0,1.1680322469,0,0);padding:5px 10px 7px;background:linear-gradient(to top,#0856e6,#085696);border-radius:20px;box-shadow:0px 0px 9px 5px #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:12em;text-align:center;}@media (max-width: 640px){.bl_sect__carDetail .cmsArticle_slide .swiper-wrapper .swiper-slide figure .text_abs{font-size:calc(2.1875vw);top:calc(20vw);right:calc(7.03125vw);border-radius:calc(20vw/6.4);padding:calc(0.78125vw) calc(1.5625vw) calc(1.09375vw);}}form .help-inline p{color:#b94a48;}.ly_main .container-fluid.content-grid{min-width:auto;max-width:none;padding:0;}#tygh_main_container{overflow:hidden;}.tygh-top-panel a{font-size:0.9em;}.tygh-top-panel .ty-text-links__active a{color:#46aaf2;}.tygh-top-panel .ty-currencies__active,.tygh-top-panel .ty-currencies__item:hover{background-color:#3b3b3b;color:white;}.tygh-top-panel .ty-dropdown-box__title .ty-icon-down-micro,.tygh-top-panel .ty-dropdown-box__title a{color:#969b9b;}.tygh-top-panel .ty-dropdown-box__title:hover,.tygh-top-panel .ty-dropdown-box__title.open{background-color:#46aaf2;}.tygh-top-panel .ty-dropdown-box__title:hover .ty-icon-down-micro,.tygh-top-panel .ty-dropdown-box__title:hover a,.tygh-top-panel .ty-dropdown-box__title.open .ty-icon-down-micro,.tygh-top-panel .ty-dropdown-box__title.open a{color:white;}.tygh-top-panel .ty-dropdown-box__title.open:after{content:"";position:absolute;border-width:6px;border-style:solid;border-color:transparent transparent #46aaf2;left:50%;bottom:-7px;margin-left:-3px;}.tygh-top-panel .ty-dropdown-box__content{margin-top:6px;border-color:#46aaf2;}.tygh-top-panel .ty-select-block__a{padding:8px 13px 3px;color:#969b9b;}.tygh-top-panel .ty-select-block__a .ty-icon-down-micro{color:#969b9b;}.tygh-top-panel .ty-select-block__a:hover,.tygh-top-panel .ty-select-block__a.open{background-color:#3b3b3b;color:white;}.tygh-top-panel .ty-select-block__a:hover .ty-icon-down-micro,.tygh-top-panel .ty-select-block__a.open .ty-icon-down-micro{color:white;}.tygh-top-panel .top-quick-links a:hover{color:#969b9b;}.tygh-top-panel .ty-dropdown-box{margin:0;}.tygh-top-panel .ty-dropdown-box__title a:hover{color:white;}.tygh-top-panel .ty-text-links{margin-right:0;}.tygh-top-panel .ty-dropdown-box__content .ty-text-links{margin:0;}.tygh-top-panel .ty-dropdown-box__content .ty-text-links__item{display:block;margin:0;}.tygh-top-panel .ty-dropdown-box__content .ty-text-links__a{padding:7px 14px;display:block;color:#465363;}.tygh-top-panel .ty-dropdown-box__content .ty-text-links__a:hover{color:white;background:#f2464e;}.tygh-top-panel .ty-text-links-btn{color:#969b9b;}.tygh-top-panel .ty-text-links-btn.open{background:#46aaf2;color:white;}@media screen and (max-width: 767px){.ty-text-links_show_inline .ty-text-links__item{display:block;}.ty-text-links_show_inline{border:solid #46aaf2;border-width:3px 0 0;}.top-quick-links a{color:#465363;}.top-quick-links a:hover{color:#f2464e;}}.ty-account-info__item .ty-account-info__a{display:block;}.top-menu-grid{padding-top:32px;}.ty-select-block{background-color:#46aaf2;border:none;top:auto;}.ty-select-block__list-a{color:white;}.ty-select-block__list-a:hover{background-color:#f2464e;}.ty-select-block:after{content:"";position:absolute;border-width:6px;border-style:solid;border-color:transparent transparent #46aaf2;left:50%;top:-12px;margin-left:-3px;}.top-cart-content .ty-dropdown-box__title{background-color:#f2464e;position:relative;}.top-cart-content .ty-dropdown-box__title.open:after{content:"";position:absolute;border-width:6px;border-style:solid;border-color:transparent transparent #f2464e;left:50%;bottom:-6px;margin-left:-3px;}.top-cart-content .ty-dropdown-box__title a,.top-cart-content .ty-dropdown-box__title .ty-minicart__icon,.top-cart-content .ty-dropdown-box__title .ty-icon-down-micro{color:white;}.top-cart-content .ty-dropdown-box__content{margin-top:5px;}.ty-dropdown-box__content{border:none;border-top:3px solid #f2464e;}.ty-dropdown-box__content .ty-dropdown-box__item:hover{background:#f2464e;}input.ty-search-block__input:focus{border:2px solid #bcceda;background-color:#edf2f5;}.top-menu{position:relative;padding:10px 0 5px 0;z-index:10;}.top-menu:before,.top-menu:after{content:"";position:absolute;top:0;bottom:0;border-top:2px solid #edf2f5;z-index:-1;}.ty-menu__items{background:#fff;}.ty-menu__item{text-transform:uppercase;font-weight:bold;font-size:14px;margin-right:5px;}.ty-menu__item.visible-phone .ty-menu__item-link{padding:20px;background-color:#46aaf2;color:white;margin-right:0;}.ty-menu__item a{font:inherit;}.ty-menu__item-arrow i{top:13px;}.ty-menu__item .ty-menu__item-link,.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item-link{padding:12px 15px;min-height:0;}.no-touch .ty-menu__item:hover .ty-menu__item-link,.is-hover-menu .ty-menu__item-link,.is-hover-menu.ty-menu__item-active .ty-menu__item-link{background:#f2464e;color:white;}.ty-menu__item:hover:not(.ty-menu__item-nodrop) .ty-menu__item-link:after{content:"";position:absolute;border:6px solid;border-color:transparent transparent #f2464e;left:50%;bottom:-6px;margin-left:-3px;}.ty-menu-vertical .ty-menu__item:hover .ty-menu__item-link:after{display:none;}.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__submenu-items{top:0px;border:1px solid #f5f5f5;}.ty-menu-vertical .ty-menu__item{margin-right:0;}.ty-menu-vertical .ty-menu__item:hover i,.ty-menu-vertical .ty-menu__item.is-hover-menu i{color:#fff;}.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item i{color:#a1a6aa;}.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item:hover i,.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item.is-hover-menu i{color:#fff;}.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__submenu-items,.ty-menu-vertical .ty-menu__items{border:0;}.no-touch .ty-menu-vertical .ty-menu__item:hover .ty-menu__submenu .ty-menu__item-link,.ty-menu-vertical .is-hover-menu .ty-menu__submenu .ty-menu__item-link{background:none;color:#393939;text-transform:none;}.ty-menu-vertical .ty-menu__submenu .menu-level-1.ty-menu__item-active > .ty-menu__submenu-item-header .ty-menu__item-link,.ty-menu-vertical .ty-menu__submenu .menu-level-2.ty-menu__item-active > .ty-menu__submenu-item-header .ty-menu__item-link{background:#f2f2f2;}.no-touch .ty-menu-vertical .ty-menu__submenu .ty-menu__item:hover > .ty-menu__submenu-item-header .ty-menu__item-link,.ty-menu-vertical .ty-menu__submenu .is-hover-menu > .ty-menu__submenu-item-header .ty-menu__item-link{background:#f2464e;color:#fff;text-decoration:none;}.ty-menu__item > .ty-menu__submenu{padding-top:5px;margin-bottom:-2px;}.ty-menu__item > .ty-menu__submenu > ul{border-top:4px solid #f2464e;border-bottom:4px solid #bcceda;}.ty-menu__submenu{text-transform:none;}.ty-menu__submenu-item-header{text-transform:uppercase;border-bottom:none;}.ty-menu__submenu-item-header .ty-menu__submenu-link{font-weight:normal;}.ty-menu .ty-menu__item-link{padding:12px 13px;min-height:0;}@media screen and (min-width: 767px) and (max-width: 1000px){.ty-menu__item .ty-menu__item-link{padding:10px 8px;font-weight:normal;font-size:12px;min-height:0;}.ty-menu-vertical .ty-menu__item i{top:12px;}}@media screen and (min-width: 767px){.no-touch .ty-menu__submenu-items .ty-menu__submenu-link:hover{background-color:#edf2f5;padding:5px;margin:-5px;color:#f2464e;}.no-touch .ty-menu__submenu-item-header .ty-menu__submenu-link:hover{background-color:transparent;color:inherit;}}@media screen and (max-width: 767px){.top-menu{background:transparent;}.top-menu:before,.top-menu:after{display:none;}.ty-menu__item.visible-phone{text-transform:uppercase;margin:0 -12px;}.ty-menu__item{margin-right:0;text-transform:none;font-weight:normal;border-bottom-color:#465363;}.ty-menu-vertical .ty-menu__item i{font-size:14px;position:relative;top:-12px;right:0;color:#fff;}.ty-menu-vertical .ty-menu__item-active .ty-menu__item-link{background:#f2464e;}.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__submenu-item-header .ty-menu__item-link,.ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item .ty-menu__submenu .ty-menu__submenu-item-header .ty-menu__item-link{color:#fff;text-transform:none;font-weight:normal;background:none;}.ty-menu-vertical .ty-menu__submenu-items .ty-menu__item{border-top-color:#465363;}.no-touch .ty-menu-vertical .ty-menu__item:hover .ty-menu__submenu .ty-menu__item-link,.ty-menu-vertical .is-hover-menu .ty-menu__submenu .ty-menu__item-link,.ty-menu-vertical .is-hover-menu.ty-menu__item-active .ty-menu__submenu .ty-menu__item-link{font-size:14px;color:#fff;background:none;}.ty-menu__item.ty-menu__item-active .ty-menu__item-link,.no-touch .ty-menu__item.ty-menu__item-active:hover .ty-menu__item-link{background:#f2464e;}.ty-menu-vertical .ty-menu__item.menu-level-2.ty-menu__item-active,.ty-menu-vertical .ty-menu__submenu .ty-menu__item.ty-menu__item-active .ty-menu__submenu-item-header .ty-menu__item-link,.ty-menu-vertical .ty-menu__submenu .ty-menu__submenu .ty-menu__item.ty-menu__item-active .ty-menu__submenu-item-header .ty-menu__item-link{background:#981f26;}.ty-menu__item:hover:not(.ty-menu__item-nodrop) .ty-menu__item-link:after{display:none;}.ty-menu__item-toggle,.ty-menu__item-toggle-active{background-color:rgba(0,0,0,0.1) !important;width:38px;height:34px;top:7px;right:10px;}.ty-menu__item-toggle .ty-menu__icon-hide,.ty-menu__item-toggle .ty-menu__icon-open,.ty-menu__item-toggle-active .ty-menu__icon-hide,.ty-menu__item-toggle-active .ty-menu__icon-open{line-height:34px;}.ty-menu__item .ty-menu__item-link{color:white;padding:15px;}.ty-menu__submenu-items{background-color:transparent;}.ty-menu__item > .ty-menu__submenu > ul{border-top:none;border-bottom:none;}.ty-menu__items{background-color:#313a45;margin:0 12px;}.ty-menu__item > .ty-menu__submenu{padding-top:0;}.ty-menu__submenu-items{border:none;}.ty-menu__submenu-items .ty-menu__submenu-item{border-bottom:none !important;border-top:1px solid #465363 !important;}.ty-menu__submenu-items .ty-menu__submenu-item:hover .ty-menu__submenu-link{color:white;}.ty-menu__submenu-items .ty-menu__submenu-link{color:white;}.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header{border-bottom:none;border-top:1px solid #465363;text-transform:none;}.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header a{color:white;}.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header a:hover{color:white;}.ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header-active{background:rgba(255,0,0,0.5);}.ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item-active{background:rgba(255,0,0,0.3);}.ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item-active a{color:white;}}.ty-product-filters__wrapper{background-color:transparent;}.ty-product-filters__title,.ty-product-filters__item{color:inherit;}.ty-product-filters__item:hover{color:#f2464e;}.ty-product-filters__item.disabled,.ty-product-filters__item.checked.disabled,.ty-product-filters__item.disabled:hover{color:#dce0e6;}.ty-range-slider .ui-slider-range{background-color:#f2464e;}.ty-range-slider .ui-slider-handle{width:8px;height:8px;border:8px solid #46aaf2;}.ty-range-slider__num{color:#46aaf2;font-size:1em;background-color:#e6e6e6;width:40px;top:25px;left:-20px;}.ty-product-filters__switch{padding-right:30px;}.ty-product-filters__switch> i{margin-right:-20px;}@media screen and (min-width: 767px) and (max-width: 1000px){.ty-range-slider__num{font-size:9px;background:transparent;padding:0;}}.ty-sort-container,.ty-horizontal-product-filters{background-color:transparent;}.ty-sort-container__views-a,.ty-horizontal-product-filters__views-a{background-color:#edf2f5;color:#465363;margin-left:3px;}.ty-sort-container__views-a.active,.ty-sort-container__views-a:hover,.ty-horizontal-product-filters__views-a.active,.ty-horizontal-product-filters__views-a:hover{background-color:#f2464e;color:white;}.ty-sort-dropdown__wrapper,.ty-horizontal-product-filters-dropdown__wrapper{background-color:#edf2f5;border:2px solid #e6edf1;padding:3px 5px 7px;}.ty-sort-dropdown__wrapper:hover,.ty-sort-dropdown__wrapper.open,.ty-horizontal-product-filters-dropdown__wrapper:hover,.ty-horizontal-product-filters-dropdown__wrapper.open{background-color:white;color:#465363;}@media screen and (max-width: 400px){.ty-sort-dropdown__wrapper,.ty-horizontal-product-filters-dropdown__wrapper{font-size:0.9em;}}.ty-sort-dropdown__content,.ty-horizontal-product-filters-dropdown__content{border:2px solid #e6edf1;}.ty-sort-dropdown__content-item-a:hover,.ty-horizontal-product-filters-dropdown__content-item-a:hover{background-color:#edf2f5;color:#f2464e;}.ty-horizontal-product-filters{margin-bottom:0;}.ty-grid-list__item{border:1px solid #edf2f5;border-radius:5px;background-color:white;margin:0px 10px 25px 10px;padding:10px 10px 20px 10px;}.ty-grid-list__item:hover{background-color:white;}.ty-grid-list__item-name{max-width:100%;display:block;height:3.2em;overflow:hidden;}.ty-grid-list__item-name .product-title{color:#465363;font-size:1.15em;line-height:1.3em;}.ty-grid-list__item-name .product-title:hover{color:#f2464e;}.ty-grid-list__image{border:none;}.ty-grid-list__price{display:block;text-align:left;float:none;max-width:100%;}.ty-grid-list__control{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}.ty-grid-list__control .ty-btn{padding:10px 15px;}.ty-no-items{color:#465363;}.ty-price-num{font-weight:normal;font-size:1.25em;}.ty-list-price{color:#8292a7;}.grid-list__rating{height:24px;}.ty-grid-list__control{position:relative;}.ty-quick-view-button{text-align:center;position:absolute;width:100%;width:calc(100% - 20px);bottom:100%;margin-bottom:120px;}.ty-scroller-list__item .ty-quick-view-button{bottom:50px;}.ty-product-list{background-color:white;border:1px solid #edf2f5;padding:10px;margin-bottom:10px;}.ty-product-list__item-name{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #edf2f5;}.ty-product-list__image{border:none;}.ty-product-list + hr{display:none;}.ty-product-list__control .ty-btn__text{padding:0 !important;}.ty-compact-list{background-color:white;border:1px solid #edf2f5;}.ty-compact-list__item:last-child{border-bottom:none;}.ty-compact-list__controls{margin-right:10px;}.ty-compact-list__item .ty-value-changer{padding-top:6px;}.ty-pagination__bottom{border:none;}.ty-pagination__selected{background-color:#f2464e;color:white;}.ty-pagination__item:hover{background-color:transparent;color:#f2464e;}.ty-pagination__text{text-transform:none;background-color:transparent;color:inherit;}.ty-sidebox{background-color:white;border-bottom:3px solid #bcceda;}.ty-sidebox__title{background-color:#46aaf2;color:white;padding:6px 30px 12px 12px;margin:0;}.ty-sidebox__title span,.ty-sidebox__title a{color:inherit;}.ty-sidebox__body{padding:12px;}.ty-sidebox__icon-open,.ty-sidebox__icon-hide{color:white;margin-top:6px;padding:6px 12px;float:right;}.ty-btn{padding:10px 15px;text-transform:none;}.ty-btn:hover,.ty-btn:active{padding:10px 15px;}.ty-btn__primary:hover{background-color:#46aaf2;}.ty-btn__secondary:hover{background-color:#f2464e;}.buttons-container{background:#edf2f5;}.ty-product-block__img-wrapper{background-color:white;padding:10px;border:1px solid #edf2f5;}.ty-product-block__note .product-promo-header{text-transform:uppercase;font-weight:normal;}.ty-product-block__note .product-promo-body{font-size:0.9em;color:#73859c;}.ty-product-block-title{padding-bottom:5px;border-bottom:1px solid #edf2f5;}.ty-product-switcher span{color:#465363;}.ty-product-switcher__icon{color:#46aaf2;}.ty-product-switcher__a:hover .ty-product-switcher__icon{color:#f2464e;}.ty-product-switcher__a.disabled .ty-product-switcher__icon{color:#46aaf2;opacity:0.5;}.ty-product-img{border:none;}@media screen and (max-width: 767px){.ty-product-block-title{margin-top:15px;}.ty-product-block__button .ty-btn{margin-right:10px;}.ty-btn + .ty-btn{margin-left:0;}.ty-btn__text{padding:0 !important;}}.ty-tabs__item{background-color:#edf2f5;font-size:1.25em;margin:4px 4px 4px 0;border:1px solid transparent;border-width:0 1px;}.ty-tabs__item:hover{background-color:white;}.ty-tabs__item:hover a{color:#1694ef;}.ty-tabs__item.active{background-color:white;color:#46aaf2;border-right:1px solid #ccdae3;border-left:1px solid #ccdae3;}.ty-tabs__item.active .ty-tabs__a{color:inherit;}.ty-tabs__item.active:after{content:"";display:block;background:#fff;width:100%;position:absolute;height:5px;left:-1px;border-right:1px solid #ccdae3;border-left:1px solid #ccdae3;}.ty-tabs__a{color:inherit;font:inherit;padding:12px 20px;}.ty-tabs__content{background-color:white;border:1px solid #ccdae3;border-top:none;padding:20px;}.ty-tabs__content .content-description{line-height:1.5;}.ty-discussion-post{background:white;}.ty-cart-content th{background-color:white;border:1px solid #edf2f5;}.ty-cart-content tbody tr:nth-child(2n){background-color:white;}.ty-cart-content .ty-cart-content__product-elem,.ty-cart-content .ty-cart-content__title{border:1px solid #edf2f5;}.ty-cart-total{border:1px solid #edf2f5;}.ty-cart-total input[type="text"]{border-color:#dde6ec;}.ty-cart-total__wrapper{border:none;}.ty-step__container,.ty-step__container-active{overflow:hidden;margin-bottom:5px;border:1px solid #edf2f5;}.ty-step__container h3,.ty-step__container-active h3{margin-bottom:0;}.ty-step__title-arrow{display:none;}.ty-step__container-active{background-color:white;}.ty-step__container-active .ty-step__title-left{color:white;background-color:transparent;}.ty-step__container-active .ty-step__title-txt{color:white;}.ty-step__title .ty-step__title-left{color:#465363;}.ty-step__title .ty-step__title-txt{color:#465363;}.ty-step__title-left,.ty-step__title-txt{background-color:transparent;}.ty-step__title-active{background-color:#46aaf2;}.ty-step__title-complete .ty-step__title-right .ty-btn{padding:0;margin:4px 0;background-color:transparent;color:#465363;}.ty-checkout-buttons{background-color:transparent;border:none;}.notification-content-extended h1{background-color:transparent;border:none;}.notification-content-extended h1 span{color:#465363;}.notification-content-extended h1 span:hover{color:#f2464e;}.ui-dialog .ui-dialog-titlebar{background:transparent;border:none;}.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{color:#465363;}.ui-dialog .ui-dialog-titlebar-close.ui-state-hover .ui-icon-closethick{color:#667990 !important;}.ui-widget-header .ui-dialog-titlebar-close.ui-state-hover span:before{color:#46aaf2;}.ty-cart-items__list-item .ty-icon-cancel-circle{color:#46aaf2;}.ty-breadcrumbs__a{color:#465363;}.ty-breadcrumbs__current{color:#888;}.ty-footer-menu{background:#081b29 url('//patterns.cart-services.com/images/6.png') repeat;}.ty-footer-menu__header{font-size:1.45em;font-weight:normal;color:white;}.ty-footer-menu__item{margin-bottom:6px;}.ty-footer-menu__item a{color:white;font-size:0.95em;}.ty-footer-menu__item a:hover{color:#f2464e;}.footer-copyright{background-color:#040d14;}@media screen and (max-width: 767px){.ty-footer-menu{padding-bottom:10px;}.ty-footer-menu__header{font-size:1.2em;border-bottom-color:#103754;}.ty-footer-menu__item{border-bottom-color:#103754;margin-bottom:0;}.ty-footer-menu__icon-open,.ty-footer-menu__icon-hide{font-size:14px;padding:8px 12px;background-color:rgba(0,0,0,0.1);}.footer-no-wysiwyg .ty-footer-menu__items,.footer-no-wysiwyg .ty-footer-general__body{margin-top:0;}.ty-compact-list__controls{margin-right:0px;}}.owl-carousel.ty-scroller-list{background:white;padding:10px 0;border:1px solid #edf2f5;}.owl-theme .owl-controls .owl-buttons div{opacity:1;background:#46aaf2;line-height:24px;}.owl-theme .owl-controls.clickable .owl-buttons div:hover{background:#f2464e;}.owl-theme .owl-controls .owl-page span{background-color:#46aaf2;}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background-color:#f2464e;}input[type="text"],input[type="password"],textarea,select{padding:4px 8px;border:2px solid #edf2f5;background:#edf2f5;}input[type="text"]:hover,input[type="password"]:hover,textarea:hover{border-color:#8dcbf7;}input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:0;border-color:#8dcbf7;background:#fff;}.ty-control-group__title{font-weight:normal;}.ty-calendar__button{color:#465363;}.footer-stay-connected{background:#46aaf2;}.ty-btn-go{border:none;}.ty-compare-menu__elem{background:#465363;}.ty-product-empty{border:1px solid #edf2f5;}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v12/5YB-ifwqHP20Yn46l_BDhA.eot);src:local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v12/5YB-ifwqHP20Yn46l_BDhA.eot) format('embedded-opentype'), url(//fonts.gstatic.com/s/roboto/v12/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/IC_Dw3HJuHH__1Luo8iRGA.woff2) format('woff2'), url(//fonts.gstatic.com/s/roboto/v15/Y5yuUJGDLtmYv2_3fMB4fA.woff) format('woff');}