@charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font: inherit; } .sitebar__wrap .sitebarCassette__left .site__name a, .sitebar__wrap .sitebarCassette__left .site__name a:hover, .sitebar__wrap .sitebarCassette__left .site__name a:active, .sitebar__wrap .sitebarCassette__left .site__name a:visited { pointer-events: none; text-decoration: none !important; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ""; content: none; } q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } .font-size--x-small, .ui-btn.mini, .ui-hint, .ui-ef-checked, .container__search-col .search-panel select, .prettyprint, .ui-datepicker .ui-datepicker-calendar thead th, .rc-product__basic-info .rc-supplier-view .rc-supplier-view__company, .rc-product__basic-info .rc-supplier-view .rc-supplier-view__class-name, .rc-product__outline figcaption, .rc-product__discount .discount-coupon .discount-coupon__rate, .rc-option > header .rc-option__title .ui-label, .rc-option > header .rc-option__title .ui-ef-description-list dt, .ui-ef-description-list .rc-option > header .rc-option__title dt, .rc-option > header .rc-option__title .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec .rc-option > header .rc-option__title dt, .rc-option > header .rc-option__title .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .rc-price__rate, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .rc-option > header .rc-option__title .rc-price__rate, .rc-option > header .rc-option__title .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information .rc-option > header .rc-option__title dt, .rc-option > header .rc-option__title .rc-product__basic-info .rc-spec dt, .rc-product__basic-info .rc-spec .rc-option > header .rc-option__title dt, .rc-option > header .rc-option__title .rc-supplier-message .rc-supplier-message__point dt, .rc-supplier-message .rc-supplier-message__point .rc-option > header .rc-option__title dt, .rc-option > header .rc-option__title .rc-conditions .rc-supplier-view .rc-supplier-view__company, .rc-conditions .rc-supplier-view .rc-option > header .rc-option__title .rc-supplier-view__company, .rc-option > header .rc-option__title .rc-estimate .estimate-report .estimate-report__title, .rc-estimate .estimate-report .rc-option > header .rc-option__title .estimate-report__title, .rc-option > header .rc-option__title .rc-estimate--result .estimate-report .estimate-report__title, .rc-estimate--result .estimate-report .rc-option > header .rc-option__title .estimate-report__title, .rc-option > header .rc-option__title .rc-estimate--confirm .estimate-report .estimate-report__title, .rc-estimate--confirm .estimate-report .rc-option > header .rc-option__title .estimate-report__title, .rc-option > header .rc-option__title .rc-reserved dl.rc-reserved__info-list dt, .rc-reserved dl.rc-reserved__info-list .rc-option > header .rc-option__title dt, .rc-estimate .estimate-report .estimate-report__title, .rc-estimate--result .estimate-report .estimate-report__title, .rc-estimate--confirm .estimate-report .estimate-report__title { font-size: 11px; font-size: 0.6875rem; } .font-size--small, address, .ui-btn.small, .rc-estimate .rc-estimate__header .rc-estimate__action-change .ui-btn, .rc-estimate--result .rc-estimate__header .rc-estimate__action-change .ui-btn, .ui-alert.small p, .callout.small p, .ui-unit, .breadcrumb, .breadcrumb--type-2 li a, .ui-ef-error, table.table.small th, table.table.small td, .container__search-col .search-panel, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__topics li, .rc-summary .rc-summary__footer .rc-summary__option .rc-option-topics li, .rc-summary .rc-summary__footer .rc-support, .rc-product .rc-product__header .rc-product__company, .rc-product .rc-product__header .rc-product__title .ui-label, .rc-product .rc-product__header .rc-product__title .ui-ef-description-list dt, .ui-ef-description-list .rc-product .rc-product__header .rc-product__title dt, .rc-product .rc-product__header .rc-product__title .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec .rc-product .rc-product__header .rc-product__title dt, .rc-product .rc-product__header .rc-product__title .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .rc-price__rate, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .rc-product .rc-product__header .rc-product__title .rc-price__rate, .rc-product .rc-product__header .rc-product__title .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information .rc-product .rc-product__header .rc-product__title dt, .rc-product .rc-product__header .rc-product__title .rc-product__basic-info .rc-spec dt, .rc-product__basic-info .rc-spec .rc-product .rc-product__header .rc-product__title dt, .rc-product .rc-product__header .rc-product__title .rc-supplier-message .rc-supplier-message__point dt, .rc-supplier-message .rc-supplier-message__point .rc-product .rc-product__header .rc-product__title dt, .rc-product .rc-product__header .rc-product__title .rc-conditions .rc-supplier-view .rc-supplier-view__company, .rc-conditions .rc-supplier-view .rc-product .rc-product__header .rc-product__title .rc-supplier-view__company, .rc-product .rc-product__header .rc-product__title .rc-estimate .estimate-report .estimate-report__title, .rc-estimate .estimate-report .rc-product .rc-product__header .rc-product__title .estimate-report__title, .rc-product .rc-product__header .rc-product__title .rc-estimate--result .estimate-report .estimate-report__title, .rc-estimate--result .estimate-report .rc-product .rc-product__header .rc-product__title .estimate-report__title, .rc-product .rc-product__header .rc-product__title .rc-estimate--confirm .estimate-report .estimate-report__title, .rc-estimate--confirm .estimate-report .rc-product .rc-product__header .rc-product__title .estimate-report__title, .rc-product .rc-product__header .rc-product__title .rc-reserved dl.rc-reserved__info-list dt, .rc-reserved dl.rc-reserved__info-list .rc-product .rc-product__header .rc-product__title dt, .rc-product__basic-info .rc-spec dd, .car-model .car-model__name, .rc-product__discount .discount-coupon .discount-coupon__title, .rc-product__discount .discount-coupon .discount-coupon__price, .rc-conditions .rc-supplier-view .rc-supplier-view__class-name, .rc-option > header .rc-option__additional, .rc-option > header .rc-option__hint, .rc-option .stuff-message .stuff-comment, .rc-option .rc-option__description, .rc-estimate .estimate-report, .rc-estimate--result .estimate-report, .rc-estimate .estimate-total-price .estimate-total-price__discription, .rc-estimate--result .estimate-total-price .estimate-total-price__discription, .rc-estimate--result .reserve-price .estimate-report, .rc-estimate--confirm .estimate-report, .rc-estimate--confirm .estimate-total-price .estimate-total-price__discription, .top-search--wrapper .airportlist li a, .top-search--wrapper .stationlist li a, .top-search--wrapper .area-select-section dd a, .top-rcnav--wapper .top-rcnav .top-rcnav__btn { font-size: 12px; font-size: 0.75rem; } .font-size--normal, body, .ui-btn, .cartype-select-nav .cartype-select-nav__select li a, .rc-shop-summary .rc-shop-summary__header .rc-shop-summary__tel, .rc-equipment .rc-equipment__description, .rc-estimate .rc-estimate__header .rc-estimate__title, .rc-estimate--result .rc-estimate__header .rc-estimate__title, .rc-estimate--result .reserve-price .estimate-total-price .estimate-total-price__title, .rc-estimate--result .reserve-price .estimate-total-price .estimate-total-price__discription, .rc-estimate--result .estimate-report, .rc-estimate--result .estimate-total-price .estimate-total-price__discription { font-size: 13px; font-size: 0.8125rem; } .font-size--medium, .container__search-col .search-panel .search-panel__header .search-panel__title, .rc-summary .rc-summary__header .rc-summary__title, .rc-shop-summary .rc-shop-summary__header .rc-shop-summary__title, .rc-equipment .rc-equipment__description dt, .rc-option > header .rc-option__title, table.price-table .price { font-size: 14.5px; font-size: 0.90625rem; } .font-size--large, .ui-btn.large, .ui-alert h1, .ui-alert h2, .ui-alert h3, .ui-alert h4, .ui-alert h5, .ui-alert h6, .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6, .rc-summary .rc-summary__header, .rc-shop-summary .rc-shop-summary__header, .rc-product .rc-product__header, .rc-product .rc-product__header .rc-product__title, .rc-product__description > .copy, .rc-product__details > h3, .rc-supplier-message > h3, .rc-conditions .rc-conditions__header, .rc-conditions .rc-conditions__header h3, .rc-add-opt .rc-add-opt__header, .rc-add-opt .rc-add-opt__header h3, .rc-estimate--result .rc-estimate__header .rc-estimate__title, .rc-estimate--result .reserve-details .reserve-details__title, .rc-estimate--result .estimate-total-price .estimate-total-price__title, .reserve-information .reserve-information__header, .reserve-attention .reserve-attention__header, .rc-entry .rc-entry__header, .rc-estimate--confirm .rc-estimate__header, .rc-estimate--confirm .reserve-details .reserve-details__title, .rc-reserve .rc-reserve__header, .rc-reserve-action .rc-reserve-action__header, .rc-reserved .rc-reserved__header, .top-search--wrapper .top-search__title, .top-section--wapper .top-info .top-info__title, .top-section--wapper .top-attention .top-attention__title, .top-section--wapper .top-guide .top-guide__title { font-size: 16px; font-size: 1rem; } .font-size--x-large, .rc-product__details > h2, .rc-estimate--result .reserve-price .estimate-total-price .estimate-total-price__discription .price { font-size: 18px; font-size: 1.125rem; } .font-size--xx-large, .rc-product__discount .discount-coupon .discount-coupon__price .price, .rc-estimate .estimate-total-price .estimate-total-price__discription .price, .rc-estimate--result .estimate-total-price .estimate-total-price__discription .price, .rc-estimate--confirm .estimate-total-price .estimate-total-price__discription .price, .rc-reserved .rc-reserved__thanks-title { font-size: 20px; font-size: 1.25rem; } .font-size--xxx-large, .rc-estimate--result .estimate-total-price .estimate-total-price__discription .price { font-size: 28px; font-size: 1.75rem; } html { font-size: 100%; } body { color: #484c50; background-color: #f1f2f6; font-smoothing: subpixel-antialiased; } a:link { color: #4379ba; text-decoration: none; } a:visited { color: #4379ba; text-decoration: none; } a:hover { color: #4379ba; text-decoration: underline; } a:active { color: #4379ba; } address { text-align: center; } code { border: 1px solid #e6e7e9; background: #f3f4f5; border-radius: 3px; padding: 1px 2px; margin: 0 2px; color: #c92f1b; font-size: 85%; white-space: nowrap; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace, meiryo; vertical-align: baseline; } hr { border: 0; height: 0; border-top: 1px solid #e6e7e9; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } @font-face { font-family: FontAwesome; src: url("/car/common/fonts/fontawesome-webfont.eot"); src: url("/car/common/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("/car/common/fonts/fontawesome-webfont.woff") format("woff"), url("/car/common/fonts/fontawesome-webfont.ttf") format("truetype"), url("/car/common/fonts/fontawesome-webfont.svg#FontAwesome") format("svg"); font-weight: normal; font-style: normal; } .js-cassette-link { cursor: pointer; } .globalHeader { width: 980px; margin: 0 auto; display: none; } .rcHeader .rcNav { width: 980px; margin: 0 auto; } .container { width: 990px; margin: 0 auto; overflow: hidden; *zoom: 1; } .container .row { overflow: hidden; *zoom: 1; padding: 0 5px; } .container .container__main { width: 684px; float: left; } .container .container__sub { width: 280px; float: right; } .container .container__foot { clear: both; } .container .container__summary-col { width: 720px; float: right; padding-bottom: 32px; } .container .container__search-col { width: 244px; float: left; } .globalFooter { width: 980px; margin: 0 auto; } .rcFooter { margin: 64px auto 16px; } .corporateNavigation { width: 980px; margin: 0 auto; } .banner-container { margin-bottom: 16px; } .ui-btn { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA="); background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0)); box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px 0; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "sans-serif"; border-radius: 4px; font-weight: bold; text-align: center; padding: 6px 8px; vertical-align: middle; line-height: 100%; background-color: #e6e6e6; cursor: pointer; border-width: 1px; border-style: solid; border-color: #bfbfbf; border-bottom-color: #a6a6a6; overflow: visible; color: #6c747e; position: relative; } .ui-btn:link, .ui-btn:active, .ui-btn:visited, .ui-btn:hover { text-decoration: none; color: #6c747e; } .ui-btn:hover { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA="); background-size: 100%; background-image: linear-gradient( to bottom, #ffffff, rgba(255, 255, 255, 0.3) ); box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px; text-shadow: none; border-color: #a6a6a6; border-bottom-color: #8c8c8c; } .ui-btn:active { background-image: none; box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px; text-shadow: none; } .ui-btn.primary, .ui-btn.cv, .rc-estimate .rc-estimate__header .rc-estimate__action-change .ui-btn, .rc-estimate--result .rc-estimate__header .rc-estimate__action-change .ui-btn, .ui-btn.success, .ui-btn.warning, .ui-btn.danger { color: #fff; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) ); } .ui-btn.primary:link, .ui-btn.primary:active, .ui-btn.primary:visited, .ui-btn.primary:hover, .ui-btn.cv:link, .rc-estimate .rc-estimate__header .rc-estimate__action-change .ui-btn:link, .rc-estimate--result .rc-estimate__header .rc-estimate__action-change .ui-btn:link, .ui-btn.cv:active, .rc-estimate .rc-estimate__header .rc-estimate__action-change .ui-btn:active, .rc-estimate--result .rc-estimate__header .rc-estimate__action-change .ui-btn:active, .ui-btn.cv:visited, .rc-estimate .rc-estimate__header .rc-estimate__action-change .ui-btn:visited, .rc-estimate--result .rc-estimate__header .rc-estimate__action-change .ui-btn:visited, .ui-btn.cv:hover, .rc-estimate .rc-estimate__header .rc-estimate__action-change .ui-btn:hover, .rc-estimate--result .rc-estimate__header .rc-estimate__action-change .ui-btn:hover, .ui-btn.success:link, .ui-btn.success:active, .ui-btn.success:visited, .ui-btn.success:hover, .ui-btn.warning:link, .ui-btn.warning:active, .ui-btn.warning:visited, .ui-btn.warning:hover, .ui-btn.danger:link, .ui-btn.danger:active, .ui-btn.danger:visited, .ui-btn.danger:hover { text-decoration: none; color: #fff !important; } .ui-btn.primary:hover, .ui-btn.cv:hover, .rc-estimate .rc-estimate__header .rc-estimate__action-change .ui-btn:hover, .rc-estimate--result .rc-estimate__header .rc-estimate__action-change .ui-btn:hover, .ui-btn.success:hover, .ui-btn.warning:hover, .ui-btn.danger:hover { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05) ); box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px; } .ui-btn.primary:active, .ui-btn.cv:active, .rc-estimate .rc-estimate__header .rc-estimate__action-change .ui-btn:active, .rc-estimate--result .rc-estimate__header .rc-estimate__action-change .ui-btn:active, .ui-btn.success:active, .ui-btn.warning:active, .ui-btn.danger:active { background-image: none; box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px; } .ui-btn.primary { background-color: #1460ba; border: 1px solid #1254a3; } .ui-btn.primary:hover { border: 1px solid #0f488c; } .ui-btn.cv, .rc-estimate .rc-estimate__header .rc-estimate__action-change .ui-btn, .rc-estimate--result .rc-estimate__header .rc-estimate__action-change .ui-btn { background-color: #f27b11; border: 1px solid #dd6f0c; } .ui-btn.cv:hover, .rc-estimate .rc-estimate__header .rc-estimate__action-change .ui-btn:hover, .rc-estimate--result .rc-estimate__header .rc-estimate__action-change .ui-btn:hover { border: 1px solid #c5630b; } .ui-btn.success { background-color: #2fa30f; border: 1px solid #288c0d; } .ui-btn.success:hover { border: 1px solid #144606; } .ui-btn.warning { background-color: #e59e00; border: 1px solid #cc8c00; } .ui-btn.warning:hover { border: 1px solid #7f5800; } .ui-btn.danger { background-color: #c92f1b; border: 1px solid #b32a18; } .ui-btn.danger:hover { border: 1px solid #6f1a0f; } .ui-btn.large { padding: 8px 14px; line-height: 100%; } .ui-btn.small, .rc-estimate .rc-estimate__header .rc-estimate__action-change .ui-btn, .rc-estimate--result .rc-estimate__header .rc-estimate__action-change .ui-btn { padding: 4px 10px; line-height: 100%; } .ui-btn.mini { padding: 3px 6px; line-height: 100%; } /* 商品一覧ページ内、検索順切り替えボタン */ .ui-btn-group { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-height: 1; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px 0; position: relative; } .ui-btn-group:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .ui-btn-group { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .ui-btn-group .ui-btn { margin: 0; margin-left: -1px; box-shadow: rgba(255, 255, 255, 0.8) 0 1px 0 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset; float: left; border-radius: 0; z-index: 1; } .ui-btn-group .ui-btn:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin-left: 0; } .ui-btn-group .ui-btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-btn-group .ui-btn:hover { z-index: 2; } .ui-btn-group .ui-btn:active { background-image: none; box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px; text-shadow: none; z-index: 4; } .ui-btn-group .ui-btn.active { color: #fff; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g"); background-size: 100%; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) ); background: #1460ba; border: 1px solid #1254a3; z-index: 3; box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset; } .ui-btn-group .ui-btn.active:link, .ui-btn-group .ui-btn.active:active, .ui-btn-group .ui-btn.active:visited, .ui-btn-group .ui-btn.active:hover { text-decoration: none; color: #fff !important; } .ui-btn-group .ui-btn.active:hover { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05) ); box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px; } .ui-btn-group .ui-btn.active:active { background-image: none; box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px; } /* アイコン */ .ui-icon { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: middle; } .ui-icon.i-20, .ui-icon.i-26, .ui-icon.i-28, .ui-icon.i-30 { vertical-align: middle; background-position: 0 0; background-repeat: no-repeat; } .ui-icon.i-20 { width: 20px; height: 20px; } .ui-icon.i-26 { width: 26px; height: 26px; } .ui-icon.i-28 { width: 28px; height: 28px; } .ui-icon.i-30 { width: 30px; height: 30px; } .rc-option i.ui-icon.i-30 { padding-right: 5px; margin-bottom: 7px; } .ui-icon.rc-condition { background-image: url("/car/common/images/ico/ico-conditions-w26.png"); } .ui-icon.rc-conditions__company-icon { background-image: url("/car/common/images/ico/ico-company-w30.png"); } .ui-icon.rc-conditions__car-icon { background-image: url("/car/common/images/ico/ico-rentacar-w30.png"); } .ui-icon.rc-conditions__start-icon { background-image: url("/car/common/images/ico/ico-start-w30.png"); } .ui-icon.rc-conditions__end-icon { background-image: url("/car/common/images/ico/ico-end-w30.png"); } .ui-icon.rc-option-icon { background-image: url("/car/common/images/ico/ico-option-w26.png"); } .ui-icon.i-info { margin-right: 4px; } .ui-icon.i-info:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; font-family: "FontAwesome" !important; } .ui-icon.i-warning { margin-right: 4px; } .ui-icon.i-warning:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; font-family: "FontAwesome" !important; } .ui-icon.i-error { margin-right: 4px; } .ui-icon.i-error:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; font-family: "FontAwesome" !important; } .ui-icon.i-success { margin-right: 4px; } .ui-icon.i-success:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; font-family: "FontAwesome" !important; } .ui-icon.i-popup { margin-left: 4px; } .ui-icon.i-popup:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; font-family: "FontAwesome" !important; } .ui-icon.i-car { margin-right: 4px; } .ui-icon.i-car:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; font-family: "FontAwesome" !important; } .ui-icon.i-tag { margin-right: 4px; } .ui-icon.i-tag:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; font-family: "FontAwesome" !important; } .ui-icon.i-tags { margin-right: 4px; } .ui-icon.i-tags:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 16px; font-family: "FontAwesome" !important; } .ui-icon.i-bullhorn { margin-right: 4px; } .ui-icon.i-bullhorn:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; font-family: "FontAwesome" !important; } .ui-icon.i-calculator { margin-right: 4px; } .ui-icon.i-calculator:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: inherit; font-family: "FontAwesome" !important; } .ui-icon.i-stuff { background-image: url("/car/common/images/ico/ico-girl.png"); } .ui-icon.i-check:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; font-family: "FontAwesome" !important; } .ui-icon.i-marker:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; font-family: "FontAwesome" !important; } .ui-icon.i-error-2 { margin-right: 4px; } .ui-icon.i-error-2:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; font-family: "FontAwesome" !important; } .ui-icon.i-ng:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; font-family: "FontAwesome" !important; } .ui-icon.i-print:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; font-family: "FontAwesome" !important; } .ui-icon.i-search:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; font-family: "FontAwesome" !important; } .ui-icon.i-phone:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; font-family: "FontAwesome" !important; } .ui-label, .ui-ef-description-list dt, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .rc-price__rate, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt, .rc-product__basic-info .rc-spec dt, .rc-supplier-message .rc-supplier-message__point dt, .rc-conditions .rc-supplier-view .rc-supplier-view__company, .rc-estimate .estimate-report .estimate-report__title, .rc-estimate--result .estimate-report .estimate-report__title, .rc-estimate--confirm .estimate-report .estimate-report__title, .rc-reserved dl.rc-reserved__info-list dt { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; border-radius: 4px; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); background: #a1a7ae; font-size: 93%; color: #fff; font-weight: 600; padding: 4px; margin-right: 4px; vertical-align: middle; line-height: 100%; text-align: center; } .ui-label.info, .ui-ef-description-list dt.info, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt.info, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec .rc-supplier-message .rc-supplier-message__point dt, .rc-supplier-message .rc-supplier-message__point .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .info.rc-price__rate, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .rc-supplier-message .rc-supplier-message__point dt.rc-price__rate, .rc-supplier-message .rc-supplier-message__point .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title dt.rc-price__rate, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt.info, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information .rc-supplier-message .rc-supplier-message__point dt, .rc-supplier-message .rc-supplier-message__point .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt, .rc-product__basic-info .rc-spec dt.info, .rc-supplier-message .rc-supplier-message__point dt, .rc-conditions .rc-supplier-view .info.rc-supplier-view__company, .rc-conditions .rc-supplier-view .rc-supplier-message .rc-supplier-message__point dt.rc-supplier-view__company, .rc-supplier-message .rc-supplier-message__point .rc-conditions .rc-supplier-view dt.rc-supplier-view__company, .rc-estimate .estimate-report .info.estimate-report__title, .rc-estimate--result .estimate-report .info.estimate-report__title, .rc-estimate .estimate-report .rc-supplier-message .rc-supplier-message__point dt.estimate-report__title, .rc-supplier-message .rc-supplier-message__point .rc-estimate .estimate-report dt.estimate-report__title, .rc-estimate--result .estimate-report .rc-supplier-message .rc-supplier-message__point dt.estimate-report__title, .rc-supplier-message .rc-supplier-message__point .rc-estimate--result .estimate-report dt.estimate-report__title, .rc-estimate--confirm .estimate-report .info.estimate-report__title, .rc-estimate--confirm .estimate-report .rc-supplier-message .rc-supplier-message__point dt.estimate-report__title, .rc-supplier-message .rc-supplier-message__point .rc-estimate--confirm .estimate-report dt.estimate-report__title, .rc-reserved dl.rc-reserved__info-list dt.info, .rc-reserved dl.rc-reserved__info-list .rc-supplier-message .rc-supplier-message__point dt, .rc-supplier-message .rc-supplier-message__point .rc-reserved dl.rc-reserved__info-list dt { background: #1460ba; } .ui-label.info.\--red { background: #ff0000; } .ui-label.important, .ui-ef-description-list dt.important, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt.important, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .important.rc-price__rate, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt.important, .rc-product__basic-info .rc-spec dt.important, .rc-supplier-message .rc-supplier-message__point dt.important, .rc-conditions .rc-supplier-view .important.rc-supplier-view__company, .rc-estimate .estimate-report .important.estimate-report__title, .rc-estimate--result .estimate-report .important.estimate-report__title, .rc-estimate--confirm .estimate-report .important.estimate-report__title, .rc-reserved dl.rc-reserved__info-list dt.important { background: #c92f1b; } .ui-label.success, .ui-ef-description-list dt.success, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt.success, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .success.rc-price__rate, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt.success, .rc-product__basic-info .rc-spec dt.success, .rc-supplier-message .rc-supplier-message__point dt.success, .rc-conditions .rc-supplier-view .success.rc-supplier-view__company, .rc-estimate .estimate-report .success.estimate-report__title, .rc-estimate--result .estimate-report .success.estimate-report__title, .rc-estimate--confirm .estimate-report .success.estimate-report__title, .rc-reserved dl.rc-reserved__info-list dt.success { background: #2fa30f; } .ui-label.warning, .ui-ef-description-list dt.warning, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt.warning, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .warning.rc-price__rate, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt.warning, .rc-product__basic-info .rc-spec dt.warning, .rc-supplier-message .rc-supplier-message__point dt.warning, .rc-conditions .rc-supplier-view .warning.rc-supplier-view__company, .rc-estimate .estimate-report .warning.estimate-report__title, .rc-estimate--result .estimate-report .warning.estimate-report__title, .rc-estimate--confirm .estimate-report .warning.estimate-report__title, .rc-reserved dl.rc-reserved__info-list dt.warning { background: #e59e00; } .ui-label.smoke, .ui-ef-description-list dt.smoke, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt.smoke, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .smoke.rc-price__rate, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt.smoke, .rc-product__basic-info .rc-spec dt.smoke, .rc-supplier-message .rc-supplier-message__point dt.smoke, .rc-conditions .rc-supplier-view .smoke.rc-supplier-view__company, .rc-estimate .estimate-report .smoke.estimate-report__title, .rc-estimate--result .estimate-report .smoke.estimate-report__title, .rc-estimate--confirm .estimate-report .smoke.estimate-report__title, .rc-reserved dl.rc-reserved__info-list dt.smoke { padding: 3px; border: 1px solid #1460ba; color: #1460ba; text-shadow: none; background: #eef5fd; } .ui-label.no-smoke, .ui-ef-description-list dt.no-smoke, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt.no-smoke, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .no-smoke.rc-price__rate, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt.no-smoke, .rc-product__basic-info .rc-spec dt.no-smoke, .rc-supplier-message .rc-supplier-message__point dt.no-smoke, .rc-conditions .rc-supplier-view .no-smoke.rc-supplier-view__company, .rc-estimate .estimate-report .no-smoke.estimate-report__title, .rc-estimate--result .estimate-report .no-smoke.estimate-report__title, .rc-estimate--confirm .estimate-report .no-smoke.estimate-report__title, .rc-reserved dl.rc-reserved__info-list dt.no-smoke { padding: 3px; border: 1px solid #c92f1b; color: #c92f1b; text-shadow: none; background: #fef6f5; } .ui-label.required, .ui-ef-description-list dt.required, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt.required, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .required.rc-price__rate, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt.required, .rc-product__basic-info .rc-spec dt.required, .rc-supplier-message .rc-supplier-message__point dt.required, .rc-conditions .rc-supplier-view .required.rc-supplier-view__company, .rc-estimate .estimate-report .required.estimate-report__title, .rc-estimate--result .estimate-report .required.estimate-report__title, .rc-estimate--confirm .estimate-report .required.estimate-report__title, .rc-reserved dl.rc-reserved__info-list dt.required { background: #ea7060 !important; margin-left: 12px; } .ui-label.optional, .ui-ef-description-list dt.optional, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt.optional, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .optional.rc-price__rate, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt.optional, .rc-product__basic-info .rc-spec dt.optional, .rc-supplier-message .rc-supplier-message__point dt.optional, .rc-conditions .rc-supplier-view .optional.rc-supplier-view__company, .rc-estimate .estimate-report .optional.estimate-report__title, .rc-estimate--result .estimate-report .optional.estimate-report__title, .rc-estimate--confirm .estimate-report .optional.estimate-report__title, .rc-reserved dl.rc-reserved__info-list dt.optional { margin-left: 12px; background: #4993eb; } .ui-badge { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; border-radius: 10px; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); background: #a1a7ae; font-size: 85%; color: #fff; font-weight: 600; padding: 3px 5px; vertical-align: middle; line-height: 100%; text-align: center; } .ui-alert { line-height: 146%; margin: 16px 0; border-radius: 4px; text-shadow: 0 0 1 rgba(255, 255, 255, 0.03); padding: 12px; background: #f3f4f5; border: 1px solid #e6e7e9; } .entryform__alert { text-align: left; } .ui-alert.warning { background: #fff2d6; border: 1px solid #ffeabc; color: #e59e00; } .ui-alert.error { background: #fceae7; border: 1px solid #f9d5d1; color: #c92f1b; } .ui-alert.success { background: #c6f9b8; border: 1px solid #b4f6a1; color: #2fa30f; } .ui-alert.info, .rc-supplier-message .rc-supplier-message__point dt.ui-alert { background: #d3e5fa; border: 1px solid #bcd7f8; color: #1460ba; } .ui-alert:first-child { margin-top: 0; } .ui-alert:last-child { margin-bottom: 0; } .ui-alert h1, .ui-alert h2, .ui-alert h3, .ui-alert h4, .ui-alert h5, .ui-alert h6 { font-weight: bold; margin: 0 0 8px !important; } .ui-alert p, .ui-alert ul, .ui-alert li { padding: 0; margin-bottom: 8px; } .ui-alert p:last-child, .ui-alert ul:last-child, .ui-alert li:last-child { margin-bottom: 0; } .ui-alert dl dt { font-weight: bold; margin-bottom: 4px; } .callout.info h1, .rc-supplier-message .rc-supplier-message__point dt.callout h1, .callout.info h2, .rc-supplier-message .rc-supplier-message__point dt.callout h2, .callout.info h3, .rc-supplier-message .rc-supplier-message__point dt.callout h3, .callout.info h4, .rc-supplier-message .rc-supplier-message__point dt.callout h4, .callout.info h5, .rc-supplier-message .rc-supplier-message__point dt.callout h5, .callout.info h6, .rc-supplier-message .rc-supplier-message__point dt.callout h6 { color: #1460ba; } .ui-headline-message { display: inline-block; padding: 5px 8px; font-size: 12px; font-weight: normal; color: #333; vertical-align: baseline; } @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { select { text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6); box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset, rgba(0, 0, 0, 0.05) 0 1px 1px; background-image: url("/car/common/images/ui/ui-selectbox-img.gif"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA="); background-size: 100%; background-image: url("/car/common/images/ui/ui-selectbox-img.gif"), linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0)); background-position: 100% 50%; background-repeat: no-repeat; background-color: #fff; background-size: auto; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "sans-serif"; padding: 4px; padding-right: 22px; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; vertical-align: middle; border-radius: 5px; border: 1px solid #ccc; border-bottom-color: #b3b3b3; line-height: 13px; max-width: 100%; } select.small { font-size: 11px; font-size: 0.6875rem; padding: 2px; padding-right: 20px; } } input { vertical-align: middle; } label { margin-left: 4px; } input[type="text"], input[type="tel"], input[type="email"] { -moz-appearance: none; -webkit-appearance: none; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6); box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset, rgba(0, 0, 0, 0.05) 0 1px 1px; background-color: #fff; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "sans-serif"; padding: 4px; border-radius: 5px; border: 1px solid #ccc; border-bottom-color: #b3b3b3; } input[type="radio"] { margin: 0; } textarea { -moz-appearance: none; -webkit-appearance: none; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6); box-shadow: rgba(255, 255, 255, 0.4) 0 1px 1px inset, rgba(0, 0, 0, 0.05) 0 1px 1px; background-color: #fff; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "sans-serif"; padding: 4px; border-radius: 5px; border: 1px solid #ccc; border-bottom-color: #b3b3b3; line-height: 146%; } input.yet, textarea.yet { background-color: #fff7e5; border: 1px solid #e59e00; box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px 0 inset; } input.done, textarea.done { border: 1px solid #2fa30f; } input.error, textarea.error { border: 1px solid #c92f1b; } select.yet { background-color: #fff7e5; border: 1px solid #e59e00; } select.done { border: 1px solid #2fa30f; } select.error { border: 1px solid #c92f1b; } .ui-ef-checked.ok { color: #2fa30f; } .ui-ef-checked.ng { color: #c92f1b; } .ui-ef-checked .ui-icon { margin-right: 4px; } dl.ui-ef-address { min-height: 1; margin-bottom: -6px; } dl.ui-ef-address:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html dl.ui-ef-address { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } dl.ui-ef-address dt { float: left; clear: left; width: 5em; padding: 5px 0; margin-bottom: 6px; } dl.ui-ef-address dt label { margin: 0; color: #78818b; } dl.ui-ef-address dd { margin-left: 5em; margin-bottom: 6px; } .ui-ef-error { margin-top: 8px; font-weight: 600; color: #c92f1b; } .ui-ef-description-list dd { display: inline; } /* ========================================================= PENCIL-17 現在の検索条件追加 ========================================================= */ .pl-conditionsDateOuter { padding: 10px 0 6px; } /* タイムラインの線 */ .pl-conditionsDateWrapper { padding: 0 5px 0 26px; background-image: linear-gradient(#ccccca, #ccccca); background-size: 3px 100%; background-position: left 8px center; background-repeat: no-repeat; box-sizing: border-box; } .pl-conditionsDate { position: relative; } /* タイムラインの線削除 */ .pl-conditionsDate::before { content: ""; width: 3px; display: inline-block; background-color: #fff; position: absolute; left: -18px; } .pl-conditionsDate.\--isDeparture::before { height: 10px; top: 0; } .pl-conditionsDate.\--isArrival::before { height: 90px; top: 13px; } .pl-conditionsDate__name, .search-option__title { color: #fff; font-weight: 700; border-radius: 6px; line-height: 23px; text-align: center; letter-spacing: 0.5em; position: relative; padding: 0 6px 0 10px; margin-bottom: 5px; box-sizing: border-box; display: inline-block; } .\--en .pl-conditionsDate__name, .\--en .search-option__title { letter-spacing: 0.1em; padding: 0 10px; } /* タイムライン丸のデザイン */ .pl-conditionsDate__name::after, .search-option__title::after { content: ""; width: 11px; height: 11px; display: inline-block; border-radius: 50%; background-color: #888; position: absolute; top: 50%; left: -22px; margin-top: -5px; } .pl-conditionsDate.\--isDeparture .pl-conditionsDate__name::after, .search-option--start .search-option__title::after { background-color: #3d9ac6; } .pl-conditionsDate.\--isArrival .pl-conditionsDate__name::after, .search-option--end .search-option__title::after { background-color: #2e74c3; } .pl-conditionsDate.\--isDeparture .pl-conditionsDate__name, .search-option--start .search-option__title { background-color: #3d9ac6; } .pl-conditionsDate.\--isArrival .pl-conditionsDate__name, .search-option--end .search-option__title { background-color: #2e74c3; } /* 吹き出し矢印 */ .pl-conditionsDate__name::before, .search-option__title::before { content: ""; width: 6px; height: 7px; background-size: 100%; position: absolute; top: 50%; left: -6px; margin-top: -3px; } .pl-conditionsDate.\--isDeparture .pl-conditionsDate__name::before { background-image: url(/car/common/images/ui/ui_arrow_search_departure.png); background-repeat: no-repeat; } .pl-conditionsDate.\--isArrival .pl-conditionsDate__name::before { background-image: url(/car/common/images/ui/ui_arrow_search_Arrival.png); background-repeat: no-repeat; } .pl-conditionsDate__value__date { display: block; position: relative; padding-left: 20px; margin-bottom: 5px; } .pl-conditionsDate__value__location { display: block; position: relative; padding-left: 20px; margin-bottom: 10px; } .pl-conditionsDate__value__date::before { content: ""; background-image: url(/car/common/images/ico/ico_clock_blue.png); width: 16px; height: 16px; background-size: 100%; position: absolute; top: 50%; left: 0; margin-top: -8px; } .pl-conditionsDate__value__location::before { content: ""; background-image: url(/car/common/images/ico/ico_pin_blue.png); width: 13px; height: 19px; background-size: 100%; position: absolute; top: 50%; left: 1px; margin-top: -9px; } /* 禁煙・車両タイプボタン */ .pl-conditionsFotter { display: flex; margin: 0 0 0 25px; } .pl-conditionsFotter__item { display: flex; } .rc-searchBox__carType label, .rc-searchBox__smoke label { width: 74px; height: 44px; position: relative; margin: 0 4px; } .rc-searchBox__carTypeBtn.\--small input:checked + span, .rc-searchBox__carTypeBtn.\--small input:disabled + span { background-image: url(/car/common/images/btn/btn70_car-type_small_on.png); background-size: 74px 44px; } .rc-searchBox__smokeBtn.\--nonSmoke input:checked + span { background-image: url(/car/common/images/btn/btn70_smoke_non-smoke_on.png); background-size: 74px 44px; } .rc-searchBox__carType input + span, .rc-searchBox__smoke input + span { display: block; width: 74px; height: 44px; position: absolute; top: 0; left: 0; } .rc-searchBox__carType input + span::before, .rc-searchBox__smoke input + span::before { content: ""; position: absolute; top: 16px; left: 4px; border: #666 1px solid; width: 10px; height: 10px; border-radius: 6px; background: #fff; } .rc-searchBox__carType input:checked + span::after, .rc-searchBox__smoke input:checked + span::after, .rc-searchBox__carType input:disabled + span::after, .rc-searchBox__smoke input:disabled + span::after { content: ""; position: absolute; width: 6px; height: 6px; background: #003894; top: 19px; left: 7px; border-radius: 4px; } /* ========================================================= PENCIL-17 検索条件を変更新規スタイル追加 ========================================================= */ .pl-conditionsDate .inner { margin-bottom: 10px; } .search-option__selects.date-time { margin-bottom: 10px; } .search-option__selects.date-time dt { display: none; } .date-time__date-selects { display: flex; align-items: center; margin-bottom: 3px; } .search-option__selects dt { color: #3d99c5; font-weight: bold; } .pl-conditionsDate.\--isArrival .search-option__selects dt { color: #2e74c3; font-weight: bold; } .search-panel .search-panel__body .selectsWrap { position: relative; } .search-panel .search-panel__body select { -moz-appearance: none; -webkit-appearance: none; appearance: none; display: flex; align-items: center; height: 32px; background: rgba(255, 255, 255, 0); border: none; border-radius: 4px; font-size: 12px; width: 100%; z-index: 100; position: relative; } .search-panel .search-panel__body select::-ms-expand { display: none; } .search-panel .search-panel__body .month { width: 99px; border: 1px solid #666; border-radius: 4px; box-sizing: border-box; margin-right: 3px; } .search-panel .search-panel__body .day { width: 80px; border: 1px solid #666; border-radius: 4px; box-sizing: border-box; margin-right: 3px; } .search-panel .search-panel__body .departure_area, .search-panel .search-panel__body .arrival_dropOff { width: 181px; border: 1px solid #666; border-radius: 4px; box-sizing: border-box; } .search-panel .search-panel__body .time { width: 65px; border: 1px solid #666; border-radius: 4px; box-sizing: border-box; } .search-panel .search-panel__body .departure_area { margin-bottom: 3px; } .search-panel .search-panel__body .selectsWrap::before { content: ""; position: absolute; top: 4px; right: 4px; width: 0; height: 0; border: 4px solid transparent; border-bottom: 6px solid #666; } .search-panel .search-panel__body .selectsWrap::after { content: ""; position: absolute; top: 18px; right: 4px; width: 0; height: 0; border: 4px solid transparent; border-top: 6px solid #666; } .pl-conditionsDate.\--height200::before { height: 200px; top: 7px; } /* ラジオボタン　車両タイプ */ /* ラジオボタン　禁煙・喫煙 */ .rc-searchBox__selectWrapper { display: flex; flex-wrap: wrap; } .rc-searchBox__carType label, .rc-searchBox__smoke label { width: 72px; height: 42px; position: relative; margin-bottom: 6px; } .rc-searchBox__carType label:not(:nth-child(3n)), .rc-searchBox__smoke label:not(:nth-child(3n)) { margin-right: 1px; } .rc-searchBox__carType input, .rc-searchBox__smoke input { margin: 0; visibility: hidden; } .rc-searchBox__carType input + span:hover, .rc-searchBox__smoke input + span:hover { cursor: pointer; } .rc-searchBox__carType input span, .rc-searchBox__smoke input span { display: block; width: 74px; height: 44px; position: absolute; top: 0; left: 0; } .rc-searchBox__carTypeBtn input + span, .rc-searchBox__carTypeBtn input:checked + span { background-size: 100%; } .rc-searchBox__carTypeBtn.\--light input + span { background: url(/car/common/images/btn/btn70_car-type_light.png); } .rc-searchBox__carTypeBtn.\--small input + span { background: url(/car/common/images/btn/btn70_car-type_small.png); } .rc-searchBox__carTypeBtn.\--medium input + span { background: url(/car/common/images/btn/btn70_car-type_medium.png); } .rc-searchBox__carTypeBtn.\--wagon input + span { background: url(/car/common/images/btn/btn70_car-type_wagon.png); } .rc-searchBox__carTypeBtn.\--eco input + span { background: url(/car/common/images/btn/btn70_car-type_eco.png); } .rc-searchBox__carTypeBtn.\--none input + span { background: url(/car/common/images/btn/btn70_car-type_none.png); } .rc-searchBox__smokeBtn.\--nonSmoke input + span { background: url(/car/common/images/btn/btn70_smoke_non-smoke.png); } .rc-searchBox__smokeBtn.\--smoke input + span { background: url(/car/common/images/btn/btn70_smoke_smoke.png); } .rc-searchBox__smokeBtn.\--none input + span { background: url(/car/common/images/btn/btn70_smoke_none.png); } .rc-searchBox__carTypeBtn.\--light input:hover + span, .rc-searchBox__carTypeBtn.\--light input:checked + span { background: url(/car/common/images/btn/btn70_car-type_light_on.png); } .rc-searchBox__carTypeBtn.\--small input:hover + span, .rc-searchBox__carTypeBtn.\--small input:checked + span { background: url(/car/common/images/btn/btn70_car-type_small_on.png); } .rc-searchBox__carTypeBtn.\--medium input:hover + span, .rc-searchBox__carTypeBtn.\--medium input:checked + span { background: url(/car/common/images/btn/btn70_car-type_medium_on.png); } .rc-searchBox__carTypeBtn.\--wagon input:hover + span, .rc-searchBox__carTypeBtn.\--wagon input:checked + span { background: url(/car/common/images/btn/btn70_car-type_wagon_on.png); } .rc-searchBox__carTypeBtn.\--eco input:hover + span, .rc-searchBox__carTypeBtn.\--eco input:checked + span { background: url(/car/common/images/btn/btn70_car-type_eco_on.png); } .rc-searchBox__carTypeBtn.\--none input:hover + span, .rc-searchBox__carTypeBtn.\--none input:checked + span { background: url(/car/common/images/btn/btn70_car-type_none_on.png); } .rc-searchBox__smokeBtn.\--nonSmoke input:hover + span, .rc-searchBox__smokeBtn.\--nonSmoke input:checked + span { background: url(/car/common/images/btn/btn70_smoke_non-smoke_on.png); } .rc-searchBox__smokeBtn.\--smoke input:hover + span, .rc-searchBox__smokeBtn.\--smoke input:checked + span { background: url(/car/common/images/btn/btn70_smoke_smoke_on.png); } .rc-searchBox__smokeBtn.\--none input:hover + span, .rc-searchBox__smokeBtn.\--none input:checked + span { background: url(/car/common/images/btn/btn70_smoke_none_on.png); } .\--tc .rc-searchBox__carTypeBtn.\--light input + span { background: url(/car/common/images/btn/tc/btn70_car-type_light.png); } .\--tc .rc-searchBox__carTypeBtn.\--small input + span { background: url(/car/common/images/btn/tc/btn70_car-type_small.png); } .\--tc .rc-searchBox__carTypeBtn.\--medium input + span { background: url(/car/common/images/btn/tc/btn70_car-type_medium.png); } .\--tc .rc-searchBox__carTypeBtn.\--wagon input + span { background: url(/car/common/images/btn/tc/btn70_car-type_wagon.png); } .\--tc .rc-searchBox__carTypeBtn.\--eco input + span { background: url(/car/common/images/btn/tc/btn70_car-type_eco.png); } .\--tc .rc-searchBox__carTypeBtn.\--none input + span { background: url(/car/common/images/btn/tc/btn70_car-type_none.png); } .\--tc .rc-searchBox__smokeBtn.\--nonSmoke input + span { background: url(/car/common/images/btn/tc/btn70_smoke_non-smoke.png); } .\--tc .rc-searchBox__smokeBtn.\--smoke input + span { background: url(/car/common/images/btn/tc/btn70_smoke_smoke.png); } .\--tc .rc-searchBox__smokeBtn.\--none input + span { background: url(/car/common/images/btn/tc/btn70_smoke_none.png); } .\--tc .rc-searchBox__carTypeBtn.\--light input:hover + span, .\--tc .rc-searchBox__carTypeBtn.\--light input:checked + span { background: url(/car/common/images/btn/tc/btn70_car-type_light_on.png); } .\--tc .rc-searchBox__carTypeBtn.\--small input:hover + span, .\--tc .rc-searchBox__carTypeBtn.\--small input:checked + span { background: url(/car/common/images/btn/tc/btn70_car-type_small_on.png); } .\--tc .rc-searchBox__carTypeBtn.\--medium input:hover + span, .\--tc .rc-searchBox__carTypeBtn.\--medium input:checked + span { background: url(/car/common/images/btn/tc/btn70_car-type_medium_on.png); } .\--tc .rc-searchBox__carTypeBtn.\--wagon input:hover + span, .\--tc .rc-searchBox__carTypeBtn.\--wagon input:checked + span { background: url(/car/common/images/btn/tc/btn70_car-type_wagon_on.png); } .\--tc .rc-searchBox__carTypeBtn.\--eco input:hover + span, .\--tc .rc-searchBox__carTypeBtn.\--eco input:checked + span { background: url(/car/common/images/btn/tc/btn70_car-type_eco_on.png); } .\--tc .rc-searchBox__carTypeBtn.\--none input:hover + span, .\--tc .rc-searchBox__carTypeBtn.\--none input:checked + span { background: url(/car/common/images/btn/tc/btn70_car-type_none_on.png); } .\--tc .rc-searchBox__smokeBtn.\--nonSmoke input:hover + span, .\--tc .rc-searchBox__smokeBtn.\--nonSmoke input:checked + span { background: url(/car/common/images/btn/tc/btn70_smoke_non-smoke_on.png); } .\--tc .rc-searchBox__smokeBtn.\--smoke input:hover + span, .\--tc .rc-searchBox__smokeBtn.\--smoke input:checked + span { background: url(/car/common/images/btn/tc/btn70_smoke_smoke_on.png); } .\--tc .rc-searchBox__smokeBtn.\--none input:hover + span, .\--tc .rc-searchBox__smokeBtn.\--none input:checked + span { background: url(/car/common/images/btn/tc/btn70_smoke_none_on.png); } .\--en .rc-searchBox__carTypeBtn.\--light input + span { background: url(/car/common/images/btn/en/btn70_car-type_light.png); } .\--en .rc-searchBox__carTypeBtn.\--small input + span { background: url(/car/common/images/btn/en/btn70_car-type_small.png); } .\--en .rc-searchBox__carTypeBtn.\--medium input + span { background: url(/car/common/images/btn/en/btn70_car-type_medium.png); } .\--en .rc-searchBox__carTypeBtn.\--wagon input + span { background: url(/car/common/images/btn/en/btn70_car-type_wagon.png); } .\--en .rc-searchBox__carTypeBtn.\--eco input + span { background: url(/car/common/images/btn/en/btn70_car-type_eco.png); } .\--en .rc-searchBox__carTypeBtn.\--none input + span { background: url(/car/common/images/btn/en/btn70_car-type_none.png); } .\--en .rc-searchBox__smokeBtn.\--nonSmoke input + span { background: url(/car/common/images/btn/en/btn70_smoke_non-smoke.png); } .\--en .rc-searchBox__smokeBtn.\--smoke input + span { background: url(/car/common/images/btn/en/btn70_smoke_smoke.png); } .\--en .rc-searchBox__smokeBtn.\--none input + span { background: url(/car/common/images/btn/en/btn70_smoke_none.png); } .\--en .rc-searchBox__carTypeBtn.\--light input:hover + span, .\--en .rc-searchBox__carTypeBtn.\--light input:checked + span { background: url(/car/common/images/btn/en/btn70_car-type_light_on.png); } .\--en .rc-searchBox__carTypeBtn.\--small input:hover + span, .\--en .rc-searchBox__carTypeBtn.\--small input:checked + span { background: url(/car/common/images/btn/en/btn70_car-type_small_on.png); } .\--en .rc-searchBox__carTypeBtn.\--medium input:hover + span, .\--en .rc-searchBox__carTypeBtn.\--medium input:checked + span { background: url(/car/common/images/btn/en/btn70_car-type_medium_on.png); } .\--en .rc-searchBox__carTypeBtn.\--wagon input:hover + span, .\--en .rc-searchBox__carTypeBtn.\--wagon input:checked + span { background: url(/car/common/images/btn/en/btn70_car-type_wagon_on.png); } .\--en .rc-searchBox__carTypeBtn.\--eco input:hover + span, .\--en .rc-searchBox__carTypeBtn.\--eco input:checked + span { background: url(/car/common/images/btn/en/btn70_car-type_eco_on.png); } .\--en .rc-searchBox__carTypeBtn.\--none input:hover + span, .\--en .rc-searchBox__carTypeBtn.\--none input:checked + span { background: url(/car/common/images/btn/en/btn70_car-type_none_on.png); } .\--en .rc-searchBox__smokeBtn.\--nonSmoke input:hover + span, .\--en .rc-searchBox__smokeBtn.\--nonSmoke input:checked + span { background: url(/car/common/images/btn/en/btn70_smoke_non-smoke_on.png); } .\--en .rc-searchBox__smokeBtn.\--smoke input:hover + span, .\--en .rc-searchBox__smokeBtn.\--smoke input:checked + span { background: url(/car/common/images/btn/en/btn70_smoke_smoke_on.png); } .\--en .rc-searchBox__smokeBtn.\--none input:hover + span, .\--en .rc-searchBox__smokeBtn.\--none input:checked + span { background: url(/car/common/images/btn/en/btn70_smoke_none_on.png); } .\--kr .rc-searchBox__carTypeBtn.\--light input + span { background: url(/car/common/images/btn/kr/btn70_car-type_light.png); } .\--kr .rc-searchBox__carTypeBtn.\--small input + span { background: url(/car/common/images/btn/kr/btn70_car-type_small.png); } .\--kr .rc-searchBox__carTypeBtn.\--medium input + span { background: url(/car/common/images/btn/kr/btn70_car-type_medium.png); } .\--kr .rc-searchBox__carTypeBtn.\--wagon input + span { background: url(/car/common/images/btn/kr/btn70_car-type_wagon.png); } .\--kr .rc-searchBox__carTypeBtn.\--eco input + span { background: url(/car/common/images/btn/kr/btn70_car-type_eco.png); } .\--kr .rc-searchBox__carTypeBtn.\--none input + span { background: url(/car/common/images/btn/kr/btn70_car-type_none.png); } .\--kr .rc-searchBox__smokeBtn.\--nonSmoke input + span { background: url(/car/common/images/btn/kr/btn70_smoke_non-smoke.png); } .\--kr .rc-searchBox__smokeBtn.\--smoke input + span { background: url(/car/common/images/btn/kr/btn70_smoke_smoke.png); } .\--kr .rc-searchBox__smokeBtn.\--none input + span { background: url(/car/common/images/btn/kr/btn70_smoke_none.png); } .\--kr .rc-searchBox__carTypeBtn.\--light input:hover + span, .\--kr .rc-searchBox__carTypeBtn.\--light input:checked + span { background: url(/car/common/images/btn/kr/btn70_car-type_light_on.png); } .\--kr .rc-searchBox__carTypeBtn.\--small input:hover + span, .\--kr .rc-searchBox__carTypeBtn.\--small input:checked + span { background: url(/car/common/images/btn/kr/btn70_car-type_small_on.png); } .\--kr .rc-searchBox__carTypeBtn.\--medium input:hover + span, .\--kr .rc-searchBox__carTypeBtn.\--medium input:checked + span { background: url(/car/common/images/btn/kr/btn70_car-type_medium_on.png); } .\--kr .rc-searchBox__carTypeBtn.\--wagon input:hover + span, .\--kr .rc-searchBox__carTypeBtn.\--wagon input:checked + span { background: url(/car/common/images/btn/kr/btn70_car-type_wagon_on.png); } .\--kr .rc-searchBox__carTypeBtn.\--eco input:hover + span, .\--kr .rc-searchBox__carTypeBtn.\--eco input:checked + span { background: url(/car/common/images/btn/kr/btn70_car-type_eco_on.png); } .\--kr .rc-searchBox__carTypeBtn.\--none input:hover + span, .\--kr .rc-searchBox__carTypeBtn.\--none input:checked + span { background: url(/car/common/images/btn/kr/btn70_car-type_none_on.png); } .\--kr .rc-searchBox__smokeBtn.\--nonSmoke input:hover + span, .\--kr .rc-searchBox__smokeBtn.\--nonSmoke input:checked + span { background: url(/car/common/images/btn/kr/btn70_smoke_non-smoke_on.png); } .\--kr .rc-searchBox__smokeBtn.\--smoke input:hover + span, .\--kr .rc-searchBox__smokeBtn.\--smoke input:checked + span { background: url(/car/common/images/btn/kr/btn70_smoke_smoke_on.png); } .\--kr .rc-searchBox__smokeBtn.\--none input:hover + span, .\--kr .rc-searchBox__smokeBtn.\--none input:checked + span { background: url(/car/common/images/btn/kr/btn70_smoke_none_on.png); } .rc-searchBox__carType .rc-searchBox__carTypeBtn.\--auto span:hover { cursor: default; } .rc-searchBox__smoke .rc-searchBox__smokeBtn.\--auto span:hover { cursor: default; } .rc-searchBox__smokeBtn.\--nonSmoke input:checked + span.\--auto { background: url(/car/common/images/btn/btn70_smoke_non-smoke_on.png); background-size: 74px 44px; cursor: auto; } /* 会社 */ .search-panel .search-panel__body .company { width: 160px; padding: 0; border: 1px solid #666; border-radius: 4px; box-sizing: border-box; margin: 0 3px; } .search-option header .search-option__header { background: #f3f4f5; border-top: 1px solid #e6e7e9; border-bottom: 1px solid #e6e7e9; padding: 6px; margin-bottom: 6px; } /* さらに絞り込む */ .search-option--checkbox .search-option__header, .search-option--Refine .search-option__header { margin-top: 6px; } .inner.checkbox table { display: block; } .inner.checkbox table td { display: flex; align-items: center; margin: 0 4px 4px 1px; } .inner.checkbox label { display: block; margin-left: 0px; } .inner.checkbox label:last-child { margin-bottom: 0px; } /* 現在の絞り込み条件 */ .search-option.search-option--Refine .search-option__header { margin-bottom: 8px; } .search-option.search-option--Refine div.RefineWrap { padding: 0 6px; } .RefineList { margin-bottom: 8px; } .RefineList:last-child { margin-bottom: 0; } .RefineList__item { display: inline-block; position: relative; color: #fff; background-color: #37b48c; padding: 4px 21px 4px 4px; } .RefineList__item::after { content: "×"; display: inline-block; position: absolute; right: 6px; top: 50%; margin-top: -9px; } .RefineList__item:hover { cursor: pointer; opacity: 0.8; } /* ボタン */ .rc-searchBox__cvrButton { -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 226px; background: linear-gradient(to bottom, #f39c33 0%, #f08300 100%); color: #fff; font-weight: bold; border-radius: 4px; border: none; font-size: 16px; margin: 0 auto; padding: 5px 0; border: 1px solid #dd6f0c; cursor: pointer; } /* PENCIL-17　商品一覧スタイル追加 --------------------------- */ /* 検索条件を変更 --------------------------- */ /* サブカラムの検索窓 */ .container__search-col .search-panel { border-radius: 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, rgba(0, 0, 0, 0.2) 0 1px 2px; padding: 3px; padding-top: 0; background: #1460ba; border: 1px solid #1254a3; margin-bottom: 16px; } .container__search-col .search-panel .search-panel__header { position: relative; } .container__search-col .search-panel .search-panel__header .search-panel__title { padding: 10px 4px; color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); font-weight: bold; text-align: center; } .container__search-col .search-panel .search-panel__body { background: #fff; min-height: 1; border-radius: 3px 3px 0 0; } .container__search-col .search-panel .search-panel__body:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .container__search-col .search-panel .search-panel__body { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .container__search-col .search-panel .search-panel__footer { background: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 6px; border-top: 1px solid #e6e7e9; } .container__search-col .search-panel .search-panel__footer .ui-btn { display: block; width: 100%; padding: 8px 0; } .container__search-col .search-option .search-option__title { background: #f3f4f5; border-top: 1px solid #e6e7e9; border-bottom: 1px solid #e6e7e9; padding: 6px; } .container__search-col .search-option:first-child .search-option__title { border-top: none; border-top-left-radius: 3px; border-top-right-radius: 3px; } .container__search-col .search-option dl.search-option__selects { min-height: 1; } .container__search-col .search-option dl.search-option__selects:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .container__search-col .search-option dl.search-option__selects { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .container__search-col .search-option dl.search-option__selects dt { float: left; width: 23%; } .container__search-col .search-option dl.search-option__selects dd { vertical-align: middle; margin-left: 23%; margin-bottom: 4px; } .container__search-col .search-option dl.search-option__selects dd:last-child { margin-bottom: 0; } .container__search-col .search-option dl.search-option__selects.date-time dt { display: none; } .container__search-col .search-option dl.search-option__selects.date-time dd { margin: 0; margin-bottom: 4px; } .container__search-col .search-option dl.search-option__selects.date-time .date-time__time-selects { margin-left: 28px; } .container__search-col .search-option ul.search-option__selects { padding-top: 6px; border-top: 1px solid #e6e7e9; margin-top: 6px; } .container__search-col .search-option ul.search-option__selects li { margin-bottom: 4px; } .container__search-col .search-option ul.search-option__selects li:last-child { margin-bottom: 0; } .container__search-col .search-option > .inner { padding: 0px; } .container.\--tc .inner.checkbox input { margin: 3px 3px 3px 4px; } .container__search-col .search-option.search-option--car-type > .inner { padding: 6px; } /*-- 車両選択画像日本語 START --*/ .search-option__car-type-select { min-height: 1; margin-right: -4px; } .search-option__car-type-select:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .search-option__car-type-select { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .search-option__car-type-select label { width: 72px; height: 54px; display: block; float: left; margin: 0 4px 4px 0; visibility: hidden; } .search-option__car-type-select .ui-radio { text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6); background: url("/car/common/images/ico/ico_search-module-l.png"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA="); background: url("/car/common/images/ico/ico_search-module-l.png"), linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0)); background-repeat: no-repeat; background-color: #f5f5f5; box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px 0; visibility: visible; height: 52px; display: block; border-width: 1px; border-style: solid; border-color: #bfbfbf; border-bottom-color: #a6a6a6; } .search-option__car-type-select .ui-radio.static:hover, .search-option__car-type-select .ui-radio:hover { box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px; background-color: #fff; border-color: #a6a6a6; border-bottom-color: #8c8c8c; } .search-option__car-type-select .ui-radio:active { box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px; background-color: #fff; border-color: #1460ba; } .search-option__car-type-select .ui-radio.checked { box-shadow: rgba(230, 231, 233, 0.2) 0 0 3px; background-color: #fff; border-color: #1460ba; } .search-panel.search-col .search-option__car-type-select .car-type__light .ui-radio { background-position: 1px 0px; } .search-panel.search-col .search-option__car-type-select .car-type__light .ui-radio.static:hover { background-position: 1px -72px; } .search-panel.search-col .search-option__car-type-select .car-type__light .ui-radio:hover { background-position: 1px -72px; } .search-panel.search-col .search-option__car-type-select .car-type__light .ui-radio.checked { background-position: 1px -140px; } .search-panel.search-col .search-option__car-type-select .car-type__light .ui-radio.active { background-position: 1px -140px; } .search-panel.search-col .search-option__car-type-select .car-type__light .ui-radio.disabled { background-position: 1px -215px; } .search-panel.search-col .search-option__car-type-select .car-type__light .ui-radio.checked.disabled { background-position: 1px -215px; } .search-panel.search-col .search-option__car-type-select .car-type__small .ui-radio { background-position: -87px 0px; } .search-panel.search-col .search-option__car-type-select .car-type__small .ui-radio.static:hover { background-position: -87px -72px; } .search-panel.search-col .search-option__car-type-select .car-type__small .ui-radio:hover { background-position: -87px -72px; } .search-panel.search-col .search-option__car-type-select .car-type__small .ui-radio.checked { background-position: -87px -140px; } .search-panel.search-col .search-option__car-type-select .car-type__small .ui-radio.active { background-position: -87px -140px; } .search-panel.search-col .search-option__car-type-select .car-type__small .ui-radio.disabled { background-position: -87px -215px; } .search-panel.search-col .search-option__car-type-select .car-type__small .ui-radio.checked.disabled { background-position: -87px -215px; } .search-panel.search-col .search-option__car-type-select .car-type__medium .ui-radio { background-position: -179px 0px; } .search-panel.search-col .search-option__car-type-select .car-type__medium .ui-radio.static:hover { background-position: -179px -72px; } .search-panel.search-col .search-option__car-type-select .car-type__medium .ui-radio:hover { background-position: -179px -72px; } .search-panel.search-col .search-option__car-type-select .car-type__medium .ui-radio.checked { background-position: -179px -140px; } .search-panel.search-col .search-option__car-type-select .car-type__medium .ui-radio.active { background-position: -179px -140px; } .search-panel.search-col .search-option__car-type-select .car-type__medium .ui-radio.disabled { background-position: -179px -215px; } .search-panel.search-col .search-option__car-type-select .car-type__medium .ui-radio.checked.disabled { background-position: -179px -215px; } .search-panel.search-col .search-option__car-type-select .car-type__wagon .ui-radio { background-position: -268px 0px; } .search-panel.search-col .search-option__car-type-select .car-type__wagon .ui-radio.static:hover { background-position: -268px -72px; } .search-panel.search-col .search-option__car-type-select .car-type__wagon .ui-radio:hover { background-position: -268px -72px; } .search-panel.search-col .search-option__car-type-select .car-type__wagon .ui-radio.checked { background-position: -268px -140px; } .search-panel.search-col .search-option__car-type-select .car-type__wagon .ui-radio.active { background-position: -268px -140px; } .search-panel.search-col .search-option__car-type-select .car-type__wagon .ui-radio.disabled { background-position: -268px -215px; } .search-panel.search-col .search-option__car-type-select .car-type__wagon .ui-radio.checked.disabled { background-position: -268px -215px; } .search-panel.search-col .search-option__car-type-select .car-type__eco .ui-radio { background-position: -357px 0px; } .search-panel.search-col .search-option__car-type-select .car-type__eco .ui-radio.static:hover { background-position: -357px -72px; } .search-panel.search-col .search-option__car-type-select .car-type__eco .ui-radio:hover { background-position: -357px -72px; } .search-panel.search-col .search-option__car-type-select .car-type__eco .ui-radio.checked { background-position: -357px -140px; } .search-panel.search-col .search-option__car-type-select .car-type__eco .ui-radio.active { background-position: -357px -140px; } .search-panel.search-col .search-option__car-type-select .car-type__eco .ui-radio.disabled { background-position: -357px -215px; } .search-panel.search-col .search-option__car-type-select .car-type__eco .ui-radio.checked.disabled { background-position: -357px -215px; } .search-panel.search-col .search-option__car-type-select .car-type__none .ui-radio { background-position: -539px 0px; } .search-panel.search-col .search-option__car-type-select .car-type__none .ui-radio.static:hover { background-position: -539px -72px; } .search-panel.search-col .search-option__car-type-select .car-type__none .ui-radio:hover { background-position: -539px -72px; } .search-panel.search-col .search-option__car-type-select .car-type__none .ui-radio.checked { background-position: -539px -140px; } .search-panel.search-col .search-option__car-type-select .car-type__none .ui-radio.active { background-position: -539px -140px; } .search-panel.search-col .search-option__car-type-select .car-type__none .ui-radio.disabled { background-position: -539px -215px; } .search-panel.search-col .search-option__car-type-select .car-type__none .ui-radio.checked.disabled { background-position: -539px -215px; } /*-- 車両選択画像日本語 END --*/ /*-- 車両選択画像中国(繁) START --*/ .search-option__car-type-select_tc { min-height: 1; margin-right: -4px; } .search-option__car-type-select_tc:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .search-option__car-type-select_tc { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .search-option__car-type-select_tc label { width: 72px; height: 54px; display: block; float: left; margin: 0 4px 4px 0; visibility: hidden; } .search-option__car-type-select_tc .ui-radio { text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6); background: url("/car/common/images/ico/ico_search-module-l_tc.png"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA="); background: url("/car/common/images/ico/ico_search-module-l_tc.png"), linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0)); background-repeat: no-repeat; background-color: #f5f5f5; box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px 0; visibility: visible; height: 52px; display: block; border-width: 1px; border-style: solid; border-color: #bfbfbf; border-bottom-color: #a6a6a6; } .search-option__car-type-select_tc .ui-radio.static:hover, .search-option__car-type-select_tc .ui-radio:hover { box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px; background-color: #fff; border-color: #a6a6a6; border-bottom-color: #8c8c8c; } .search-option__car-type-select_tc .ui-radio:active { box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px; background-color: #fff; border-color: #1460ba; } .search-option__car-type-select_tc .ui-radio.checked { box-shadow: rgba(230, 231, 233, 0.2) 0 0 3px; background-color: #fff; border-color: #1460ba; } .search-panel.search-col .search-option__car-type-select_tc .car-type__light .ui-radio { background-position: 1px 0px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__light .ui-radio.static:hover { background-position: 1px -72px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__light .ui-radio:hover { background-position: 1px -72px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__light .ui-radio.checked { background-position: 1px -140px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__light .ui-radio.active { background-position: 1px -140px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__light .ui-radio.disabled { background-position: 1px -215px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__light .ui-radio.checked.disabled { background-position: 1px -215px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__small .ui-radio { background-position: -87px 0px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__small .ui-radio.static:hover { background-position: -87px -72px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__small .ui-radio:hover { background-position: -87px -72px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__small .ui-radio.checked { background-position: -87px -140px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__small .ui-radio.active { background-position: -87px -140px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__small .ui-radio.disabled { background-position: -87px -215px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__small .ui-radio.checked.disabled { background-position: -87px -215px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__medium .ui-radio { background-position: -179px 0px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__medium .ui-radio.static:hover { background-position: -179px -72px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__medium .ui-radio:hover { background-position: -179px -72px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__medium .ui-radio.checked { background-position: -179px -140px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__medium .ui-radio.active { background-position: -179px -140px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__medium .ui-radio.disabled { background-position: -179px -215px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__medium .ui-radio.checked.disabled { background-position: -179px -215px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__wagon .ui-radio { background-position: -268px 0px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__wagon .ui-radio.static:hover { background-position: -268px -72px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__wagon .ui-radio:hover { background-position: -268px -72px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__wagon .ui-radio.checked { background-position: -268px -140px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__wagon .ui-radio.active { background-position: -268px -140px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__wagon .ui-radio.disabled { background-position: -268px -215px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__wagon .ui-radio.checked.disabled { background-position: -268px -215px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__eco .ui-radio { background-position: -357px 0px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__eco .ui-radio.static:hover { background-position: -357px -72px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__eco .ui-radio:hover { background-position: -357px -72px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__eco .ui-radio.checked { background-position: -357px -140px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__eco .ui-radio.active { background-position: -357px -140px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__eco .ui-radio.disabled { background-position: -357px -215px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__eco .ui-radio.checked.disabled { background-position: -357px -215px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__none .ui-radio { background-position: -539px 0px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__none .ui-radio.static:hover { background-position: -539px -72px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__none .ui-radio:hover { background-position: -539px -72px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__none .ui-radio.checked { background-position: -539px -140px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__none .ui-radio.active { background-position: -539px -140px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__none .ui-radio.disabled { background-position: -539px -215px; } .search-panel.search-col .search-option__car-type-select_tc .car-type__none .ui-radio.checked.disabled { background-position: -539px -215px; } /*-- 車両選択画像中国(繁) END --*/ /*-- 車両選択画像英語版START --*/ .search-option__car-type-select_en { min-height: 1; margin-right: -4px; } .search-option__car-type-select_en:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .search-option__car-type-select_en { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .search-option__car-type-select_en label { width: 72px; height: 54px; display: block; float: left; margin: 0 4px 4px 0; visibility: hidden; } .search-option__car-type-select_en .ui-radio { text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6); background: url("/car/common/images/ico/ico_search-module-l_en.png"), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA="); background: url("/car/common/images/ico/ico_search-module-l_en.png"), linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0)); background-repeat: no-repeat; background-color: #f5f5f5; box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px 0; visibility: visible; height: 52px; display: block; border-width: 1px; border-style: solid; border-color: #bfbfbf; border-bottom-color: #a6a6a6; } .search-option__car-type-select_en .ui-radio.static:hover, .search-option__car-type-select_en .ui-radio:hover { box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px; background-color: #fff; border-color: #a6a6a6; border-bottom-color: #8c8c8c; } .search-option__car-type-select_en .ui-radio:active { box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px; background-color: #fff; border-color: #1460ba; } .search-option__car-type-select_en .ui-radio.checked { box-shadow: rgba(230, 231, 233, 0.2) 0 0 3px; background-color: #fff; border-color: #1460ba; } .search-panel.search-col .search-option__car-type-select_en .car-type__light .ui-radio { background-position: 1px 0px; } .search-panel.search-col .search-option__car-type-select_en .car-type__light .ui-radio.static:hover { background-position: 1px -72px; } .search-panel.search-col .search-option__car-type-select_en .car-type__light .ui-radio:hover { background-position: 1px -72px; } .search-panel.search-col .search-option__car-type-select_en .car-type__light .ui-radio.checked { background-position: 1px -140px; } .search-panel.search-col .search-option__car-type-select_en .car-type__light .ui-radio.active { background-position: 1px -140px; } .search-panel.search-col .search-option__car-type-select_en .car-type__light .ui-radio.disabled { background-position: 1px -215px; } .search-panel.search-col .search-option__car-type-select_en .car-type__light .ui-radio.checked.disabled { background-position: 1px -215px; } .search-panel.search-col .search-option__car-type-select_en .car-type__small .ui-radio { background-position: -87px 0px; } .search-panel.search-col .search-option__car-type-select_en .car-type__small .ui-radio.static:hover { background-position: -87px -72px; } .search-panel.search-col .search-option__car-type-select_en .car-type__small .ui-radio:hover { background-position: -87px -72px; } .search-panel.search-col .search-option__car-type-select_en .car-type__small .ui-radio.checked { background-position: -87px -140px; } .search-panel.search-col .search-option__car-type-select_en .car-type__small .ui-radio.active { background-position: -87px -140px; } .search-panel.search-col .search-option__car-type-select_en .car-type__small .ui-radio.disabled { background-position: -87px -215px; } .search-panel.search-col .search-option__car-type-select_en .car-type__small .ui-radio.checked.disabled { background-position: -87px -215px; } .search-panel.search-col .search-option__car-type-select_en .car-type__medium .ui-radio { background-position: -179px 0px; } .search-panel.search-col .search-option__car-type-select_en .car-type__medium .ui-radio.static:hover { background-position: -179px -72px; } .search-panel.search-col .search-option__car-type-select_en .car-type__medium .ui-radio:hover { background-position: -179px -72px; } .search-panel.search-col .search-option__car-type-select_en .car-type__medium .ui-radio.checked { background-position: -179px -140px; } .search-panel.search-col .search-option__car-type-select_en .car-type__medium .ui-radio.active { background-position: -179px -140px; } .search-panel.search-col .search-option__car-type-select_en .car-type__medium .ui-radio.disabled { background-position: -179px -215px; } .search-panel.search-col .search-option__car-type-select_en .car-type__medium .ui-radio.checked.disabled { background-position: -179px -215px; } .search-panel.search-col .search-option__car-type-select_en .car-type__wagon .ui-radio { background-position: -268px 0px; } .search-panel.search-col .search-option__car-type-select_en .car-type__wagon .ui-radio.static:hover { background-position: -268px -72px; } .search-panel.search-col .search-option__car-type-select_en .car-type__wagon .ui-radio:hover { background-position: -268px -72px; } .search-panel.search-col .search-option__car-type-select_en .car-type__wagon .ui-radio.checked { background-position: -268px -140px; } .search-panel.search-col .search-option__car-type-select_en .car-type__wagon .ui-radio.active { background-position: -268px -140px; } .search-panel.search-col .search-option__car-type-select_en .car-type__wagon .ui-radio.disabled { background-position: -268px -215px; } .search-panel.search-col .search-option__car-type-select_en .car-type__wagon .ui-radio.checked.disabled { background-position: -268px -215px; } .search-panel.search-col .search-option__car-type-select_en .car-type__eco .ui-radio { background-position: -357px 0px; } .search-panel.search-col .search-option__car-type-select_en .car-type__eco .ui-radio.static:hover { background-position: -357px -72px; } .search-panel.search-col .search-option__car-type-select_en .car-type__eco .ui-radio:hover { background-position: -357px -72px; } .search-panel.search-col .search-option__car-type-select_en .car-type__eco .ui-radio.checked { background-position: -357px -140px; } .search-panel.search-col .search-option__car-type-select_en .car-type__eco .ui-radio.active { background-position: -357px -140px; } .search-panel.search-col .search-option__car-type-select_en .car-type__eco .ui-radio.disabled { background-position: -357px -215px; } .search-panel.search-col .search-option__car-type-select_en .car-type__eco .ui-radio.checked.disabled { background-position: -357px -215px; } .search-panel.search-col .search-option__car-type-select_en .car-type__none .ui-radio { background-position: -539px 0px; } .search-panel.search-col .search-option__car-type-select_en .car-type__none .ui-radio.static:hover { background-position: -539px -72px; } .search-panel.search-col .search-option__car-type-select_en .car-type__none .ui-radio:hover { background-position: -539px -72px; } .search-panel.search-col .search-option__car-type-select_en .car-type__none .ui-radio.checked { background-position: -539px -140px; } .search-panel.search-col .search-option__car-type-select_en .car-type__none .ui-radio.active { background-position: -539px -140px; } .search-panel.search-col .search-option__car-type-select_en .car-type__none .ui-radio.disabled { background-position: -539px -215px; } .search-panel.search-col .search-option__car-type-select_en .car-type__none .ui-radio.checked.disabled { background-position: -539px -215px; } /*-- 車両選択画像英語版 END --*/ /*-- 車両選択画像韓国語版 START --*/ .search-option__car-type-select_kr { min-height: 1; margin-right: -4px; } .search-option__car-type-select_kr:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .search-option__car-type-select_kr { height: 1px; } .search-option__car-type-select_kr label { width: 72px; height: 54px; display: block; float: left; margin: 0 4px 4px 0; visibility: hidden; } .search-option__car-type-select_kr .ui-radio { text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6); background: url("/car/common/images/ico/ico_search-module-l_kr.png"), linear-gradient(#fff, rgba(255, 255, 255, 0)); background-repeat: no-repeat; background-color: #f5f5f5; box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(0, 0, 0, 0.05) 0 -1px 0 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px 0; visibility: visible; height: 52px; display: block; border-width: 1px; border-style: solid; border-color: #bfbfbf; border-bottom-color: #a6a6a6; } .search-option__car-type-select_kr .ui-radio.static:hover, .search-option__car-type-select_kr .ui-radio:hover { box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(0, 0, 0, 0.1) 0 1px 1px; background-color: #fff; border-color: #a6a6a6; border-bottom-color: #8c8c8c; } .search-option__car-type-select_kr .ui-radio:active { box-shadow: rgba(0, 0, 0, 0.05) 0 -1px 1px; background-color: #fff; border-color: #1460ba; } .search-option__car-type-select_kr .ui-radio.checked { box-shadow: rgba(230, 231, 233, 0.2) 0 0 3px; background-color: #fff; border-color: #1460ba; } .search-panel.search-col .search-option__car-type-select_kr .car-type__light .ui-radio { background-position: 1px 0; } .search-panel.search-col .search-option__car-type-select_kr .car-type__light .ui-radio.static:hover { background-position: 1px -72px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__light .ui-radio:hover { background-position: 1px -72px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__light .ui-radio.checked { background-position: 1px -140px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__light .ui-radio.active { background-position: 1px -140px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__light .ui-radio.disabled { background-position: 1px -215px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__light .ui-radio.checked.disabled { background-position: 1px -215px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__small .ui-radio { background-position: -87px 0; } .search-panel.search-col .search-option__car-type-select_kr .car-type__small .ui-radio.static:hover { background-position: -87px -72px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__small .ui-radio:hover { background-position: -87px -72px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__small .ui-radio.checked { background-position: -87px -140px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__small .ui-radio.active { background-position: -87px -140px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__small .ui-radio.disabled { background-position: -87px -215px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__small .ui-radio.checked.disabled { background-position: -87px -215px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__medium .ui-radio { background-position: -179px 0; } .search-panel.search-col .search-option__car-type-select_kr .car-type__medium .ui-radio.static:hover { background-position: -179px -72px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__medium .ui-radio:hover { background-position: -179px -72px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__medium .ui-radio.checked { background-position: -179px -140px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__medium .ui-radio.active { background-position: -179px -140px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__medium .ui-radio.disabled { background-position: -179px -215px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__medium .ui-radio.checked.disabled { background-position: -179px -215px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__wagon .ui-radio { background-position: -268px 0; } .search-panel.search-col .search-option__car-type-select_kr .car-type__wagon .ui-radio.static:hover { background-position: -268px -72px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__wagon .ui-radio:hover { background-position: -268px -72px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__wagon .ui-radio.checked { background-position: -268px -140px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__wagon .ui-radio.active { background-position: -268px -140px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__wagon .ui-radio.disabled { background-position: -268px -215px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__wagon .ui-radio.checked.disabled { background-position: -268px -215px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__eco .ui-radio { background-position: -357px 0; } .search-panel.search-col .search-option__car-type-select_kr .car-type__eco .ui-radio.static:hover { background-position: -357px -72px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__eco .ui-radio:hover { background-position: -357px -72px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__eco .ui-radio.checked { background-position: -357px -140px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__eco .ui-radio.active { background-position: -357px -140px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__eco .ui-radio.disabled { background-position: -357px -215px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__eco .ui-radio.checked.disabled { background-position: -357px -215px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__none .ui-radio { background-position: -539px 0; } .search-panel.search-col .search-option__car-type-select_kr .car-type__none .ui-radio.static:hover { background-position: -539px -72px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__none .ui-radio:hover { background-position: -539px -72px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__none .ui-radio.checked { background-position: -539px -140px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__none .ui-radio.active { background-position: -539px -140px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__none .ui-radio.disabled { background-position: -539px -215px; } .search-panel.search-col .search-option__car-type-select_kr .car-type__none .ui-radio.checked.disabled { background-position: -539px -215px; } /*-- 車両選択画像韓国語版 END --*/ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url("/car/common/images/fancybox/fancybox.png"); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-wrap #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.5) 0 1px 10px; } #fancybox-wrap #fancybox-outer .fancybox-bg { display: none; } #fancybox-wrap #fancybox-outer #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid transparent; } #fancybox-wrap #fancybox-outer #fancybox-left, #fancybox-wrap #fancybox-outer #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url("/car/common/images/fancybox/blank.gif"); z-index: 1102; display: none; } #fancybox-wrap #fancybox-outer #fancybox-left { left: 0px; } #fancybox-wrap #fancybox-outer #fancybox-left:hover span { left: 20px; } #fancybox-wrap #fancybox-outer #fancybox-right { right: 0px; } #fancybox-wrap #fancybox-outer #fancybox-right:hover span { left: auto; right: 20px; } #fancybox-wrap #fancybox-outer #fancybox-left:hover, #fancybox-wrap #fancybox-outer #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-wrap #fancybox-outer #fancybox-left-ico, #fancybox-wrap #fancybox-outer #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-wrap #fancybox-outer #fancybox-left-ico { background-image: url("/car/common/images/fancybox/fancybox.png"); background-position: -40px -30px; } #fancybox-wrap #fancybox-outer #fancybox-right-ico { background-image: url("/car/common/images/fancybox/fancybox.png"); background-position: -40px -60px; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: 5px; right: 10px; width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; z-index: 1103; display: block; font-size: 22px; color: #555; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.6); } #fancybox-close:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: inherit; font-family: "FontAwesome" !important; } #fancybox-close:hover { text-decoration: none; color: #78818b; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; border-radius: 4px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #fff; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url("/car/common/images/fancybox/fancy_title_over.png"); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url("/car/common/images/fancybox/fancybox.png") -40px -90px no-repeat; } #fancybox-title-float-main { color: #fff; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url("/car/common/images/fancybox/fancybox-x.png") 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url("/car/common/images/fancybox/fancybox.png") -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( ( -20 + ( document.documentElement.clientHeight ? document.documentElement.clientHeight/2: document.body.clientHeight/2 ) + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop) ) + "px" ); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/car/common/images/fancybox/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } .com { color: #93a1a1; } .lit { color: #195f91; } .pun, .opn, .clo { color: #93a1a1; } .fun { color: #dc322f; } .str, .atv { color: #d14; } .kwd, .linenums .tag { color: #1e347b; } .typ, .atn, .dec, .var { color: teal; } .pln { color: #48484c; } .prettyprint { padding: 4px; background-color: #f7f7f9; border: 1px solid #e6e7e9; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; margin: 16px 0; } .prettyprint.linenums { box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; } .prettyprint:last-child { margin-bottom: 0; } /* Specify class=linenums on a pre to get line numbering */ ol.linenums { margin: 0 0 0 33px; /* IE indents via margin-left */ } ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 18px; text-shadow: 0 1px 0 #fff; list-style-image: none; list-style-position: outside; list-style-type: decimal; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Ashley Novak * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .ui-datepicker { padding: 4px; border-radius: 4px; background: #1460ba; border: 1px solid #0f488c; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); display: none; } .ui-datepicker .ui-datepicker-header { position: relative; color: #fff; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); min-height: 33px; z-index: 10000; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next { position: absolute; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon { display: none; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { top: 0; left: 0; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; font-family: "FontAwesome" !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { top: 0; right: 0; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; font-family: "FontAwesome" !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { text-align: center; font-size: 15px; line-height: 30px; font-weight: 600; } .ui-datepicker .ui-datepicker-header .ui-state-hover { background: #4993eb; border-radius: 3px; color: #fff; } .ui-datepicker .ui-datepicker-calendar { background: #fff; border-radius: 3px; table-layout: fixed; margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-datepicker .ui-datepicker-calendar tr td, .ui-datepicker .ui-datepicker-calendar tr th { border-radius: 4px; text-align: center; width: 30px; height: 30px; padding: 1px; line-height: 18px; border: none; vertical-align: middle; } .ui-datepicker .ui-datepicker-calendar thead th { border-radius: 0; border-bottom: 1px solid #d8dbdd; background: #f3f4f5; width: 30px; height: 20px; color: #78818b; position: relative; } .ui-datepicker .ui-datepicker-calendar thead th:after { content: ""; display: block; position: absolute; background: #e6e7e9; width: 1px; height: 14px; right: 0; top: 3px; } .ui-datepicker .ui-datepicker-calendar thead th:before { content: ""; display: block; position: absolute; background: #fff; width: 1px; height: 14px; left: 0; top: 3px; } .ui-datepicker .ui-datepicker-calendar thead th:first-child { border-top-left-radius: 4px; } .ui-datepicker .ui-datepicker-calendar thead th:first-child:before { display: none; } .ui-datepicker .ui-datepicker-calendar thead th:last-child { border-top-right-radius: 4px; } .ui-datepicker .ui-datepicker-calendar thead th:last-child:after { display: none; } .ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a { display: block; padding: 4px; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled { color: #afb4ba; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable.date-sunday, .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable.date-holiday, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled.date-sunday, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled.date-holiday { color: #f9d5d1; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable.date-saturday, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled.date-saturday { color: #bcd7f8; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month { color: #e6e7e9; } .ui-datepicker .ui-datepicker-calendar td a { font-weight: 600; } .ui-datepicker .ui-datepicker-calendar td a.ui-state-default { border-radius: 4px; color: #78818b; } .ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight { background: #f3f4f5; } .ui-datepicker .ui-datepicker-calendar td a.ui-state-hover { background: #4993eb; color: #fff; } .ui-datepicker .ui-datepicker-calendar td a.ui-state-active { background: #1460ba; color: #fff; } .ui-datepicker .ui-datepicker-calendar td.date-saturday a.ui-state-default { color: #1b78e6; } .ui-datepicker .ui-datepicker-calendar td.date-saturday a.ui-state-hover { color: #fff; } .ui-datepicker .ui-datepicker-calendar td.date-saturday a.ui-state-active { color: #fff; } .ui-datepicker .ui-datepicker-calendar td.date-sunday a.ui-state-default, .ui-datepicker .ui-datepicker-calendar td.date-holiday a.ui-state-default { color: #e44833; } .ui-datepicker .ui-datepicker-calendar td.date-sunday a.ui-state-hover, .ui-datepicker .ui-datepicker-calendar td.date-holiday a.ui-state-hover { color: #fff; } .ui-datepicker .ui-datepicker-calendar td.date-sunday a.ui-state-active, .ui-datepicker .ui-datepicker-calendar td.date-holiday a.ui-state-active { color: #fff; } .table-striped .ui-datepicker table tr td, .table-striped .ui-datepicker table tr th { background-color: transparent; } .ui-datepicker th.ui-datepicker-switch { width: 145px; } .ui-datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .ui-datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; } .ui-datepicker a:hover { text-decoration: none; } .input-group.date .input-group-addon i { cursor: pointer; width: 16px; height: 16px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: #e6e7e9; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #f3f4f5; border: solid #e6e7e9; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .container.rc-summary-list { min-height: 1; } .container.rc-summary-list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .container.rc-summary-list { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } /* ========================================================= 検索ナビゲーション ========================================================= */ .search-nav--wrapper { border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-top: 5px solid #1460ba; } .cartype-select-nav .cartype-select-nav__select { min-height: 1; box-shadow: 0 1px 0 0 #cedce7 inset, 0 2px 0 0 white inset, 1px 0 0 0 white inset, -1px 0 0 0 white inset; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDFE8EF'); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g"); background-size: 100%; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) ); border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #dfe8ef; border-bottom: 5px solid #1460ba; } .cartype-select-nav .cartype-select-nav__select:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .cartype-select-nav .cartype-select-nav__select { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .cartype-select-nav .cartype-select-nav__select li { width: 120px; float: left; text-align: center; } .cartype-select-nav .cartype-select-nav__select li.active a { background: #1460ba; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g"); background-size: 100%; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) ); box-shadow: rgba(255, 255, 255, 0.15) 0 2px 0 0 inset, #1460ba 0 0 0 1px inset; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2); } .cartype-select-nav .cartype-select-nav__select li.active a:before, .cartype-select-nav .cartype-select-nav__select li.active a:after { display: none; } .cartype-select-nav .cartype-select-nav__select li.active a .ui-badge { color: #1460ba; background: #dfe8ef; text-shadow: none; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6); } .cartype-select-nav .cartype-select-nav__select li a { position: relative; display: block; padding: 8px 0; font-weight: 700; } .cartype-select-nav .cartype-select-nav__select li a:after { content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: 60%; width: 1px; background: #dfe8ef; position: absolute; top: 20%; right: 0; } .cartype-select-nav .cartype-select-nav__select li a:before { content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: 60%; width: 1px; background: #fff; position: absolute; top: 20%; left: 0; } .cartype-select-nav .cartype-select-nav__select li a .ui-badge { margin-left: 5px; font-size: 77%; } .cartype-select-nav .cartype-select-nav__select li a:link { text-decoration: none; } .cartype-select-nav .cartype-select-nav__select li a:hover { background: #1460ba; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g"); background-size: 100%; background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) ); box-shadow: rgba(255, 255, 255, 0.2) 0 2px 0 0 inset, #1460ba 0 0 0 1px inset; } .cartype-select-nav .cartype-select-nav__select li a:hover:before, .cartype-select-nav .cartype-select-nav__select li a:hover:after { display: none; } .cartype-select-nav .cartype-select-nav__select li:first-child a:before { display: none; } .cartype-select-nav .cartype-select-nav__select li:last-child a:after { display: none; } /* 検索結果バー --------------------------- */ .search-nav { background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 8px; margin-bottom: 4px; } .search-nav.\--isSearchMapPage, .search-nav.\--isSearchListPage { margin-bottom: 0; } /* 検索結果 */ .search-nav .search-nav__info { flex-grow: 1; float: left; padding-top: 6px; color: #78818b; } .search-nav .search-nav__info dt { display: inline; } .search-nav .search-nav__info dt:after { content: "："; } .search-nav .search-nav__info dd { display: inline; } .search-nav .search-nav__info dd strong { font-size: 1.3rem; color: #1460ba; margin-right: 4px; } .search-nav .search-nav__sorting { flex-grow: 0; float: right; margin-left: 8px; } .search-nav .search-nav__sorting.\--isClose { display: none; } .search-nav .service-nav .service-nav__info { float: left; } .search-nav .service-nav .service-nav__info li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; border-radius: 4px; color: #1460ba; padding: 4px 6px; background: #d3e5fa; border: 1px solid #bcd7f8; } .search-nav .service-nav .service-nav__info li:before { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; font-family: "FontAwesome" !important; } .search-nav .service-nav .service-nav__info li:before { margin-right: 4px; } .search-nav .service-nav .service-nav__info li .ui-btn--close { margin-left: 4px; } .search-nav .service-nav__select { float: right; } .search-nav .inner { display: flex; align-items: center; min-height: 1; border-bottom: 1px solid #e6e7e9; padding-bottom: 8px; margin-bottom: 8px; } .search-nav .inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .search-nav .inner { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .search-nav .inner:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } /* シェアボタン --------------------------- */ .shareButton { display: flex; width: 183px; justify-content: space-between; flex-grow: 0; margin: 0 0 0 auto; } .shareButton.\--mt8 { margin-top: 8px; } /* LINEで送る */ .line { width: 80px; height: 20px; cursor: pointer; margin-right: 8px; } .line img { width: 100%; } /* URLをコピー */ #copyButton { display: inline-block; cursor: pointer; padding-left: 24px; width: 95px; height: 20px; line-height: 20px; border-radius: 5px; color: #fff; font-size: 11px; background-image: url(/car/common/images/ico/ico_copy.png); background-repeat: no-repeat; background-position: top 2px left 5px; background-color: #8e9cad; box-sizing: border-box; background-size: 15px 15px; text-align: center; } #copyLink { font-size: 0; } .line img:hover, #copyButton:hover { opacity: 0.8; } /* urlをコピーのポップアップ */ #modal-notification { position: fixed; bottom: 0; margin: 0 auto; left: 0; right: 0; z-index: 10000; } .modal-notification__box { padding: 12px 0; text-align: center; background-color: #c4dffd; } .modal-notification__box__text { font-size: 14px; font-weight: bold; color: #e02117; } /* 店舗名・設定解除ボタン --------------------------- */ .pl-shopName { overflow: hidden; padding-top: 18px; margin-bottom: 10px; } .selected { display: flex; align-items: center; justify-content: space-between; float: left; width: 430px; min-height: 38px; } .selected-ShopWrap { display: flex; align-items: center; } .search-ButtonWrap { display: flex; float: right; } .selected__tag { text-decoration: none; color: #fff; font-size: 14px; line-height: 31px; background: #37b48c; display: inline-block; padding: 0 6px 0 10px; border-radius: 4px 0 0 4px; position: relative; z-index: 1; } .selected__tag::after { content: ""; position: absolute; top: 0px; right: -16px; width: 31px; height: 31px; -webkit-transform: scale(0.707) rotate(45deg); transform: scale(0.707) rotate(45deg); z-index: -1; background-color: #37b48c; } .selected__text { font-size: 14px; padding-left: 25px; width: 243px; } .selected__clear { color: #256bc0; font-size: 14px; padding-left: 22px; position: relative; margin-left: 3px; } .selected__clear a::before { content: ""; display: inline-block; background: url(/car/common/images/ui/ui_button_clear.png) no-repeat; background-size: contain; position: absolute; top: 0px; left: -20px; width: 17px; height: 17px; } .selected__clear a:hover { text-decoration: underline; opacity: 0.8; } .search-list__button { padding: 0 10px 0 20px; } .search-map__button { position: relative; } .search-map__button__ico { position: absolute; top: -14px; left: -5px; } .search-list__button a, .search-map__button a { position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 130px; height: 38px; color: #003894; font-size: 14px; font-weight: bold; background: #cddaea; border-radius: 3px; border: 1px solid #003894; } .search-list__button a::before { content: ""; display: inline-block; background: url(../../common/images/ico/ico_list_02.png) no-repeat; width: 16px; height: 13px; margin-right: 5px; } .search-map__button a::before { content: ""; display: inline-block; background: url(../../common/images/ico/ico_map_02.png) no-repeat; width: 21px; height: 17px; margin-right: 5px; } .search-list__button.active a { color: #fff; background: #003894; border: 1px solid #003894; } .search-map__button.active a { color: #fff; background: #003894; border: 1px solid #003894; } .search-list__button.active a::before { background: url(../../common/images/ico/ico_list.png) no-repeat; } .search-map__button.active a::before { background: url(../../common/images/ico/ico_map.png) no-repeat; } .search-list__button a:hover, .search-map__button a:hover { text-decoration: none; opacity: 0.8; } /* 商品 --------------------------- */ .rc-summary:hover .rc-summary__body { background-color: #eaf2fd; } .rc-summary:hover .rc-summary__footer { background-color: #eaf2fd; } .rc-product { margin-bottom: 16px; background: #fff; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); overflow: visible; } .rc-product__header { background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; border-top: 4px solid #1460ba; border-radius: 4px 4px 0 0; border-bottom: 1px solid #c1d4ea; padding: 26px 96px 8px 56px; position: relative; } .rc-product__logo { border: 1px solid #78818b; border-radius: 3px; background-color: #fff; width: 36px; position: absolute; top: 8px; left: 8px; } .rc-product__logo img { width: 34px; height: auto; margin: 1px; } .rc-product__company { color: #78818b; position: absolute; top: 6px; left: 56px; } .rc-product__title { line-height: 1.6; } .rc-product .rc-product__header .rc-product__title .ui-label, .rc-product .rc-product__header .rc-product__title .ui-ef-description-list dt, .ui-ef-description-list .rc-product .rc-product__header .rc-product__title dt, .rc-product .rc-product__header .rc-product__title .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec .rc-product .rc-product__header .rc-product__title dt, .rc-product .rc-product__header .rc-product__title .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .rc-price__rate, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .rc-product .rc-product__header .rc-product__title .rc-price__rate, .rc-product .rc-product__header .rc-product__title .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information .rc-product .rc-product__header .rc-product__title dt, .rc-product .rc-product__header .rc-product__title .rc-product__basic-info .rc-spec dt, .rc-product__basic-info .rc-spec .rc-product .rc-product__header .rc-product__title dt, .rc-product .rc-product__header .rc-product__title .rc-supplier-message .rc-supplier-message__point dt, .rc-supplier-message .rc-supplier-message__point .rc-product .rc-product__header .rc-product__title dt, .rc-product .rc-product__header .rc-product__title .rc-conditions .rc-supplier-view .rc-supplier-view__company, .rc-conditions .rc-supplier-view .rc-product .rc-product__header .rc-product__title .rc-supplier-view__company, .rc-product .rc-product__header .rc-product__title .rc-estimate .estimate-report .estimate-report__title, .rc-estimate .estimate-report .rc-product .rc-product__header .rc-product__title .estimate-report__title, .rc-product .rc-product__header .rc-product__title .rc-estimate--result .estimate-report .estimate-report__title, .rc-estimate--result .estimate-report .rc-product .rc-product__header .rc-product__title .estimate-report__title, .rc-product .rc-product__header .rc-product__title .rc-estimate--confirm .estimate-report .estimate-report__title, .rc-estimate--confirm .estimate-report .rc-product .rc-product__header .rc-product__title .estimate-report__title, .rc-product .rc-product__header .rc-product__title .rc-reserved dl.rc-reserved__info-list dt, .rc-reserved dl.rc-reserved__info-list .rc-product .rc-product__header .rc-product__title dt { margin-right: 4px; padding: 5px 6px; line-height: 100%; } /*禁煙アイコン*/ .rc-spec__class .no-smoke, .rc-option__selects .no-smoke, .estimate-report__discription .no-smoke { display: flex; align-items: center; color: #da1e29; font-size: 12px; font-weight: bold; padding-left: 24px; position: relative; line-height: 1; min-width: 64px; width: 64px; height: 24px; margin-left: 10px; } .rc-spec__class .no-smoke::before, .rc-option__selects .no-smoke::before, .estimate-report__discription .no-smoke::before { content: ""; background: url(../images/ico/ico26_smoke_non.png) no-repeat; background-size: contain; width: 21px; height: 21px; display: inline-block; position: absolute; top: 2px; left: 2px; } .rc-spec__class .smoke, .rc-option__selects .smoke, .estimate-report__discription .smoke { display: flex; align-items: center; color: #003894; font-size: 12px; font-weight: bold; padding-left: 24px; position: relative; line-height: 1; min-width: 64px; width: 64px; height: 24px; } .rc-spec__class .smoke::before, .rc-option__selects .smoke::before, .estimate-report__discription .smoke::before { content: ""; background: url(../images/ico/ico26_smoke.png) no-repeat; background-size: contain; width: 21px; height: 21px; display: inline-block; position: absolute; left: 2px; } /* 商品概要枠 --------------------------- */ .rc-product__basic-info { background: #f9f9fa; border: 1px solid #e6e7e9; border-radius: 4px; padding: 6px; margin-bottom: 16px; float: right; width: 464px; } /* スペック */ .rc-product__basic-info .rc-spec { background-color: #f9f9fa; padding: 0; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #e6e7e9; border-radius: 0; } .rc-product__basic-info .rc-spec:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .rc-product__basic-info .rc-spec dt { width: 70px; text-align: center; float: left; margin: 0; margin-bottom: 4px; } .rc-product__basic-info .rc-spec dd { width: 123px; float: left; padding: 0 8px; min-height: 13px; margin-bottom: 4px; line-height: px; } .rc-product__basic-info .rc-spec dd.rc-spec__class { width: 378px; padding-right: 0; display: flex; align-items: center; } .rc-product__basic-info .rc-spec dt.rc-spec__type { clear: left; } /* キャンペーンアイコン */ .rc-summary__body__campaign_step3 { margin-top: 4px; } /* キャンペーンタイトル */ .rc-summary__campaign__title { display: inline-block; padding: 10px 20px 0 0; margin-left: 4px; font-size: 14px; font-weight: bold; border-bottom: 2px solid #37b48c; } .rc-summary__campaign__link > p { margin-bottom: 8px; } a > .rc-summary__campaign__title:hover { text-decoration: underline; } .rc-product__basic-info .rc-supplier-view { padding: 6px; background: #e6e7e9; border-radius: 4px; } .rc-product__basic-info .rc-supplier-view .rc-supplier-view__company, .rc-product__basic-info .rc-supplier-view .rc-supplier-view__class-name { display: inline; color: #939ba3; } .rc-product__basic-info .rc-supplier-view .rc-supplier-view__company:after { content: "："; } .rc-equipment { margin-right: -4px; padding-top: 4px; border-top: 1px solid #fff; min-height: 1; } .rc-equipment:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .rc-equipment li { display: flex; align-items: center; justify-content: center; border-radius: 3px; background: #e6e7e9; border: 1px solid #d8dbdd; width: 111px; height: 18px; float: left; font-size: 10px; font-size: 0.625rem; text-align: center; padding: 6px 0; line-height: 1; margin-right: 4px; margin-bottom: 4px; color: #fff; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.15); } .rc-equipment li.on { background: #1460ba; border-color: #0f488c; } .rc-equipment li.tooltip { cursor: help; } .rc-equipment .rc-equipment__description { position: absolute; display: none; top: 100%; left: 0; background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; color: #78818b; width: 264px; z-index: 100; padding: 16px; margin-top: 8px; text-shadow: none; text-align: left; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); } .rc-equipment .rc-equipment__description dt { font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #e6e7e9; margin-bottom: 5px; } .rc-equipment .rc-equipment__description dd { line-height: 146%; } .rc-equipment .rc-equipment__description:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 4px 8px 4px; border-color: transparent transparent #caced2 transparent; position: absolute; top: -8px; left: 13px; } .rc-equipment .rc-equipment__description:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 3px 6px 3px; border-color: transparent transparent #fff transparent; position: absolute; top: -6px; left: 14px; } /* 車種画像 */ .rc-product__outline { width: 182px; float: left; } .rc-product__outline .rc-product__thumb { border: 1px solid #e6e7e9; border-radius: 4px; padding: 2px; margin-bottom: 8px; } .rc-product__outline .rc-product__thumb img { width: 100%; height: auto; } .rc-product__outline figcaption { margin-left: 8px; color: #78818b; } /* 商品説明文 */ .rc-product__description { clear: both; line-height: 146%; } .rc-product__description > p { margin-bottom: 8px; margin-left: 4px; } .rc-product__description > .copy { font-weight: bold; margin-top: 16px; color: #1460ba; } .rc-product__description strong { font-weight: bold; color: #f27b11; } /* 商品詳細枠 */ .rc-product__details { padding: 16px 10px; } .rc-product__details > h2 { font-weight: bold; border-bottom: 1px solid #e6e7e9; padding-bottom: 8px; padding-left: 2px; margin: 32px 0 8px; } .rc-product__details > h3 { font-weight: bold; color: #1460ba; margin: 24px 0 8px; } .rc-product__details > h3:before { content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; border-radius: 2px; width: 5px; height: 24px; margin-right: 8px; background: #1460ba; } .rc-product__details > h4 { font-weight: bold; color: #1460ba; margin: 16px 0 8px; font-size: 1.3rem; } .rc-product__details > h4:before { content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; border-radius: 2px; width: 12px; height: 5px; margin-right: 6px; background: #1460ba; } .rc-product__details > .inner { margin-bottom: 16px; margin-left: 16px; line-height: 146%; } .rc-product__details > p { margin-bottom: 8px; margin-left: 4px; line-height: 146%; } .rc-product__details > hr { margin-top: 24px; margin-bottom: 24px; } .discount-table { clear: both; margin-bottom: 8px; } .slide-text { clear: both; } a.more-open-trigger:after { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: inherit; font-family: "FontAwesome" !important; } a.more-close-trigger:after { content: ""; speak: none; text-transform: uppercase; vertical-align: middle; font-style: normal; font-variant: normal; font-weight: normal; font-size: inherit; font-family: "FontAwesome" !important; } .rc-supplier-message { margin: 32px 0 16px; background: #1460ba; border: 1px solid #1254a3; padding: 4px; padding-top: 0; clear: both; border-radius: 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset; } .rc-supplier-message > h3 { padding: 10px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); font-weight: bold; color: #1460ba; color: #fff; } .rc-supplier-message > .inner { background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15), 0 1px 1px rgba(255, 255, 255, 0.2); padding: 8px; } .rc-supplier-message p { margin-bottom: 8px; line-height: 146%; } .rc-supplier-message .rc-supplier-message__point { min-height: 1; line-height: 146%; } .rc-supplier-message .rc-supplier-message__point:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-supplier-message .rc-supplier-message__point { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-supplier-message .rc-supplier-message__point dt { width: 70px; float: left; line-height: 146%; margin-right: 8px; } .rc-supplier-message .rc-supplier-message__point dd { float: left; padding: 4px 0; } .rc-supplier-message .rc-supplier-message__point dd:after { content: "、"; } .rc-supplier-message .rc-supplier-message__point dd:last-child:after { display: none; } /* 商品詳細ページ・レンタル予約条件 */ .rc-conditions { margin-bottom: 16px; background: #ffffff; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .rc-conditions .rc-conditions__header { box-shadow: #fff 0 0 0 1px inset; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDFE8EF'); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZThlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; border-top: 4px solid #1460ba; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; border-bottom: 1px solid #c1d4ea; padding: 10px; min-height: 1; padding: 8px; position: relative; } .rc-conditions .rc-conditions__header a { color: #1460ba; text-decoration: none; } .rc-conditions .rc-conditions__header a:link, .rc-conditions .rc-conditions__header a:visited { color: #1460ba; } .rc-conditions .rc-conditions__header a:hover, .rc-conditions .rc-conditions__header a:active, .rc-conditions .rc-conditions__header a:focus { color: #4993eb; } .rc-conditions .rc-conditions__header:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-conditions .rc-conditions__header { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-conditions .rc-conditions__header .ui-icon { float: left; } .rc-conditions .rc-conditions__header h3 { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 4px 0; } .rc-conditions .rc-conditions__body { padding: 16px; } .rc-conditions .rc-supplier-view { padding-top: 8px; border-top: 1px dashed #e6e7e9; } .rc-conditions .rc-supplier-view .rc-supplier-view__class-name { display: block; color: #78818b; margin-top: 4px; } /* レンタルとセットでおトクなオプション */ .rc-add-opt { margin-bottom: 16px; /* background: #ffffff; */ border-radius: 4px; /* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); */ } .rc-add-opt .rc-add-opt__header { box-shadow: #fff 0 0 0 1px inset; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDFE8EF'); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZThlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; border-top: 4px solid #1460ba; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; border-bottom: 1px solid #c1d4ea; padding: 10px; min-height: 1; padding: 8px; position: relative; } .rc-add-opt .rc-add-opt__header a { color: #1460ba; text-decoration: none; } .rc-add-opt .rc-add-opt__header a:link, .rc-add-opt .rc-add-opt__header a:visited { color: #1460ba; } .rc-add-opt .rc-add-opt__header a:hover, .rc-add-opt .rc-add-opt__header a:active, .rc-add-opt .rc-add-opt__header a:focus { color: #4993eb; } .rc-add-opt .rc-add-opt__header:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-add-opt .rc-add-opt__header { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-add-opt .rc-add-opt__header .ui-icon { float: left; } .rc-add-opt .rc-add-opt__header h3 { display: inline-block; padding: 4px 0; } .rc-add-opt .rc-add-opt__body { padding: 16px; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .rc-add-opt__body + .rc-add-opt__body { margin-top: 15px; border-top: 1px solid #ddd; } .rc-add-opt .vol span { font-size: 1.2em; font-weight: 700; display: flex; align-items: center; justify-content: start; color: #1460ba; } .rc-add-opt .vol span::before { content: ""; display: inline-block; height: 10px; width: 12px; background: url(/car/common_new/images/header/btn_guide.png) no-repeat 0 0; background-size: cover; /* border-style: solid; border-width: 6px 6px; border-color: #1460ba transparent transparent transparent; */ margin-right: 4px; /* transform: translate(0, 0px); */ } .rc-add-opt .vol span:empty::before { display: none; } .rc-option { min-height: 1; border-top: 1px solid #e6e7e9; padding-top: 16px; margin: 16px 0; } .rc-option:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-option { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-option:first-child { border-top: none; padding-top: 0; margin-top: 0; } .rc-option:last-child { margin-bottom: 0; } .rc-option > header { float: left; width: 174px; padding-top: 2px; } .rc-option > header .ui-icon { float: left; } .rc-option > header .rc-option__title { font-weight: bold; min-height: 34px; } .rc-option > header .rc-option__title .ui-label, .rc-option > header .rc-option__title .ui-ef-description-list dt, .ui-ef-description-list .rc-option > header .rc-option__title dt, .rc-option > header .rc-option__title .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec dt, .rc-summary .rc-summary__body .rc-summary__product-info .rc-summary__spec .rc-option > header .rc-option__title dt, .rc-option > header .rc-option__title .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .rc-price__rate, .rc-summary .rc-summary__body .rc-summary__reservation .rc-summary__price .rc-price__header .rc-price__title .rc-option > header .rc-option__title .rc-price__rate, .rc-option > header .rc-option__title .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information dt, .rc-shop-summary .rc-shop-summary__body .rc-shop-summary__information .rc-option > header .rc-option__title dt, .rc-option > header .rc-option__title .rc-product__basic-info .rc-spec dt, .rc-product__basic-info .rc-spec .rc-option > header .rc-option__title dt, .rc-option > header .rc-option__title .rc-supplier-message .rc-supplier-message__point dt, .rc-supplier-message .rc-supplier-message__point .rc-option > header .rc-option__title dt, .rc-option > header .rc-option__title .rc-conditions .rc-supplier-view .rc-supplier-view__company, .rc-conditions .rc-supplier-view .rc-option > header .rc-option__title .rc-supplier-view__company, .rc-option > header .rc-option__title .rc-estimate .estimate-report .estimate-report__title, .rc-estimate .estimate-report .rc-option > header .rc-option__title .estimate-report__title, .rc-option > header .rc-option__title .rc-estimate--result .estimate-report .estimate-report__title, .rc-estimate--result .estimate-report .rc-option > header .rc-option__title .estimate-report__title, .rc-option > header .rc-option__title .rc-estimate--confirm .estimate-report .estimate-report__title, .rc-estimate--confirm .estimate-report .rc-option > header .rc-option__title .estimate-report__title, .rc-option > header .rc-option__title .rc-reserved dl.rc-reserved__info-list dt, .rc-reserved dl.rc-reserved__info-list .rc-option > header .rc-option__title dt { padding: 3px; } .rc-option header h4 > span { padding-right: 5px; } .rc-option > header .rc-option__additional { color: #868e97; margin-top: 3px; } .rc-option > header .rc-option__additional strong { color: #c92f1b; font-weight: bold; } .rc-option > header .rc-option__hint { margin-top: 8px; padding-top: 8px; border-top: 1px dashed #e6e7e9; color: #afb4ba; line-height: 146%; } .rc-option > .inner { float: right; width: 444px; padding: 8px; background: #f3f4f5; border: 1px solid #e6e7e9; border-radius: 4px; } .rc-option .stuff-message { float: right; width: 462px; min-height: 1; margin-top: 8px; } .rc-option .stuff-message:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-option .stuff-message { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-option .stuff-message .stuff-pict { float: right; } .rc-option .stuff-message .stuff-comment { background: #fdeee1; border: 1px solid #fce1c9; color: #f27b11; border-radius: 4px; margin-right: 38px; padding: 8px; position: relative; overflow: visible; } .rc-option .stuff-message .stuff-comment:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 9px 9px 0 0; border-color: #fce1c9 transparent transparent transparent; position: absolute; top: 7px; right: -9px; z-index: 1; } .rc-option .stuff-message .stuff-comment:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 6px 8px 0 0; border-color: #fdeee1 transparent transparent transparent; position: absolute; top: 8px; right: -8px; z-index: 2; } .rc-option .rc-option__description { line-height: 146%; } .rc-option dl.rc-option__selects { min-height: 1; line-height: 1.5em; } .rc-option dl.rc-option__selects:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-option dl.rc-option__selects { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-option dl.rc-option__selects dt { float: left; width: 95px; font-weight: bold; line-height: 1.2; } .rc-option dl.rc-option__selects dd { margin-left: 100px; margin-bottom: 4px; position: relative; } .rc-option dl.rc-option__selects dd:last-child { margin-bottom: 0; } .rc-option dl.rc-option__selects dd img { top: 6px; position: absolute; } .rc-option dl.rc-option__selects dd select { line-height: 1em; margin-right: 4px; } .rc-option .inner p select { margin-right: 5px; } span#Label12 { position: absolute; top: 8px; left: 48px; } /* 商品詳細プルダウンメニュー */ .rc-option__selects .rc-option__selects__menu { position: relative; height: 34px; background: #fff; border: 1px solid #666; border-radius: 4px; display: inline-block; box-sizing: border-box; } .rc-option__selects .rc-option__selects__menu.\--month { width: 99px; } .rc-option__selects .rc-option__selects__menu.\--day { width: 80px; } .rc-option__selects .rc-option__selects__menu.\--time { width: 65px; margin-left: 26px; } .rc-option__selects .rc-option__selects__menu.\--departure_points { width: 198px; } .rc-option__selects .rc-option__selects__menu.\--return_points { width: 198px; } .rc-option__selects .rc-option__selects__menu.\--CarMount { width: 45px; } .rc-option__selects .rc-option__selects__menu select { -moz-appearance: none; -webkit-appearance: none; appearance: none; display: flex; align-items: center; width: 100%; height: 32px; background: rgba(255, 255, 255, 0); border: none; border-radius: 4px; font-size: 12px; position: relative; z-index: 100; padding: 4px 15px 4px 4px; margin: 0; cursor: pointer; } .rc-option__selects .rc-option__selects__menu select::-ms-expand { display: none; } .rc-option__selects .rc-option__selects__menu.\--time select { z-index: 1; } /*プルダウンメニュー矢印*/ .rc-option__selects .rc-option__selects__menu::before { content: ""; position: absolute; top: 4px; right: 4px; width: 0; height: 0; border: 4px solid transparent; border-bottom: 6px solid #666; } .rc-option__selects .rc-option__selects__menu::after { content: ""; position: absolute; top: 18px; right: 4px; width: 0; height: 0; border: 4px solid transparent; border-top: 6px solid #666; } .ui-btn.btn-mini { display: inline-block; vertical-align: top; margin-top: 4px; } /**/ .rc-option__selects + hr { margin: 8px 0; } .rc-estimate, .rc-estimate--result { border-radius: 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, rgba(0, 0, 0, 0.2) 0 1px 2px; padding: 3px; padding-top: 0; background: #1460ba; border: 1px solid #1254a3; margin-bottom: 16px; } .rc-estimate .price, .rc-estimate--result .price { font-weight: normal; color: inherit; } .rc-estimate .price--plus, .rc-estimate--result .price--plus { font-weight: normal; color: #c92f1b; } .rc-estimate .price--minus, .rc-estimate--result .price--minus { font-weight: normal; color: #1460ba; } .rc-estimate .rc-estimate__header, .rc-estimate--result .rc-estimate__header { position: relative; } .rc-estimate .rc-estimate__header .rc-estimate__title, .rc-estimate--result .rc-estimate__header .rc-estimate__title { padding: 10px; color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); font-weight: bold; } .rc-estimate .rc-estimate__header .rc-estimate__action-change, .rc-estimate--result .rc-estimate__header .rc-estimate__action-change { position: absolute; top: 5px; right: 3px; } .rc-estimate > .inner, .rc-estimate--result > .inner { background: #fff; min-height: 1; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15), 0 1px 1px rgba(255, 255, 255, 0.2); padding: 6px; } .rc-estimate > .inner:after, .rc-estimate--result > .inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-estimate > .inner, * html .rc-estimate--result > .inner { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-estimate .reserve-details, .rc-estimate--result .reserve-details { padding-bottom: 6px; } .rc-estimate .reserve-details .reserve-details__title, .rc-estimate--result .reserve-details .reserve-details__title { display: none; } .rc-estimate .reserve-price, .rc-estimate--result .reserve-price { border-top: 1px dashed #e6e7e9; padding-top: 6px; } .rc-estimate .reserve-price .reserve-price__title, .rc-estimate--result .reserve-price .reserve-price__title { display: none; } .rc-estimate .estimate-report, .rc-estimate--result .estimate-report { min-height: 1; padding-top: 6px; padding-bottom: 6px; border-bottom: 1px dashed #e6e7e9; } .rc-estimate .estimate-report:after, .rc-estimate--result .estimate-report:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-estimate .estimate-report, * html .rc-estimate--result .estimate-report { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-estimate .estimate-report:first-of-type, .rc-estimate--result .estimate-report:first-of-type { padding-top: 0; } .rc-estimate .estimate-report:last-of-type, .rc-estimate--result .estimate-report:last-of-type { border: none; padding-bottom: 0; } .rc-estimate .estimate-report .estimate-report__title, .rc-estimate--result .estimate-report .estimate-report__title { width: 66px; float: left; margin: 0; font-weight: normal; text-align: center; clear: left; padding: 5px 0; } /* 2024-08 クーポン機能追加 */ .estimate-report__title2 { width: 240px; width: 250px; float: left; margin: 0; font-weight: normal; text-align: center; clear: left; padding: 5px 0; background: #a1a7ae; color: #fff; } /* 2024-08 クーポン機能追加 */ /* 装飾クーポン名 */ .deco-coupon_cell { vertical-align: bottom; } .deco-coupon-name { border: 1px solid; border-color: #ee3b69; background-color: #ffffdd; text-align: center; font-size: 14px; font-weight: bold; color: #ee3b69; min-height: 28px; height: auto; /* height: 28px; */ width: 180px; display: flex; align-items: center; justify-content: center; } /* 装飾クーポン用テーブル */ .deco-coupon-table { display: block; border-collapse: separate; border-spacing: 5px; } /* 装飾クーポン用アイコン */ .deco-coupon-icon { width: 75px; height: 50px; margin-bottom: 18px; object-fit: contain; vertical-align: bottom; } .rc-estimate .estimate-report .estimate-report__discription, .rc-estimate--result .estimate-report .estimate-report__discription, .rc-estimate .estimate-report .estimate-report__start-date, .rc-estimate--result .estimate-report .estimate-report__start-date, .rc-estimate .estimate-report .estimate-report__start-branch, .rc-estimate--result .estimate-report .estimate-report__start-branch, .rc-estimate .estimate-report .estimate-report__end-date, .rc-estimate--result .estimate-report .estimate-report__end-date, .rc-estimate .estimate-report .estimate-report__end-branch, .rc-estimate--result .estimate-report .estimate-report__end-branch { line-height: 21px; margin-left: 74px; } .rc-estimate .estimate-report .estimate-report__price-list, .rc-estimate--result .estimate-report .estimate-report__price-list { min-height: 1; margin-left: 74px; } .rc-estimate .estimate-report .estimate-report__price-list:after, .rc-estimate--result .estimate-report .estimate-report__price-list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-estimate .estimate-report .estimate-report__price-list, * html .rc-estimate--result .estimate-report .estimate-report__price-list { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-estimate .estimate-report .estimate-report__price-list dt, .rc-estimate--result .estimate-report .estimate-report__price-list dt { width: 60%; float: left; padding-top: 4px; padding-bottom: 4px; } .rc-estimate .estimate-report .estimate-report__price-list dd, .rc-estimate--result .estimate-report .estimate-report__price-list dd { width: 40%; float: right; padding-top: 4px; padding-bottom: 4px; text-align: right; } .rc-estimate .estimate-total-price { margin-top: 6px; padding-top: 6px; border-top: 1px solid #e6e7e9; min-height: 1; } .rc-estimate .estimate-total-price:after, .rc-estimate--result .estimate-total-price:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-estimate .estimate-total-price, * html .rc-estimate--result .estimate-total-price { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-estimate .estimate-total-price .estimate-total-price__title, .rc-estimate--result .estimate-total-price .estimate-total-price__title { float: left; width: 70px; color: #333; padding: 6px 0; text-align: center; font-weight: bold; font-size: 16px; overflow: visible; position: relative; } .rc-estimate .estimate-total-price .estimate-total-price__discription, .rc-estimate--result .estimate-total-price .estimate-total-price__discription { float: right; line-height: 27px; vertical-align: bottom; } .rc-estimate .estimate-total-price .estimate-total-price__discription .price, .rc-estimate--result .estimate-total-price .estimate-total-price__discription .price { font-weight: bold; color: #c92f1b; } .rc-estimate--result { border-radius: 6px; min-height: 1; margin: 0 5px 16px; } .rc-estimate--result:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-estimate--result { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-estimate--result > .inner { padding: 16px; } .rc-estimate--result .rc-estimate__header .rc-estimate__title { padding: 12px; text-align: center; } .rc-estimate--result .reserve-details { width: 55.5%; float: left; } .rc-estimate--result .reserve-details .reserve-details__title { display: block; font-weight: bold; color: #78818b; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 2px solid #f3f4f5; } .rc-estimate--result .reserve-details .estimate-report:first-of-type { padding-top: 0; } .rc-estimate--result .reserve-price { width: 40%; float: right; background: #f3f4f5; border: 1px solid #e6e7e9; border-radius: 4px; padding: 12px; } /* 2024-08 クーポン機能追加 */ .rc-estimate--result .coupon { width: 40%; float: right; } .rc-estimate--result .reserve-price .estimate-report { min-height: 1; border-bottom: 1px solid #e6e7e9; border-top: 1px solid #fff; } .rc-estimate--result .reserve-price .estimate-report:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-estimate--result .reserve-price .estimate-report { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-estimate--result .reserve-price .estimate-report:first-of-type { border-top: none; } .rc-estimate--result .reserve-price .estimate-report:last-child { border-bottom: none; } .rc-estimate--result .reserve-price .estimate-total-price { margin-top: 0px; padding: 8px 0 0; border-top: 1px solid #fff; } .rc-estimate--result .reserve-price .estimate-total-price .estimate-total-price__title { margin-left: 0; padding: 6px; width: 75px; font-weight: 600; } .rc-estimate--result .reserve-price .estimate-total-price .estimate-total-price__discription { line-height: 30px; } .rc-estimate--result footer { clear: both; padding-top: 8px; } .reserve-footer__inner { border-top: 1px solid #e6e7e9; padding: 10px 0 0; display: flex; align-items: center; } .estimate-info { display: flex; width: 540px; align-items: center; } .estimate-info__attention { color: #ca2e1f; font-size: 14px; background: #fceae6; border-radius: 4px; border: 1px solid #eed8da; text-align: center; padding: 0 5px; width: 400px; box-sizing: border-box; line-height: 30px; position: relative; margin-right: 40px; } .estimate-info__attention::before { content: ""; background: url(/car/common/images/ui/ui_arrow_alert.png) no-repeat; width: 10px; height: 10px; position: absolute; top: 50%; right: -10px; margin-top: -6px; z-index: 1; } .rc-estimate--result .estimate-total-price { width: 400px; } .rc-estimate--result .estimate-total-price .estimate-total-price__title { padding: 8px; width: 90px; } .rc-estimate--result .estimate-total-price .estimate-total-price__discription { line-height: 30px; } .rc-estimate--result .rc-estimate__action { margin-top: 10px; padding: 20px; border-top: none; border-radius: 4px; background: #fff; text-align: center; } .rc-estimate__action__inner { display: flex; justify-content: center; align-items: center; } .rc-estimate--result .rc-estimate__action .ui-btn { width: 394px; padding: 8px 0; } /* ログインボックス */ #loginFrom img { margin-top: 20px; } .loginFrom { display: flex; margin: 0 5px 16px; } .pl-loginBox { margin-top: 20px; border: 2px solid #acacac; border-radius: 6px; padding-bottom: 20px; width: 900px; box-sizing: border-box; background: #eaf7ff; text-align: center; } .pl-loginBox:first-child { margin-right: 20px; width: 1250px; } #txtError { padding-bottom: 20px; } .pl-loginBox__headline { font-size: 20px; font-weight: bold; padding: 10px; margin: 40px 0 20px; /* background: #1460ba; */ color: #003894; } .right { background: #fff; border: initial; } .pl-loginBox__form { /* display: flex; */ justify-content: space-between; margin: 0 20px 20px; } .pl-loginBox__form__item { width: 416px; text-align: left; margin: 0 auto; margin-bottom: 25px; } .pl-loginBox__form__item p { font-size: 14px; } .pl-loginBox__form__item p span { color: #333333; font-weight: bold; } .pl-loginBox__form__item input { line-height: 2; padding: 4px; border-radius: 1px; border: 1px solid #555555; width: 416px; box-sizing: border-box; } .pl-loginBox__button { margin: 0 20px 10px; } .loginFrom .bl { color: #fff; background: #003894; width: 40%; border-radius: 17px; border: 1px solid #003894; position: relative; text-shadow: initial; box-shadow: initial; } .loginFrom .bl::after { content: ""; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); position: absolute; top: 12px; right: 12px; } .loginFrom .bl:hover { opacity: 0.8; } .rc-estimate__action__inner .bl { width: 60%; background: #f08300; border: 1px solid #f08300; margin-bottom: 20px; } .box-right { margin: 0 30px; } .box-right p { line-height: 1.5; margin-bottom: 20px; } a.pl-loginBox__help { color: #003894; text-decoration: none; font-size: 14px; } .reserve-information { float: left; width: 684px; background: #fff; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); margin-bottom: 32px; margin-left: 5px; } .reserve-information .reserve-information__header { box-shadow: #fff 0 0 0 1px inset; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDFE8EF'); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZThlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; border-top: 4px solid #1460ba; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; border-bottom: 1px solid #c1d4ea; padding: 10px; min-height: 1; } .reserve-information .reserve-information__header a { color: #1460ba; text-decoration: none; } .reserve-information .reserve-information__header a:link, .reserve-information .reserve-information__header a:visited { color: #1460ba; } .reserve-information .reserve-information__header a:hover, .reserve-information .reserve-information__header a:active, .reserve-information .reserve-information__header a:focus { color: #4993eb; } .reserve-information .reserve-information__header:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .reserve-information .reserve-information__header { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .reserve-attention { float: right; width: 280px; background: #fff; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); margin-bottom: 32px; margin-right: 5px; } .reserve-attention .reserve-attention__header { box-shadow: #fff 0 0 0 1px inset; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDFE8EF'); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZThlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; border-top: 4px solid #1460ba; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; border-bottom: 1px solid #c1d4ea; padding: 10px; min-height: 1; } .reserve-attention .reserve-attention__header a { color: #1460ba; text-decoration: none; } .reserve-attention .reserve-attention__header a:link, .reserve-attention .reserve-attention__header a:visited { color: #1460ba; } .reserve-attention .reserve-attention__header a:hover, .reserve-attention .reserve-attention__header a:active, .reserve-attention .reserve-attention__header a:focus { color: #4993eb; } .reserve-attention .reserve-attention__header:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .reserve-attention .reserve-attention__header { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .reserve-information .rc-information { min-height: 1; border-bottom: 1px dotted #e6e7e9; padding: 16px; line-height: 146%; } .reserve-information .rc-information:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .reserve-information .rc-information { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .reserve-information .rc-information .rc-information__title { float: left; font-weight: bold; width: 150px; } .reserve-information .rc-information .rc-information__discription { margin-left: 150px; } .reserve-information .rc-information:last-of-type { border-bottom: none; } .reserve-information .rc-information strong { color: #f27b11; font-weight: bold; } .reserve-attention .rc-information { border-bottom: 1px dotted #e6e7e9; padding: 16px; line-height: 146%; } .reserve-attention .rc-information .rc-information__title { font-weight: bold; margin-bottom: 6px; } .reserve-attention .rc-information:last-of-type { border-bottom: none; } header.header--form { background: #fff; border-bottom: 1px solid #e6e7e9; padding: 12px 0 8px; } header.header--form .logo-block { width: 768px; margin: 0 auto; } header.header--form .logo-block img.logo-block__logo { width: 350px; height: auto; } .container--form { width: 768px; margin: 16px auto; } table.entryform--table { width: 100%; line-height: 150%; border-bottom: none; } table.entryform--table > thead > tr > th, table.entryform--table > thead > tr > td, table.entryform--table > tbody > tr > th, table.entryform--table > tbody > tr > td, table.entryform--table > tfoot > tr > th, table.entryform--table > tfoot > tr > td { padding: 12px; } table.entryform--table > thead > tr > th, table.entryform--table > tbody > tr > th, table.entryform--table > tfoot > tr > th { text-align: right; width: 30%; } table.entryform--table > thead > tr > td, table.entryform--table > tbody > tr > td, table.entryform--table > tfoot > tr > td { position: relative; } table.entryform--table > thead > tr > td .ui-ef-checked, table.entryform--table > tbody > tr > td .ui-ef-checked, table.entryform--table > tfoot > tr > td .ui-ef-checked { position: absolute; right: 16px; top: 12px; } table.entryform--table > thead:first-child > tr:first-child > td, table.entryform--table > thead:first-child > tr:first-child > th, table.entryform--table > tbody:first-child > tr:first-child > td, table.entryform--table > tbody:first-child > tr:first-child > th { border-top: none; } table.entryform--table ul.ui-hint { margin-top: 8px; } table.entryform--table span.ui-hint { margin-left: 8px; margin-right: 8px; } table.entryform--table span.ui-unit { margin-left: 4px; margin-right: 4px; } table.price-table { width: 100%; line-height: 150%; border-collapse: separate; border: 1px solid #e6e7e9; } table.price-table > tbody > tr > th { font-weight: normal; } table.price-table > tfoot > tr:first-child > th, table.price-table > tfoot > tr:first-child > td { border-top: 3px double #e6e7e9; vertical-align: baseline; } table.price-table > tfoot > tr:first-child > th { font-weight: bold; text-align: center; } table.price-table > thead > tr > th, table.price-table > thead > tr > td, table.price-table > tbody > tr > th, table.price-table > tbody > tr > td, table.price-table > tfoot > tr > th, table.price-table > tfoot > tr > td { padding: 6px; } table.price-table > tbody > tr > th, table.price-table > tfoot > tr > th { text-align: left; width: 30%; } table.price-table > tbody > tr > td, table.price-table > tfoot > tr > td { position: relative; text-align: center; } table.price-table > tbody > tr > td .ui-ef-checked, table.price-table > tfoot > tr > td .ui-ef-checked { position: absolute; right: 16px; top: 12px; } table.price-table > thead > tr > th:first-child, table.price-table > thead > tr > td:first-child, table.price-table > tbody > tr > th:first-child, table.price-table > tbody > tr > td:first-child { border-right: 1px solid #e6e7e9; } table.price-table > thead:first-child > tr:first-child > td, table.price-table > thead:first-child > tr:first-child > th, table.price-table > tbody:first-child > tr:first-child > td, table.price-table > tbody:first-child > tr:first-child > th { border-top: none; } table.price-table .price { color: #2fa30f; font-weight: bold; margin-right: 4px; } .rc-entry { margin-bottom: 16px; background: #fff; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); overflow: visible; } .rc-entry .rc-entry__header { box-shadow: #fff 0 0 0 1px inset; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDFE8EF'); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZThlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; border-top: 4px solid #1460ba; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; border-bottom: 1px solid #c1d4ea; padding: 10px; min-height: 1; padding: 10px; text-align: center; } .rc-entry .rc-entry__header a { color: #1460ba; text-decoration: none; } .rc-entry .rc-entry__header a:link, .rc-entry .rc-entry__header a:visited { color: #1460ba; } .rc-entry .rc-entry__header a:hover, .rc-entry .rc-entry__header a:active, .rc-entry .rc-entry__header a:focus { color: #4993eb; } .rc-entry .rc-entry__header:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-entry .rc-entry__header { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-entry .rc-entry__confirm { padding: 16px; } .rc-entry .rc-entry__footer { padding: 16px; text-align: center; border-top: 1px solid #e6e7e9; } .rc-entry .rc-entry__action .ui-btn { margin: 0 8px; } .rc-estimate--confirm { margin-bottom: 16px; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .rc-estimate--confirm .price { font-weight: normal; color: inherit; } .rc-estimate--confirm .price--plus { font-weight: normal; color: #c92f1b; } .rc-estimate--confirm .price--minus { font-weight: normal; color: #1460ba; } .rc-estimate--confirm > .inner { padding: 16px; background: #fff; min-height: 1; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .rc-estimate--confirm > .inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-estimate--confirm > .inner { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-estimate--confirm .rc-estimate__header { box-shadow: #fff 0 0 0 1px inset; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDFE8EF'); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZThlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; border-top: 4px solid #1460ba; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; border-bottom: 1px solid #c1d4ea; padding: 10px; min-height: 1; padding: 10px; text-align: center; } .rc-estimate--confirm .rc-estimate__header a { color: #1460ba; text-decoration: none; } .rc-estimate--confirm .rc-estimate__header a:link, .rc-estimate--confirm .rc-estimate__header a:visited { color: #1460ba; } .rc-estimate--confirm .rc-estimate__header a:hover, .rc-estimate--confirm .rc-estimate__header a:active, .rc-estimate--confirm .rc-estimate__header a:focus { color: #4993eb; } .rc-estimate--confirm .rc-estimate__header:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-estimate--confirm .rc-estimate__header { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-estimate--confirm .reserve-details { width: 54%; float: left; } .rc-estimate--confirm .reserve-details .reserve-details__title { display: block; font-weight: bold; color: #78818b; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 2px solid #f3f4f5; } .rc-estimate--confirm .reserve-details .estimate-report:first-of-type { padding-top: 0; } .rc-estimate--confirm .reserve-price { width: 40%; float: right; background: #f3f4f5; border: 1px solid #e6e7e9; border-radius: 4px; padding: 12px; } .rc-estimate--confirm .reserve-price .reserve-price__title { display: none; } .rc-estimate--confirm .estimate-report { min-height: 1; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #fff; border-bottom: 1px solid #e6e7e9; } .rc-estimate--confirm .estimate-report:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-estimate--confirm .estimate-report { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-estimate--confirm .estimate-report:first-of-type { padding-top: 0; border-top: none; } .rc-estimate--confirm .estimate-report:last-of-type { padding-bottom: 0; border-bottom: none; } .rc-estimate--confirm .estimate-report .estimate-report__title { width: 66px; float: left; margin: 0; font-weight: normal; text-align: center; clear: left; padding: 5px 0; } .rc-estimate--confirm .estimate-report .estimate-report__discription, .rc-estimate--confirm .estimate-report .estimate-report__start-date, .rc-estimate--confirm .estimate-report .estimate-report__start-branch, .rc-estimate--confirm .estimate-report .estimate-report__end-date, .rc-estimate--confirm .estimate-report .estimate-report__end-branch { line-height: 21px; margin-left: 74px; } .rc-estimate--confirm .estimate-report .estimate-report__price-list { min-height: 1; margin-left: 74px; } .rc-estimate--confirm .estimate-report .estimate-report__price-list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-estimate--confirm .estimate-report .estimate-report__price-list { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-estimate--confirm .estimate-report .estimate-report__price-list dt { width: 60%; float: left; padding-top: 4px; padding-bottom: 4px; } .rc-estimate--confirm .estimate-report .estimate-report__price-list dd { width: 40%; float: right; padding-top: 4px; padding-bottom: 4px; text-align: right; } .rc-estimate--confirm footer { clear: both; padding-top: 8px; } .rc-estimate--confirm .estimate-total-price { margin-top: 8px; min-height: 1; border-radius: 4px; padding: 8px; background: #f3f4f5; } .rc-estimate--confirm .estimate-total-price:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-estimate--confirm .estimate-total-price { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-estimate--confirm .estimate-total-price .estimate-total-price__title { float: left; width: 70px; color: #fff; padding: 6px 0; background: #1460ba; border: 1px solid #1254a3; border-radius: 4px; text-align: center; font-weight: bold; overflow: visible; position: relative; margin-left: 56.6%; } .rc-estimate--confirm .estimate-total-price .estimate-total-price__title:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #1254a3; position: absolute; top: 50%; right: -8px; margin-top: -5px; z-index: 1; } .rc-estimate--confirm .estimate-total-price .estimate-total-price__title:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #1460ba; position: absolute; top: 50%; right: -6px; margin-top: -4px; z-index: 2; } .rc-estimate--confirm .estimate-total-price .estimate-total-price__discription { float: right; line-height: 27px; vertical-align: bottom; } .rc-estimate--confirm .estimate-total-price .estimate-total-price__discription .price { font-weight: bold; color: #c92f1b; } /* 予約フォーム・確認画面 現状ステータス説明テキスト */ .rc-warning-message { margin-bottom: 1em; font-size: 14.5px; font-size: 0.90625rem; color: #333333; } .rc-reserve { margin-bottom: 16px; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .rc-reserve .rc-reserve__header { box-shadow: #fff 0 0 0 1px inset; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDFE8EF'); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZThlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; border-top: 4px solid #1460ba; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; border-bottom: 1px solid #c1d4ea; padding: 10px; min-height: 1; padding: 10px; text-align: center; } .rc-reserve .rc-reserve__header a { color: #1460ba; text-decoration: none; } .rc-reserve .rc-reserve__header a:link, .rc-reserve .rc-reserve__header a:visited { color: #1460ba; } .rc-reserve .rc-reserve__header a:hover, .rc-reserve .rc-reserve__header a:active, .rc-reserve .rc-reserve__header a:focus { color: #4993eb; } .rc-reserve .rc-reserve__header:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-reserve .rc-reserve__header { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-reserve .rc-reserve__body { background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .rc-reserve-action { border-radius: 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, rgba(0, 0, 0, 0.2) 0 1px 2px; padding: 3px; padding-top: 0; background: #1460ba; border: 1px solid #1254a3; margin-bottom: 16px; } .rc-reserve-action .rc-reserve-action__header { padding: 10px; color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); font-weight: bold; text-align: center; } .rc-reserve-action .rc-reserve-action__body { background: #fff; border-radius: 4px; padding: 10px; } .rc-reserve-action p { text-align: center; margin-bottom: 8px; color: #78818b; line-height: 146%; } .rc-reserve-action .rc-reserve-action__action { text-align: center; margin: 0; } .rc-reserve-action .rc-reserve-action__action .ui-btn { margin: 0 8px; } .rc-reserved { margin-bottom: 16px; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .rc-reserved .rc-reserved__header { box-shadow: #fff 0 0 0 1px inset; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDFE8EF'); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZThlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; border-top: 4px solid #1460ba; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; border-bottom: 1px solid #c1d4ea; padding: 10px; min-height: 1; padding: 10px; text-align: center; } .rc-reserved .rc-reserved__header a { color: #1460ba; text-decoration: none; } .rc-reserved .rc-reserved__header a:link, .rc-reserved .rc-reserved__header a:visited { color: #1460ba; } .rc-reserved .rc-reserved__header a:hover, .rc-reserved .rc-reserved__header a:active, .rc-reserved .rc-reserved__header a:focus { color: #4993eb; } .rc-reserved .rc-reserved__header:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-reserved .rc-reserved__header { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-reserved .rc-reserved__body { background: #fff; padding: 32px; } .rc-reserved .rc-reserved__body > p { line-height: 146%; margin-bottom: 8px; } .rc-reserved .rc-reserved__thanks-title { font-weight: bold; text-align: center; color: #2fa30f; margin-bottom: 32px; } .rc-reserved dl.rc-reserved__info-list { min-height: 1; margin-bottom: -4px; } .rc-reserved dl.rc-reserved__info-list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .rc-reserved dl.rc-reserved__info-list { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .rc-reserved dl.rc-reserved__info-list dt { display: block; width: 180px; float: left; clear: left; margin: 0 10px 4px 0; } .rc-reserved dl.rc-reserved__info-list dd { margin-left: 106px; padding: 1px 0; margin-bottom: 4px; } .rc-reserved .rc-reserved__footer { background: #f3f4f5; border-top: 1px solid #e6e7e9; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 10px; } .wrapper.top { padding: 0; padding-top: 16px; width: auto; margin: 0; position: relative; background-image: url("/car/common/images/topbg.jpg"); background-position: 50% 0; background-repeat: no-repeat; } .wrapper.top .main-solicitation { margin: 0 auto; } .container--top-middle .inner { width: 980px; margin: 0 auto; padding: 16px 0; min-height: 1; } .container--top-middle .inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .container--top-middle .inner { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .searchPanel--top { float: left; } .topicsbanner { width: 648px; float: right; overflow: visible; position: relative; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 4px; } .topicsbanner ul#topicsbanner__banners { font-size: 0px; font-size: 0rem; width: 648px; height: 313px; min-height: 1; } .topicsbanner ul#topicsbanner__banners:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .topicsbanner ul#topicsbanner__banners { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .topicsbanner ul#topicsbanner__banners li { float: left; } .topicsbanner ul#topicsbanner__banners img { width: 648px; height: auto; } .topicsbanner ul#topicsbanner__thumbnails { min-height: 1; width: 628px; margin: 0px 24px; font-size: 0px; font-size: 0rem; } .topicsbanner ul#topicsbanner__thumbnails:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .topicsbanner ul#topicsbanner__thumbnails { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .topicsbanner ul#topicsbanner__thumbnails li { float: left; margin: 8px 4px; } .topicsbanner ul#topicsbanner__thumbnails li.selected img { outline: 3px solid #1460ba; } .topicsbanner ul#topicsbanner__thumbnails li:hover img { outline: 3px solid #1460ba; } .topicsbanner ul#topicsbanner__thumbnails img { width: 142px; height: 52px; cursor: pointer; } .topicsbanner .topicsbanner__ui--prev { border-radius: 3px; position: absolute; cursor: pointer; height: 52px; width: 12px; bottom: 8px; left: 8px; background-image: url("/car/common/images/ui/ui__prev.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: #1460ba; } .topicsbanner .topicsbanner__ui--next { border-radius: 3px; position: absolute; cursor: pointer; height: 52px; width: 12px; bottom: 8px; right: 8px; background-image: url("/car/common/images/ui/ui__next.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: #1460ba; } .top-search--wrapper { width: 980px; min-height: 1; background: #fff; border-top: 4px solid #1460ba; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); margin: 0 auto; padding: 10px 0; } .top-search--wrapper:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .top-search--wrapper { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .top-search--wrapper .top-search--container { float: left; width: 306px; padding: 0 10px; } .top-search--wrapper .top-search--container.first-child { border-right: 1px dotted #e6e7e9; } .top-search--wrapper .top-search--container.last-child { border-left: 1px dotted #e6e7e9; } .top-search--wrapper .top-search__title { font-weight: bold; color: #1460ba; padding: 4px; border-bottom: 1px solid #e6e7e9; } .top-search--wrapper .airportlist { margin-right: -10px; min-height: 1; overflow: hidden; margin-top: 10px; } .top-search--wrapper .airportlist:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .top-search--wrapper .airportlist { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .top-search--wrapper .airportlist li { width: 69px; float: left; margin-right: 10px; margin-bottom: 16px; } .top-search--wrapper .airportlist li a { display: block; padding: 0; text-align: center; } .top-search--wrapper .stationlist { margin-right: -10px; min-height: 1; overflow: hidden; margin-top: 10px; } .top-search--wrapper .stationlist:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .top-search--wrapper .stationlist { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .top-search--wrapper .stationlist li { width: 69px; float: left; margin-right: 10px; margin-bottom: 10px; position: relative; } .top-search--wrapper .stationlist li:before { content: ""; display: block; width: 10px; height: 8px; position: absolute; background: #f3f4f5; top: 50%; left: -10px; margin-top: -4px; } .top-search--wrapper .stationlist li a { display: block; padding: 0; text-align: center; } .top-search--wrapper .hotel-search__keyword { min-height: 1; margin-top: 10px; } .top-search--wrapper .hotel-search__keyword:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .top-search--wrapper .hotel-search__keyword { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .top-search--wrapper .hotel-search__keyword .hotel-search__keyword__input { width: 228px; width: 228px\9; border: 1px solid #e6e7e9; vertical-align: middle; height: 16px; padding: 8px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "sans-serif"; float: left; } .top-search--wrapper .hotel-search__keyword .hotel-search__keyword__action { border-top-right-radius: 4px; border-bottom-right-radius: 4px; margin: 0; margin-left: -1px; padding: 0 16px; vertical-align: middle; line-height: 32px; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Meiryo", "メイリオ", "sans-serif"; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } .top-search--wrapper .hotel-search__keyword .hotel-search__keyword__ex { clear: left; color: #90979f; display: block; margin-top: 10px; } .top-search--wrapper .area-select-section { position: relative; padding: 0px; margin-top: 10px; } .top-search--wrapper .area-select-section dd { position: absolute; } .top-search--wrapper .area-select-section dd a { line-height: 25px; padding-left: 8px; padding-right: 8px; } .top-search--wrapper .area-select-section dd a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .top-search--wrapper .area-select-section .area-select--map { padding: 9px; background: #f8fafd; border: 1px solid #bed0e5; border-radius: 4px; } .top-search--wrapper .area-select-section .area-select--airport { left: 10px; top: 130px; } .top-search--wrapper .area-select-section .area-select--naha { left: 10px; top: 95px; } .top-search--wrapper .area-select-section .area-select--dfs { left: 110px; top: 60px; } .top-search--wrapper .area-select-section .area-select--kokusai { left: 10px; top: 60px; } .top-search--wrapper .area-select-section .area-select--ishigaki { left: 200px; top: 80px; } .top-search--wrapper .area-select-section .area-select--iriomote { left: 130px; top: 130px; } .top-search--wrapper .area-select-section .area-select--miyako { right: 10px; top: 50px; } .top-search--wrapper .area-select-section .area-select--kumejima { top: 20px; left: 50px; } .top-section--wapper { width: 980px; margin: 0 auto; margin-top: 16px; min-height: 1; } .top-section--wapper:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .top-section--wapper { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .top-section--wapper .top-info, .top-section--wapper .top-attention, .top-section--wapper .top-guide { width: 316px; float: left; background: #fff; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .top-section--wapper .top-info { background: #f7f8fa; margin-right: 16px; } .top-section--wapper .top-info .top-info__title { box-shadow: #fff 0 0 0 1px inset; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDFE8EF'); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZThlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; border-top: 4px solid #1460ba; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; border-bottom: 1px solid #c1d4ea; padding: 10px; } .top-section--wapper .top-info .top-info__title a { color: #1460ba; text-decoration: none; } .top-section--wapper .top-info .top-info__title a:link, .top-section--wapper .top-info .top-info__title a:visited { color: #1460ba; } .top-section--wapper .top-info .top-info__title a:hover, .top-section--wapper .top-info .top-info__title a:active, .top-section--wapper .top-info .top-info__title a:focus { color: #4993eb; } .top-section--wapper .top-info .top-info__linklist { height: 191px; overflow-y: scroll; min-height: 1; line-height: 146%; background: #fff; border-bottom: 1px solid #e6e7e9; padding: 5px 10px; } .top-section--wapper .top-info .top-info__linklist:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .top-section--wapper .top-info .top-info__linklist { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .top-section--wapper .top-info .top-info__linklist dt { float: left; clear: left; width: 60px; padding: 10px 0; } .top-section--wapper .top-info .top-info__linklist dd { padding: 10px 0; padding-left: 70px; border-bottom: 1px dotted #e6e7e9; } .top-section--wapper .top-info .top-info__attention { padding: 10px; } .top-section--wapper .top-info .top-info__attention li { background-image: url("/car/common/images/ui/ui__attention-icon.png"); background-position: 0 0px; background-repeat: no-repeat; padding-left: 20px; line-height: 146%; } .top-section--wapper .top-attention { margin-right: 16px; } .top-section--wapper .top-attention .top-attention__title { box-shadow: #fff 0 0 0 1px inset; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDFE8EF'); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZThlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; border-top: 4px solid #1460ba; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; border-bottom: 1px solid #c1d4ea; padding: 10px; } .top-section--wapper .top-attention .top-attention__title a { color: #1460ba; text-decoration: none; } .top-section--wapper .top-attention .top-attention__title a:link, .top-section--wapper .top-attention .top-attention__title a:visited { color: #1460ba; } .top-section--wapper .top-attention .top-attention__title a:hover, .top-section--wapper .top-attention .top-attention__title a:active, .top-section--wapper .top-attention .top-attention__title a:focus { color: #4993eb; } .top-section--wapper .top-guide .top-guide__title { box-shadow: #fff 0 0 0 1px inset; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDFE8EF'); background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RmZThlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; border-top: 4px solid #1460ba; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; border-bottom: 1px solid #c1d4ea; padding: 10px; } .top-section--wapper .top-guide .top-guide__title a { color: #1460ba; text-decoration: none; } .top-section--wapper .top-guide .top-guide__title a:link, .top-section--wapper .top-guide .top-guide__title a:visited { color: #1460ba; } .top-section--wapper .top-guide .top-guide__title a:hover, .top-section--wapper .top-guide .top-guide__title a:active, .top-section--wapper .top-guide .top-guide__title a:focus { color: #4993eb; } .top-section--wapper .top-guide .top-guide--contents { margin: 8px; border: 1px solid #e6e7e9; border-radius: 3px; } .top-section--wapper .top-guide .top-guide--contents .top-guide__headline { padding: 8px; border-bottom: 1px solid #e6e7e9; background: #f3f4f5; font-weight: bold; } .top-section--wapper .top-guide .top-guide--contents .top-guide__linklist { margin: 7px 5px; } .top-section--wapper .top-guide .top-guide--contents .top-guide__linklist li { padding: 3px 0; } .top-rcnav--wapper { background: #fff; width: 980px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); margin: 16px auto 0; border-radius: 4px; } .top-rcnav--wapper .top-rcnav--container { padding: 16px 0; min-height: 1; } .top-rcnav--wapper .top-rcnav--container:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } * html .top-rcnav--wapper .top-rcnav--container { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ } .top-rcnav--wapper .top-rcnav--container .top-rcnav--list { float: left; width: 195px; border-right: 1px solid #f3f4f5; } .top-rcnav--wapper .top-rcnav--container .top-rcnav--list.last-child { border-right: none; } .top-rcnav--wapper .top-rcnav .top-rcnav__headline { text-align: center; } .top-rcnav--wapper .top-rcnav .top-rcnav__detail { margin-top: 5px; } .top-rcnav--wapper .top-rcnav .top-rcnav__btn { display: block; width: 88px; height: 29px; margin: 0 auto; border: 1px solid #e6e7e9; border-radius: 3px; text-align: center; font-weight: bold; background-image: url("/car/common/images/nav/txt__detail--s.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: #f3f4f5; } .top-rcnav--wapper .top-rcnav .top-rcnav__btn:hover { border: 1px solid #1460ba; } #under_nav { line-height: 20px; } @font-face { font-family: "Entypo"; src: url("/fonts/entypo.svg") format("svg"), url("/fonts/entypo.woff") format("woff"), url("/fonts/entypo.eot") format("embedded-opentype"), url("/fonts/entypo.ttf") format("truetype"); } /* 検索結果０件の場合の再検索誘導案内用 */ .search__alert-block { padding: 30px; width: 660px; background-color: #fff; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .search__alert-block h3 { font-size: 20px; color: #ef7a0f; font-weight: bold; } .search__alert-block p { font-size: 16px; color: #999; margin: 15px 0 15px; } .search__alert-block span { font-size: 16px; color: #4379ba; font-weight: bold; } .ui__alart { padding: 15px 17px 25px 17px; background-color: #d5f5cc; color: #126b00; list-style: none; } .ui__alart h4 { margin: 0 0 10px; font-size: 18px; font-weight: bold; } .ui__alart li { font-size: 15px; font-weight: lighter; line-height: 26px; padding-left: 20px; background: url("/car/common/images/ui/ui__ok.png") no-repeat left top; } /* --広告バナー用-- */ ul.bnr-area li { float: left; } ul.bnr-area > li.mg10 { margin: 0 10px; } /* バリューHR お客様情報入力画面のフォーム用　20160323_oyadomari */ table.valueHR_form { background-color: #dce6f2; margin-top: 20px; border: none; margin: 13px 40px 15px; } table.valueHR_form th, table.valueHR_form td { background-color: #dce6f2; border: none; vertical-align: top; text-align: left; } table.valueHR_form th { width: 20%; padding: 12px 10px 12px 35px; font-weight: bold; font-size: 19px; text-align: left; } table.valueHR_form td { padding: 12px 10px; } table.valueHR_form input { width: 45%; background-color: #fdeada; border: 1px solid #f79646; padding: 4px; border-radius: 0px; } table.valueHR_form .cap_about th { font-weight: normal; padding: 10px 20px 13px 20px; font-size: 16px; } table.valueHR_form .cap_about th span { font-weight: bold; font-size: 19px; margin-left: 25px; line-height: 2; } table.valueHR_form input#txtPostcode_valueHR, table.valueHR_form input#txtPostcode_reloclub { margin-right: 15px; } table.valueHR_form input#txtAddress_valueHR, table.valueHR_form input#txtAddress_reloclub { width: 90%; } table.valueHR_form input#txtName_valueHR, table.valueHR_form input#txtName_reloclub { } .breadcrumb { width: 980px; height: 18px; margin: 8px auto; } .breadcrumb li { float: left; } .breadcrumb li:after { content: ""; font-family: "FontAwesome"; margin: 0 4px; } .rc-lastNumber { margin-left: 10px; font-size: 14px; color: #ff0000; display: block; font-weight: bold; min-width: 80px; } .rc-summary__header > .rc-lastNumber { text-align: right; } .rc-option__selects .rc-lastNumber { padding: 4px 0 0 0; } .rc-product__title + .rc-lastNumber { padding: 0; } .rc-summary__smoke { font-size: 12px; font-weight: bold; position: relative; height: 28px; line-height: 1; display: flex; max-width: 54px; align-items: center; padding-left: 28px; } .rc-summary__smoke::before { content: ""; background-repeat: no-repeat; background-size: contain; width: 26px; height: 26px; display: inline-block; position: absolute; top: 1px; left: 0; } .rc-summary__smoke.\--non { color: #da1e29; } .rc-summary__smoke.\--non::before { background-image: url(/car/common/images/ico/ico26_smoke_non.png); } .rc-summary__smoke.\--smoke { color: #003894; } .rc-summary__smoke.\--smoke::before { background-image: url(/car/common/images/ico/ico26_smoke.png); } .rc-summary__smoke.\--off { color: #333; } .rc-summary__smoke.\--off::before { background-image: url(/car/common/images/ico/ico26_smoke_off.png); } .rc-product__header .rc-summary__smoke { position: absolute; right: 10px; top: 24px; } /* ========================================================= アコーディオン ========================================================= */ .accordion { border: 2px solid #e6e7e9; border-radius: 4px; margin-top: 32px; } .accordion dt { font-weight: bold; font-size: 18px; line-height: 2.5em; padding: 0 1em; position: relative; cursor: pointer; } .accordion dt::after { content: ""; display: inline-block; width: 15px; height: 15px; position: absolute; top: 50%; right: 1em; margin-top: -14px; border-bottom: 4px solid #484c50; border-right: 4px solid #484c50; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .accordion dt.open::after { content: ""; display: inline-block; width: 24px; height: 24px; background: url(/car/common/images/ui/ui_button_close.png) no-repeat; background-size: contain; position: absolute; top: 50%; right: 1em; margin-top: -12px; border: 0; -webkit-transform: rotate(0); transform: rotate(0); } .accordion dd { display: none; } .accordion dd .ui-alert { box-sizing: border-box; width: 628px; margin: 16px auto; } .accordion-closeButton { text-align: right; width: 628px; margin: 0 auto 10px; } .accordion-closeButton__image { width: 24px; cursor: pointer; } /* 車種例のスライダー */ .pl_slider { width: 628px; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap; } .pl_slider__card { display: flex; flex-direction: column; justify-content: space-between; width: 310px; background: #fff; border: 1px solid #e8e6e9; border-radius: 4px; box-sizing: border-box; padding-bottom: 11px; margin: 0 2px 15px; } .pl_slider__card__headline { background: #59bded; color: #fff; font-weight: bold; text-align: center; line-height: 38px; border-radius: 4px 4px 0 0; margin-bottom: 5px; } .pl_slider__card__img { min-height: 156px; margin: 0 auto 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; } .pl_slider__card__img img { width: 200px; max-height: calc(200px / 3 * 2); } .pl_slider__card__img__text { width: 290px; margin: 0 auto; text-align: center; } /* 表 */ .pl_slider__card__table { font-size: 11px; text-align: left; width: 290px; box-sizing: border-box; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; margin: 0 auto 4px; } .pl_slider__card__table tbody { border-collapse: collapse; } .pl_slider__card__table__row { border-bottom: 1px solid #cccccc; width: 290px; height: 24px; display: flex; align-items: center; } .pl_slider__card__table__row__title { background: #f4f3f8; padding-left: 2px; border-right: 1px solid #cccccc; width: 89px; height: 24px; box-sizing: border-box; text-align: left; line-height: 1; display: flex; align-items: center; } .pl_slider__card__table__row__contents[colspan="3"] { width: 198px; height: 24px; padding-left: 2px; border-right: 1px solid #cccccc; display: flex; align-items: center; } .pl_slider__card__table__row__contents:not([colspan="3"]) { width: 53px; height: 24px; padding-left: 2px; border-right: 1px solid #cccccc; display: flex; align-items: center; } /* ========================================================= 矢印 ========================================================= */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 25px; height: 25px; padding: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 5; } .slick-prev { left: -22px; } .slick-next { right: -32px; } .slick-prev:hover, .slick-next:hover { color: transparent; outline: none; background: transparent; } .slick-prev:hover::before, .slick-next:hover::before { opacity: 1; } .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.25; } .slick-prev::before, .slick-next::before { font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; background-size: 100%; width: 15px; height: 28px; line-height: 1; display: block; } .slick-prev::before { background: url(../images/ui/ico_arrow_slick_left.png) no-repeat; } .slick-next::before { background: url(../images/ui/ico_arrow_slick_right.png) no-repeat; } .ui-btn.btn-mini.branch-modal.iframe { margin-left: 4px; } .\--branchFixed .selectsWrap.company { display: none; } .branchFixedInfo { display: none; } .\--branchFixed .branchFixedInfo { display: block; } .\--branchFixed .selected__tag::after { content: ""; position: absolute; top: 0px; right: -13px; width: 24px; height: 24px; -webkit-transform: scale(0.707) rotate(45deg); transform: scale(0.707) rotate(45deg); z-index: 1; background-color: #37b48c; } .\--branchFixed .selected__text { padding: 6px 8px 8px; font-size: 14px; } .\--branchFixed .selected__text span { display: block; font-size: 12px; } .\--branchFixed .selected__tag { margin-left: 6px; font-size: 12px; padding: 0 15px 0 8px; line-height: 24px; } .\--branchFixed .selected__clear { text-align: right; margin-right: 8px; font-size: 12px; } .selected__clear a { position: relative; } /* ========================================================= 検索一覧ページ ========================================================= */ /* 吹き出し選択時の営業所商品一覧 ------------------------------- */ .pl-rentacar-list { width: 720px; } /* 営業所概要 */ .pl-shopSummary { padding: 8px 10px 6px; border-radius: 3px; border-top: 10px solid #37b48c; margin-bottom: 16px; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .pl-shopSummary__inner { display: flex; flex-direction: row; align-items: center; padding-bottom: 4px; } .pl-shopSummary__inner__caption { width: 34px; margin-right: 8px; } .pl-shopSummary__inner__caption img { width: 100%; } .pl-shopSummary__inner__name { width: 372px; font-size: 16px; line-height: 1.3; margin-right: 20px; } .pl-shopSummary__inner__name span { font-size: 14px; display: block; } .pl-shopSummary__address { font-size: 12px; padding-left: 20px; position: relative; overflow: hidden; line-height: 18px; } .pl-shopSummary__address::before { content: ""; background: url(http://www.tabirai.net/common/images/icon/common_icon_marker_16.png) no-repeat; background-size: contain; width: 16px; height: 16px; position: absolute; left: 2px; top: 0px; } .pl-shopSummary__inner__box { width: 260px; color: #ff0000; font-weight: bold; display: flex; align-items: baseline; justify-content: flex-end; } .pl-shopSummary__inner__box__count { position: relative; font-size: 20px; } .pl-shopSummary__inner__box__count::after { content: ""; display: inline-block; width: 24px; height: 2px; background: #ff0000; -webkit-transform: rotate(45deg); transform: rotate(110deg); position: absolute; bottom: 50%; right: -19px; } .pl-shopSummary__inner__box__price { font-size: 24px; padding-left: 15px; } .pl-shopSummary__inner__box__price span { font-size: 16px; } /* プライス */ .pl-price { padding: 0 20px; text-align: center; } .pl-price__totalPrice { font-size: 24px; font-weight: bold; color: #ff0000; padding-bottom: 3px; } .pl-price__totalPrice span { font-size: 14px; } .pl-price__note { font-size: 13px; } .pl-price__note span { color: #ff0000; } /* ボタン */ .pl-detail__count { color: #ff0000; font-weight: bold; text-align: center; padding-bottom: 3px; } .pl-detail__button a { display: inline-block; box-sizing: border-box; width: 130px; height: 45px; border-radius: 3px; border: 1px solid #e07b00; background: linear-gradient(to bottom, #f39c33 0%, #f08300 100%); color: #fff; font-size: 17px; text-align: center; line-height: 45px; } .pl-detail__button a::after { content: ""; display: inline-block; margin: 0 0 1px 5px; width: 8px; height: 8px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pl-detail__button a:hover { opacity: 0.8; text-decoration: none; cursor: pointer; } /* 地図 */ .gmapOuter { width: 720px; height: auto; background: #fff; box-sizing: border-box; padding: 10px 10px 6px; margin-bottom: 16px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } #gmap { width: 700px; height: 400px; margin-bottom: 8px; } /* 情報ウィンドウ */ .mapInfoBlock { font-family: HiraKakuPro-W3, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, Arial, Helvetica, Verdana, sans-serif; width: 380px; margin: 15px 0 15px 18px; } .mapInfoBlock__close { position: absolute; top: 14px; right: 8px; width: 30px; cursor: pointer; } .mapInfoBlock__headline { display: flex; align-items: center; margin-bottom: 10px; } .mapInfoBlock__headline__logo { width: 50px; margin: 0 10px 0 0; } .mapInfoBlock__headline__logo img { width: 100%; } .mapInfoBlock__headline__company { width: 260px; } .mapInfoBlock__headline__company__name { font-size: 16px; } .mapInfoBlock__headline__company__shopName { font-size: 18px; line-height: 1.2; } .mapInfoBlock__plan { margin-bottom: 10px; } .mapInfoBlock__plan:last-child { margin-bottom: 20px; } .mapInfoBlock__plan__link { display: flex; position: relative; border-radius: 3px; border: 1px solid #e07b00; background: linear-gradient(to bottom, #f39c33 0%, #f08300 100%); line-height: 50px; box-sizing: border-box; } .mapInfoBlock__plan__link:hover { text-decoration: none; opacity: 0.9; } .mapInfoBlock__plan__link::after { position: absolute; right: 0; top: 50%; margin-top: -5px; content: ""; display: inline-block; margin-right: 10px; width: 7px; height: 7px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mapInfoBlock__plan__name { width: 270px; color: #fff; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 8px; } .mapInfoBlock__plan__price { color: #e90000; font-size: 18px; font-weight: bold; } .mapInfoBlock__list-all { padding-top: 2px; } .mapInfoBlock__list-all a { display: flex; align-items: center; justify-content: flex-end; text-decoration: underline; font-size: 14px; } .mapInfoBlock__list-all a::before { content: ""; display: inline-block; background: url(../images/ui/ico_arr_r_blue.png) no-repeat; background-size: contain; -webkit-transform: rotate(90deg); transform: rotate(90deg); width: 14px; height: 18px; margin-right: 5px; } .gm-style-iw + div { width: 30px !important; height: 30px !important; right: 23px !important; top: 26px !important; } .gm-style-iw + div img { display: none; } .gm-style-iw { max-height: 400px !important; } .gm-style-iw > div { min-height: 300px !important; max-height: 400px !important; } .mapNote { display: flex; align-items: center; font-size: 12px; } .mapNote::before { content: ""; display: inline-block; background: url(../images/ico/ico_pointer.png) no-repeat; background-size: contain; width: 40px; height: 26px; margin-right: 5px; } /* 追従ロゴ非表示 --------------------------- */ .js_fixedImage { display: none; } /* ========================================================= TRC-541 キャンペーン指定検索機能 ========================================================= */ /* 商品枠 --------------------------- */ .rc-summary { border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); margin-bottom: 16px; } /* 見出し */ .rc-summary__header { display: flex; justify-content: flex-start; position: relative; min-height: 1; padding: 8px; border-radius: 4px 4px 0 0; border-top: 4px solid #1460ba; border-bottom: 1px solid #c1d4ea; box-shadow: #fff 0 0 0 1px inset; background-size: 100%; background-image: linear-gradient(to bottom, #ffffff, #dfe8ef); font-weight: bold; color: #1460ba; } .rc-summary__header__logomark { width: 24px; height: 24px; min-width: 24px; min-height: 24px; padding: 1px; border-radius: 3px; border: 1px solid #e6e7e9; margin-right: 8px; background: #fff; } .rc-summary__header__logomark img { width: 100%; height: auto; } .rc-summary__header__title { font-size: 14px; padding-top: 2px; width: 578px; line-height: 1.4; } .rc-summary__discount { line-height: 100%; font-size: 12px; background: #1460ba; display: inline-block; vertical-align: middle; border-radius: 4px; color: #fff; padding: 4px; margin: -2px 4px 0 0; } .rc-summary__discount.\--red { background: #ff0000; } /* 車種指定 */ .rc-carModel { font-size: 12px; border-radius: 4px; font-weight: bold; padding: 4px 6px; color: #fff; line-height: 100%; margin-right: 4px; background: #1460ba; width: 61px; box-sizing: border-box; } /* 基本情報 */ .rc-summary__body { padding: 10px 10px 4px; background: #fff; } .rc-summary__body__product { display: flex; justify-content: space-between; margin-bottom: 8px; } .rc-summary__body__product__left { display: flex; flex-grow: 1; margin-right: 4px; } /* 車種画像 */ .rc-thumbnail { display: flex; align-items: center; width: 108px; border-radius: 4px; margin-right: 4px; background: #fff; } .rc-thumbnail img { width: 100%; } /* 特徴 */ .rc-spec { flex-grow: 1; padding: 8px; border: 1px solid #e6e7e9; border-radius: 4px; background: #f3f4f5; } .rc-spec__list { display: flex; align-items: baseline; margin-bottom: 4px; line-height: 1.6; } .rc-spec__list:last-child { margin-bottom: 0; } .rc-spec__list dt { box-sizing: border-box; width: 70px; padding: 4px; border-radius: 4px; margin-right: 4px; background: #a1a7ae; font-size: 11px; color: #fff; text-align: center; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); line-height: 1.3; } .rc-spec__list dd { display: flex; align-items: center; width: 234px; font-size: 12px; line-height: 1.3; } /* 在庫数 */ .rc-summary.\--searchMapPage .rc-lastNumber { margin-left: 10px; } /* 禁煙・喫煙アイコン */ .rc-smoke { display: flex; align-items: center; position: relative; max-width: 110px; height: 28px; padding-left: 25px; margin-left: 3px; line-height: 1; font-weight: bold; color: #0092ff; } .rc-smoke::before { content: ""; background-repeat: no-repeat; background-size: contain; width: 24px; height: 24px; display: inline-block; position: absolute; top: 1px; left: 0; } .rc-smoke.\--non::before { background-image: url("//www.tabirai.net/common/images/icon/common_icon_nonsmoke_24.png"); } .rc-smoke.\--non { color: #ff0000; } .rc-smoke::before { background-image: url("//www.tabirai.net/common/images/icon/common_icon_smoke_24.png"); } /* 料金 */ .rc-priceBlock { flex-grow: 0; flex-basis: 228px; padding: 1px; border-radius: 4px; border: 1px solid #e6e7e9; background: #f3f4f5; text-align: center; position: relative; } .rc-priceBlock__body__price { margin-bottom: 0; } .rc-priceBlock__title { display: flex; justify-content: center; align-items: center; padding: 3px; font-size: 12px; } .rc-priceBlock__title__rate { display: inline-block; padding: 4px; border-radius: 4px; margin-left: 3px; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); background: #a1a7ae; font-size: 93%; color: #fff; text-align: center; line-height: 100%; } .rc-priceBlock__body { padding: 4px 7px; border: 1px solid #e6e7e9; border-radius: 4px; background: #fff; height: calc(100% - 25px); box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; } /* 合計料金 */ .rc-priceBlock__body__totalPrice { color: #ff0000; font-size: 13px; line-height: 1.2; text-align: center; } .rc-priceBlock__body__totalPrice__emphasis { font-size: 24px; font-weight: bold; } .rc-priceBlock__body__tax { color: #939ba3; font-size: 11px; } /* 乗り捨て料金 */ .rc-dropOff { text-align: center; font-size: 13px; color: #333; margin-top: 2px; } .rc-dropOff__price { color: #c92f1b; } /* オプション */ .rc-priceBlock__body__topics { font-size: 12px; color: #2fa30f; text-align: center; } /* キャンペーンアイコン */ .rc-summary__body__campaign { display: flex; } .rc-label { display: flex; flex-wrap: wrap; width: 468px; margin-right: 4px; } .rc-label__list { position: relative; display: none; align-items: center; justify-content: center; flex-basis: 113px; box-sizing: border-box; height: 32px; padding: 6px 3px; border-radius: 3px; border: 1px solid #0f488c; margin: 0 4px 4px 0; background: #1460ba; font-size: 10px; line-height: 1; color: #fff; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.15); text-align: center; } .rc-label__list.\--on { display: -webkit-box; display: -webkit-flex; display: flex; } .rc-label__list:hover::after { position: absolute; top: -46px; left: -2px; content: attr(data-text) ""; display: inline-block; width: 100px; padding: 6px; border: 1px solid #333; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); background: #fff; color: #333; z-index: 2; font-size: 12px; line-height: 1.2; } .rc-label__list:last-child { margin-left: 0; } /* 商品詳細ボタン */ .rc-summary__button { flex-basis: 228px; flex-grow: 0; } .rc-summary .ui-btn { display: block; } .rc-summary .rc-summary__footer { background: #fff; border-radius: 0 0 4px 4px; padding: 0 10px 10px; } /* インフォメーション欄 */ .rc-summary__footer__info { border-top: 1px solid #e6e7e9; padding: 8px 0 0; } .rc-summary:hover .rc-summary__footer__info { border-color: #bcd7f8; } .rc-summary__footer__info__list li { display: flex; align-items: center; color: #2fa30f; line-height: 1.5; margin-bottom: 2px; } .rc-summary__footer__info__list li:before { content: ""; font-size: 14px; font-family: "FontAwesome"; } .rc-summary__footer__info__list li:before { margin-right: 2px; } .rc-summary__footer__info__list li:last-child { margin-bottom: 0; } /* オススメ商品用スタイル(オレンジ枠) */ .rc-summary.pr .rc-summary__header { background-image: linear-gradient(to bottom, #fefcf4, #fcf2c8); border-right: 2px solid #f27b11; border-top: 4px solid #f27b11; border-left: 2px solid #f27b11; border-bottom: 1px solid #f4c7a2; } .rc-summary.pr .rc-summary__header__title { color: #f27b11; } .rc-summary.pr .rc-summary__header__title::before { content: ""; display: inline-block; background: 0 no-repeat url(/car/common/images/ico/ico_pr.png); width: 52px; height: 16px; vertical-align: -3px; padding-right: 5px; } .rc-summary.pr .rc-summary__header__title.\--tc::before { background: 0 no-repeat url(/car/common/images/ico/ico_pr_tc.png); width: 59px; height: 19px; } .rc-summary.pr .rc-summary__header__title.\--en::before { background: 0 no-repeat url(/car/common/images/ico/ico_pr_en.png); width: 57px; height: 19px; } .rc-summary.pr .rc-summary__header__title.\--kr::before { background: 0 no-repeat url(/car/common/images/ico/ico_pr_kr.png); width: 60px; height: 19px; } .rc-summary.pr:hover .rc-summary__header__title { color: #f7b172; } .rc-summary.pr .rc-summary__body { padding: 10px 8px 4px; border-right: 2px solid #f27b11; border-left: 2px solid #f27b11; } .rc-summary.pr .rc-priceBlock { background: #f27b11; border: 1px solid #f27b11; } .rc-summary.pr .rc-priceBlock__title__period { color: #ffffff; } .rc-summary.pr .rc-summary__footer { border-right: 2px solid #f27b11; border-bottom: 2px solid #f27b11; border-left: 2px solid #f27b11; } /* 会員限定商品用スタイル(オレンジ枠) */ .rc-summary.member .rc-priceBlock { background: #59bded; border: 1px solid #59bded; } .rc-summary.member .rc-priceBlock__title__period { color: #ffffff; } .rc-summary.member .rc-priceBlock::after { content: "会員割"; position: absolute; background: #fff; width: 58px; height: 58px; display: block; border-radius: 100%; top: -9px; right: -9px; border: 3px solid #59bded; line-height: 58px; font-size: 16px; font-weight: bold; color: #59bded; } /* 地図でみるページの場合 --------------------------- */ /* タイトル幅変更 */ .rc-summary.\--searchMapPage .rc-summary__header__title { width: 630px; } /* 会社名を非表示 */ .rc-summary.\--searchMapPage .rc-spec__list:first-child { display: none; } /* サプライヤーロゴを非表示 */ .rc-summary.\--searchMapPage .rc-summary__header__logomark { display: none; } .txt_bold { font-weight: bold; } .txt_red { color: #ff0000; } .estimate-report__start-branch, .estimate-report__end-branch { display: block; } .estimate-report__start-branch.\--isNoLink, .estimate-report__end-branch.\--isNoLink, .estimate-report__start-branch.\--isNoLink a, .estimate-report__end-branch.\--isNoLink a { pointer-events: none; cursor: default; text-decoration: none; color: #333; } /* 車両タイプリンク設置 */ .pl-carType__list { margin: 0px auto; padding: 8px 0; text-align: left; } .pl-carType__listContent { display: inline-block; position: relative; margin-right: 26px; font-size: 14px; line-height: 20px; vertical-align: middle; } .pl-carType__listContent:not(:last-child)::after { content: ""; display: block; position: absolute; top: 0; right: -14px; width: 2px; height: 20px; background: #aaa; } .sticky { position: -webkit-sticky; position: sticky; top: 0; } .right_pane { } .coupon_cell { vertical-align: middle; } /* たびらい３つの特徴 */ .tabirai-3features { background: #f0f8ff; border-radius: 10px; padding: 10px 24px 24px 24px; margin: 32px 0; /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); */ max-width: 600px; margin-left: auto; margin-right: auto; } .tabirai-features__title { font-size: 14px; font-weight: bold; color: #2176bd; margin-bottom: 12px; text-align: left; letter-spacing: 0.05em; position: relative; /* padding-bottom: 10px; */ display: block; margin-top: 20px; } .tabirai-features__title::after { content: ""; display: block; height: 2px; background: #2176bd; margin-top: 8px; border-radius: 2px; width: 100%; /* タイトルと同じ長さ */ margin-left: 0; /* 左寄せ */ } .tabirai-features__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; } .tabirai-features__item { border-radius: 6px; font-size: 13px; color: #222; display: flex; align-items: flex-start; gap: 12px; line-height: 1.7; } .tabirai-features__item strong { color: #2176bd; font-weight: bold; font-size: 1.1em; margin-right: 6px; } .tabirai-3features.budget { background: #FFF0F0 } .tabirai-3features.budget .tabirai-features__title { color: #88666A; } .tabirai-3features.budget .tabirai-features__title::after { background: #88666A; }