/* @import url(../other/fonts.googleapis.com_6ac395); */ * { margin: 0; padding: 0; list-style-type: none; font-size: 100%; word-break: break-all; } a:link { text-decoration: underline; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } #wrapper{ background-image: url(../images/content_bg.jpg); overflow: hidden; position: relative; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; color: #333; } #conteiner{ padding-left: 116px; } #body_top h1{ color: #f5f3e3; font-size: 12px; font-weight: 400; position: fixed; right: auto; top: 30px !important; left: 90px; z-index: 6; writing-mode: vertical-rl; font-family: 'Noto Sans JP', sans-serif; } #body_top.edit h1{ top: 80px !important; } #body_sub h1, #body_free h1{ color: #333 !important; font-weight: normal; position: absolute; left: 170px; right: auto; text-shadow: none; top: 21px !important; font-size: 10px; z-index: 10; font-family: 'Noto Sans JP', sans-serif; max-width: 21vw; text-align: left; max-height: 30px; overflow: hidden; } #body_free.reviewPage h1{ top: -44px !important; left: 54px; } #header .editLogoOuter { position: fixed; z-index: 8; background: none; left: 0; top: 0; padding: 30px 0; box-sizing: border-box; width: 80px; } .edit #header .editLogoOuter, .sideMenuLoaded #header .editLogoOuter { top: 50px; } #header a.shop_name_btn { text-decoration: none; color: #f5f3e3; width: auto; max-width: 68px; overflow: hidden; height: 35vh; font-size: 24px; font-weight: 400; font-family: "Yusei Magic", serif; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; line-height: 1.4em; writing-mode: vertical-rl; letter-spacing: .2em; padding: 0 !important; align-items: flex-start; float: right; } #main_img_container .clear{ clear: none !important; } .edit .leftMenuWrapper{ bottom: auto; top: 270px; } .sideMenuLoaded .leftMenuWrapper{ left: -220px !important; } /*------ h2 ------*/ .h2_common{ font-family: "Yusei Magic", serif; font-size: 48px; font-weight: 400; letter-spacing: .05em; line-height: 1.4em; margin: 0 auto 90px; padding: 0 100px; color: #333; text-align: left; position: relative; display: block; border-bottom: 1px solid #ccc; text-shadow: rgba(255, 255, 255, 1.0) 3px 0px 0px, rgba(255, 255, 255, 1.0) 2.83487px 0.981584px 0px, rgba(255, 255, 255, 1.0) 2.35766px 1.85511px 0px, rgba(255, 255, 255, 1.0) 1.62091px 2.52441px 0px, rgba(255, 255, 255, 1.0) 0.705713px 2.91581px 0px, rgba(255, 255, 255, 1.0) -0.287171px 2.98622px 0px, rgba(255, 255, 255, 1.0) -1.24844px 2.72789px 0px, rgba(255, 255, 255, 1.0) -2.07227px 2.16926px 0px, rgba(255, 255, 255, 1.0) -2.66798px 1.37182px 0px, rgba(255, 255, 255, 1.0) -2.96998px 0.42336px 0px, rgba(255, 255, 255, 1.0) -2.94502px -0.571704px 0px, rgba(255, 255, 255, 1.0) -2.59586px -1.50383px 0px, rgba(255, 255, 255, 1.0) -1.96093px -2.27041px 0px, rgba(255, 255, 255, 1.0) -1.11013px -2.78704px 0px, rgba(255, 255, 255, 1.0) -0.137119px -2.99686px 0px, rgba(255, 255, 255, 1.0) 0.850987px -2.87677px 0px, rgba(255, 255, 255, 1.0) 1.74541px -2.43999px 0px, rgba(255, 255, 255, 1.0) 2.44769px -1.73459px 0px, rgba(255, 255, 255, 1.0) 2.88051px -0.838247px 0px; } #block_outer_price .h2_common{ padding: 0 70px; } #block_outer_faq .h2_common{ padding: 0 135px; } #block_outer_detail .h2_common, #block_outer_carlist .h2_common{ padding: 0 135px 0 100px; } .h2_common:first-letter, #wrapper #main_contents .h2_common span.firstFired, #wrapper #block_outer_carlist .h2_common .splited:nth-of-type(2){ font-size: 60px; color: #b6b944; } .h2_common:before{ content: "Heading/"; width: 80px; font-size: 14px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; color: #999; position: absolute; bottom: 15px; letter-spacing: 0; line-height: 1em; text-shadow: none; } #block_outer_price .h2_common:before{ content: "Price/"; width: 40px; } #block_outer_faq .h2_common:before{ content: "Question&Answer"; width: 120px; left: 0; } #block_outer_flow .h2_common:before{ content: "flow/"; width: 34px; left: auto; right: 0; } #body_free.reviewPage .block_outer .h2_common:before, #block_outer_carlist .h2_common:before, .parallaxContentOuter:nth-of-type(2n-1) .h2_common:before, .blog_item:nth-of-type(2n-1) .h2_common:before{ left: 0; } .parallaxContentOuter:nth-of-type(2n-1) .h2_common:after, .blog_item:nth-of-type(2n-1) .h2_common:after{ content: ""; width: 105px; height: 90px; position: absolute; top: -90px; right: 0px; background-image: url(../images/h2_bg1.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .parallaxContentOuter:nth-of-type(2n) .h2_common:before, .blog_item:nth-of-type(2n) .h2_common:before{ right: 0; } .parallaxContentOuter:nth-of-type(2n) .h2_common:after, .blog_item:nth-of-type(2n) .h2_common:after{ content: ""; width: 105px; height: 65px; position: absolute; top: -45px; left: 0px; background-image: url(../images/h2_bg2.png); background-size: 100%; background-repeat: no-repeat; background-position: center; } #block_outer_detail .h2_common:after, #block_outer_carlist .h2_common:after{ content: ""; width: 125px; height: 56px; position: absolute; top: auto; left: auto; bottom: 0; right: 0; background-image: url(../images/usedcar_h2_bg.png); background-size: 100%; background-repeat: no-repeat; background-position: center; } #block_outer_faq .h2_common:after{ content: ""; width: 135px; height: 130px; position: absolute; top: -80px; left: auto; right: 45px; background-image: url(../images/qa_h2_bg.png); background-size: 100%; background-repeat: no-repeat; background-position: center; } #block_outer_flow .h2_common:after{ background-image: url(../images/flow_h2_bg.png); background-size: 100%; background-repeat: no-repeat; background-position: center; left: 0; } /*------ h3 ------*/ #main_contents h3.h3_lead, #main_contents .b_voice, #main_contents .h3_common{ display: block; font-size: 24px; font-weight: 400; font-family: "Yusei Magic", serif; letter-spacing: 0.05em; line-height: 1.7em; border-bottom: 1px solid #ccc; padding: 0 0 15px; margin: 0 0 15px; } #main_contents h3.h3_lead, h3.edit_table_title, #main_contents .h3_common > span{ background-image: url(../images/h3_line.png); background-size: 100% 100%; background-position: top left; background-repeat: no-repeat; position: relative; } .h3_common > span:before{ content: ""; width: 28px; height: 20px; position: absolute; display: block; top: -10px; left: -15px; background-image: url(../images/h3_l.png); background-size: auto; background-position: center; background-repeat: no-repeat; } /*------ header ------*/ #conteiner #header_wrapper{ z-index: 6 !important; width: 114px; height: 100vh; margin-right: 6px; position: fixed; left: 0; } #body_sub #conteiner #header_wrapper, #body_free #conteiner #header_wrapper{ z-index: 6 !important; width: 114px; height: 100vh; margin-right: 6px; position: fixed; left: 0; } #body_sub #wrapper #header_wrapper, #body_free #wrapper #header_wrapper{ position: relative; width: calc(100% - 30px); margin: 0 15px; height: auto; min-height: 60px; background-color: rgba(255, 255, 255, 0.8); background-image: url(../images/pin_s.png), url(../images/pin_s.png); background-size: auto; background-repeat: no-repeat; background-position: bottom 4px left 4px, bottom 4px right 4px; box-shadow: 5px 5px 3px rgba(0,0,0,0.15); } #header_wrapper:before{ content: ""; width: 120px; height: 100%; background-image: url(../images/99cc00.png), url(../images/99cc00.png); background-size: 114px 100%, 6px; background-repeat: repeat-y; background-position: top left, top left 114px; position: absolute; left: 0; } #body_sub #header_wrapper:before, #body_free #header_wrapper:before{ content: ""; width: 120px; height: 100vh; background-image: url(../images/99cc00.png), url(../images/99cc00.png); background-size: 114px 100%, 6px; background-repeat: repeat-y; background-position: top left, top left 114px; position: fixed; left: 0; } #header_conteiner{ width: 100%; height: 100%; position: relative; } #header{ height: 100%; position: relative; } #body_sub #header, #body_free #header{ display: flex; justify-content: flex-end; padding-right: 35px; align-items: flex-start; padding-left: 240px; } /*ヘッダー用 電話番号・アドレス*/ #header p.headadd{ position: absolute; color: #333; z-index: 2; } #body_top #header p.headadd, #body_top #header p.headtel{ display: none; } #body_sub #header p.headadd, #body_free #header p.headadd{ position: relative; } #body_sub #header p.headadd a, #body_free #header p.headadd a{ text-decoration: none; color: #333; font-size: 14px; padding: 20px 30px 20px 24px; background-image: url(../images/map.png); background-position: top 20px left; background-repeat: no-repeat; background-size: auto; display: inline-block; position: relative; } #body_sub #header p.headtel, #body_free #header p.headtel{ position: relative; padding-top: 5px; } #body_sub #header p.headtel a, #body_free #header p.headtel a{ padding: 0 0 0 40px; background-image: url(../images/99cc00.png); background-position: left 4px top 14px; background-repeat: no-repeat; background-size: auto; position: relative; display: inline-block; width: 285px; box-sizing: border-box; } #body_sub #header p.headtel a:link, #body_sub #header p.headtel a:visited, #body_free #header p.headtel a:link, #body_free #header p.headtel a:visited{ color: #b6b944; font-size: 32px; font-family: "Yusei Magic", serif; text-decoration: none; } #header p.headmail{ position: absolute; left: calc(50% - 25px); top: 685px; z-index: 10; } #body_sub #header p.headmail, #body_free #header p.headmail{ position: fixed; left: 36px; top: 705px; z-index: 10; } #header p.headmail a{ width: 50px; height: 35px; background-image: url(../images/mail.png); background-size: cover; background-repeat: no-repeat; background-position: center; text-decoration: none; padding: 6px 0 5px 0; display: block; position: relative; transition: 0.3s all; } #header p.headmail a:hover{ opacity: .8; } #header p.headmail a:before{ content: ""; position: absolute; display: block; width: 60px; height: 90px; background-image: url(../images/click.png); background-position: center; background-size: cover; background-repeat: no-repeat; top: -90px; left: -8px; animation-name: purupuru; animation-duration: 0.8s; animation-timing-function: linear; animation-delay: 1s; animation-iteration-count: infinite; } @keyframes purupuru { 0% { transform: scale(1.0, 1.0) translate(0%, 0%); } 20% { transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg); } 50% { transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg); } 65% { transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg); } 80% { transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg); } 100% { transform: scale(1.0, 1.0) translate(0%, 0%); } } .side_shop_info_box p.headadd a, .side_shop_info_box p.headadd a:link, .side_shop_info_box p.headadd a:visited{ color: #333; margin-bottom: 5px; text-decoration: none; } .side_shop_info_box p.headtel a{ padding: 0 0 0 34px; position: relative; } .side_shop_info_box p.headtel a:before{ content: ""; display: block; width: 26px; height: 26px; background: url(../images/99cc00.png) no-repeat top left; position: absolute; left: 0; top: calc(50% - 11px); } .side_shop_info_box a:hover:before { opacity: .8; } .side_shop_info_box p.headtel a:link, .side_shop_info_box p.headtel a:visited { color: #b6b944; text-decoration: none; font-size: 32px; font-weight: 400; font-family: "Yusei Magic", serif; letter-spacing: 0; } .side_shop_info_box p.headmail{display: none;} /*------ main_img ------*/ #wrapper #main_img_wrapper{ padding: 60px 60px 0 0; position: relative; background-image: url(../images/main_bg.png); background-size: auto; background-position: center top; background-repeat: no-repeat; } #body_sub #main_img_wrapper, #body_free #main_img_wrapper{ height: 0; background: none; color: #333; padding: 0; position: absolute; width: 100%; left: 0; top: 0; } #main_img_container { width: 100%; margin: 0 auto; padding: 0 0 80px; position: relative; } #body_sub #main_img_container, #body_free #main_img_container{ padding: 0; } #body_sub #main_img_container:before, #body_free #main_img_container:before, #body_sub #main_img_container:after, #body_free #main_img_container:after{ display: none; } /*------ main_contents ------*/ #main_contents_wrapper{ clear: both; padding: 0; } #main_contents_container { clear: both; margin: 0px auto; } #main_contents{ margin: 0; padding: 120px 0 0 !important; overflow-x: hidden; } #body_sub #main_contents, #body_free #main_contents{ padding: 0 !important; } .reviewPage .block_outer, .block_outer.blog_item, .parallaxContentOuter .block_outer{ background-color: rgba(255, 255, 255, 0.8); position: relative; padding: 120px 60px 90px; margin: 45px 0; box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.3); box-sizing: border-box; } .reviewPage #main_contents .block_outer, #main_contents.sub_main .block_outer.blog_item, #main_contents.ec-cart .block_outer{ margin: 0 auto 90px; } #main_contents .block_outer_carlist, #main_contents.sub_main .block_outer_usedcar_detail.blog_item{ padding: 90px 60px; } .parallaxContentOuter:first-of-type .block_outer{ margin: 0 0 45px; } .reviewPage .block_outer:not(.block_outer_pankuzu01):nth-of-type(2n-1), .block_outer.blog_item:nth-of-type(2n-1), .parallaxContentOuter:nth-of-type(2n-1) .block_outer{ border-top-left-radius: 60px; border-bottom-left-radius: 60px; box-shadow: -10px 10px 5px rgba(0, 0, 0, 0.15); margin-right: 20px; } .reviewPage .block_outer:nth-of-type(2n-1):before, .block_outer.blog_item:nth-of-type(2n-1):before, .parallaxContentOuter:nth-of-type(2n-1) .block_outer:before{ content: ""; width: 100%; height: 75px; display: block; position: absolute; top: -30px; left: 0; background-image: url(../images/tag.png), url(../images/pin_l.png); background-position: top left 50px, top 15px center; background-size: auto; background-repeat: no-repeat; opacity: 1; } .reviewPage .block_outer:nth-of-type(2n-1):after, .block_outer.blog_item:nth-of-type(2n-1):after, .parallaxContentOuter:nth-of-type(2n-1) .block_outer:after{ content: ""; width: 22px; height: 100%; position: absolute; display: block; top: 0; right: -20px; background-image: url(../images/block_outer_bg_r.png); background-position: top right, center top; background-repeat: repeat-y, no-repeat; background-size: auto; opacity: 1; } .reviewPage .block_outer:nth-of-type(2n), .block_outer.blog_item:nth-of-type(2n), .parallaxContentOuter:nth-of-type(2n) .block_outer{ border-top-right-radius: 60px; border-bottom-right-radius: 60px; box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.15); margin-left: 20px; } .reviewPage .block_outer:nth-of-type(2n):before, .block_outer.blog_item:nth-of-type(2n):before, .parallaxContentOuter:nth-of-type(2n) .block_outer:before{ content: ""; width: 100%; height: 70px; display: block; position: absolute; top: -45px; left: 0; background-image: url(../images/tape2.png), url(../images/tape1.png), url(../images/tape1.png); background-position: center top, top right 15%, top left 15%; background-size: 125px 70px; background-repeat: no-repeat; opacity: 1; } .reviewPage .block_outer:nth-of-type(2n):after, .block_outer.blog_item:nth-of-type(2n):after, .parallaxContentOuter:nth-of-type(2n) .block_outer:after{ content: ""; width: 22px; height: 100%; position: absolute; display: block; top: 0; left: -20px; background-image: url(../images/block_outer_bg_l.png); background-position: top left; background-repeat: repeat-y; background-size: auto; opacity: 1; } #block_outer_midbox{ background: none; padding: 70px 0 0; border: 0; box-shadow: none; margin: 0 auto; } #block_outer_midbox:before, #block_outer_midbox:after{ display: none; } #block_outer_img_h2_0{ margin: 60px; padding: 0; background-color: rgba(255, 255, 255, 0.8); background-image: url(../images/catch_copy_bg_bottom.jpg); background-size: auto; background-repeat: no-repeat; background-position: bottom left; border-radius: 0; box-shadow: none; } #block_outer_img_h2_0:before{ content: ""; width: 100%; height: 100%; position: absolute; display: block; background-image: url(../images/99cc00.png), url(../images/catch_copy_bg_r.png); background-size: auto, auto; background-repeat: no-repeat; background-position: top 5px left, top 5px right; top: -20px; right: -20px; left: auto; pointer-events: none; } #block_outer_img_h2_0:after{ display: none; } #block_outer_detail:before, #block_outer_carlist:before{ content: ""; width: 200px; height: 50px; position: absolute; display: block; top: -32px; left: calc(50% - 100px); z-index: 1; background-image: url(../images/usedcar_top.png); background-size: auto; background-repeat: no-repeat; background-position: center; } .parallaxContent:not([data-field-id="subtop"]){ margin: 120px 0; } .parallaxContent[data-field-id="subtop"]{ margin: 30px 0; } #main_contents .parallaxContentOuter.empty[data-phase-init="0"]:not([data-field-id="subtop"]) .parallaxContent{ position: relative; margin: 90px 0; } .edit #main_contents .parallaxContentOuter.empty[data-phase-init="0"] .parallaxContent{ position: relative; margin: 15px 0; } #main_contents .block_outer.pageControllerOuter:before{ display: none; } #main_contents .block_outer.block_outer_pankuzu01{ color: #333 !important; padding: 6px 60px 6px !important; margin: 60px 0 90px; width: 100%; background: rgba(255, 255, 255, 0.8); box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); border-radius: 0; } .edit #main_contents .block_outer.block_outer_pankuzu01{ margin: 0 0 90px; } #main_contents .block_outer.block_outer_pankuzu01:before{ display: none; } .block_outer_pagetitle{ display: none !important; } #carinfo_panlist_box{ color: #333 !important; padding: 10px 60px !important; width: 100%; margin: 45px 0 90px; background: rgba(255, 255, 255, 0.8); box-sizing: border-box; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); } #carinfo_panlist_box #pan{ margin: 0 auto !important; } #block_outer_pictS01{ padding: 120px 60px; } /*------ menu ------*/ #wrapper .use_hamburger_menu #pc_menu_trigger{ top: 410px; left: 10px; right: auto; width: 140px; height: 140px; border-radius: 100%; background-image: url(../images/menu.png); background-size: cover; background-repeat: no-repeat; box-shadow: none; transform: rotate(-5deg); transition: 0.3s all; } #wrapper .use_hamburger_menu #pc_menu_trigger:hover{ background-image: url(../images/99cc00.png); color: #f5f3e3; } .js-menuOpened #wrapper .use_hamburger_menu #pc_menu_trigger{ background-image: url(../images/99cc00.png); } .js-menuOpened #wrapper .use_hamburger_menu #pc_menu_trigger:hover{ background-image: url(../images/menu.png); } #wrapper .edit .use_hamburger_menu #pc_menu_trigger{ top: 460px; } #menu #pc_menu_trigger span{ width: 55px; height: 4px; left: calc(50% - 27.5px); border-radius: 40px; position: relative; display: block; background-color: #b6b944; transition: all 0.3s; } #menu #pc_menu_trigger span:nth-of-type(1){ top: 35px; } #menu #pc_menu_trigger span:nth-of-type(2){ top: 45px; } #menu #pc_menu_trigger span:nth-of-type(3){ top: 55px; } #menu #pc_menu_trigger:hover span{ background-color: #f5f3e3; } #menu #pc_menu_trigger:after{ color: #b6b944; bottom: 30px; font-size: 32px; font-weight: 400; font-family: "Yusei Magic", serif; letter-spacing: 0.05em; left: -5px; transition: all 0.3s; } #menu #pc_menu_trigger:hover:after{ color: #f5f3e3; } .js-menuOpened #menu #pc_menu_trigger span:nth-of-type(1){ transform: translate(0px, 10px) rotate(-45deg); background-color: #f5f3e3; } .js-menuOpened #menu #pc_menu_trigger span:nth-of-type(3){ transform: translate(0px, -20px) rotate(45deg); background-color: #f5f3e3; } .js-menuOpened #menu #pc_menu_trigger:hover span{ background-color: #b6b944; } .js-menuOpened #menu #pc_menu_trigger:after{ color: #f5f3e3; } .js-menuOpened #menu #pc_menu_trigger:hover:after{ color: #b6b944; } #menu_wrapper.use_hamburger_menu{ position: relative; } #menu_wrapper.use_hamburger_menu:before { content: ""; position: fixed; width: 170px; height: 85px; background-image: url(../images/99cc00.png); z-index: 15; top: 0; left: 30px; opacity: 0; pointer-events: none; transition: all .3s; transition: 0.3s all; } .edit #menu_wrapper.use_hamburger_menu:before{ top: 50px; } .js-menuOpened #menu_wrapper.use_hamburger_menu:before{ opacity: 1; } #menu_wrapper.use_hamburger_menu #menu > ul{ left: -460px; right: auto; top: auto; bottom: 0; width: 460px; height: calc(100vh - 20px); padding: 90px 0 0 120px; font-family: "Yusei Magic", serif; background-color: rgba(255, 255, 255, 0.95); } .edit #menu_wrapper.use_hamburger_menu #menu > ul{ height: calc(100vh - 70px); } .js-menuOpened #menu_wrapper.use_hamburger_menu #menu > ul{ left: 0; top: auto; bottom: 0; } #menu_wrapper.use_hamburger_menu .mega_menu{ left: 460px; right: auto; } body:not(.edit) .use_hamburger_menu .mega_menu{ height: calc(100vh - 20px); top: auto; bottom: 0; } #menu_wrapper.use_hamburger_menu .mega_menu > ul{ background-image: url(../images/content_bg.jpg); } #menu_wrapper.use_hamburger_menu #menu ul > li:not(.gmenu_company_tel){ margin: 0 0 0 75px; width: 200px; max-height: 80px; overflow: hidden; } #menu_wrapper.use_hamburger_menu #menu ul > li#gmenu_top{ padding: 0 0 15px; } #menu_wrapper.use_hamburger_menu #menu ul > li:not(#gmenu_top, .gmenu_company_tel){ padding: 15px 65px 15px 0; } #menu_wrapper.use_hamburger_menu #menu ul > li > a{ font-size: 18px; color: #333; padding: 0 0 0 20px; margin: 0 0 30px; overflow: hidden; text-decoration: none; display: inline; box-decoration-break: clone; position: relative; line-height: 1.4em; } #menu_wrapper.use_hamburger_menu #menu ul > li > a:before{ content: ""; width: 14px; height: 14px; position: absolute; top: 5px; left: 0; background-image: url(../images/pin_s.png); background-position: top left; background-size: auto; background-repeat: no-repeat; } #menu_wrapper.use_hamburger_menu #menu ul > li:hover > a{ background-image: url(../images/h3_line.png); background-position: center left; background-size: 100% auto; background-repeat: no-repeat; } #menu_wrapper.use_hamburger_menu .mega_menu > ul .searchedEmptyInner{ color: #333; } #menu_wrapper.use_hamburger_menu #menu .gmenu_company_tel .tel_number{ color: #b6b944; font-size: 36px; } #menu_wrapper.use_hamburger_menu #menu .gmenu_company_tel .tel_str{ background-image: url(../images/99cc00.png); background-position: center; background-size: auto; background-repeat: no-repeat; top: calc(50% - 13px); } #menu_container .clear{ clear: both !important; } #wrapper div.mega_menu > ul > li > a, #wrapper div.mega_menu > ul > li > a:visited, #wrapper div.mega_menu .pageNum{ color: #333; } #wrapper div.mega_menu .pageNum:before{ border: 1px solid #333; } @media screen and (max-height: 800px) { #wrapper .use_hamburger_menu #pc_menu_trigger{ top: 50vh; } #header p.headmail{ top: auto; bottom: 10vh; } } /*------ slider ------*/ #bgSlider{ width: 100% !important; height: 710px; padding: 0px !important; left: -3px; box-shadow: 10px 10px 3px rgba(0, 0, 0, 0.15); position: relative; z-index: 1; } #bgSlider:before{ content: ""; width: 100%; height: 102%; top: 25px; left: 30px; transform: rotate(5deg); background-color: rgba(182, 185, 68, 0.5); position: absolute; display: block; z-index: 0; } #bgSlider .sliderDiv{ background-size: cover !important; -webkit-background-size: cover; position: absolute; top: 0px; width: 100%; height: 100%; border-top: 10px solid #fff; border-right: 10px solid #fff; border-bottom: 10px solid #fff; box-shadow: 10px 10px 2px rgba(0, 0, 0, 0.15); } #main_img_wrapper #bgSlider .slider_icons .slider_icons_outer{ width: 100%; } .slider_text_wrap{ margin: 60px 420px 60px 30px; width: auto; } #bgSlider .slider_strong{ margin: 0; text-align: left; font-size: clamp(80px, calc(5rem + ((1vw - 9.6px) * 4.1667)), 120px); font-weight: 700; font-family: "Yusei Magic", serif; line-height: 1.1em; color: #b6b944; max-height: 2.25em; max-width: none; margin-bottom: 30px; text-shadow: rgba(255, 255, 255, 1.0) 3px 0px 0px, rgba(255, 255, 255, 1.0) 2.83487px 0.981584px 0px, rgba(255, 255, 255, 1.0) 2.35766px 1.85511px 0px, rgba(255, 255, 255, 1.0) 1.62091px 2.52441px 0px, rgba(255, 255, 255, 1.0) 0.705713px 2.91581px 0px, rgba(255, 255, 255, 1.0) -0.287171px 2.98622px 0px, rgba(255, 255, 255, 1.0) -1.24844px 2.72789px 0px, rgba(255, 255, 255, 1.0) -2.07227px 2.16926px 0px, rgba(255, 255, 255, 1.0) -2.66798px 1.37182px 0px, rgba(255, 255, 255, 1.0) -2.96998px 0.42336px 0px, rgba(255, 255, 255, 1.0) -2.94502px -0.571704px 0px, rgba(255, 255, 255, 1.0) -2.59586px -1.50383px 0px, rgba(255, 255, 255, 1.0) -1.96093px -2.27041px 0px, rgba(255, 255, 255, 1.0) -1.11013px -2.78704px 0px, rgba(255, 255, 255, 1.0) -0.137119px -2.99686px 0px, rgba(255, 255, 255, 1.0) 0.850987px -2.87677px 0px, rgba(255, 255, 255, 1.0) 1.74541px -2.43999px 0px, rgba(255, 255, 255, 1.0) 2.44769px -1.73459px 0px, rgba(255, 255, 255, 1.0) 2.88051px -0.838247px 0px, rgba(242, 213, 187, 1.0) 8px 0px 0px, rgba(242, 213, 187, 1.0) 7.93758px 0.997398px 0px, rgba(242, 213, 187, 1.0) 7.7513px 1.97923px 0px, rgba(242, 213, 187, 1.0) 7.44406px 2.93018px 0px, rgba(242, 213, 187, 1.0) 7.02066px 3.8354px 0px, rgba(242, 213, 187, 1.0) 6.48771px 4.68078px 0px, rgba(242, 213, 187, 1.0) 5.85351px 5.45311px 0px, rgba(242, 213, 187, 1.0) 5.12797px 6.14035px 0px, rgba(242, 213, 187, 1.0) 4.32242px 6.73177px 0px, rgba(242, 213, 187, 1.0) 3.44941px 7.21814px 0px, rgba(242, 213, 187, 1.0) 2.52258px 7.59188px 0px, rgba(242, 213, 187, 1.0) 1.55638px 7.84714px 0px, rgba(242, 213, 187, 1.0) 0.565898px 7.97996px 0px, rgba(242, 213, 187, 1.0) -0.433417px 7.98825px 0px, rgba(242, 213, 187, 1.0) -1.42597px 7.87189px 0px, rgba(242, 213, 187, 1.0) -2.39627px 7.63269px 0px, rgba(242, 213, 187, 1.0) -3.32917px 7.27438px 0px, rgba(242, 213, 187, 1.0) -4.21013px 6.80256px 0px, rgba(242, 213, 187, 1.0) -5.02539px 6.22459px 0px, rgba(242, 213, 187, 1.0) -5.76223px 5.54948px 0px, rgba(242, 213, 187, 1.0) -6.40915px 4.78778px 0px, rgba(242, 213, 187, 1.0) -6.95606px 3.95136px 0px, rgba(242, 213, 187, 1.0) -7.39442px 3.05329px 0px, rgba(242, 213, 187, 1.0) -7.71739px 2.10757px 0px, rgba(242, 213, 187, 1.0) -7.91994px 1.12896px 0px, rgba(242, 213, 187, 1.0) -7.9989px 0.132735px 0px, rgba(242, 213, 187, 1.0) -7.95304px -0.865561px 0px, rgba(242, 213, 187, 1.0) -7.78307px -1.85035px 0px, rgba(242, 213, 187, 1.0) -7.49165px -2.80627px 0px, rgba(242, 213, 187, 1.0) -7.08333px -3.71839px 0px, rgba(242, 213, 187, 1.0) -6.56447px -4.57249px 0px, rgba(242, 213, 187, 1.0) -5.94318px -5.35524px 0px, rgba(242, 213, 187, 1.0) -5.22915px -6.05442px 0px, rgba(242, 213, 187, 1.0) -4.43352px -6.65912px 0px, rgba(242, 213, 187, 1.0) -3.5687px -7.15991px 0px, rgba(242, 213, 187, 1.0) -2.6482px -7.54898px 0px, rgba(242, 213, 187, 1.0) -1.68637px -7.82024px 0px, rgba(242, 213, 187, 1.0) -0.698222px -7.96947px 0px, rgba(242, 213, 187, 1.0) 0.300817px -7.99434px 0px, rgba(242, 213, 187, 1.0) 1.29516px -7.89446px 0px, rgba(242, 213, 187, 1.0) 2.2693px -7.67139px 0px, rgba(242, 213, 187, 1.0) 3.20802px -7.32862px 0px, rgba(242, 213, 187, 1.0) 4.09668px -6.87148px 0px, rgba(242, 213, 187, 1.0) 4.92142px -6.30711px 0px, rgba(242, 213, 187, 1.0) 5.66936px -5.64432px 0px, rgba(242, 213, 187, 1.0) 6.32883px -4.89346px 0px, rgba(242, 213, 187, 1.0) 6.88954px -4.06623px 0px, rgba(242, 213, 187, 1.0) 7.34274px -3.17555px 0px, rgba(242, 213, 187, 1.0) 7.68136px -2.23532px 0px, rgba(242, 213, 187, 1.0) 7.90012px -1.26021px 0px, rgba(242, 213, 187, 1.0) 7.9956px -0.265434px 0px; } #bgSlider .slider_strong .slider_strong_contents{ font-weight: 400; padding: 0 10px; box-sizing: border-box; } #bgSlider .slider_text_wrap .slider_caption{ max-height: 95px; max-width: none; font-family: 'Noto Sans JP', sans-serif; margin: 0 auto 30px 0; } #bgSlider .slider_text_wrap .slider_caption .slider_caption_contents{ color: #fff; width: auto; font-size: 16px; font-weight: bold; letter-spacing: 0.15em; text-align: left; padding: 0 10px; display: block; box-sizing: border-box; text-shadow: #b6b944 2px 0px 0px, #b6b944 1.75517px 0.958851px 0px, #b6b944 1.0806px 1.68294px 0px, #b6b944 0.141474px 1.99499px 0px, #b6b944 -0.832294px 1.81859px 0px, #b6b944 -1.60229px 1.19694px 0px, #b6b944 -1.97998px 0.28224px 0px, #b6b944 -1.87291px -0.701566px 0px, #b6b944 -1.30729px -1.5136px 0px, #b6b944 -0.421592px -1.95506px 0px, #b6b944 0.567324px -1.91785px 0px, #b6b944 1.41734px -1.41108px 0px, #b6b944 1.92034px -0.558831px 0px; } #bgSlider .slider_btn{ justify-content: flex-start; position: relative; left: -30px; } #bgSlider .slider_btn .sliderPageLink{ color: #b6b944; font-size: 24px; font-weight: 400; font-family: "Yusei Magic", serif; display: block; width: 285px; height: 75px; overflow: hidden; box-sizing: border-box; padding: 10px 80px 20px 45px; background-image: url(../images/btn_bg.png); background-size: auto; background-repeat: no-repeat; background-position: left top; position: relative; text-decoration: none; } #bgSlider .slider_btn .sliderPageLink:before{ content: ""; width: 45px; height: 45px; display: block; position: absolute; background-image: url(../images/99cc00.png); background-size: auto; background-repeat: no-repeat; background-position: center; top: calc(50% - 25.5px); right: 25px; transition: all 0.3s; } #bgSlider .sliderPageLink:hover:before{ right: 20px; } #bgSlider .slider_btn .sliderPageLink .slider_button_title{ line-height: 2.1em; text-decoration: none; } #bgSlider #sliderStepsContainer{ bottom: 0; position: absolute; display: flex; align-items: center; justify-content: space-evenly; width: auto !important; right: 320px; } #wrapper #bgSlider #sliderStepsContainer span{ margin: 0 12px 0 0; background: rgba(0, 0, 0, 0.85); border: 2px solid #fff; width: 5px; height: 5px; } #wrapper #bgSlider #sliderStepsContainer span.current{ width: 15px; height: 15px; } #sliderStepsContainer .current{ background: #b6b944 !important; } #sliderLoader { display: none; } #bgSlider #increment, #bgSlider #decrement{ top: auto; bottom: 15px; width: 140px; height: 100px; border-radius: 0; border: none; box-shadow: none; text-shadow: none; text-indent: -99999px; background-repeat: no-repeat; background-size: auto; background-position: center; transition: 0.3s all; } #bgSlider #increment{ left: 200px; background-image: url(../images/next.png); } #bgSlider #increment:hover{ left: 210px; } #bgSlider #decrement{ left: 30px; background-image: url(../images/prev.png); } #bgSlider #decrement:hover{ left: 20px; } #bgSlider .sliderDiv.slideshow-slidedown{ box-shadow: none; } #bgSlider .sliderDiv.slideshow-slidedown:nth-of-type(3){ box-shadow: 10px 10px 2px rgba(0, 0, 0, 0.15); } .slideshow-zoomout .slider_img{ background-size: cover; } body.dekamoji2-slider__body-item #bgSlider .sliderAddedDiv{ padding-top: 10px; } /*------ right_box ------*/ #main_img_container #right_box { width: 345px; position: absolute !important; top: -480px !important; right: -40px !important; padding: 40px 35px 60px 25px; margin: 0 auto; box-sizing: border-box; transform: rotate(1deg); z-index: 1; } #main_img_container #right_box:before{ content: ""; width: 100%; height: 100%; display: block; position: absolute; background-image: url(../images/info_bg.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; transform: rotate(-1deg); top: 0; left: 0; } #main_img_container #right_box:after{ content:""; display: block; clear: both; } .right_box_img{ position: relative; z-index: 1; } .right_box_img img{ width: 100%; } .side_shop_info_box{ width: 100%; margin: 30px 0 0; padding: 0; position: relative; } .side_shop_info_box p { font-size: 14px; line-height: 150%; max-width: 300px; text-align: left; color: #333; margin-bottom: 15px; } .side_shop_info_box p:not(.headtel){ padding-left: 15px; letter-spacing: 0.05em; font-family: "Noto Sans JP", sans-serif; font-weight: 600; overflow: hidden; } .side_shop_info_box p.headadd{ max-height: 65px; } .side_shop_info_box p.hourTitleOuter, .side_shop_info_box p.holidayTitleOuter{ max-height: 85px; } #body_sub #block_outer_rightbox, #body_free #block_outer_rightbox{ display: none; } .block_outer #main_usedcarpage_link_box{ background: none; width: auto; } .inputbtn, a.estimate_btn, .block_outer #main_usedcarpage_link_box a, .block_outer #lead_p a:last-of-type, div.section p.right_link a, .access_info p.link a, .block_outer .rec_scrl_btn, .historyback_box a{ min-width: 240px; min-height: 60px; background-image: url(../images/99cc00.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center left; background-color: transparent; color: #ffffff; display: flex; align-items: center; font-size: 18px; font-weight: normal; font-family: 'Yusei Magic', serif; padding: 10px 50px; margin: 0 auto; position: relative; text-align: center; text-decoration: none; text-shadow: none; letter-spacing: 0.2em; box-sizing: border-box; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; justify-content: center; } a.estimate_btn{ width: 240px; height: 60px; font-size: 24px; letter-spacing: 0.1em; padding: 10px 50px 10px 10px; letter-spacing: 0.1em; } .inputbtn{ margin: 30px auto; padding: 10px 70px 10px 40px; } .block_outer .rec_scrl_btn, .historyback_box a{ width: 300px; } .block_outer #lead_p a:last-of-type, .block_outer #main_usedcarpage_link_box a{ width: 300px; height: auto; min-height: 60px; background-size: 100% 100%; justify-content: flex-start; } .block_outer #lead_p a:last-of-type{ margin: 30px 0; text-shadow: none; padding-right: 70px; } .inputbtn:before, a.estimate_btn:before, .block_outer #main_usedcarpage_link_box a:before, .block_outer #lead_p a:last-of-type:before, div.section p.right_link a:before, .access_info p.link a:before, .block_outer .rec_scrl_btn:before, .historyback_box a:before{ content:""; display: block; background: url(../images/btn_arrow_w.png) no-repeat; height: 30px; width: 30px; position: absolute; top: calc(50% - 15px); right: 30px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } a.estimate_btn:before, .inputbtn:before{ right: 20px; } .inputbtn:hover, a.estimate_btn:hover, .block_outer #main_usedcarpage_link_box a:hover, .block_outer #lead_p a:last-of-type:hover, div.section p.right_link a:hover, .access_info p.link a:hover, .block_outer .rec_scrl_btn:hover, .historyback_box a:hover{ opacity: 0.8; } a.estimate_btn:hover:before, .inputbtn:hover:before{ right: 15px; } .block_outer #main_usedcarpage_link_box a:hover:before, .block_outer #lead_p a:last-of-type:hover:before, div.section p.right_link a:hover:before, .access_info p.link a:hover:before, .block_outer .rec_scrl_btn:hover:before, .historyback_box a:hover:before{ right: 25px; } .conversionButtonFixedOuter .conversionButtonFixedItem:link, .conversionButtonFixedOuter .conversionButtonFixedItem:hover, .conversionButtonFixedOuter .conversionButtonFixedItem:visited, .conversionButtonFixedOuter .conversionButtonFixedItem:active{ color: #ffffff; } /* ------ footer ----- */ #footer_wrapper{ width: 100%; background: url(../images/footer_bg.jpg) repeat-y top left; background-size: 100%; box-sizing: border-box; margin: 0 auto; padding: 45px 60px 180px; position: relative; } #footer_wrapper:before{ content: ""; width: 100%; height: 100px; display: block; position: absolute; top: -96px; left: 0; background-image: url(../images/footer_thankyou.png), url(../images/footer_top_l.png), url(../images/footer_top_bg.png); background-position: bottom 6px center, top 0px left 10%, bottom left; background-size: auto, auto, 100% 48px; background-repeat: no-repeat; } #footer{ width: 100%; max-width: 960px; letter-spacing: 0em; clear: both; margin: 0 auto; text-align: center; } #footer ul{ clear: both; width: 100%; font-family: "Yusei Magic", serif; justify-content: space-evenly; } #footer_wrapper #footer ul li{ width: auto; padding: 0; writing-mode: vertical-rl; text-orientation: upright; } #footer_wrapper #footer ul li:nth-of-type(2n-1){ background-image: url(../images/f_menu_bg1.png); background-position: top left; background-repeat: no-repeat; background-size: 100% 100%; padding: 5px 15px 40px 10px; } #footer_wrapper #footer ul li:nth-of-type(2n){ background-image: url(../images/f_menu_bg2.png); background-position: top right; background-repeat: no-repeat; background-size: 100% 100%; padding: 5px 10px 40px 15px; } #footer_wrapper #footer ul li:before{ content: ""; background: url(../images/pin_s.png) no-repeat top left; display: block; width: 12px; height: 14px; position: relative; top: -10px; left: -2px; } #footer li a{ text-decoration:none; font-size: 16px; color: #333; font-weight: bold; max-height: 100px; text-align: left; line-height: 1.5em; max-width: 75px; overflow: hidden; } #footer li#fmenu_contact a, #footer li#fmenu_estimate a{ color: #b6b944; } #footer li a:hover{ background-image: url(../images/fmenu_hover.png); background-size: auto; background-repeat: no-repeat; background-size: 100% 100%; background-position: top center; } .copy_right{ font-size: 12px; color:#fcfcfc; font-family: 'Noto Sans JP', sans-serif !important; clear: both; margin-right: auto; margin-left: auto; padding: 20px 0; position: relative; bottom: 0; left: 50%; transform:translateX(-50%); } .copy_right a { color: #fff !important; } .copy_right span, .copy_right span a{ font-family: 'Noto Sans JP', sans-serif !important; } hr { border-width: 1px 0px 0px 0px; border-style: dashed; border-color: #ccc; height: 1px; clear: both; padding-bottom: 10px; } #wrapper hr { display:none; } .btn a{ color:#ccc; text-align:right; } div.mega_menu{ z-index: 100; } /*------ np ------*/ .np { font-size: 14px; line-height: 150%; margin: 0 0 15px !important; text-align: left; } /*------ コンパクトより上に記述が必要なため ------*/ #menu > ul > li > a { font-size: 14px; max-width: 136px; line-height: 120%; } /*****************************************************************************************/ /*------ ワイド ここから ------*/ /*------ ワイド ここまで ------*/ /*------ コンパクト ここから ------*/ /*#main_contents_container{ background-image: url(../images/conpact_left.png), url(../images/conpact_right.png); background-size: auto; background-repeat: repeat-y, repeat-y; background-position: top left -65px, top right -50px; } #main_contents .block_outer:not(.block_outer_pankuzu01, .block_outer_midbox){ width: calc(100% - 180px); margin: 45px auto; max-width: 960px; } .reviewPage #main_contents .block_outer, #main_contents.sub_main .block_outer.blog_item, #main_contents.ec-cart .block_outer{ margin: 0 auto 90px; } @media screen and (max-width: 1120px) { .block_outer.block_outer_carlist .thumbnail_box{ width: calc( (100% - 30px)/2 ); } .block_outer.block_outer_carlist .thumbnail_box:nth-of-type(3n){ margin: 0 30px 20px 0; } .block_outer.block_outer_carlist .thumbnail_box:nth-of-type(2n){ margin: 0 0 20px; } } @media screen and (min-width: 1341px){ #main_contents_container{ background-position: top left calc(50% - 570px), top right calc(50% - 550px) } } *//*------ コンパクト ここまで ------*/ /*****************************************************************************************/ /*------ サイドバーが【上】の場合 ここから ------*/ /*------ サイドバーが【上】の場合 ここまで ------*/ /*------ サイドバーが【中】の場合 ここから ------*/ /* *//*------ サイドバーが【中】の場合 ここまで ------*/ /*------ サイドバーが【左】または【右】の場合 ここから ------*/ /* *//*------ サイドバーが【左】または【右】の場合 ここまで ------*/ .nav_link { font-size: 12px; line-height: 27px; clear: both; text-align: left; display: block; width: 183px; height:auto !important; padding:0; font-size: 12px; line-height: 27px; text-align: left; background:none; display: block; clear: both; float: right; } .js-imageBoxOuter{ box-shadow: 6px 6px 2px rgba(0, 0, 0, 0.1); border: 6px solid #fff; } .block_outer .imageBoxContents[data-layout="LAYOUT_4COLUMN"]{ width: calc( ( 100% - 93px ) / 4 ); margin: 0 30px 30px 0; } .block_outer .imageBoxContents[data-layout="LAYOUT_2COLUMN"] .imageBoxOuter, .block_outer .imageBoxContents[data-layout="LAYOUT_3COLUMN"] .imageBoxOuter, .block_outer .imageBoxContents[data-layout="LAYOUT_4COLUMN"] .imageBoxOuter{ margin-bottom: 20px; width: 100%; } .imageBoxSlider{ box-shadow: 6px 6px 2px rgba(0, 0, 0, 0.1); border: 6px solid #fff; } .imageBoxSlider .imageBoxOuter{ box-shadow: none; border: none; } .imageBoxSlider .imageBoxContents .js-imageBlockImage, .js-imageBoxSlider .js-imageBlockImage{ width: 100% !important; } .js-imageBox[data-size=max]{ width: 100% !important; float: none; margin: 0 0 30px; } .js-imageBox[data-size=max] .imageBoxOuter{ width: 100%; } .js-imageBox[data-size=max]:not(.imageBoxSlider) .imageBoxContents{ width: 100%; float: none; margin: 0 0 30px; } .js-imageBox[data-size=max] .imageBoxInner { width: 100%; display: block; } .js-controllerOuter{ width: 100% !important; } /*****************************************************************************************/ /*------toppage h2_box------*/ .h2_box_1, .h2_box_2, .h2_box_3{ float: left; margin: 0 2% 0px 0; padding: 20px 50px 60px 35px; width: 32%; position: relative; box-sizing: border-box; max-width: 360px; } .h2_box_1:after, .h2_box_2:after, .h2_box_3:after{ content: ""; width: 100%; height: 100%; display: block; position: absolute; background-image: url(../images/info_bg.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top left; transform: rotate(-1deg); top: 0; left: 0; } .h2_box_1:before, .h2_box_2:before, .h2_box_3:before{ content: "1"; width: 196px; height: 86px; position: absolute; display: block; background-image: url(../images/99cc00.png); background-size: auto; background-position: top center; background-repeat: no-repeat; font-size: 28px; font-weight: bold; font-family: "Yusei Magic", serif; line-height: 0.5em; text-indent: 0.2em; text-align: center; color: #fff; top: -70px; left: 50%; transform: translateX(-50%); padding: 20px 45px 60px 35px; } .h2_box_2:before{ content: "2"; } .h2_box_3:before{ content: "3"; } .h2_box_1{ transform: rotate(-0.5deg); } .h2_box_2{ top: 1px; transform: rotate(0.5deg); } .h2_box_3{ margin: 0; top: 30px; transform: rotate(1deg); } .h2_box_1 h2, .h2_box_2 h2, .h2_box_3 h2{ position: relative; font-weight: normal; text-align: center; padding: 0; border-right: none; box-shadow: none; z-index: 1; } .toppage_h2 span{ display: block !important; font-size: 24px !important; font-family: "Yusei Magic", serif; text-align: center; width: 100% !important; letter-spacing: .2em; height: auto !important; margin: 0 0 15px; color: #b6b944; font-weight: bold; } .h2_box_1 .img_left img, .h2_box_2 .img_left img, .h2_box_3 .img_left img{ width: 100% !important; } .h2_box_1 .img_left, .h2_box_2 .img_left, .h2_box_3 .img_left{ margin: 0 0 30px; z-index: 1; position: relative; } .h2_box_1 h3, .h2_box_2 h3, .h2_box_3 h3{ color: #333; font-size: 18px; font-family: "Yusei Magic", serif; line-height: 1.5em; letter-spacing: 5px; margin: 0 0 15px; position: relative; text-align: left; height: auto !important; z-index: 1; } .h2_box_1 p, .h2_box_2 p, .h2_box_3 p{ color: #333; font-size: 14px; font-weight: 500; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.05em; text-align: left; margin: 0 0 30px; overflow: hidden; z-index: 1; } .h2_box_1 .nav_link, .h2_box_2 .nav_link, .h2_box_3 .nav_link{ width: 100%; height: 100%; background-image: url(../images/99cc00.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center left; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: normal; font-family: "Yusei Magic", serif; padding: 15px 60px 15px 40px; margin: 0; position: relative; text-align: center; text-decoration: none; letter-spacing: 0.1em; box-sizing: border-box; z-index: 1; float: none; left: 50%; transform: translateX(-50%); } .h2_box_1 .nav_link:before, .h2_box_2 .nav_link:before, .h2_box_3 .nav_link:before{ content:""; display: block; background: url(../images/btn_arrow_w.png) no-repeat; height: 30px; width: 30px; position: absolute; top: calc(50% - 18px); right: 30px; transition: all .3s; } .h2_box_1 .nav_link:hover:before, .h2_box_2 .nav_link:hover:before, .h2_box_3 .nav_link:hover:before{ right: 20px; } /*------------*/ #top_maincopy{ color: #333; } .main_copy { font-size: 16px; line-height: 200%; letter-spacing: .3em; margin: 0 auto 30px; width: 100%; text-align: center; } #top_maincopy .main_copy{ width: 740px; margin: 0; } /***************************************************************************************/ /*注意！common.cssに残りの記述あり*/ .add_attention_h2 { color:#666 !important; margin:0 0 5px 0 !important; display: none; } .plusBlockBtn, .plusBlockBtn2, .plusBlockBtn3, .plusBlockBtn4, .plusBlockBtn5 { width: 100% !important; margin: 0 auto !important; padding: 10px 5% 0; box-sizing: border-box; } .block_outer_main_copy .plusBlockBtn2{ padding: 0; } .side_bar_sub #mobile_QR_info{ width: 100%; padding: 0 !important; } #qr_txt{ border: 1px dotted rgba(0,0,0,.1) !important; } #mobile_QR_info .common_qrimg{ border: 1px solid rgba(0,0,0,.1) !important; margin: 0; } .lead__wrap{ width: calc(100% - 90px); max-width: 1160px; padding: 60px; margin: 45px auto 90px; box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.15); background-color: rgba(255, 255, 255, 0.8); position: relative; box-sizing: border-box; } .lead__wrap:before{ content: ""; width: 45px; height: 90px; position: absolute; top: -20px; right: 70px; background-image: url(../images/clip.png); background-size: auto; background-position: top right; background-repeat: no-repeat; } #main_contents h3.h3_lead { color: #333; border: none; display: inline; margin: 0; padding: 0; box-sizing: border-box; } #main_contents ul.ul_lead { border-top: 1px solid #ccc; margin: 15px 0 0; padding: 15px 0 0; border-bottom: none; } li.lead { color: #333 !important ; clear: both !important; font-size: 14px !important; margin: 0 !important; padding: 0 0 15px !important; } /***************************************************************************************/ /*サブページ*/ #sub_top_img, #sub_left_box{ display:none; } /*** 各セクション ***/ .box_common{ margin: 0 0 90px; position: relative; } .box_common:last-of-type{ margin: 0 0 30px; } .box_common h3 > b{ display: none; } .box_common p{ font-size: 16px; letter-spacing: .05em; line-height: 1.7em; color: #333; font-family: 'Noto Sans JP', sans-serif; } .block_outer .imageBoxContents .captionBody{ font-size: 14px; } .campaign_content .b_campaign{ font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.05em; } .imageBoxSlider .imageBoxContents .js-imageBlockImage, .js-imageBoxSlider .js-imageBlockImage{ box-shadow:none; } div#otoiawase_table_box, .n_table.contact_table, .block_outer_contact_form .mail_body_edit, .block_outer_contact_form .mail_body_edit .n_table, p#contact_form_desc, h3.mitsumori_title, div#mitumori_table_box, .n_table.est_table_car, .n_table.est_table_client, .block_outer_estimate_form .mail_body_edit, .block_outer_estimate_form .mail_body_edit .n_table, .block_outer_entry_form .n_table, .block_outer_entry_form .mail_body_edit, #block_outer_dksm #dksm_wrapper .n_table{ margin-left: auto; margin-right: auto; font-family: 'Noto Sans JP', sans-serif; } /*料金表*/ h3.edit_table_title{ color: #333; margin: 0 0 30px; display: inline; font-size: 24px; font-weight: bold; font-family: "Yusei Magic", serif; } .pricetable_block{ margin: 30px 0 0; } #middle_top_price01 { clear: both; width: 100%; margin: 0 auto 15px; } .pricetable_content { clear: both; width: 100%; max-width: 900px; margin: 0 auto 120px; } .pricetable { border:none; clear:both; margin-bottom: 30px; width: 100%; font-size: 10px; background-color: rgba(255,255,255,.7); } .pricetable th,.pricetable td { padding:10px 5px; width: 16%; text-align: center; vertical-align: top; font-weight: normal; } .pricetable th { background: #333333; color: #fcfcfc; font-size: 12px; } .pricetable td{ font-size: 14px; color: #050505; border-bottom: 1px solid rgba(255,255,255,.3); } .pricetable td strong { font-size: 14px; color: #c00; } .price01_td { font-size: 14px; background-color: #e3e3e3; } .pricetabel_memo { font-size: 16px; line-height: 1.7em; } /*------ div_box_flow ------*/ .block_outer .box_flow{ margin-bottom: 45px; } .flow_arrow { height: 50px; background: url(../images/flow.png) no-repeat center center; margin: 0 0 45px; text-indent: -9999px; } /*------ div_box_faq ------*/ .block_outer .div_box_faq{ padding-left: 90px; position: relative; } .block_outer .div_box_faq:before{ content: ""; width: 75px; height: 75px; display: block; position: absolute; top: 0; left: 0; background-image: url(../images/99cc00.png); background-size: auto; background-repeat: no-repeat; background-position: center; } .div_box_faq .h3_common > span:before{ display: none; } /*------ div_box_voice ------*/ #block_outer_voice .h3_common{ display: none; } /*------ div_box_campaign ------*/ /*問い合わせフォーム*/ .n_table { border: none; clear: both; width: 100%; max-width: 900px; border-collapse: collapse; margin: 0 auto 60px; } .n_table tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } .n_table tr { display: table-row; vertical-align: middle; border-color: inherit; } .n_table th { border-bottom: 1px solid #797979; border-right: 1px solid #797979; color: #fcfcfc; background-color: #676767; font-weight: normal; line-height: 150%; padding: 15px; text-align: center; vertical-align: middle; width: 20%; } .n_table th a:link, .n_table th a:visited{ font-size: 14px; color: #FFF; } .n_table td { background-color: #e4e4e4; color: #050505; line-height: 150%; padding: 15px; text-align: left; width: 80%; border-bottom: 1px solid #d5d5d5; } .n_table td p { color: #050505; } .n_table tr:last-of-type th, .n_table tr:last-of-type td{ border-bottom:none; } .conversionButtonFixedOuter .conversionButtonFixedItem{ justify-content: center; align-items: flex-start; background-size: 100%; font-family: 'Yusei Magic', serif; padding: 0 50px 0 0 !important; min-width: auto; min-height: auto; width: 200px; overflow: hidden; } .inputarea { border: 1px solid #999; line-height: 25px; height: 25px; width: 300px; font-size: 100%; } .inputarea2 { border: 1px solid #999; line-height: 25px; height: 25px; width: 200px; font-size: 100%; } .inputarea3 { border: 1px solid #999; line-height: 25px; height: 25px; width: 50px; font-size: 100%; } .inputarea4, .block_outer.block_outer_contact_form .inputarea4, .block_outer.block_outer_estimate_form .inputarea4, .block_outer.block_outer_entry_form .inputarea4{ border: 1px solid #999; line-height: 25px; height: 150px; width: 300px; font-size: 100%; } .inputtxtarea { border: 1px solid #999; height: 140px; width: 100%; font-size: 100%; } input[type="file"] { width:260px !important; } .mail_body_edit h3{ margin-bottom: 15px; } .progressDetail{ position: relative; top: -5px; } /*------ 会社案内 ------*/ .div_box_company_pict{ display: block; margin: 0 auto 30px; } .company_pict{ width: calc( (100% - 60px) / 3); float: left; margin-right: 30px; } .company_pict:last-of-type{ margin-right: 0; } .company_pict a{ text-align: center; } .block_outer_company_contact{ max-width: 960px; background-color: rgba(255, 255, 255, 0.8); background-image: url(../images/pin_s.png), url(../images/pin_s.png), url(../images/pin_s.png), url(../images/pin_s.png); background-position: top left, top right, bottom right, bottom left; background-repeat: no-repeat; background-size: auto; position: relative; padding: 30px; margin: 45px auto 90px; box-shadow: 10px 10px 4px rgba(0, 0, 0, 0.15); box-sizing: border-box; } .block_outer .right_link{ line-height: 1em; width: 300px; border: none; padding: 15px 0 0; } /*------ access ------*/ #main_contents #block_outer_access_info{ max-width: 960px; background-color: rgba(255, 255, 255, 0.8); background-image: url(../images/pin_s.png), url(../images/pin_s.png), url(../images/pin_s.png), url(../images/pin_s.png); background-position: top left, top right, bottom right, bottom left; background-repeat: no-repeat; background-size: auto; position: relative; padding: 60px; margin: 45px auto 90px; box-shadow: 10px 10px 4px rgba(0, 0, 0, 0.15); border-radius: 0; box-sizing: border-box; } #block_outer_access_info:before, #block_outer_access_info:after{ display: none; } .map_big { clear: both; margin:0 auto 30px; width: 100%; max-width: 600px; } .googleMapOuter{ width: 100% !important; } .access_info{ text-align: center; color: #333; } .access_info p{ margin: 0 0 10px; } .access_info p:nth-of-type(2){ font-size: 32px; } .access_info p.link{ width: 300px; margin: 30px auto 0; border-bottom: none !important; } /***************************************************************/ /*　中古車一覧　　*/ #carSearch_public{ width: 100%; } #carListOpenOrClose { margin: 0 auto 20px !important; } .block_outer .usercar_list { clear: none !important; float: left; width: 48% !important; padding: 3% !important; margin: 0 4% 80px 0 !important; box-sizing: border-box; border: 1px solid #999; } #carlist_main_box .usercar_list:nth-of-type(2n){ margin: 0 0 80px !important; } .list_con { width: 100% !important; } .list_con table { float: right; width: 100%; border: 1px solid #999; } .list_con table th { width: 20%; background: #444; border-bottom: 1px solid #999; border-right: 1px solid #999; color: #fcfcfc; font-size: 10px; font-weight: normal; padding: 5px 0 5px 8px; text-align: left; } .list_con table td { width: 30%; background: transparent; border-bottom: 1px solid #999; color: #333; font-size: 12px; font-weight: normal; padding: 5px 0 5px 8px; text-align: left; } .usercar_list h3 { background: none !important; font-size: 18px; font-weight: bold; clear: both; margin-bottom: 15px; } .usercar_list h3 span { color: #333; display: block; font-size: 10px; font-weight: normal; font-family: 'Noto Sans JP', sans-serif; padding: 5px; text-align: right; } .usercar_list h3 a:link, .usercar_list h3 a:visited { font-family: 'Yusei Magic', serif; text-decoration: none; color: #333; background-image: url(../images/usedcar_h3_line.png); background-size: 100% auto; background-repeat: no-repeat; background-position: top left; } .usercar_list .sample_name{ font-size: 10px; } .usercar_list .list_con{ font-family: 'Noto Sans JP', sans-serif; } .list_main{ width: 100% !important; } .list_main p{ width: 50% !important; padding-right: 0px !important; } .list_main a img { width: 100%; } .list_main dl { float: right; width: 45%; text-align: left; display: block; padding: 10px; border: 1px solid #CCCCCC; background-color: #F7F7F7; box-sizing: border-box; } .list_main dl dt { color: #333; clear: both; font-size: 12px; margin-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; padding-bottom: 5px; } .list_main dl dd { color: #333; padding-bottom: 5px; clear: both; font-size: 12px; } .list_main dl dt strong { font-size: 20px; color: #FF0000; } .list_main dl dd strong { font-size: 14px; color: #000; } .list_main ul { width: 45% !important; } .pager_str { color: #333 !important; font-size: 12px; clear: both; margin-bottom: 5px; } .pager { font-size: 12px; clear: both; background-color: #F7F7F7; border: 1px solid #ccc; width: 650px; padding-top: 4px; padding-right: 9px; padding-bottom: 0px; padding-left: 9px; } .pager span { font-weight: bold; color: #ff9900; } .pager a,.pager span { padding: 5px; display: block; text-align: center; float: left; margin-right: 5px; margin-bottom: 5px; } .pager a:link,.pager a:visited { color: #3399FF; } .pager a:hover,.pager a:active { background-color: #b6b944; color: #333; } .zaiko_used, .baikyaku_used, .syoudanchu_used, .daiko_used, .newcar_used, .unused { color: #FFF !important; padding: 3px 8px; border-radius: 3px; margin: 0 5px 5px 0; display: inline-block; } .zaiko_used{background-color: #390;} .baikyaku_used{background-color: #C00;} .syoudanchu_used{background-color: #F90;} .daiko_used{background-color: #09C;} .newcar_used{background-color: #E71870;} .unused {background-color: #36f;} .sort_wrapped { width: 45% !important; } .search_title, .display_sort_str, .display_sort_wrapped p{ color: #333; } .block_outer .usercar_list .buyButtonMini{ padding: 0 20px 0 40px; } /***************************************************************/ /*　中古車詳細　　*/ .block_outer #usercar_base { width: auto; max-width: 700px; margin-bottom: 30px; background: rgba(255,255,255,.1); border: 1px solid #ccc; padding: 30px; color: #333; box-sizing: border-box; } .usedcar_info_body .block_outer_usedcar_detail h2#middle_top_cardetail > span{ font-size: 16px; display: block; } #main_contents .block_outer.block_outer_usedcar_recommend:before{ display: none; } #usercar_base table { font-size: 12px; clear: both; width: 100%; } #usercar_base table th { border-bottom: 1px solid #444444; border-right: 1px solid #444444; color: #fcfcfc; background-color: #676767; font-weight: normal; text-align: left; } #usercar_base table td { border-bottom: 1px solid #f5f5f5; background-color: #f5f5f5 !important; color: #333; } .kihon_tale { margin-bottom: 25px; } .kihon_tale th { padding: 5px; line-height: 140%; width: 20%; } .kihon_tale td { padding: 5px; width: 30%; } .kihon_tale2 { width: 100%; margin-bottom: 25px; font-size: 12px; } .kihon_tale2 th { padding: 5px; line-height: 140%; width: 16%; } .kihon_tale2 td { padding: 5px; width: 16%; } .soubishiyou { width: 100%; margin-bottom: 25px; font-size:10px; } .soubishiyou th { padding: 5px; line-height: 120%; width: 23%; } .soubishiyou td { padding: 5px; width: 10%; text-align: center; } .kakaku_td { font-size: 16px; font-weight: bold; } .sougaku_th { font-weight: bold; color: #FF0000; } .sougaku_td { font-size: 18px; font-weight: bold; color: #FF0000; } #car_gall { clear: both; width: 100%; margin-bottom: 20px; padding: 0; } #car_gall h3 { clear: both; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; } #car_gall h3 span { color: #fcfcfc; } #car_gall p{ text-align:left !important; } #car_gall p img { width:390px; } #usercar_base h3 { color: #fcfcfc; font-size: 14px; clear: both; margin-bottom: 20px; } h3 span.regidate { color: #000000; } .shiyou_title { clear: both; margin-bottom: 10px; font-weight: bold; color: #000000; } .usedcar_info_body .shop_info_box{ color:#333; letter-spacing: .2em; width: calc(100% - 90px); max-width: 960px; font-weight: 400; margin: 0 auto; text-align: center; padding: 60px 60px 0; background-color: rgba(255, 255, 255, 0.8); box-sizing: border-box; position: relative; } .usedcar_info_body .shop_info_box:before{ content: ""; width: 42px; height: 90px; position: absolute; top: -20px; right: 60px; background-image: url(../images/clip.png); background-position: top right; background-repeat: no-repeat; background-size: auto; } .usedcar_info_body .shop_info_box:after{ content: ""; width: 100%; height: calc(100% + 150px); position: absolute; top: 0; left: 0; box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.15); pointer-events: none; } .usedcar_info_body .shop_info_box h3{ text-align: center; font-size: 16px; width: 100%; margin: 0 auto 15px; } .usedcar_info_body .shop_info_box p{ clear: both; text-align: center; margin: 0px; padding: 0px; } .usedcar_info_body .shop_info_box p span{ font-size: 40px; font-weight: bold; margin: 0px; padding: 0px; } .usedcar_info_body .shop_info_box p .shop_name { clear:both; font-size: 24px; display: block; border: none; padding-bottom: 15px; } .usedcar_info_body .shop_info_box p .tel_num{ color: #C00; font-size: 40px; line-height: 60px; font-weight: bold; clear: both; display: block; } .usedcar_info_body .shop_info_box p .shop_adrs { font-style: normal; font-size: 16px; font-weight: normal; display: block; clear: both; text-align: center; padding-bottom: 15px; } .usedcar_info_body .shop_info_box p .shop_hour { font-size: 16px; font-weight: normal; font-style: normal; padding-top: 15px; display: block; clear: both; } .tokuten_come { font-size: 14px; line-height: 140%; color: #333; clear: both; margin-bottom: 7px; padding-left: 50px; padding-bottom: 10px; padding-top: 2px; font-weight: bold; position: relative; } .tokuten_come:before{ content: "特典"; width: 40px; height: 20px; position: absolute; top: 0; left: 0px; background-color: #333; color: #fff; font-size: 14px; font-weight: normal; font-family: 'Noto Sans JP', sans-serif; text-align: center; } .pr_come { font-size: 14px; line-height: 140%; color: #333; clear: both; margin-bottom: 20px; padding-left: 50px; margin-right: 10px; padding-bottom: 10px; font-weight: bold; poative; } .pr_come:before{ content: "POINT"; width: 40px; height: 20px; position: absolute; top: 0; left: 0px; background-color: #333; color: #fff; font-size: 11px; font-weight: normal; font-family: 'Noto Sans JP', sans-serif; text-align: center; } .zaiko_base { width: 620px !important; margin-bottom: 30px !important; } /*箱単位でのフロートによる高さ解決*/ #main_contents_container:after, .h2_box_news:after, .voice_content:after, .box_coupon:after, .box_flow:after, .box_feature:after, .plusBlockBtn:after, .box_voice:after, .box_tokuten:after, .box_promise:after, .box_free:after, .box_jirei:after, .campaign_content:after, .div_box_company_pict:after, .box_staff:after, .box_setsubi:after, #car_list_base:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .img_box_left{ float:left; position: relative; margin: 0 30px 30px 0; } .img_box_right{ float:right; position: relative; margin: 0 0 30px 30px; } .usedcar_regi_link { font-size: 14px; line-height: 30px; text-align: center; clear: both; height: 30px; margin-bottom: 35px; width: 400px; margin-right: auto; margin-left: auto; border: 1px solid #CCCCCC; } .historyback_box { font-size: 16px; text-align: center; padding: 30px 60px 60px; max-width: 960px; height: 150px; margin: 0 auto 90px; background-color: rgba(255, 255, 255, 0.8); box-sizing: border-box; width: calc(100% - 90px); } .backtop { font-size: 12px; margin: 0 auto; position: relative; width: 100%; } .backtop a { background: url(../images/backtop.png) no-repeat; color: transparent !important; display: block; width: 190px; height: 120px; position: absolute; z-index: 1; line-height: 0; right: 5%; top: -120px; text-indent: -9999px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .backtop a:hover { top: -125px; } /*パンくずリスト(徳田仮追加)*/ #pan { clear: both; margin: 0 auto !important; width: 100%; padding: 0 300px 0 0; box-sizing: border-box; } #pan:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } #pan li { font-size: 12px; float: left; line-height: 1.5em; padding-right: 35px; background-image: url(../images/pan.png); background-size: auto; background-position: top 4px right 5px; background-repeat: no-repeat; } #pan li:last-of-type{ background: none; } #pan li a { display: block; color: #333; text-decoration: none; } /*メイン画像コピー背景*/ div#image_letter_block { padding: 90px 75px; width: 100%; box-sizing: border-box; } div#image_letter_block:before{ content: ""; width: calc(100% - 73px); height: 100%; position: absolute; display: block; top: 0; left: 73px; box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.15); } div#image_letter_block .catch_copy_outer .catch_copy{ font-weight: bold; font-size: 32px; font-family: 'Yusei Magic', serif !important; letter-spacing: .1em; line-height: 1.5em; text-align: center; color: #b6b944; border-bottom: 1px solid #ccc; padding: 0 0 15px; margin: 0 auto 15px; width: 90%; } div#image_letter_block .catch_copy_outer .catch_copy *{ font-family: 'Yusei Magic', serif !important; } div#image_letter_block .main_copy{ width: auto; color: #333; line-height: 1.7em; letter-spacing: .3em; font-size: 16px; padding: 0; } #body_free.reviewPage #main_img_wrapper{ position: relative; top: 5px; } /*------side_bar_sub------*/ .side_bar_sub { width: calc(100% - 90px); max-width: 1160px; column-count: 3; -webkit-column-gap: 30px; column-gap: 30px; margin: 45px auto 210px; padding: 30px; position: relative; background-color: rgba(255,255,255,0.7); box-shadow: 6px 6px 2px rgba(0, 0, 0, 0.1); background-image: url(../images/pin_s.png), url(../images/pin_s.png), url(../images/pin_s.png), url(../images/pin_s.png); background-position: top left, top right, bottom right, bottom left; background-repeat: no-repeat; box-sizing: border-box; } .side_bar_sub > div:not(.plusBlockBtn_side){ width: 100%; box-sizing: border-box; margin: 0 0 60px; page-break-inside: avoid; break-inside: avoid; padding: 15px; } .side_bar_sub:after { content: ""; height: 0; clear: both; display: block; visibility: hidden; } .side_bar_sub .plusBlockBtn_side{ position: absolute; right: 0; bottom: -35px; } .side_bar_sub .plusBlockBtn_side ul{ width: auto; } .side_bar_sub address { font-size: 12px; font-style: normal; font-family: 'Noto Sans JP', sans-serif; color: #333; box-sizing: border-box; line-height: 1.2em; text-align: left; } .side_bar_sub p, #eigyoubi_cal .box_side_claendar #sideCalendar_01_1{ font-size: 12px; line-height: 130%; color: #333; padding: 0 0 5px; font-family: 'Noto Sans JP', sans-serif; } .side_bar_sub .link_banner img{ margin: 30px 0 0; } #recruit_banner_block{ background: none; } #recruit_banner_block p{ padding: 0 !important; } #recruit_banner_block a{ width: 100% !important; } .side_bar_sub .sidebar_ad_banner{ width: 190px !important; margin: 15px 0; } .sidebar_ad_banner img{ width: 100%; } #sidebar_shp_inf .link a { color: #666; } /*サイドバーにあるリンクボタン*/ .side_bar_sub p.link { margin: 30px 0 0; padding: 0 0 15px; } .side_bar_sub p.link a:link, .side_bar_sub p.link a:visited { color: #333; line-height: 140%; text-decoration: underline; display:block; } .side_bar_sub p.link a:hover,.side_bar_sub p.link a:active { color: #333333; text-decoration: none; } #side_link_block{ width: 100% !important; margin:0 auto 20px !important; } #side_link_block .link{ background: none !important; } #side_link_block .link_banner { padding-bottom: 0; text-align: center; } .side_bar_sub #side_link_block p.link a:link, .side_bar_sub p.link a:visited { color: #333; text-align: center; } .side_bar_sub #sidetopics01 h4, .side_bar_sub #sidetopics02 h4, .side_bar_sub .like_topics_block h4, .side_bar_sub #mobile_QR_info h4, .side_bar_sub h4#shop_info_title, .side_bar_sub #sv_title, .side_bar_sub #side_link_block h4, .side_bar_sub div#eigyoubi_cal h4{ background: none; font-size: 24px; font-family: 'Yusei Magic', serif !important; padding: 0 5px; margin: 0 0 30px; height: 70px; box-sizing: border-box; color: #b6b944; font-weight: 400; border: none; line-height: 1.3em; letter-spacing: 0.05em; position: relative; text-align: center; background-image: url(../images/btn_bg.png); background-position: top left; background-size: 100% 100%; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; overflow: hidden; } /*サイドバートピックス見出し*/ .box_side_topics h5 { color: #333; display: block; width:100% !important; font-size: 16px; font-family: 'Noto Sans JP', sans-serif; line-height: 150%; margin:0 0 15px !important; } /*サイドバートピックス画像の縁取りを強制コントロール*/ .side_bar_sub .side_img_box_max, .side_bar_sub .side_img_box_max a{ width: 100%; } .side_bar_sub .side_img_box_left { margin: 0px 15px 15px 0px; } side_bar_sub .side_img_box_right { margin: 0px 0px 15px 15px; } .side_bar_sub .side_img_box_max { margin: 0 0 15px; } .side_img_box_max img.side_pict{ width: 100% !important; } .map_box { text-align: center; } .map_box iframe, .leadAccessPageImage{ width: 200px; height: 200px; } .side_bar_sub .leadAccessPageImage{ padding-top:0px; } /*サイドバートピックスボックスを強制コントロール*/ .side_bar_sub .box_side_topics { width: 100%; clear: both; margin: 0; border-bottom: 1px solid rgba(0,0,0,.07); margin: 0 0 15px; padding: 0 0 15px; } .side_bar_sub .box_side_topics:nth-last-of-type(2), .side_bar_sub .box_side_topics:last-of-type{ border: none; } .box_side_topics, .like_box_side_topics{ box-sizing: border-box; } .box_side_topics p, #eigyoubi_cal .box_side_claendar #sideCalendar_01_1{ color: #333; line-height: 120%; font-size: 14px; } .side_bar_sub .plusBlockBtn_side{ clear: both !important; float: right !important; } .subpageLink{ display: none; } /*お問い合わせボタン*/ .link_cap_txt{ color: #333; font-size: 18px !important; margin-bottom: 0 !important; } /*お見積もりのh3タイトルバー*/ h3.mitsumori_title { clear: both; font-size: 18px; font-weight: bold; margin-bottom: 10px; padding: 0; color: #333; } /*中古車のテーブルタイトル*/ p.usedcar_p_title { clear: both; color: #333; font-size: 14px; font-weight: bold; margin-right: 20px; padding: 3px 0 5px; } /*リンク集ページのコントロール*/ #link_block { clear: both; width: 100%; margin-bottom: 30px; } #link_block p { clear: both; margin-bottom: 10px; padding-bottom: 10px; } /*------ 中古車一覧サムネイル表示 thumbnail_box ------*/ .block_outer #carListThumNail_wrapper{ gap: 30px 0; } .block_outer .thumbnail_box{ width: calc( (100% - 60px)/3 ); margin: 0 30px 20px 0; box-sizing: border-box; padding: 10px; color: #333; background: none; } .block_outer .thumbnail_box:nth-of-type(3n){ margin: 0 0 20px 0; } .block_outer .thumbnail_box h3 a, .block_outer .thumbnail_box .h3{ color: #333; font-size: 16px; height: auto; overflow: hidden; text-align: center; padding: 0 0 15px; } .block_outer .thumbnail_box .h3 span:not(.gradeName){ background: none; padding: 0; font-size: 18px; font-family: "Yusei Magic", serif; text-align: center; background-image: url(../images/usedcar_h3_line.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top left; line-height: 1.5em; } .thumbnail_box .carthumb_img { width: 100%; min-height: 190px; clear: both; display: block; float: left; margin: 0 0 15px !important; overflow: hidden; padding: 0 !important; } #carListSlideShow_wrapper .thumbnail_box .carthumb_img{ min-height: 175px; } .block_outer .thumbnail_box .carthumb_img img{ width: calc(100% - 10px); border: 3px solid #fff; box-shadow: 10px 10px 3px rgba(0, 0, 0, 0.15); box-sizing: border-box; } .thumbnail_box .carthumb_date{ padding: 10px 0 0; position: static !important; background: transparent; color: #333; text-align: right; } .block_outer .ex--usedcar-icon__outer--thumbnail, .block_outer .ex--usedcar-icon__outer--slideshow{ position: relative; bottom: 0; } .block_outer .ex--usedcar-icon__outer--thumbnail li, .block_outer .ex--usedcar-icon__outer--slideshow li{ float: right; } .thumbnail_box .carthumb_price{ color: #333 !important; font-size: 14px !important; font-family: 'Noto Sans JP', sans-serif; margin: 0 0 10px 0 !important; max-height: none !important; padding: 0 15px; } .block_outer .thumbnail_box .carthumb_price .carthumb_totalcost_title, .block_outer .thumbnail_box .carthumb_price .carthumb_cost_title, .block_outer .thumbnail_box .carthumb_price .carthumb_shohiyo_title{ background: none; text-shadow: none; border-radius: 0; border: 1px solid #999; padding: 2px; margin-right: 10px; font-family: 'Noto Sans JP', sans-serif; color: #333; } .block_outer .thumbnail_box .carthumb_price .carthumb_cost_wrap:after{ display: none; } .thumbnail_box .carthumb_price span{ display: block; } .block_outer .thumbnail_box .carthumb_price span strong{ font-size: 14px; font-weight: bold; } .thumbnail_box .inCarlist{ font-family: 'Noto Sans JP', sans-serif; } .block_outer .thumbnail_box .toCartButtonMini{ float: none; } .block_outer .thumbnail_box .detailButtonMini{ float: right; } .thumbnail_box .carthumb_txt{ color: #333 !important; font-size: 12px !important; margin: 0 0 10px 0 !important; padding: 0 10px; } #car_list_base #carListSlideShow_wrapper .thumbnail_box{ width: 280px; } /*2015-07-3 衣川追加 */ .side_bar_sub #edittable01, .side_bar_sub #edittable02 { border-collapse: separate; } .monthlyCalendarHead{ font-family: 'Noto Sans JP', sans-serif !important; } .side_bar_sub div#eigyoubi_cal p{ font-family: 'Yusei Magic', serif !important; font-size: 32px; font-weight: bold; box-sizing: border-box; padding: 0 !important; letter-spacing: .1em; color: #333 !important; text-align: center; margin: 0 auto; opacity: 1; position: relative; background: none; } .side_bar_sub #eigyoubi_cal #now, .side_bar_sub #eigyoubi_cal #next{ margin: 45px auto 30px !important; padding: 15px 15px 30px; border-radius: 0px !important; background: rgba(255, 255, 255, 0.8); width: 100%; position: relative; box-sizing: border-box; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); } .side_bar_sub #eigyoubi_cal #next{ margin: 60px auto 30px !important; } .side_bar_sub #eigyoubi_cal #now:before{ content: ""; width: 70px; height: 40px; position: absolute; display: block; top: -30px; left: calc(50% - 35px); background-image: url(../images/tape2.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top left; } .side_bar_sub #eigyoubi_cal #next:before{ content: ""; width: 70px; height: 40px; position: absolute; display: block; top: -30px; left: calc(50% - 35px); background-image: url(../images/tape1.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top left; } #edittable01 tr, #edittable02 tr, #edittable01 td, #edittable02 td{ background: none !important; } #edittable01 th, #edittable02 th{ padding: 7px 0 !important; } .side_bar_sub #edittable01 th a, .side_bar_sub #edittable02 th a, .side_bar_sub #edittable01 tr:nth-of-type(1) th, .side_bar_sub #edittable02 tr:nth-of-type(1) th{ color: #333 !important; font-family: 'Noto Sans JP', sans-serif !important; font-weight: 700 !important; } #edittable01 tr:nth-of-type(1) th:nth-of-type(1), #edittable02 tr:nth-of-type(1) th:nth-of-type(1), #edittable01 tr:nth-of-type(1) th:nth-of-type(1) a, #edittable02 tr:nth-of-type(1) th:nth-of-type(1) a, #edittable01 span.sun, #edittable02 span.sun{ color: #f04957 !important; } #edittable01 tr:nth-of-type(1) th:nth-of-type(7), #edittable02 tr:nth-of-type(1) th:nth-of-type(7), #edittable01 tr:nth-of-type(1) th:nth-of-type(7) a, #edittable02 tr:nth-of-type(1) th:nth-of-type(7) a, #edittable01 span.sat, #edittable02 span.sat{ color: #80c6ff !important; } #edittable01 td span, #edittable02 td span, #edittable01 td span, #edittable02 td span, #edittable01 td span, #edittable02 td span{ font-family: 'Noto Sans JP', sans-serif !important; font-weight: 700; padding: 6px 0 !important; color: #333; } .side_bar_sub #edittable01 td.closed span, .side_bar_sub #edittable02 td.closed span, .side_bar_sub #edittable01 td.regularClosed span, .side_bar_sub #edittable02 td.regularClosed span, .side_bar_sub #edittable01 td.allholclosed span, .sidedittable02 td.allholclosed span{ position: relative; background: none !important; color: #f04957 !important; } #edittable01 td.closed span:before, #edittable02 td.closed span:before, #edittable01 td.regularClosed span:before, #edittable02 td.regularClosed span:before, #edittable01 td.allholclosed span:before, #edittable02 td.allholclosed span:before{ content: "休"; color: #f04957; display: block; background-color: #b6b944; width: 26px; height: 26px; border-radius: 13px; padding: 2px 2px 0 0; box-sizing: border-box; position: absolute; top: 3px; left: 2px; box-shadow: -2px -2px 2px rgba(255,255,255,.3), 2px 2px 2px rgba(0,0,0,.15); } #side_link_block{ padding: 0 !important; } #slider_change { right: 70px !important; top: 70px !important; } .div_box_campaign .campaign_content:not(.js-imageBoxBackground){ width: 100%; margin: 30px auto 150px; } #midbox_wrapper{ margin: 0 auto 30px; position: relative; min-width: 840px; padding: 0; box-sizing: border-box; display: flex; justify-content: center; } #midbox_wrapper div{ opacity: 1 !important; } #ucConpane{ margin: 0 auto 30px !important; } .tokuten_body, .pr_body{ color: #333 !important; } br.clearBr{ display: none; } .search_title { width: 95px !important; } /* 1カラムデザイン専用　.imageBox補正 */ .js-imageBoxContentsWrapper{ margin: 0 0 20px; } .block_outer .js-imageBoxBackground{ padding: 0; } .block_outer .js-imageBoxBackground .editTextOuter{ min-height: 320px; background: rgba(255, 255, 255, 0.95); box-shadow: none; } .js-imageBoxBackground:before{ display: none; } /*** common.css の上書き ***/ .est_table_car th{ padding: 15px !important; } .checkedValidIcon{ top: 10px !important; } /*** 実例 ***/ #body_free.reviewPage .reviewTopContentsInner{ background-size:cover !important; } .js-imageBoxBackground .reviewTopContentsTextOuter{ width: 100% !important; padding: 45px !important; } #body_free.reviewPage .reviewTopContentsInner{ box-shadow: none; margin-bottom: 5px !important; } #conteiner{ position: relative; } /*** 送信後のアンケ―ト ***/ .enquete_caption, .enqate_question_block{ color: #333; } /*** EC機能 ***/ .ec-cart .ec-cart__progress-item--current, .ec-cart .ec-cart__progress .ec-cart__progress-item:hover{ background: #b6b944; } .ec-cart .ec-cart__progress-item--current:after, .ec-cart .ec-cart__progress .ec-cart__progress-item:hover:after { background: #b6b944; } #main_contents .ec-cart__progress{ margin: 15px auto; max-width: none; } #main_contents .cartList .itemName{ font-size: 24px; font-family: 'Yusei Magic', serif; letter-spacing: 0.2em; } .ec-cart .ec-cart__progress-item--current span, .ec-cart .ec-cart__progress-item:hover a{ color: #FFF; font-weight: bold; } .cartListOuter .cartList img{ margin: 0 30px 30px 0; box-shadow: 10px 10px 3px rgba(0, 0, 0, 0.15); border: 6px solid #fff; } .block_outer .ec-form__explain{ background: none; } .ec-button__returnInformation a:link, .ec-button__returnInformation a:visited{ color: #36f; } .block_outer .noteTop{ margin-bottom: 15px; } /***************************************************************/ /*共通ss*/ /* フッターのhrefを削除したらポインターが効かなくなったので追加 */ @font-face { font-family: "sourceHanSansRegular"; src: url(../fonts/sourceHanSansRegular.woff) format("woff"); font-display: swap; } @font-face { font-family: "mPlusRounded1cBold"; src: url(../fonts/mPlusRounded1cBold.woff) format("woff"); font-display: swap; } @font-face { font-family: "mPlusRounded1cLight"; src: url(../fonts/mPlusRounded1cLight.woff) format("woff"); font-display: swap; } @font-face { font-family: "notoSerifJpExtraLight"; src: url(../fonts/notoSerifJpExtraLight.woff) format("woff"); font-display: swap; } @font-face { font-family: "mplus1pRegular"; src: url(../fonts/mplus1pRegular.woff) format("woff"); font-display: swap; } @font-face { font-family: "notoSansJpLight"; src: url(../fonts/notoSansJpLight.woff) format("woff"); font-display: swap; } @font-face { font-family: "notoSansJpBold"; src: url(../fonts/notoSansJpBold.woff) format("woff"); font-display: swap; } @font-face { font-family: "notoSansJpBlack"; src: url(../fonts/notoSansJpBlack.woff) format("woff"); font-display: swap; } @font-face { font-family: "logoTypeGothic"; src: url(../fonts/logoTypeGothic.woff) format("woff"); font-display: swap; } /** * なんこれ…必要？割といろんなところへ影響が出ている * 装飾をつけた文字のフォントがリセットされる。よろしくないなぁ */ /** {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/ /**:not(font) {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/ .NotoSerifJP *:not(font):not(.editParts){ font-family: 'Noto Serif JP' !important; } .NotoSansJP *:not(font):not(.editParts){ font-family: 'Noto Sans JP' !important; } .Kosugi *:not(font):not(.editParts){ font-family: Kosugi !important; } .MPLUSRounded1c *:not(font):not(.editParts){ font-family: 'M PLUS Rounded 1c' !important; } .NotoSerifJP:not(font):not(.editParts){ font-family: 'Noto Serif JP' !important; } .NotoSansJP:not(font):not(.editParts){ font-family: 'Noto Sans JP' !important; } .Kosugi:not(font):not(.editParts){ font-family: Kosugi !important; } .MPLUSRounded1c:not(font):not(.editParts){ font-family: 'M PLUS Rounded 1c' !important; } html { font-size: 16px; /* 絶対変えちゃダメ。ていうか変える必要もない */ } body { word-wrap: break-word; overflow-wrap: break-word; } body.userSelectNone *{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a {cursor:pointer;} /* .ExMon_msg{ font-size: 11px; color: #369; display: block; padding: 0 5px; } */ img{ border:none; line-height: 0px; vertical-align: bottom; } .editBlockCountButton[data-activate-button='0']{ display: none; } .editBlockCountButton[data-activate-button='1']{ display: inline-block; } .editBlockCountButtonOverlay{ width: 100%; height: 100%; background-color: rgba(255, 255, 255, .5); display: none; left: 0; position: absolute; } .editBlockCountButtonOverlay.active{ display: inline-block; z-index: 2; } iframe{ border: none; } ol, ul {list-style: none;} address{ font-style:normal; padding:0px; } .clear { clear: both; margin: 0px !important; padding: 0px !important; } table {border-collapse:collapse;} th,td {word-break:break-all;} textarea,select{ font-size:14px; padding:5px; border: 1px solid #CCCCCC !important; border-radius: 3px; } /*2023-09-05 フォームのbuttonタグ（もともとinputタグだったもの）のCSSを初期化*/ /*https://zenn.dev/fujishiro/scraps/7c20da0e8e86c1　を参照して作成*/ button{ padding: 0; border: none; outline: none; font: inherit; color: inherit; cursor: pointer; background: none; } .block { width:960px; margin:0 auto; } .tar{text-align:right;} .tac{text-align:center;} .tal{text-align:left;} .fll{float: left;} .flr{float: right;} .ml10 {margin-left: 10px;} .mb10 {margin-bottom: 10px;} .mb15 {margin-bottom: 15px;} .mb20 {margin-bottom: 20px;} .mb30 {margin-bottom: 30px;} .mb45 {margin-bottom: 45px;} .mb60 {margin-bottom: 60px;} .dblock {display:block;} .dinlineblock{display:inline-block;} .pc_none{display:none;} /* end layout*/ .sliderImage span strong { font-size: 14px; color:#FFFFFF; } .top { top: 0; left: 0; } .bottom { bottom: 0; left: 0; } .left { top: 0; left: 0; width: 110px !important; height: 280px; } .right { right: 0; bottom: 0; width: 90px !important; height: 290px; } #slider { width: 660px; /* important to be same as image width */ height: 300px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ transition: height .3s; } #sliderContent { width: 660px; position: absolute; } .sliderImage { float: left; position: relative; display: none; } .sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 20px 20px; width: 634px; background-color:#000; color: #fff; display: none; line-height:200%; opacity: 0.7; } .sliderImage .slider_title{ width: calc( 100% - 100px ); display: block; left: 50px; position: absolute; top: 70px; z-index: 2; } .sliderImage .slider_title[data-disp-flag = "1"]{ display: none !important; } .sliderImage .slider_title p{ font-family: 'M PLUS 1p', sans-serif; font-size: 22px; color: #FFF; line-height: 1.3; text-shadow: 0px 1px 1px rgba(0,0,0,0.8); } .sliderImage .slider_title p b{ font-family: 'M PLUS 1p', sans-serif; font-size: 72px; color: #FFF; letter-spacing: -.01em; text-shadow: none; } .sliderImage .slider_title p b.str_num_under_8{font-size: 72px;} .sliderImage .slider_title p b.str_num_8{font-size: 70px;} .sliderImage .slider_title p b.str_num_9{font-size: 62px;} .sliderImage .slider_title p b.str_num_10{font-size: 56px;} .sliderImage .slider_title p b.str_num_11{font-size: 50px;} .sliderImage .slider_title p b.str_num_over_11{font-size: 45px;} .sliderImage .slider_title p.main_color_000000 b{ text-shadow: rgb(0, 0, 0) 4px 0px 0px, rgb(0, 0, 0) 3.87565px 0.989616px 0px, rgb(0, 0, 0) 3.51033px 1.9177px 0px, rgb(0, 0, 0) 2.92676px 2.72656px 0px, rgb(0, 0, 0) 2.16121px 3.36588px 0px, rgb(0, 0, 0) 1.26129px 3.79594px 0px, rgb(0, 0, 0) 0.282949px 3.98998px 0px, rgb(0, 0, 0) -0.712984px 3.93594px 0px, rgb(0, 0, 0) -1.66459px 3.63719px 0px, rgb(0, 0, 0) -2.51269px 3.11229px 0px, rgb(0, 0, 0) -3.20457px 2.39389px 0px, rgb(0, 0, 0) -3.69721px 1.52664px 0px, rgb(0, 0, 0) -3.95997px 0.56448px 0px, rgb(0, 0, 0) -3.97652px -0.432781px 0px, rgb(0, 0, 0) -3.74583px -1.40313px 0px, rgb(0, 0, 0) -3.28224px -2.28625px 0px, rgb(0, 0, 0) -2.61457px -3.02721px 0px, rgb(0, 0, 0) -1.78435px -3.57996px 0px, rgb(0, 0, 0) -0.843183px -3.91012px 0px, rgb(0, 0, 0) 0.150409px -3.99717px 0px, rgb(0, 0, 0) 1.13465px -3.8357px 0px, rgb(0, 0, 0) 2.04834px -3.43574px 0px, rgb(0, 0, 0) 2.83468px -2.82216px 0px, rgb(0, 0, 0) 3.44477px -2.03312px 0px, rgb(0, 0, 0) 3.84068px -1.11766px 0px, rgb(0, 0, 0) 3.9978px -0.132717px 0px, rgb(153, 153, 153) 6px 0px 0px, rgb(153, 153, 153) 5.91686px 0.995377px 0px, rgb(153, 153, 153) 5.66974px 1.96317px 0px, rgb(153, 153, 153) 5.2655px 2.87655px 0px, rgb(153, 153, 153) 4.71532px 3.71022px 0px, rgb(153, 153, 153) 4.03447px 4.44106px 0px, rgb(153, 153, 153) 3.24181px 5.04883px 0px, rgb(153, 153, 153) 2.35931px 5.51667px 0px, rgb(153, 153, 153) 1.41143px 5.83163px 0px, rgb(153, 153, 153) 0.424423px 5.98497px 0px, rgb(153, 153, 153) -0.574341px 5.97245px 0px, rgb(153, 153, 153) -1.55719px 5.79441px 0px, rgb(153, 153, 153) -2.49688px 5.45578px 0px, rgb(153, 153, 153) -3.36738px 4.96596px 0px, rgb(153, 153, 153) -4.14455px 4.33852px 0px, rgb(153, 153, 153) -4.80686px 3.59083px 0px, rgb(153, 153, 153) -5.33596px 2.74364px 0px, rgb(153, 153, 153) -5.71718px 1.8204px 0px, rgb(153, 153, 153) -5.93995px 0.84672px 0px, rgb(153, 153, 153) -5.99811px -0.150428px 0px, rgb(153, 153, 153) -5.89004px -1.14341px 0px, rgb(153, 153, 153) -5.61874px -2.1047px 0px, rgb(153, 153, 153) -5.19172px -3.00766px 0px, rgb(153, 153, 153) -4.62082px -3.82727px 0px, rgb(153, 153, 153) -3.92186px -4.54081px 0px, rgb(153, 153, 153) -3.11421px -5.12852px 0px, rgb(153, 153, 153) -2.22026px -5.57409px 0px, rgb(153, 153, 153) -1.26477px -5.86518px 0px, rgb(153, 153, 153) -0.274238px -5.99373px 0px, rgb(153, 153, 153) 0.723898px -5.95617px 0px, rgb(153, 153, 153) 1.70197px -5.75355px 0px, rgb(153, 153, 153) 2.63288px -5.39147px 0px, rgb(153, 153, 153) 3.49082px -4.87998px 0px, rgb(153, 153, 153) 4.25202px -4.23324px 0px, rgb(153, 153, 153) 4.89538px -3.46919px 0px, rgb(153, 153, 153) 5.40307px -2.60899px 0px, rgb(153, 153, 153) 5.76102px -1.67649px 0px, rgb(153, 153, 153) 5.95932px -0.697531px 0px; } .sliderImage .slider_title p.main_color_006600 b{ text-shadow: rgb(0, 102, 0) 4px 0px 0px, rgb(0, 102, 0) 3.87565px 0.989616px 0px, rgb(0, 102, 0) 3.51033px 1.9177px 0px, rgb(0, 102, 0) 2.92676px 2.72656px 0px, rgb(0, 102, 0) 2.16121px 3.36588px 0px, rgb(0, 102, 0) 1.26129px 3.79594px 0px, rgb(0, 102, 0) 0.282949px 3.98998px 0px, rgb(0, 102, 0) -0.712984px 3.93594px 0px, rgb(0, 102, 0) -1.66459px 3.63719px 0px, rgb(0, 102, 0) -2.51269px 3.11229px 0px, rgb(0, 102, 0) -3.20457px 2.39389px 0px, rgb(0, 102, 0) -3.69721px 1.52664px 0px, rgb(0, 102, 0) -3.95997px 0.56448px 0px, rgb(0, 102, 0) -3.97652px -0.432781px 0px, rgb(0, 102, 0) -3.74583px -1.40313px 0px, rgb(0, 102, 0) -3.28224px -2.28625px 0px, rgb(0, 102, 0) -2.61457px -3.02721px 0px, rgb(0, 102, 0) -1.78435px -3.57996px 0px, rgb(0, 102, 0) -0.843183px -3.91012px 0px, rgb(0, 102, 0) 0.150409px -3.99717px 0px, rgb(0, 102, 0) 1.13465px -3.8357px 0px, rgb(0, 102, 0) 2.04834px -3.43574px 0px, rgb(0, 102, 0) 2.83468px -2.82216px 0px, rgb(0, 102, 0) 3.44477px -2.03312px 0px, rgb(0, 102, 0) 3.84068px -1.11766px 0px, rgb(0, 102, 0) 3.9978px -0.132717px 0px, rgb(51, 204, 0) 6px 0px 0px, rgb(51, 204, 0) 5.91686px 0.995377px 0px, rgb(51, 204, 0) 5.66974px 1.96317px 0px, rgb(51, 204, 0) 5.2655px 2.87655px 0px, rgb(51, 204, 0) 4.71532px 3.71022px 0px, rgb(51, 204, 0) 4.03447px 4.44106px 0px, rgb(51, 204, 0) 3.24181px 5.04883px 0px, rgb(51, 204, 0) 2.35931px 5.51667px 0px, rgb(51, 204, 0) 1.41143px 5.83163px 0px, rgb(51, 204, 0) 0.424423px 5.98497px 0px, rgb(51, 204, 0) -0.574341px 5.97245px 0px, rgb(51, 204, 0) -1.55719px 5.79441px 0px, rgb(51, 204, 0) -2.49688px 5.45578px 0px, rgb(51, 204, 0) -3.36738px 4.96596px 0px, rgb(51, 204, 0) -4.14455px 4.33852px 0px, rgb(51, 204, 0) -4.80686px 3.59083px 0px, rgb(51, 204, 0) -5.33596px 2.74364px 0px, rgb(51, 204, 0) -5.71718px 1.8204px 0px, rgb(51, 204, 0) -5.93995px 0.84672px 0px, rgb(51, 204, 0) -5.99811px -0.150428px 0px, rgb(51, 204, 0) -5.89004px -1.14341px 0px, rgb(51, 204, 0) -5.61874px -2.1047px 0px, rgb(51, 204, 0) -5.19172px -3.00766px 0px, rgb(51, 204, 0) -4.62082px -3.82727px 0px, rgb(51, 204, 0) -3.92186px -4.54081px 0px, rgb(51, 204, 0) -3.11421px -5.12852px 0px, rgb(51, 204, 0) -2.22026px -5.57409px 0px, rgb(51, 204, 0) -1.26477px -5.86518px 0px, rgb(51, 204, 0) -0.274238px -5.99373px 0px, rgb(51, 204, 0) 0.723898px -5.95617px 0px, rgb(51, 204, 0) 1.70197px -5.75355px 0px, rgb(51, 204, 0) 2.63288px -5.39147px 0px, rgb(51, 204, 0) 3.49082px -4.87998px 0px, rgb(51, 204, 0) 4.25202px -4.23324px 0px, rgb(51, 204, 0) 4.89538px -3.46919px 0px, rgb(51, 204, 0) 5.40307px -2.60899px 0px, rgb(51, 204, 0) 5.76102px -1.67649px 0px, rgb(51, 204, 0) 5.95932px -0.697531px 0px; } .sliderImage .slider_title p.main_color_cc0000 b{ text-shadow: rgb(204, 0, 0) 4px 0px 0px, rgb(204, 0, 0) 3.87565px 0.989616px 0px, rgb(204, 0, 0) 3.51033px 1.9177px 0px, rgb(204, 0, 0) 2.92676px 2.72656px 0px, rgb(204, 0, 0) 2.16121px 3.36588px 0px, rgb(204, 0, 0) 1.26129px 3.79594px 0px, rgb(204, 0, 0) 0.282949px 3.98998px 0px, rgb(204, 0, 0) -0.712984px 3.93594px 0px, rgb(204, 0, 0) -1.66459px 3.63719px 0px, rgb(204, 0, 0) -2.51269px 3.11229px 0px, rgb(204, 0, 0) -3.20457px 2.39389px 0px, rgb(204, 0, 0) -3.69721px 1.52664px 0px, rgb(204, 0, 0) -3.95997px 0.56448px 0px, rgb(204, 0, 0) -3.97652px -0.432781px 0px, rgb(204, 0, 0) -3.74583px -1.40313px 0px, rgb(204, 0, 0) -3.28224px -2.28625px 0px, rgb(204, 0, 0) -2.61457px -3.02721px 0px, rgb(204, 0, 0) -1.78435px -3.57996px 0px, rgb(204, 0, 0) -0.843183px -3.91012px 0px, rgb(204, 0, 0) 0.150409px -3.99717px 0px, rgb(204, 0, 0) 1.13465px -3.8357px 0px, rgb(204, 0, 0) 2.04834px -3.43574px 0px, rgb(204, 0, 0) 2.83468px -2.82216px 0px, rgb(204, 0, 0) 3.44477px -2.03312px 0px, rgb(204, 0, 0) 3.84068px -1.11766px 0px, rgb(204, 0, 0) 3.9978px -0.132717px 0px, rgb(255, 0, 0) 6px 0px 0px, rgb(255, 0, 0) 5.91686px 0.995377px 0px, rgb(255, 0, 0) 5.66974px 1.96317px 0px, rgb(255, 0, 0) 5.2655px 2.87655px 0px, rgb(255, 0, 0) 4.71532px 3.71022px 0px, rgb(255, 0, 0) 4.03447px 4.44106px 0px, rgb(255, 0, 0) 3.24181px 5.04883px 0px, rgb(255, 0, 0) 2.35931px 5.51667px 0px, rgb(255, 0, 0) 1.41143px 5.83163px 0px, rgb(255, 0, 0) 0.424423px 5.98497px 0px, rgb(255, 0, 0) -0.574341px 5.97245px 0px, rgb(255, 0, 0) -1.55719px 5.79441px 0px, rgb(255, 0, 0) -2.49688px 5.45578px 0px, rgb(255, 0, 0) -3.36738px 4.96596px 0px, rgb(255, 0, 0) -4.14455px 4.33852px 0px, rgb(255, 0, 0) -4.80686px 3.59083px 0px, rgb(255, 0, 0) -5.33596px 2.74364px 0px, rgb(255, 0, 0) -5.71718px 1.8204px 0px, rgb(255, 0, 0) -5.93995px 0.84672px 0px, rgb(255, 0, 0) -5.99811px -0.150428px 0px, rgb(255, 0, 0) -5.89004px -1.14341px 0px, rgb(255, 0, 0) -5.61874px -2.1047px 0px, rgb(255, 0, 0) -5.19172px -3.00766px 0px, rgb(255, 0, 0) -4.62082px -3.82727px 0px, rgb(255, 0, 0) -3.92186px -4.54081px 0px, rgb(255, 0, 0) -3.11421px -5.12852px 0px, rgb(255, 0, 0) -2.22026px -5.57409px 0px, rgb(255, 0, 0) -1.26477px -5.86518px 0px, rgb(255, 0, 0) -0.274238px -5.99373px 0px, rgb(255, 0, 0) 0.723898px -5.95617px 0px, rgb(255, 0, 0) 1.70197px -5.75355px 0px, rgb(255, 0, 0) 2.63288px -5.39147px 0px, rgb(255, 0, 0) 3.49082px -4.87998px 0px, rgb(255, 0, 0) 4.25202px -4.23324px 0px, rgb(255, 0, 0) 4.89538px -3.46919px 0px, rgb(255, 0, 0) 5.40307px -2.60899px 0px, rgb(255, 0, 0) 5.76102px -1.67649px 0px, rgb(255, 0, 0) 5.95932px -0.697531px 0px; } .sliderImage .slider_title p.main_color_6633cc b{ text-shadow: rgb(102, 51, 204) 4px 0px 0px, rgb(102, 51, 204) 3.87565px 0.989616px 0px, rgb(102, 51, 204) 3.51033px 1.9177px 0px, rgb(102, 51, 204) 2.92676px 2.72656px 0px, rgb(102, 51, 204) 2.16121px 3.36588px 0px, rgb(102, 51, 204) 1.26129px 3.79594px 0px, rgb(102, 51, 204) 0.282949px 3.98998px 0px, rgb(102, 51, 204) -0.712984px 3.93594px 0px, rgb(102, 51, 204) -1.66459px 3.63719px 0px, rgb(102, 51, 204) -2.51269px 3.11229px 0px, rgb(102, 51, 204) -3.20457px 2.39389px 0px, rgb(102, 51, 204) -3.69721px 1.52664px 0px, rgb(102, 51, 204) -3.95997px 0.56448px 0px, rgb(102, 51, 204) -3.97652px -0.432781px 0px, rgb(102, 51, 204) -3.74583px -1.40313px 0px, rgb(102, 51, 204) -3.28224px -2.28625px 0px, rgb(102, 51, 204) -2.61457px -3.02721px 0px, rgb(102, 51, 204) -1.78435px -3.57996px 0px, rgb(102, 51, 204) -0.843183px -3.91012px 0px, rgb(102, 51, 204) 0.150409px -3.99717px 0px, rgb(102, 51, 204) 1.13465px -3.8357px 0px, rgb(102, 51, 204) 2.04834px -3.43574px 0px, rgb(102, 51, 204) 2.83468px -2.82216px 0px, rgb(102, 51, 204) 3.44477px -2.03312px 0px, rgb(102, 51, 204) 3.84068px -1.11766px 0px, rgb(102, 51, 204) 3.9978px -0.132717px 0px, rgb(204, 153, 255) 6px 0px 0px, rgb(204, 153, 255) 5.91686px 0.995377px 0px, rgb(204, 153, 255) 5.66974px 1.96317px 0px, rgb(204, 153, 255) 5.2655px 2.87655px 0px, rgb(204, 153, 255) 4.71532px 3.71022px 0px, rgb(204, 153, 255) 4.03447px 4.44106px 0px, 3, 255) 3.24181px 5.04883px 0px, rgb(204, 153, 255) 2.35931px 5.51667px 0px, rgb(204, 153, 255) 1.41143px 5.83163px 0px, rgb(204, 153, 255) 0.424423px 5.98497px 0px, rgb(204, 153, 255) -0.574341px 5.97245px 0px, rgb(204, 153, 255) -1.55719px 5.79441px 0px, rgb(204, 153, 255) -2.49688px 5.45578px 0px, rgb(204, 153, 255) -3.36738px 4.96596px 0px, rgb(204, 153, 255) -4.14455px 4.33852px 0px, rgb(204, 153, 255) -4.80686px 3.59083px 0px, rgb(204, 153, 255) -5.33596px 2.74364px 0px, rgb(204, 153, 255) -5.71718px 1.8204px 0px, rgb(204, 153, 255) -5.93995px 0.84672px 0px, rgb(204, 153, 255) -5.99811px -0.150428px 0px, rgb(204, 153, 255) -5.89004px -1.14341px 0px, rgb(204, 153, 255) -5.61874px -2.1047px 0px, rgb(204, 153, 255) -5.19172px -3.00766px 0px, rgb(204, 153, 255) -4.62082px -3.82727px 0px, rgb(204, 153, 255) -3.92186px -4.54081px 0px, rgb(204, 153, 255) -3.11421px -5.12852px 0px, rgb(204, 153, 255) -2.22026px -5.57409px 0px, rgb(204, 153, 255) -1.26477px -5.86518px 0px, rgb(204, 153, 255) -0.274238px -5.99373px 0px, rgb(204, 153, 255) 0.723898px -5.95617px 0px, rgb(204, 153, 255) 1.70197px -5.75355px 0px, rgb(204, 153, 255) 2.63288px -5.39147px 0px, rgb(204, 153, 255) 3.49082px -4.87998px 0px, rgb(204, 153, 255) 4.25202px -4.23324px 0px, rgb(204, 153, 255) 4.89538px -3.46919px 0px, rgb(204, 153, 255) 5.40307px -2.60899px 0px, rgb(204, 153, 255) 5.76102px -1.67649px 0px, rgb(204, 153, 255) 5.95932px -0.697531px 0px; } .sliderImage .slider_title p.main_color_ff6699 b{ text-shadow: rgb(255, 102, 153) 4px 0px 0px, rgb(255, 102, 153) 3.87565px 0.989616px 0px, rgb(255, 102, 153) 3.51033px 1.9177px 0px, rgb(255, 102, 153) 2.92676px 2.72656px 0px, rgb(255, 102, 153) 2.16121px 3.36588px 0px, rgb(255, 102, 153) 1.26129px 3.79594px 0px, rgb(255, 102, 153) 0.282949px 3.98998px 0px, rgb(255, 102, 153) -0.712984px 3.93594px 0px, rgb(255, 102, 153) -1.66459px 3.63719px 0px, rgb(255, 102, 153) -2.51269px 3.11229px 0px, rgb(255, 102, 153) -3.20457px 2.39389px 0px, rgb(255, 102, 153) -3.69721px 1.52664px 0px, rgb(255, 102, 153) -3.95997px 0.56448px 0px, rgb(255, 102, 153) -3.97652px -0.432781px 0px, rgb(255, 102, 153) -3.74583px -1.40313px 0px, rgb(255, 102, 153) -3.28224px -2.28625px 0px, rgb(255, 102, 153) -2.61457px -3.02721px 0px, rgb(255, 102, 153) -1.78435px -3.57996px 0px, rgb(255, 102, 153) -0.843183px -3.91012px 0px, rgb(255, 102, 153) 0.150409px -3.99717px 0px, rgb(255, 102, 153) 1.13465px -3.8357px 0px, rgb(255, 102, 153) 2.04834px -3.43574px 0px, rgb(255 2.83468px -2.82216px 0px, rgb(255, 102, 153) 3.44477px -2.03312px 0px, rgb(255, 102, 153) 3.84068px -1.11766px 0px, rgb(255, 102, 153) 3.9978px -0.132717px 0px, rgb(255, 204, 255) 6px 0px 0px, rgb(255, 204, 255) 5.91686px 0.995377px 0px, rgb(255, 204, 255) 5.66974px 1.96317px 0px, rgb(255, 204, 255) 5.2655px 2.87655px 0px, rgb(255, 204, 255) 4.71532px 3.71022px 0px, rgb(255, 204, 255) 4.03447px 4.44106px 0px, rgb(255, 204, 255) 3.24181px 5.04883px 0px, rgb(255, 204, 255) 2.35931px 5.51667px 0px, rgb(255, 204, 255) 1.41143px 5.83163px 0px, rgb(255, 204, 255) 0.424423px 5.98497px 0px, rgb(255, 204, 255) -0.574341px 5.97245px 0px, rgb(255, 204, 255) -1.55719px 5.79441px 0px, rgb(255, 204, 255) -2.49688px 5.45578px 0px, rgb(255, 204, 255) -3.36738px 4.96596px 0px, rgb(255, 204, 255) -4.14455px 4.33852px 0px, rgb(255, 204, 255) -4.80686px 3.59083px 0px, 4, 255) -5.33596px 2.74364px 0px, rgb(255, 204, 255) -5.71718px 1.8204px 0px, rgb(255, 204, 255) -5.93995px 0.84672px 0px, rgb(255, 204, 255) -5.99811px -0.150428px 0px, rgb(255, 204, 255) -5.89004px -1.14341px 0px, rgb(255, 204, 255) -5.61874px -2.1047px 0px, rgb(255, 204, 255) -5.19172px -3.00766px 0px, rgb(255, 204, 255) -4.62082px -3.82727px 0px, rgb(255, 204, 255) -3.92186px -4.54081px 0px, rgb(255, 204, 255) -3.11421px -5.12852px 0px, rgb(255, 204, 255) -2.22026px -5.57409px 0px, rgb(255, 204, 255) -1.26477px -5.86518px 0px, rgb(255, 204, 255) -0.274238px -5.99373px 0px, rgb(255, 204, 255) 0.723898px -5.95617px 0px, rgb(255, 204, 255) 1.70197px -5.75355px 0px, rgb(255, 204, 255) 2.63288px -5.39147px 0px, rgb(255, 204, 255) 3.49082px -4.87998px 0px, rgb(255, 204, 255) 4.25202px -4.23324px 0px, rgb(255, 204, 255) 4.89538px -3.46919px 0px, rgb(255, 204, 255) 5.40307px -2.60899px 0px, rgb(255, 204, 255) 5.76102px -1.67649px 0px, rgb(255, 204, 255) 5.95932px -0.697531px 0px; } .sliderImage .slider_title p.main_color_ffcc00 b{ text-shadow: rgb(255, 153, 0) 4px 0px 0px, rgb(255, 153, 0) 3.87565px 0.989616px 0px, rgb(255, 153, 0) 3.51033px 1.9177px 0px, rgb(255, 153, 0) 2.92676px 2.72656px 0px, rgb(255, 153, 0) 2.16121px 3.36588px 0px, rgb(255, 153, 0) 1.26129px 3.79594px 0px, rgb(255, 153, 0) 0.282949px 3.98998px 0px, rgb(255, 153, 0) -0.712984px 3.93594px 0px, rgb(255, 153, 0) -1.66459px 3.63719px 0px, rgb(255, 153, 0) -2.51269px 3.11229px 0px, rgb(255, 153, 0) -3.20457px 2.39389px 0px, rgb(255, 153, 0) -3.69721px 1.52664px 0px, rgb(255, 153, 0) -3.95997px 0.56448px 0px, rgb(255, 153, 0) -3.97652px -0.432781px 0px, rgb(255, 153, 0) -3.74583px -1.40313px 0px, rgb(255, 153, 0) -3.28224px -2.28625px 0px, rgb(255, 153, 0) -2.61457px -3.02721px 0px, rgb(255, 153, 0) -1.78435px -3.57996px 0px, rgb(255, 153, 0) -0.843183px -3.91012px 0px, rgb(255, 153, 0) 0.150409px -3.99717px 0px, rgb(255, 153, 0) 1.13465px -3.8357px 0px, rgb(255, 153, 0) 2.04834px -3.43574px 0px, rgb(255, 153, 0) 2.83468px -2.82216px 0px, rgb(255, 153, 0) 3.44477px -2.03312px 0px, rgb(255, 153, 0) 3.84068px -1.11766px 0px, rgb(255, 153, 0) 3.9978px -0.132717px 0px, rgb(255, 204, 0) 6px 0px 0px, rgb(255, 204, 0) 5.91686px 0.995377px 0px, rgb(255, 204, 0) 5.66974px 1.96317px 0px, rgb(255, 204, 0) 5.2655px 2.87655px 0px, rgb(255, 204, 0) 4.71532px 3.71022px 0px, rgb(255, 204, 0) 4.03447px 4.44106px 0px, rgb(255, 204, 0) 3.24181px 5.04883px 0px, rgb(255, 204, 0) 2.35931px 5.51667px 0px, rgb(255, 204, 0) 1.41143px 5.83163px 0px, rgb(255, 204, 0) 0.424423px 5.98497px 0px, rgb(255, 204, 0) -0.574341px 5.97245px 0px, rgb(255, 204, 0) -1.55719px 5.79441px 0px, rgb(255, 204, 0) -2.49688px 5.45578px 0px, rgb(255, 204, 0) -3.36738px 4.96596px 0px, rgb(255, 204, 0) -4.14455px 4.33852px 0px, rgb(255, 204, 0) -4.80686px 3.59083px 0px, rgb(255, 204, 0) -5.33596px 2.74364px 0px, rgb(255, 204, 0) -5.71718px 1.8204px 0px, rgb(255, 204, 0) -5.93995px 0.84672px 0px, rgb(255, 204, 0) -5.99811px -0.150428px 0px, rgb(255, 204, 0) -5.89004px -1.14341px 0px, rgb(255, 204, 0) -5.61874px -2.1047px 0px, rgb(255, 204, 0) -5.19172px -3.00766px 0px, rgb(255, 204, 0) -4.62082px -3.82727px 0px, rgb(255, 204, 0) -3.92186px -4.54081px 0px, rgb(255, 204, 0) -3.11421px -5.12852px 0px, rgb(255, 204, 0) -2.22026px -5.57409px 0px, rgb(255, 204, 0) -1.26477px -5.86518px 0px, rgb(255, 204, 0) -0.274238px -5.99373px 0px, rgb(255, 204, 0) 0.723898px -5.95617px 0px, rgb(255, 204, 0) 1.70197px -5.75355px 0px, rgb(255, 204, 0) 2.63288px -5.39147px 0px, rgb(255, 204, 0) 3.49082px -4.87998px 0px, rgb(255, 204, 0) 4.25202px -4.23324px 0px, rgb(255, 204, 0) 4.89538px -3.46919px 0px, rgb(255, 204, 0) 5.40307px -2.60899px 0px, rgb(255, 204, 0) 5.76102px -1.67649px 0px, rgb(255, 204, 0) 5.95932px -0.697531px 0px; } .sliderImage .slider_title p.main_color_ffffff b{ text-shadow: rgb(153, 153, 153) 4px 0px 0px, rgb(153, 153, 153) 3.87565px 0.989616px 0px, rgb(153, 153, 153) 3.51033px 1.9177px 0px, rgb(153, 153, 153) 2.92676px 2.72656px 0px, rgb(153, 153, 153) 2.16121px 3.36588px 0px, rgb(153, 153, 153) 1.26129px 3.79594px 0px, rgb(153, 153, 153) 0.282949px 3.98998px 0px, rgb(153, 153, 153) -0.712984px 3.93594px 0px, rgb(153, 153, 153) -1.66459px 3.63719px 0px, rgb(153, 153, 153) -2.51269px 3.11229px 0px, rgb(153, 153, 153) -3.20457px 2.39389px 0px, rgb(153, 153, 153) -3.69721px 1.52664px 0px, rgb(153, 153, 153) -3.95997px 0.56448px 0px, rgb(153, 153, 153) -3.97652px -0.432781px 0px, rgb(153, 153, 153) -3.74583px -1.40313px 0px, rgb(153, 153, 153) -3.28224px -2.28625px 0px, rgb(153, 153, 153) -2.61457px -3.02721px 0px, rgb(153, 153, 153) -1.78435px -3.57996px 0px, rgb(153, 153, 153) -0.843183px -3.91012px 0px, rgb(153, 153, 153) 0.150409px -3.99717px 0px, rgb(153, 153, 153) 1.13465px -3.8357px 0px, rgb(153, 153, 153) 2.04834px -3.43574px 0px, rgb(153, 153, 153) 2.83468px -2.82216px 0px, rgb(153, 153, 153) 3.44477px -2.03312px 0px, rgb(153, 153, 153) 3.84068px -1.11766px 0px, rgb(153, 153, 153) 3.9978px -0.132717px 0px, rgb(0, 0, 0) 6px 0px 0px, rgb(0, 0, 0) 5.91686px 0.995377px 0px, rgb(0, 0, 0) 5.66974px 1.96317px 0px, rgb(0, 0, 0) 5.2655px 2.87655px 0px, rgb(0, 0, 0) 4.71532px 3.71022px 0px, rgb(0, 0, 0) 4.03447px 4.44106px 0px, rgb(0, 0, 0) 3.24181px 5.04883px 0px, rgb(0, 0, 0) 2.35931px 5.51667px 0px, rgb(0, 0, 0) 1.41143px 5.83163px 0px, rgb(0, 0, 0) 0.424423px 5.98497px 0px, rgb(0, 0, 0) -0.574341px 5.97245px 0px, rgb(0, 0, 0) -1.55719px 5.79441px 0px, rgb(0, 0, 0) -2.49688px 5.45578px 0px, rgb(0, 0, 0) -3.36738px 4.96596px 0px, rgb(0, 0, 0) -4.14455px 4.33852px 0px, rgb(0, 0, 0) -4.80686px 3.59083px 0px, rgb(0, 0, 0) -5.33596px 2.74364px 0px, rgb(0, 0, 0) -5.71718px 1.8204px 0px, rgb(0, 0, 0) -5.93995px 0.84672px 0px, rgb(0, 0, 0) -5.99811px -0.150428px 0px, rgb(0, 0, 0) -5.89004px -1.14341px 0px, rgb(0, 0, 0) -5.61874px -2.1047px 0px, rgb(0, 0, 0) -5.19172px -3.00766px 0px, rgb(0, 0, 0) -4.62082px -3.82727px 0px, rgb(0, 0, 0) -3.92186px -4.54081px 0px, rgb(0, 0, 0) -3.11421px -5.12852px 0px, rgb(0, 0, 0) -2.22026px -5.57409px 0px, rgb(0, 0, 0) -1.26477px -5.86518px 0px, rgb(0, 0, 0) -0.274238px -5.99373px 0px, rgb(0, 0, 0) 0.723898px -5.95617px 0px, rgb(0, 0, 0) 1.70197px -5.75355px 0px, rgb(0, 0, 0) 2.63288px -5.39147px 0px, rgb(0, 0, 0) 3.49082px -4.87998px 0px, rgb(0, 0, 0) 4.25202px -4.23324px 0px, rgb(0, 0, 0) 4.89538px -3.46919px 0px, rgb(0, 0, 0) 5.40307px -2.60899px 0px, rgb(0, 0, 0) 5.76102px -1.67649px 0px, rgb(0, 0, 0) 5.95932px -0.697531px 0px; } .sliderImage .slider_title p.main_color_99cc00 b{ text-shadow: rgb(102, 153, 0) 4px 0px 0px, rgb(102, 153, 0) 3.87565px 0.989616px 0px, rgb(102, 153, 0) 3.51033px 1.9177px 0px, rgb(102, 153, 0) 2.92676px 2.72656px 0px, rgb(102, 153, 0) 2.16121px 3.36588px 0px, rgb(102, 153, 0) 1.26129px 3.79594px 0px, rgb(102, 153, 0) 0.282949px 3.98998px 0px, rgb(102, 153, 0) -0.712984px 3.93594px 0px, rgb(102, 153, 0) -1.66459px 3.63719px 0px, rgb(102, 153, 0) -2.51269px 3.11229px 0px, rgb(102, 153, 0) -3.20457px 2.39389px 0px, rgb(102, 153, 0) -3.69721px 1.52664px 0px, rgb(102, 153, 0) -3.95997px 0.56448px 0px, rgb(102, 153, 0) -3.97652px -0.432781px 0px, rgb(102, 153, 0) -3.74583px -1.40313px 0px, rgb(102, 153, 0) -3.28224px -2.28625px 0px, rgb(102, 153, 0) -2.61457px -3.02721px 0px, rgb(102, 153, 0) -1.78435px -3.57996px 0px, rgb(102, 153, 0) -0.843183px -3.91012px 0px, rgb(102, 153, 0) 0.150409px -3.99717px 0px, rgb(102, 153, 0) 1.13465px -3.8357px 0px, rgb(102, 153, 0) 2.04834px -3.43574px 0px, rgb(102, 153, 0) 2.83468px -2.82216px 0px, rgb(102, 153, 0) 3.44477px -2.03312px 0px, rgb(102, 153, 0) 3.84068px -1.11766px 0px, rgb(102, 153, 0) 3.9978px -0.132717px 0px, rgb(153, 204, 0) 6px 0px 0px, rgb(153, 204, 0) 5.91686px 0.995377px 0px, rgb(153, 204, 0) 5.66974px 1.96317px 0px, rgb(153, 204, 0) 5.2655px 2.87655px 0px, rgb(153, 204, 0) 4.71532px 3.71022px 0px, rgb(153, 204, 0) 4.03447px 4.44106px 0px, rgb(153, 204, 0) 3.24181px 5.04883px 0px, rgb(153, 204, 0) 2.35931px 5.51667px 0px, rgb(153, 204, 0) 1.41143px 5.83163px 0px, rgb(153, 204, 0) 0.424423px 5.98497px 0px, rgb(153, 204, 0) -0.574341px 5.97245px 0px, rgb(153, 204, 0) -1.55719px 5.79441px 0px, rgb(153, 204, 0) -2.49688px 5.45578px 0px, rgb(153, 204, 0) -3.36738px 4.96596px 0px, rgb(153, 204, 0) -4.14455px 4.33852px 0px, rgb(153, 204, 0) -4.80686px 3.59083px 0px, rgb(153, 204, 0) -5.33596px 2.74364px 0px, rgb(153, 204, 0) -5.71718px 1.8204px 0px, rgb(153, 204, 0) -5.93995px 0.84672px 0px, rgb(153, 204, 0) -5.99811px -0.150428px 0px, rgb(153, 204, 0) -5.89004px -1.14341px 0px, rgb(153, 204, 0) -5.61874px -2.1047px 0px, rgb(153, 204, 0) -5.19172px -3.00766px 0px, rgb(153, 204, 0) -4.62082px -3.82727px 0px, rgb(153, 204, 0) -3.92186px -4.54081px 0px, rgb(153, 204, 0) -3.11421px -5.12852px 0px, rgb(153, 204, 0) -2.22026px -5.57409px 0px, rgb(153, 204, 0) -1.26477px -5.86518px 0px, rgb(153, 204, 0) -0.274238px -5.99373px 0px, rgb(153, 204, 0) 0.723898px -5.95617px 0px, rgb(153, 204, 0) 1.70197px -5.75355px 0px, rgb(153, 204, 0) 2.63288px -5.39147px 0px, rgb(153, 204, 0) 3.49082px -4.87998px 0px, rgb(153, 204, 0) 4.25202px -4.23324px 0px, rgb(153, 204, 0) 4.89538px -3.46919px 0px, rgb(153, 204, 0) 5.40307px -2.60899px 0px, rgb(153, 204, 0) 5.76102px -1.67649px 0px, rgb(153, 204, 0) 5.95932px -0.697531px 0px; } .sliderImage .slider_title p.main_color_0066ff b{ text-shadow: rgb(0, 51, 204) 4px 0px 0px, rgb(0, 51, 204) 3.87565px 0.989616px 0px, rgb(0, 51, 204) 3.51033px 1.9177px 0px, rgb(0, 51, 204) 2.92676px 2.72656px 0px, rgb(0, 51, 204) 2.16121px 3.36588px 0px, rgb(0, 51, 204) 1.26129px 3.79594px 0px, rgb(0, 51, 204) 0.282949px 3.98998px 0px, rgb(0, 51, 204) -0.712984px 3.93594px 0px, rgb(0, 51, 204) -1.66459px 3.63719px 0px, rgb(0, 51, 204) -2.51269px 3.11229px 0px, rgb(0, 51, 204) -3.20457px 2.39389px 0px, rgb(0, 51, 204) -3.69721px 1.52664px 0px, rgb(0, 51, 204) -3.95997px 0.56448px 0px, rgb(0, 51, 204) -3.97652px -0.432781px 0px, rgb(0, 51, 204) -3.74583px -1.40313px 0px, rgb(0, 51, 204) -3.28224px -2.28625px 0px, rgb(0, 51, 204) -2.61457px -3.02721px 0px, rgb(0, 51, 204) -1.78435px -3.57996px 0px, rgb(0, 51, 204) -0.843183px -3.91012px 0px, rgb(0, 51, 204) 0.150409px -3.99717px 0px, rgb(0, 51, 204) 1.13465px -3.8357px 0px, rgb(0, 51, 204) 2.04834px -3.43574px 0px, rgb(0, 51, 204) 2.83468px -2.82216px 0px, rgb(0, 51, 204) 3.44477px -2.03312px 0px, rgb(0, 51, 204) 3.84068px -1.11766px 0px, rgb(0, 51, 204) 3.9978px -0.132717px 0px, rgb(0, 153, 255) 6px 0px 0px, rgb(0, 153, 255) 5.91686px 0.995377px 0px, rgb(0, 153, 255) 5.66974px 1.96317px 0px, rgb(0, 153, 255) 5.2655px 2.87655px 0px, rgb(0, 153, 255) 4.71532px 3.71022px 0px, rgb(0, 153, 255) 4.03447px 4.44106px 0px, rgb(0, 153, 255) 3.24181px 5.04883px 0px, rgb(0, 153, 255) 2.35931px 5.51667px 0px, rgb(0, 153, 255) 1.41143px 5.83163px 0px, rgb(0, 153, 255) 0.424423px 5.98497px 0px, rgb(0, 153, 255) -0.574341px 5.97245px 0px, rgb(0, 153, 255) -1.55719px 5.79441px 0px, rgb(0, 153, 255) -2.49688px 5.45578px 0px, rgb(0, 153, 255) -3.36738px 4.96596px 0px, rgb(0, 153, 255) -4.14455px 4.33852px 0px, rgb(0, 153, 255) -4.80686px 3.59083px 0px, rgb(0, 153, 255) -5.33596px 2.74364px 0px, rgb(0, 153, 255) -5.71718px 1.8204px 0px, rgb(0, 153, 255) -5.93995px 0.84672px 0px, rgb(0, 153, 255) -5.99811px -0.150428px 0px, rgb(0, 153, 255) -5.89004px -1.14341px 0px, rgb(0, 153, 255) -5.61874px -2.1047px 0px, rgb(0, 153, 255) -5.19172px -3.00766px 0px, rgb(0, 153, 255) -4.62082px -3.82727px 0px, rgb(0, 153, 255) -3.92186px -4.54081px 0px, rgb(0, 153, 255) -3.11421px -5.12852px 0px, rgb(0, 153, 255) -2.22026px -5.57409px 0px, rgb(0, 153, 255) -1.26477px -5.86518px 0px, rgb(0, 153, 255) -0.274238px -5.99373px 0px, rgb(0, 153, 255) 0.723898px -5.95617px 0px, rgb(0, 153, 255) 1.70197px -5.75355px 0px, rgb(0, 153, 255) 2.63288px -5.39147px 0px, rgb(0, 153, 255) 3.49082px -4.87998px 0px, rgb(0, 153, 255) 4.25202px -4.23324px 0px, rgb(0, 153, 255) 4.89538px -3.46919px 0px, rgb(0, 153, 255) 5.40307px -2.60899px 0px, rgb(0, 153, 255) 5.76102px -1.67649px 0px, rgb(0, 153, 255) 5.95932px -0.697531px 0px; } .sliderImage .slider_title p.main_color_3399ff b{ text-shadow: rgb(51, 153, 255) 4px 0px 0px, rgb(51, 153, 255) 3.87565px 0.989616px 0px, rgb(51, 153, 255) 3.51033px 1.9177px 0px, rgb(51, 153, 255) 2.92676px 2.72656px 0px, rgb(51, 153, 255) 2.16121px 3.36588px 0px, rgb(51, 153, 255) 1.26129px 3.79594px 0px, rgb(51, 153, 255) 0.282949px 3.98998px 0px, rgb(51, 153, 255) -0.712984px 3.93594px 0px, rgb(51, 153, 255) -1.66459px 3.63719px 0px, rgb(51, 153, 255) -2.51269px 3.11229px 0px, rgb(51, 153, 255) -3.20457px 2.39389px 0px, rgb(51, 153, 255) -3.69721px 1.52664px 0px, rgb(51, 153, 255) -3.95997px 0.56448px 0px, rgb(51, 153, 255) -3.97652px -0.432781px 0px, rgb(51, 153, 255) -3.74583px -1.40313px 0px, rgb(51, 153, 255) -3.28224px -2.28625px 0px, rgb(51, 153, 255) -2.61457px -3.02721px 0px, rgb(51, 153, 255) -1.78435px -3.57996px 0px, rgb(51, 153, 255) -0.843183px -3.91012px 0px, rgb(51, 153, 255) 0.150409px -3.99717px 0px, rgb(51, 153, 255) 1.13465px -3.8357px 0px, rgb(51, 153, 255) 2.04834px -3.43574px 0px, rgb(51, 153, 255) 2.83468px -2.82216px 0px, rgb(51, 153, 255) 3.44477px -2.03312px 0px, rgb(51, 153, 255) 3.84068px -1.11766px 0px, rgb(51, 153, 255) 3.9978px -0.132717px 0px, rgb(102, 204, 255) 6px 0px 0px, rgb(102, 204, 255) 5.91686px 0.995377px 0px, rgb(102, 204, 255) 5.66974px 1.96317px 0px, rgb(102, 204, 255) 5.2655px 2.87655px 0px, rgb(102, 204, 255) 4.71532px 3.71022px 0px, rgb(102, 204, 255) 4.03447px 4.44106px 0px, rgb(102, 204, 255) 3.24181px 5.04883px 0px, rgb(102, 204, 255) 2.35931px 5.51667px 0px, rgb(102, 204, 255) 1.41143px 5.83163px 0px, rgb(102, 204, 255) 0.424423px 5.98497px 0px, rgb(102, 204, 255) -0.574341px 5.97245px 0px, 4, 255) -1.55719px 5.79441px 0px, rgb(102, 204, 255) -2.49688px 5.45578px 0px, rgb(102, 204, 255) -3.36738px 4.96596px 0px, rgb(102, 204, 255) -4.14455px 4.33852px 0px, rgb(102, 204, 255) -4.80686px 3.59083px 0px, rgb(102, 204, 255) -5.33596px 2.74364px 0px, rgb(102, 204, 255) -5.71718px 1.8204px 0px, rgb(102, 204, 255) -5.93995px 0.84672px 0px, rgb(102, 204, 255) -5.99811px -0.150428px 0px, rgb(102, 204, 255) -5.89004px -1.14341px 0px, rgb(102, 204, 255) -5.61874px -2.1047px 0px, rgb(102, 204, 255) -5.19172px -3.00766px 0px, rgb(102, 204, 255) -4.62082px -3.82727px 0px, rgb(102, 204, 255) -3.92186px -4.54081px 0px, rgb(102, 204, 255) -3.11421px -5.12852px 0px, rgb(102, 204, 255) -2.22026px -5.57409px 0px, rgb(102, 204, 255) -1.26477px -5.86518px 0px, rgb(102, 204, 255) -0.274238px -5.99373px 0px, rgb(102, 204, 255) 0.723898px -5.95617px 0px, rgb(102, 204, 255) 1.70197px -5.75355px 0px, rgb(102, 204, 255) 2.63288px -5.39147px 0px, rgb(102, 204, 255) 3.49082px -4.87998px 0px, rgb(102, 204, 255) 4.25202px -4.23324px 0px, rgb(102, 204, 255) 4.89538px -3.46919px 0px, rgb(102, 204, 255) 5.40307px -2.60899px 0px, rgb(102, 204, 255) 5.76102px -1.67649px 0px, rgb(102, 204, 255) 5.95932px -0.697531px 0px; } .sliderImage .slider_title p.main_color_ff9900 b{ text-shadow: rgb(255, 102, 0) 4px 0px 0px, rgb(255, 102, 0) 3.87565px 0.989616px 0px, 2, 0) 3.51033px 1.9177px 0px, rgb(255, 102, 0) 2.92676px 2.72656px 0px, rgb(255, 102, 0) 2.16121px 3.36588px 0px, rgb(255, 102, 0) 1.26129px 3.79594px 0px, rgb(255, 102, 0) 0.282949px 3.98998px 0px, rgb(255, 102, 0) -0.712984px 3.93594px 0px, rgb(255, 102, 0) -1.66459px 3.63719px 0px, rgb(255, 102, 0) -2.51269px 3.11229px 0px, rgb(255, 102, 0) -3.20457px 2.39389px 0px, rgb(255, 102, 0) -3.69721px 1.52664px 0px, rgb(255, 102, 0) -3.95997px 0.56448px 0px, rgb(255, 102, 0) -3.97652px -0.432781px 0px, rgb(255, 102, 0) -3.74583px -1.40313px 0px, rgb(255, 102, 0) -3.28224px -2.28625px 0px, rgb(255, 102, 0) -2.61457px -3.02721px 0px, rgb(255, 102, 0) -1.78435px -3.57996px 0px, rgb(255, 102, 0) -0.843183px -3.91012px 0px, rgb(255, 102, 0) 0.150409px -3.99717px 0px, rgb(255, 102, 0) 1.13465px -3.8357px 0px, rgb(255, 102, 0) 2.04834px -3.43574px 0px, rgb(255, 102, 0) 2.83468px -2.82216px 0px, rgb(255, 102, 0) 3.44477px -2.03312px 0px, rgb(255, 102, 0) 3.84068px -1.11766px 0px, rgb(255, 102, 0) 3.9978px -0.132717px 0px, rgb(255, 153, 0) 6px 0px 0px, rgb(255, 153, 0) 5.91686px 0.995377px 0px, rgb(255, 153, 0) 5.66974px 1.96317px 0px, rgb(255, 153, 0) 5.2655px 2.87655px 0px, rgb(255, 153, 0) 4.71532px 3.71022px 0px, rgb(255, 153, 0) 4.03447px 4.44106px 0px, rgb(255, 153, 0) 3.24181px 5.04883px 0px, rgb(255, 153, 0) 2.35931px 5.51667px 0px, rgb(255, 153, 0) 1.41143px 5.83163px 0px, rgb(255, 153, 0) 0.424423px 5.98497px 0px, rgb(255, 153, 0) -0.574341px 5.97245px 0px, rgb(255, 153, 0) -1.55719px 5.79441px 0px, rgb(255, 153, 0) -2.49688px 5.45578px 0px, rgb(255, 153, 0) -3.36738px 4.96596px 0px, rgb(255, 153, 0) -4.14455px 4.33852px 0px, rgb(255, 153, 0) -4.80686px 3.59083px 0px, rgb(255, 153, 0) -5.33596px 2.74364px 0px, rgb(255, 153, 0) -5.71718px 1.8204px 0px, rgb(255, 153, 0) -5.93995px 0.84672px 0px, rgb(255, 153, 0) -5.99811px -0.150428px 0px, rgb(255, 153, 0) -5.89004px -1.14341px 0px, rgb(255, 153, 0) -5.61874px -2.1047px 0px, rgb(255, 153, 0) -5.19172px -3.00766px 0px, rgb(255, 153, 0) -4.62082px -3.82727px 0px, rgb(255, 153, 0) -3.92186px -4.54081px 0px, rgb(255, 153, 0) -3.11421px -5.12852px 0px, rgb(255, 153, 0) -2.22026px -5.57409px 0px, rgb(255, 153, 0) -1.26477px -5.86518px 0px, rgb(255, 153, 0) -0.274238px -5.99373px 0px, rgb(255, 153, 0) 0.723898px -5.95617px 0px, rgb(255, 153, 0) 1.70197px -5.75355px 0px, rgb(255, 153, 0) 2.63288px -5.39147px 0px, rgb(255, 153, 0) 3.49082px -4.87998px 0px, rgb(255, 153, 0) 4.25202px -4.23324px 0px, rgb(255, 153, 0) 4.89538px -3.46919px 0px, rgb(255, 153, 0) 5.40307px -2.60899px 0px, rgb(255, 153, 0) 5.76102px -1.67649px 0px, rgb(255, 153, 0) 5.95932px -0.697531px 0px; } .sliderImage .slider_title p.main_color_333333 b{ text-shadow: rgb(102, 102, 102) 4px 0px 0px, rgb(102, 102, 102) 3.87565px 0.989616px 0px, rgb(102, 102, 102) 3.51033px 1.9177px 0px, rgb(102, 102, 102) 2.92676px 2.72656px 0px, rgb(102, 102, 102) 2.16121px 3.36588px 0px, rgb(102, 102, 102) 1.26129px 3.79594px 0px, rgb(102, 102, 102) 0.282949px 3.98998px 0px, rgb(102, 102, 102) -0.712984px 3.93594px 0px, rgb(102, 102, 102) -1.66459px 3.63719px 0px, rgb(102, 102, 102) -2.51269px 3.11229px 0px, rgb(102, 102, 102) -3.20457px 2.39389px 0px, rgb(102, 102, 102) -3.69721px 1.52664px 0px, rgb(102, 102, 102) -3.95997px 0.56448px 0px, rgb(102, 102, 102) -3.97652px -0.432781px 0px, rgb(102, 102, 102) -3.74583px -1.40313px 0px, rgb(102, 102, 102) -3.28224px -2.28625px 0px, rgb(102, 102, 102) -2.61457px -3.02721px 0px, rgb(102, 102, 102) -1.78435px -3.57996px 0px, rgb(102, 102, 102) -0.843183px -3.91012px 0px, rgb(102, 102, 102) 0.150409px -3.99717px 0px, rgb(102, 102, 102) 1.13465px -3.8357px 0px, rgb(102, 102, 102) 2.04834px -3.43574px 0px, rgb(102, 102, 102) 2.83468px -2.82216px 0px, rgb(102, 102, 102) 3.44477px -2.03312px 0px, rgb(102, 102, 102) 3.84068px -1.11766px 0px, rgb(102, 102, 102) 3.9978px -0.132717px 0px, rgb(204, 204, 204) 6px 0px 0px, rgb(204, 204, 204) 5.91686px 0.995377px 0px, rgb(204, 204, 204) 5.66974px 1.96317px 0px, rgb(204, 204, 204) 5.2655px 2.87655px 0px, rgb(204, 204, 204) 4.71532px 3.71022px 0px, rgb(204, 204, 204) 4.03447px 4.44106px 0px, rgb(204, 204, 204) 3.24181px 5.04883px 0px, rgb(204, 204, 204) 2.35931px 5.51667px 0px, rgb(204, 204, 204) 1.41143px 5.83163px 0px, rgb(204, 204, 204) 0.424423px 5.98497px 0px, rgb(204, 204, 204) -0.574341px 5.97245px 0px, rgb(204, 204, 204) -1.55719px 5.79441px 0px, rgb(204, 204, 204) -2.49688px 5.45578px 0px, rgb(204, 204, 204) -3.36738px 4.96596px 0px, rgb(204, 204, 204) -4.14455px 4.33852px 0px, rgb(204, 204, 204) -4.80686px 3.59083px 0px, rgb(204, 204, 204) -5.33596px 2.74364px 0px, rgb(204, 204, 204) -5.71718px 1.8204px 0px, rgb(204, 204, 204) -5.93995px 0.84672px 0px, rgb(204, 204, 204) -5.99811px -0.150428px 0px, rgb(204, 204, 204) -5.89004px -1.14341px 0px, rgb(204, 204, 204) -5.61874px -2.1047px 0px, rgb(204, 204, 204) -5.19172px -3.00766px 0px, rgb(204, 204, 204) -4.62082px -3.82727px 0px, rgb(204, 204, 204) -3.92186px -4.54081px 0px, rgb(204, 204, 204) -3.11421px -5.12852px 0px, rgb(204, 204, 204) -2.22026px -5.57409px 0px, rgb(204, 204, 204) -1.26477px -5.86518px 0px, rgb(204, 204, 204) -0.274238px -5.99373px 0px, rgb(204, 204, 204) 0.723898px -5.95617px 0px, rgb(204, 204, 204) 1.70197px -5.75355px 0px, rgb(204, 204, 204) 2.63288px -5.39147px 0px, rgb(204, 204, 204) 3.49082px -4.87998px 0px, rgb(204, 204, 204) 4.25202px -4.23324px 0px, rgb(204, 204, 204) 4.89538px -3.46919px 0px, rgb(204, 204, 204) 5.40307px -2.60899px 0px, rgb(204, 204, 204) 5.76102px -1.67649px 0px, rgb(204, 204, 204) 5.95932px -0.697531px 0px; } /* 20160808 阿部追記 */ .mb5{ margin:0 0 5px 0; } #modal_wrapper { width: 100%; height: 100%; background:rgba(0 ,0 ,0 ,0.6); position:fixed; top:0; left: 0; z-index: 103; display: none; text-align: center; } .thumbnail_box, .thumbnail_box * { user-select: none; -webkit-user-drag: none; } /***************************************************************/ /*契約ここから*/ input.next_btn { border: 1px solid #ccc; background-image: url(../images/next_btn.jpg); background-repeat: no-repeat; background-position: right center; font-size: 16px; color: #f00; margin: 0 0 60px 0; } input.next_btn2 { font-size: 12px; height: 20px; font-weight: normal; cursor:pointer; color: #0000CC; margin-right: 10px; text-decoration: underline; background-color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } input.next_btn3 { font-size: 16px; height: 20px; font-weight: normal; cursor:pointer; color: #0000CC; margin-right: 10px; text-decoration: underline; background-color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display:block; } button.next_btn { border: 1px solid #CCCCCC; background-image: url(../images/next_btn.jpg); background-repeat: no-repeat; background-position: right center; font-size: 16px; line-height: 29px; height: 29px; font-weight: bold; padding-right: 40px; padding-left: 30px; cursor:pointer; color: #000000; margin-right: 10px; } button.next_btn2 { font-size: 12px; line-height: 20px; height: 20px; font-weight: normal; padding-right: 30px; cursor:pointer; color: #0000CC; margin-right: 10px; background-color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-decoration: underline; } #step { border-radius: 3px; margin:0 0 30px 0; background: #C4C4C4; } #step:after, #price_base:after, .consensus__body-item--price { content: ""; display: block; clear: both; } #step li { float: left; width: 33.3%; text-align: center; color: #FFF; position: relative; font-size: 14px; } #step li.first a, #step li.first p { border-radius:3px 0 0 3px; } #step li.last a, #step li.last p { border-radius:0 3px 3px 0 !important; } #step li:before { content: ""; width: 0; height: auto; position: absolute; border-top: 15px solid transparent; border-left: 10px solid #C4C4C4; border-right: 10px solid transparent; border-bottom: 15px solid transparent; top: 0; left: 226px; z-index: 1; } #step li.bgd5 a, #step li.bgd5_last a, #step li.bgd5 p, #step li.bgd5_last p { background: #D5D5D5; } #step li.bgd5:before { border-left: 10px solid #D5D5D5; } #step li#step_visit p { background:#55595B; } #step li#step_visit:before { border-left: 10px solid #55595B; } #step li.last:before { border-left: 10px solid transparent !important; } #step li a, #step li p, #step_visit p { color: #FFF; display: block; padding: 8px 0; height: 14px; line-height: 1.2em; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif; } #step li a:hover { text-decoration:none; } .question_block { float: left; margin:0 0 40px 0; } /***************************************************************/ /*　ページエラー　　*/ #error_contents { clear: both; height: 300px; width: 500px; margin-right: auto; margin-left: auto; text-align: center; padding-top: 30px; background-image: url(../images/dekkey_sorry002.gif); background-repeat: no-repeat; background-position: center bottom; } #error_contents h2 { color: #3366FF; font-size: 22px; } #error_contents p { font-size: 90%; clear: both; margin-bottom: 10px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } .attention_message { color: #990000; } /***************************************************************/ /** right_box **/ #right_box.right_box--sp, #plusBlock_rightbox.right_box--sp, .rightboxTrigger{ display: none !important; } /***************************************************************/ /*　中古車一覧　　*/ #car_list_base0 { padding-bottom: 10px; } #car_list_base { margin:0 0 10px; } #car_list_base.loading { background: url(../images/loader.svg) no-repeat center top 30px; background-size: 24px auto; min-height: 20px; } .usercar_list { clear: both; width: 640px; padding-top: 0; margin:0 0 20px; position: relative; } .list_con { clear: both; width: 640px; } .list_main { float: left; width: 240px; margin-bottom:15px; } .list_main p { float: left; padding-right: 10px; font-size: 10px; } .list_main p img { padding-bottom: 5px; } .list_main ul { width: 135px; display: block; float: right; padding-top: 0px; } .list_main ul li { /* padding-right: 2px;*/ padding-bottom: 2px; float: left; line-height: 1; display: block; } .list_main ul li img{ margin-right: 2px; } .list_main dl{ min-width: 115px; height: auto; margin-bottom: 5px; } .list_main dl dt{ padding-bottom: 0px !important; margin-bottom: 7px !important; } .list_main dl dt strong{ } .list_main dl dd{ font-size: 10px; padding-bottom: 0; } .list_main dl dd strong{ line-height: 1.25; letter-spacing: -.03em; } /* .saleshop { clear: both; padding-left: 45px; margin-bottom: 5px; line-height: 30px; height: 30px; } .saleshop span { float: right; padding-left: 10px; font-size: 12px; } */ .list_con table{ margin-bottom: 5px; } .list_con span.more_carinfo_link { float: right; padding: 0 0 1px 17px !important; background:url(../images/carlist_linkarw.png) no-repeat left top !important; line-height: 1; } .list_con span.more_carinfo_link a{ font-size: 12px !important; vertical-align: top; /* line-height: 12px !important; */ } .zaiko_used { color: #339900; } .daiko_used { color: #6699FF; } .syoudanchu_used { color: #FF9900; } .baikyaku_used { color: #CC0000; } .newcar_used{ color: #E71870; } .unused { color: #36f; } #car_gall:after,.list_con:after,.pager:after, .plusBlockBtn2:after ,.plusBlockBtn3:after , .plusBlockBtn4:after, .plusBlockBtn5:after { height: 0; visibility: hidden ; content: "."; display: block ; clear: both ; } .zaiko_base { margin-bottom: 20px !important; width: 100% !important; } .sample_name { font-size: 12px; font-weight: normal; color: #CC0000; padding-left: 10px; } /*以下徳田追加*/ .pager a.carListPagerLink_current{ text-decoration: none; color: #f90; font-weight: bold; cursor: default; } .pager a.carListPagerLink_current:hover{ background-color: transparent; } .carlist_price_detail{ display: flex; } .carlist_cost_wrap, .carlist_shohiyo_wrap{ width: calc( 60% - 2px ); position: relative; } .carlist_shohiyo_wrap{ width: calc( 40% - 2px ); position: relative; } .carlist_cost_wrap:after{ position: absolute; width: 1px; height: 100%; border-right: 1px dotted #999; display: block; right: 0; top: 0; display: block; content: ""; } .carlist_shohiyo_wrap{ margin-left: 7px; } .carlist_shohiyo_wrap strong{ font-size: 10px !important; font-weight: 400; } .carlist_totalcost_titlewrap, .carlist_cost_titlewrap, .carlist_shohiyo_titlewrap{ display: block; line-height: 1; } .carlist_shohiyo_titlewrap{ margin-bottom: 2px; } .carlist_totalcost_titlewrap .carlist_totalcost_title, .carlist_cost_titlewrap .carlist_cost_title, .carlist_shohiyo_titlewrap .carlist_shohiyo_title{ display: inline-block !important; font-size: 10px; color: #FFF; padding: 1px 5px 0px; line-height: 1.25; background: #666; border-radius: 12px; margin-right: 3px; margin-bottom: 0; vertical-align: middle; text-shadow: 1px 1px 0 #333; } /***************************************************************/ /*在庫車サムネイル（徳田追加）*/ /* 20140627 高橋修正　暫定対応 */ #carListThumNail_wrapper{ /* overflow:hidden; margin:0 0 30px; padding: 0; */ } #carListThumNail_wrapper{ display: flex; gap: 10px 0; flex-wrap: wrap; align-items: flex-start; } #body_top #carListThumNail_wrapper { margin:0; } .thumbnail_box{ background:#FFF; float: left; margin:0 10px 0 0; border:1px solid #ccc; height:auto !important; display:block; text-decoration: none !important; position:relative; } a.thumbnail_box{ color:#666; position:relative; } .thumbnail_box:hover{ background-color: #f5f5f5; } .thumbnail_box .carthumb_img { clear: both; height: auto !important; overflow: hidden; padding: 15px 14px 5px; margin: 0 0 5px; margin-bottom: 15px !important; display:block; position:relative; } .thumbnail_box .carthumb_img img{ width:170px; } .recomendcar_img_box{ position: relative; height: 140px; } .thumbnail_box .carthumb_img img.recomendmark_img{ position: absolute; top: 15px;/*.carthumb_imgのpaddingの値による*/ left: 14px;/*.carthumb_imgのpaddingの値による*/ width:60px; } /* 「おすすめ」の場合の販売状況アイコンCSS ※「おすすめ」でない場合は「おすすめ」のCSSで表示 */ .thumbnail_box .carthumb_img img.recomendmark_img.soldout_img { position: absolute; top: 15px;/*.carthumb_imgのpaddingの値による*/ left: 74px; /*.carthumb_imgのpaddingの値に「おすすめ」の幅を足したもの */ width:60px; } .thumbnail_box h3, .thumbnail_box .h3 { text-align: left; clear: both; margin: 0; padding: 5px 0 5px 10px; font-size: 90%; line-height: 130%; display:block; } .thumbnail_box h3 a, .thumbnail_box .h3 span{ font-size:14px; background: url(../images/car_list_arw.png) no-repeat left center ; padding:0 0 0 15px; } .thumbnail_box .carthumb_txt { clear: both; margin:0 10px 10px; margin-bottom: 15px !important; font-size: 75%; line-height: 150%; text-align: left; display:block; } .thumbnail_box .carthumb_txt:empty{ margin-bottom: 0px !important; } .thumbnail_box .carthumb_price { clear: both; margin:0 10px 10px !important; font-size: 16px; line-height: 150%; text-align: left; color:#666; display: block; max-height: none; padding: 0; } #car_list_base #carListThumNail_wrapper .thumbnail_box, #car_list_base #carListSlideShow_wrapper .thumbnail_box{ height: auto !important; } #carListThumNail_wrapper .thumbnail_box .carthumb_price, #carListSlideShow_wrapper .thumbnail_box .carthumb_price{ margin-bottom: 10px !important; } #carListThumNail_wrapper .thumbnail_box .carthumb_price .carthumb_shohiyo_wrap strong, #carListSlideShow_wrapper .thumbnail_box .carthumb_price .carthumb_shohiyo_wrap strong{ font-size: 12px !important; font-weight: normal !important; } .thumbnail_box .carthumb_price .carthumb_totalcost_wrap{ display: flex; margin-bottom: 4px; flex-wrap: nowrap; align-content: center; align-items: center; } .thumbnail_box .carthumb_price .carthumb_cost_wrap, .thumbnail_box .carthumb_price .carthumb_shohiyo_wrap{ display: inline-block !important; font-size: 10px; line-height: 1; } .thumbnail_box .carthumb_price .carthumb_cost_wrap{ position: relative; margin-right: 5px; margin-bottom: 4px; } .thumbnail_box .carthumb_price .carthumb_cost_wrap:after{ content: ""; width: 1px; height: 14px; background: #AAA; display: block; position: absolute; right: -6px; top: calc( 50% - 8px ); } .thumbnail_box .carthumb_price .carthumb_totalcost_title, .thumbnail_box .carthumb_price .carthumb_cost_title, .thumbnail_box .carthumb_price .carthumb_shohiyo_title{ display: inline-block !important; font-size: 10px; color: #FFF; padding: 1px 5px 0px; line-height: 1.25; background: #666; border-radius: 12px; margin-right: 3px; vertical-align: middle; position: relative; top: -2px; text-shadow: 1px 1px 0 #333; } .thumbnail_box .carthumb_price span strong strong{ font-size: 20px !important; color:#f00; } .thu.carthumb_price .carthumb_cost_wrap strong{ font-size: 14px !important; } .thumbnail_box .carthumb_price .carthumb_totalcost_title i{ color: inherit; font-style: normal; } .thumbnail_box .carthumb_maintenance_text{ padding-left: 20px; font-size: 11px; color: inherit; margin: 0 10px 5px; background: url(../images/carthumb_maintenance_icon.png) no-repeat left center; } .thumbnail_box .carthumb_safety_text{ padding-left: 20px; font-size: 11px; color: inherit; margin: 0 10px 10px; background: url(../images/carthumb_safety_icon.png) no-repeat left center; } .thumbnail_box_last{ margin:0 0 20px; /* margin:0; */ } .thumbnail_box_lastlast{ margin:0 !important; } .thumbnail_box_lastrow1st{ margin:20px 0 0 0; } #carlist_main_box{ position:relative; margin:0 0 30px; } .js-imageBoxContentsWrapper .imageBoxOuter { position: relative; } .js-imageBoxContentsWrapper .multisliderIframePlayTrigger { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; } #body_top #carlist_main_box{ margin:0 0 10px; } .carlistEmptyMsg{ margin: 60px 10px; text-align: center; padding: 30px; border: 1px solid #eee; font-size: 14px; } #usedcar_regi_btn_block span{ font-size:12px; } #main_usedcarpage_link_box{ background:url(../images/carlist_linkarw.png) no-repeat left 10px ; padding: 5px 0 0 25px; width:150px; margin:0 auto 10px; } #main_usedcarpage_link_box a{ font-family: "メイリオ"; font-size: 16px; padding: 0; display:block; } #main_usedcarpage_link_box a:hover{ text-decoration: none; } #middle_top_cardetail .inplace_toggle_icon:hover { background-color: #ffcc00; } #middle_top_cardetail em{ font-style: normal; } #middle_top_cardetail a{ color: inherit; text-decoration: none; } /***************************************************************/ /*　中古車詳細　　*/ .usercar_list h3 img,.blog_item h2 img { vertical-align: middle; padding-left: 5px; } .blog_item h2 img { line-height: 50px; } #car_gall p { float: left; text-align: center; display: block; width: 415px; } #car_gall h3 { font-size: 16px; } #car_gall h3 span { font-size: 12px; font-weight: normal; float: right; } #car_gall ul { width: 10000px; display: block; margin:0 0 10px 0 ; } /*20140627 高橋追加 中古車サムネイル送りボタン*/ #carThumbArrowL{ height:60px; width:30px; background:#CCC; float:left; cursor:pointer; display:none; } #carThumbArrowR{ height:60px; width:30px; background:#CCC; float:right; cursor:pointer; display:none; } #car_gall ul::after{ content: ""; display: block; clear: both; } #car_gall ul li { float: left; width: 60px; height: 60px; text-align: center; margin: 0 5px 5px 0; display: block; position:relative; overflow:hidden; border-radius:100%; background:#ccc; cursor:pointer; } #carListCurrentDiv{ width: 50px; height: 50px; border:5px solid #f00; position:absolute; z-index:4; top:0px; left:0px; border-radius:100%; } #cgmIndex{ z-index: 4; position:absolute; top:0px; left:0px; padding:10px; background: rgba(0,0,0,0.7) url(../images/cgmBg.png); border-right: 1px solid #444; border-bottom: 1px solid #444; border-radius: 0 0 4px 0; font-size:12px; color:#fff; width:70px; } #car_gall{ overflow:hidden; position:relative; } #car_gall ul li span { font-size: 10px; margin: 0px; padding: 0px; clear: both; } #car_gall .gall_text{ font-size: 11px; clear: both; text-align: right; width: 100%; } h3 span.regidate { font-weight: normal; font-size: 12px; float: right; } #car_gall .car_gall_main { position: relative; width:100%; max-width:640px; margin-top:0; margin-left:auto !important; margin-right:auto !important; margin-bottom:30px; overflow:hidden; } #car_gall .car_gall_main img.mainpict { height:480px; } body:not(.edit) #car_gall .car_gall_main img.mainpict { cursor: default; } #cgmCapWrapper { z-index:6; bottom:0px; left:0; background: url(../images/cgmBg.png), rgba(0,0,0,.75); background: url(../images/cgmBg.png), linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 100%); box-shadow: inset 0 1px rgba(255,255,255,0.3); color:#fff; position:absolute; width:100%; line-height:150%; font-size:90%; /*height:40px;*/ /*margin:-100px 0 0 0 ;*/ } #cgmCapWrapper.multipleMode { z-index: 1002; } #cgmCap{ display:block; margin:30px; } #cgmCapClose{ display: block; padding: 5px; position: absolute; top: 0; right: 0; cursor: pointer; } .cgm{ position:absolute; width:30%; height:100%; top:0px; right:0; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%), url(../images/cgmBg.png); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%), url(../images/cgmBg.png); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%) ,url(../images/cgmBg.png); opacity:0; text-align:center; z-index:4; } .cgm.multipleMode { z-index: 1002; } .cgm.cgmLeft{ left:0; background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%), url(../images/cgmBg.png); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%), url(../images/cgmBg.png); background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%), url(../images/cgmBg.png); } #cgmLArrow{ position:absolute; width:25%; top: 50%; /*上端を中央に*/ left: 0; /*左端を中央に*/ height:50%; opacity:0; margin : -50px 0 0 0; z-index:3; } #cgmRArrow{ position:absolute; width:25%; top: 50%; right: 0; height:50%; opacity:0; margin : -50px 0 0 0; text-align:right; z-index:3; } #cgmRArrow img,#cgmLArrow img{ width:62px; } .cgm.hover:hover{ opacity:0.6; cursor:pointer; } #carGallMask .cgm.hover:hover{ opacity:0.6; cursor:pointer; } #carGallMask .cgmLArrow { position: absolute; left: 0; height: 60px; margin: 0; width: 7%; padding: 17.5px calc((7% - 15px) / 2); background: rgba(0,0,0,.2); box-sizing: border-box; box-shadow: 10px 0 4px -4px rgba(255,255,255,.7); border-radius: 0 4px 4px 0; } #carGallMask .cgmLArrow img { height: 25px; } #carGallMask .cgmRArrow { position: absolute; right: 0; height: 60px; margin: 0; width: 7%; padding: 17.5px calc((7% - 15px) / 2); background: rgba(0,0,0,.2); box-sizing: border-box; box-shadow: -10px 0 4px -4px rgba(255,255,255,.7); border-radius: 4px 0 0 4px; } #carGallMask .cgmRArrow img { height: 25px; } #carGallMask .cgm { position: absolute; width: 7%; top: 0px; right: 0; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%), url(../images/cgmBg.png); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%), url(../images/cgmBg.png); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%) ,url(../images/cgmBg.png); opacity: 0; text-align: center; z-index: 1003; border-radius: 4px 0 0 4px; } #carGallMask .cgmLeft{ left: 0; background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%), url(../images/cgmBg.png); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%), url(../images/cgmBg.png); background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%), url(../images/cgmBg.png); border-radius: 0 4px 4px 0; } #multipleDeleteMask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; } .noneUsedcarImageThumb{ display:block; width:100%; } /* 中古車画像を正しく表示させるために必ず640pxにする */ #usercar_base{ width:640px; margin:0 auto; position: relative; } #js-slideIcon, #js-slideImage{ max-width:none; } #car_gall{ padding: 0; margin-bottom: 30px; width: 100%; border: none; z-index: 1; } .car_gall_main.js-dot900Border, .car_gall_main .img_change_cursor.js-dot900Border { border: 3px dotted #900; box-sizing:border-box; transition: unset; } .car_gall_main .img_change_cursor.js-dot900Border { display: inline-block; } .car_gall_main.js-dotFc0Border { border: 3px dotted #fc0; box-sizing:border-box; transition: unset; } .car_gall_main.js-fastUploadLoader:after { background-size: 20%; } /* 高橋追記　20140625 */ #usercar_base table{ background:#FFF; } .kihon_tale { margin-bottom: 40px; } .kihon_tale2, .soubishiyou{ margin-bottom: 30px; } .kihon_tale th,.kihon_tale td,.kihon_tale2 th,.kihon_tale2 td,.soubishiyou th, .soubishiyou td{ padding: 8px 5px; } .kihon_tale.kihon_tale_price, .kihon_tale.kihon_tale_age{ margin-bottom: 10px; } .kihon_tale.kihon_tale_price th{ width: 100px; font-size: 11px; } .kihon_tale.kihon_tale_price td{ width: 130px; } .kihon_tale.kihon_tale_price .shohiyo_td{ width: 100px; } .hosyo__item { display:block; width:100%; cursor:pointer; } .hosyo__item:hover{ background-color:#fc0; } .ex--hosyo-setting__outer{ width: 240px; display: flex; position: absolute; top: 0; background-color:#fff; border:2px solid #fc0; padding:10px; z-index:2; align-items:flex-start; display:none; } .ex--hosyo-setting__outer select { margin:0 10px 0 0; } .ex--hosyo-setting__outer input[type = "radio"]{ margin:0 5px 0 0; } html[data-ex-mode = "1"] .ex--hosyo-setting__outer{ display:flex; } .ex--hosyo-caption-item{ display:none; } html[data-ex-mode-2 = "1"] .ex--hosyo-caption-item{ display:block; } .ex--hosyo-caption-item label{ display:block; } #usercar_base table td{ background:none; } .tokuten_come, .pr_come{ margin-bottom: 5px; } .cursor_default { cursor: default; } .usedcar_info_body a#free01_01_h2, .usedcar_info_body a#free02_01_h2, .usedcar_info_body a#free03_01_h2, #recommend_title { color: inherit; text-decoration: none; } #recommend_title span { font-size: inherit; } #recommend_h2{ width:auto; } .usedcarPrintPage #usercar_base table th, .usedcarPrintPage #usercar_base table td, .usedcarPrintPage #usercar_base table tr{ color: #261306 !important; background-color: #fff !important; box-shadow: none !important; border-collapse: collapse !important; border:1px solid #333 !important; } .usedcarPrintPage #usercar_base table th, .usedcarPrintPage #usercar_base table td, .usedcarPrintPage #usercar_base table tr{ color: #261306 !important; background-color: #fff !important; box-shadow: none !important; border-collapse: collapse !important; border:1px solid #333 !important; } /*会社案内下部*/ .link_cap_txt { font-size: 12px; text-align: center; clear: both; margin-bottom: 15px; } .right_link { font-size: 14px; font-weight: bold; line-height: 50px; clear: both; height: 50px; width: 250px; display: block; margin-right: auto; margin-left: auto; text-align: center; background-repeat: repeat-x; background-position: center center; border: 1px solid #CCCCCC; } .right_link a{ display: inline-block; width: 100%; } .company_fax_str { margin : 0 0 0 20px; } .sidebar_linkbox_block { position: relative; } .map_box_notFirst{ margin:10px 0 0 0; } .subpageLink { clear: both; margin-bottom: 15px; } .subpageLink h3 { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #999999; padding-bottom: 5px; clear: both; text-align: center; margin-bottom: 10px; font-size: 14px; } p.link { font-size: 12px; clear: both; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgba(150,150,150,0.5); padding-bottom: 5px; margin: 0 0 10px 0; } h3.h3_lead { font-size: 12px; clear: both; padding-bottom: 5px; margin-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(180,180,180,0.5); margin-right: 20px; margin-left: 20px; } ul.ul_lead { clear: both; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgba(150,150,150,0.5); padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 20px; margin-bottom: 15px; margin-left: 20px; } li.lead { clear: both; font-size: 12px; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; margin-bottom: 0px; } /*画像ブロック*/ .pictbox { float: left; padding: 12px; text-align: center; /*width: 188px;*/ position: relative; } .setup_block { font-size:12px; margin:10px 0 20px; width:100%; text-align:center; clear:both; padding: 5px 0; } .setup_block a {color: #0066cc !important;} /* 20190628 画像幅最小などの時に影響があるのでコメントアウト 北川 .pict_edit_btn { width:auto !important; } */ /* 意味のイマイチ分からん指定何で消す=>必要 */ .img_box_left,.img_box_right{ z-index:2; } /* .sns_btn_block,.sns_btn_block_mono{ padding: 10px 0 0 0; } .sns_btn_block .tw_btn{ float:left; margin:0px 10px 10px 0; padding:0; } .sns_btn_block .fb_btn{ float:left; margin:0px 10px 10px 0; } .sns_btn_block .gp_btn{ float:left; margin:0px 0px 10px 0; } .sns_btn_block .hatebu_btn{ float:left; margin:10px 10px 10px 0; } .sns_btn_block .hatebu_btn img{ padding:0px; } .sns_btn_block_mono .fb_btn{ width:70px; margin:0px auto; } */ /*Sidebar用追加*/ #right_box_side .right_box_img{ width:188px; padding: 0; margin: 0 auto; } #right_box_side .right_box_img img{ padding: 0; } .sidebar_ad_banner{ margin:0 0 20px 0; } /***************************************************************/ /********** 抱きしめーるブロック **********/ /* ブロック全体 */ .dksm_regist{ position:relative; clear:both; } .js-imageBoxBackground .dksm_regist{ width: 100%; box-sizing: border-box; } .inputbtn.formInputBtn { cursor: pointer; } .dksm_regist .inputbtn{ margin-bottom:0; } .box_dksm{ padding-bottom:30px; } .addPadding{ padding:30px; } .about_dksm{ margin:0 0 30px; } /* ブロックの中身 */ #dksm_form_01, #dksm_form_02{ float:left; width:100%; margin:0 0 10px; } #dksm_form_02{ margin:0 0 30px; } .dksm_regist th{ font-size:14px; } .dksm_regist td{ margin:0 0 30px; } #dksm_wrapper table{ width: 100%; } /* ブロックのフォーム */ .shaken_term{ margin:0 0 0 30px; } .dksm_regist input[type="text"]{ font-size:14px; padding:5px; border: 1px solid rgba(180,180,180,0.5) !important; border-radius: 3px; } .dksm_regist select[name="tel_1"], .dksm_regist input[name="tel_2"], .dksm_regist input[name="tel_3"]{ width:60px; } .dksm_regist textarea{ width:95%; min-height:75px; } /* ブロックにかかるオーバーレイ・スライダー */ #js_dksmSliderContents{ width:500%; height:100%; color:#000; } #dksm_wrapper .overLay{ position: absolute; background:rgba(0,0,0,0.5); width: 100%; height: 100%; top:0; left:0; z-index:2; border-radius: 10px; border:none; } .dksm_regist .dksmSlider{ width:calc( 100% - 120px ); height: 491px; top: calc(50% - 245.5px - 30px); margin: 30px; position: absolute; background: #fff; overflow:hidden; z-index:3; border-radius: 10px; box-shadow: 5px 5px 5px rgba( 0,0,0, 0.6); } #js_dksmSliderContents div{ float:left; padding:60px; width:calc( 20% - 120px ); } #dksm_wrapper #js_dksmSliderContents h2{ font-size: 22px; line-height: 120%; font-weight: normal; color: #000; margin: 0 0 30px; background: none; text-align: center; color: #fff; text-shadow:1px 1px 1px #CE4231, -1px -1px 1px #CE4231, 1px -1px 1px #CE4231, -1px 1px 1px #CE4231, 2px 2px 2px #E18B82, -2px -2px 2px #E18B82, 2px -2px 2px #E18B82, -2px 2px 2px #E18B82; } #js_dksmSliderContents p, #js_dksmSliderContents span{ color:#000; text-shadow:none; max-width:430px; margin:0 auto 30px; } #js_dksmSliderContents span{ margin:initial; } #js_dksmSliderContents div:nth-child(3) p{ clear:both; } .dksmSliderContents p{ margin: 0 auto 30px; width: 100%; padding:0; } .dksmSliderContents_img{ float: left; margin: 0 15px 30px 0; width:100px; } .dksmSliderContents b{ display:block; } #js_dksmSliderContents .dksmCaption{ display:block; margin:0 auto 5px; font-size:12px; max-width:320px; } #js_dksmSliderButtonNext, #js_dksmSliderButtonPrev{ position: absolute; right: 0; height: 100%; width: 30px; display: inline-block; margin: 0 44px; } #js_dksmSliderButtonPrev{ left:0; right:inherit; margin: 0 0 0 15px; } #js_dksmSliderButtonNext{ margin:0 15px 0 0; } #js_dksmSliderButtonNext img, #js_dksmSliderButtonPrev img{ position: absolute; top: 0; bottom: 0; margin: auto; cursor:pointer; } #js_dksmSliderStep{ position:absolute; bottom:30px; width:100%; } #js_dksmSliderStep p{ width:90px; margin:0 auto; } #js_dksmSliderStep span{ display: block; width: 8px; height: 8px; border: 1px solid rgba(180,180,180,0.5); border-radius: 100%; float: left; margin-right: 10px; cursor: pointer; } #js_dksmSliderStep span:nth-child(5n) { margin-right:0; } #js_dksmSliderStep .current{ background:#36f; } #js_dksmSliderContents .dksmBtn{ border: none; color: #FFF; background-image: url(../images/btn_grass.png), url(../images/btn_Bg.png); background-repeat: no-repeat, repeat; background-size: cover, auto; background-position: center bottom 2px, center; padding: 15px 0; font-size: 16px; border-radius: 5px; cursor: pointer; max-width: 320px; margin-left: auto; margin-right: 1%; display: block; text-align: center; text-decoration: none; font-family: inherit; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); transition: 0.3s; margin: 0 auto 30px; text-decoration:none; color:#fff !important; } #js_dksmSliderContents div > img{ width:100%; display:block; max-width:430px; margin:0 auto 30px; } .dksmBtn.signin{ background-color: #d51c5a; } .dksmBtn.login{ background-color: #26e; } .error_message{ font-size:14px; color:#c00; display:block; } /***************************************************************/ /*SideBar 追加ブロック*/ #sidefree01, #sidefree02, #sidefree03, #sidefree04, #sidefree05{ clear: both; margin-bottom: 20px; } .side_img_box{ padding: 5px; border: 1px solid rgba(180,180,180,0.5); margin: 0px; position: relative; z-index: 2; } .side_img_box_nonimg{ border:none; padding:0 0 2px 0; } .side_img_box_right{ float: right; margin: 0px 0px 10px 10px; position: relative; } .side_img_box_left{ float: left; margin: 0px 10px 10px 0px; position: relative; } .side_img_box_max{ width: 100%; box-sizing: border-box; margin:0 0 10px 0; } .side_img_box_nonimg.side_img_box_small, .side_img_box_nonimg.side_img_box_big, .side_img_box_nonimg.side_img_box_max{ margin:0 10px 10px 0 !important; } #sideaddbox01{ padding: 0 9px 9px 9px; clear: both; width: 180px; margin-bottom: 20px; border: 1px solid rgba(180,180,180,0.5); } #sideimgbox01, #sideimgbox02, #sideimgbox03{ clear: both; margin-bottom: 20px; } #sidetopics01, #sidetopics02, .like_topics_block { clear: both; margin-bottom: 20px; position: relative; } .box_side_topics, .like_box_side_topics, .box_side_claendar{ padding: 0 0 9px 0; margin:0 0 10px 0; border-bottom: 1px solid rgba(180,180,180,0.5); font-size:12px; } .sidebarBoxImageSettingControllerOuter { display: none; } #eigyoubi_cal .box_side_claendar #sideCalendar_01_1{ display: block; } #sidefree01 img, #sidefree02 img, #sidefree03 img, #sidefree04 img, #sidefree05 img, .sidebar_ad_banner img, #sideaddbox01 img, #sideaddbox02 img, #sideimgbox01 img, #sideimgbox02 img, #sideimgbox03 img, #sidetopics01 img, #sidetopics02 img, .like_topics_block img { max-width: 100%; padding:0; } #sidefree01 p, #sidefree02 p, #sidefree03 p, #sidefree04 p, #sidefree05 p, #sideaddbox01 p,#sideaddbox02 p, #sidepbox01 p, #sideimgbox02 p, #sideimgbox03 p, #sidetopics01 p, #sidetopics02 p, .like_topics_block p, #sideCalendar_01_1 { padding:0; background:none; line-height:150%; clear:none; } #sidetopics01 h4, #sidetopics02 h4, .like_topics_block h4 { font-size: 14px; font-weight: bold; color: #686846; clear: both; line-height: 130%; text-align:left; padding: 0 0 5px 45px; margin:0 auto 10px; background-image: url(../images/topics_h3bg.gif); background-repeat: no-repeat; background-position: left 2px; border-bottom: #999 solid 1px; } h4#shop_info_title, #sv_title{ font-size: 14px; font-weight: bold; color: #686846; clear: both; line-height: 130%; text-align:left; padding: 0 0 5px 45px; margin:0 auto 10px; background-image: url(../images/shopinfo_h3bg.gif); background-repeat: no-repeat; background-position: left 2px; border-bottom: #999 solid 1px; } .like_topics_block h4{ background-image: url(../images/shopinfo_h3bg.gif); } #sidetopics01 h5, #sidetopics02 h5, .like_topics_block h5 { line-height: 130%; margin-bottom:5px; } #side_link_block h4 { font-size: 14px; font-weight: bold; color: #686846; clear: both; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; background-image: url(../images/h2_links.gif); background-repeat: no-repeat; background-position: left 2px; padding-left: 45px; line-height: 130%; } /***************************************************************/ /*SideBar QRcode*/ #mobile_QR_info{ margin: 0px auto 10px; padding: 20px 0 0 ; /*border-top: 1px dotted #ccc;*/ text-align:center; width:200px; } #mobile_QR_info h4{ font-size: 14px; font-weight: bold; color: #686846; clear: both; line-height: 130%; text-align:left; /*width:133px;*/ padding-left:18px; margin:0 auto 10px; background-image: url(../images/qr.gif); background-repeat: no-repeat; background-position: left 2px; border-bottom: 1px solid #999; padding-bottom: 5px; } #mobile_QR_info h5{ font-size: 10px; line-height: 130%; text-align:center; font-weight:normal; } #mobile_QR_info div.QR_innerBlock{ width:165px; height:95px; margin: 0 auto; } #mobile_QR_info .mb_block{ float:left; width:80px; margin: 0 5px 15px 0; } #mobile_QR_info .sp_block{ float:left; width:80px; margin: 0 0 15px 0; } #mobile_QR_info img{ padding: 2px 0 0 0; } #qr_txt{ font-size:10px; clear:both; margin:0 auto; border:1px dotted rgba(150,150,150,0.5); text-align:left; width:146px; padding:5px; background:none repeat scroll 0 0 transparent; } #qr_txt span{ color:#600; } /*モバイルプレビュー画面*/ div.mb_display p.main_text{ width:640px; padding: 10px 20px; margin:5px auto; line-height: 150%; border-top: 1px dotted rgba(150,150,150,0.5); border-bottom: 1px dotted rgba(150,150,150,0.5); } div.mb_display p.main_text span{ font-size:12px; padding: 5px; } div.mb_display p.main_text span.attention_message{ font-size:16px; padding: 5px 10px; /*display:block;*/ } div.mb h3,div.sp h3{ margin:0 0 10px; } div.mb button,div.sp button{ background-image: url(../images/reload_off.gif); background-repeat: no-repeat; background-position: left center; font-size:12px; padding:0 0 0 30px; border:none; width:110px; height:30px; text-align:left; } div.mb button:hover,div.sp button:hover{ background-image: url(../images/reload_on.gif); background-repeat: no-repeat; background-position: left center; } #mobile_QR_info div.mb_block:after, #mobile_QR_info div.sp_block:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } .mb div.mb_block{ width:340px; margin:20px 5px 50px; font-size:12px; line-height:140%; } .mb div.mb_block h2{ padding:10px 0 10px 18px; font-size:14px; background-image: url(../images/qr.gif); background-repeat: no-repeat; background-position: left center; } .mb div.mb_block:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } .mb div.mb_block img{ float:left; padding-right:10px; } .clearfix:after, .block:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } #btnBar_img_h2_0{ position:absolute; bottom:0; right:0; } /*全体メインコンテンツ上部パディング*/ div #main_contents.top_main{ padding-top:30px; } div #main_contents.sub_main, div #main_contents.free_main { padding-top:20px; } #pan{ margin-bottom:20px; } .disnon{ display:none; } /*スライダー部分下に追加されるdivブロック*/ #addSliderBottomBlock{ display:none; } /*以下元兼追加(2013_06_19)*/ .carlist_pager_box{ width:100%; height:auto; margin:20px 0; text-align:center; } .pager{ background:none; border:none; width: 100%; text-align: center; } .pager li{ display: -moz-inline-box; display:inline-block; } .pager li span{ display:block; font-weight: bold; color: #000; border:1px solid #333; background:#FFF; margin:0 5px 0; padding:10px 15px; } .pager li a{ display:block; background:#DDD; border:1px solid #333; margin:0 5px 0; padding:10px 15px; } .pager_str { clear: both; font-size: 12px; margin-bottom: 5px; text-align:center; } .pager a:link,.pager a:visited { color: #3399FF; } .pager a:hover,.pager a:active { background-color: #333333; color: #FFFFFF; } /*以下元兼追加(2013_07_05～)*/ .mail_send_message_201307{ background-color:#FFFFFF; clear:both; color:#444444; margin-left:auto; margin-right:auto; padding:20px; width:90%; text-align:center; } .mail_send_message_201307 h2{ font-family: "メイリオ"; background-color:#FC0; background-image:none; clear:both; color:#333; font-size:100%; line-height:25px; margin-bottom:20px; margin-top:0; padding:10px; font-weight:normal; } .mail_send_message_201307 p.border_2_dot{ background:url(../images/border01.gif) repeat-x 0 0; margin:50px 0 40px; height:2px; } span.border_dotted{ border-bottom:1px dotted rgba(150,150,150,0.5); float:left; width:380px; margin:0 0 15px; } p.border_dotted{ border-bottom-width: 1px; border-bottom-style: dashed; /* 線種 */ border-bottom-color: rgba(150,150,150,0.5); /* 線色 */ width:320px; margin:0 0 15px; } span.red { color:#C00; } body[data-use-conversion-button-pc = "1"]:not(.edit) #footer_wrapper{ padding-bottom: 90px; } /** * #footer 関連 * 2022-02-22 kitagawa * * 機能的にメニューの数がかわる事があるので、数にかかわらず整うようCSSで改善 * commonへの記述は下記で十分、後は個別CSS側で調整を */ #footer ul{ display: flex; justify-content: space-between; } #footer ul li{ width: 100%; align-items: center; display: flex; justify-content: center; padding-left: 0; padding-right: 0; text-align: center; } #footer ul li a{ width: 100%; %; padding: 0 3px; word-break: break-all; display: flex; justify-content: center; align-items: center; box-sizing: border-box; } /* ================================================================ * グローバルメニュー関連 * ================================================================ * * 件数が多い場合に表示されるメニュー (mega_menu) : メニュー位置：上・中・左・右 共通 * 現在は 7件以上で表示 * * ・基本設定： common.css の div.mega_menu * ・上書設定： cms_css_XXXX.php の div.mega_menu で上書き * 　　（上書き想定クラス） * 　　div.mega_menu ... 位置・サイズ * 　　div.mega_menu ul ・・・ 装飾 * 　　div.mega_menu ul li * 　　div.mega_menu ul li a * 　　div.mega_menu ul li a:visited * 　　div.mega_menu ul li a:hover * #mega_menu_pointer_h * #mega_menu_pointer_hb * #mega_menu_pointer_vl * #mega_menu_pointer_vr * * 　　（上書き想定外クラス） * 　　div.mega_menu ul li.no_right ・・・ メガメニュー内項目 右端のマージン消しのみ * 　　div.mega_menu ul li.no_bottom ・・・ メガメニュー内項目 下端のマージン消しのみ * * ※デザインごとに 上・中・左・右 に応じたメニュー表示位置・幅をCSSで設定する。 */ /** * メニューHTML本体 */ #menu > ul > li > ul{ display: none; /** ページ読み込み時ちらついて見えるため、CSSでnoneに **/ } /* メガメニュー 外枠 */ /* メ身は ul 背景にポインタ画像（上左右下）*/ div.mega_menu{ margin: 0 auto; /* 上・中メニューの場合は margin: auto で中央よせ */ padding: 0; z-index: 10; position:absolute; } .use_megamenu_animation div.mega_menu:after{ content: ""; display: none; } #menu_wrapper:not(.use_megamenu_animation) div.mega_menu{ display: none; } div.mega_menu .megaMenuArrow--top{ position: absolute; left: 0; top: 0; width: 0; height: 0; border-style: solid; border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 8px solid #999999; border-bottom: 0; } div.mega_menu .megaMenuArrow--left{ position: absolute; left: 0; top: 0; height: 0; border-style: solid; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #999999; border-right: 0; } div.mega_menu .megaMenuArrow--right{ bsolute; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #999999; border-left: 0; } /** アニメーションONのデザイン用 **/ .use_megamenu_animation div.mega_menu{ height: auto; min-height: 120px; background: rgba(255, 255, 255, .95) url(../images/megamenu_bg.png) no-repeat center bottom; box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 15%); opacity: 0; min-width: 640px; max-width: 960px; pointer-events: none; transition: all .5s ease; } .use_megamenu_animation.is-hovering div.mega_menu{ transition: all 0s; } .side_bar_top .use_megamenu_animation div.mega_menu, .side_bar_middle .use_megamenu_animation div.mega_menu{ padding-top: 0 !important; padding-bottom: 45px !important; border-radius: 0 0 3px 3px; } .side_bar_left .use_megamenu_animation div.mega_menu, .side_bar_right .use_megamenu_animation div.mega_menu{ max-width: 960px; min-height: 240px; } .side_bar_left .use_megamenu_animation div.mega_menu{ border-radius: 0 3px 3px 0; } .side_bae_megamenu_animation div.mega_menu{ border-radius: 3px 0 0 3px; } .side_bar_left .use_megamenu_animation div.mega_menu, .side_bar_right .use_megamenu_animation div.mega_menu{ padding-bottom: 190px !important; } .edit.side_bar_left .use_megamenu_animation div.mega_menu, .edit.side_bar_right .use_megamenu_animation div.mega_menu{ padding-bottom: 190px !important; } .side_bar_left .use_megamenu_animation div.mega_menu.fixed_mega_menu{ left: 100%; right: auto; } .side_bar_right .use_megamenu_animation div.mega_menu.fixed_mega_menu{ left: auto; right: 100%; } .side_bar_left .use_megamenu_animation div.mega_menu{ padding-left: 0 !important; margin-top: 0 !important; } .side_bar_right .use_megamenu_animation div.mega_menu{ padding-right: 0 !important; margin-top: 0 !important; } .use_megamenu_animation.js-hover div.mega_menu.active{ opacity: 1; pointer-events: auto; } .use_megamenu_animation .megamenuTitle{ font-size: 72px; color: rgba(0,0,0,.05); font-weight: 700; font-family: 'Noto Serif JP', serif !important; position: absolute; line-height: 1; left: 60px; bottom: 30px; opacity: 0; overflow: hidden; transition: all .5s ease; user-select: none; max-width: calc( 100% - 150px ); pointer-events: none; max-height: 1em; display: none; } .use_megamenu_animation .megamenuTitleRight{ font-size: 72px; color: rgba(0,0,0,.05); font-weight: 700; font-family: 'Noto Serif JP', serif !important; position: absolute; line-height: 1; left: 60px; bottom: 65px; opacity: 0; overflow: hidden; transition: all .5s ease; user-select: none; max-width: calc( 100% - 150px ); pointer-events: none; max-height: 1em; display: none; } .use_megamenu_animation .megamenuTitleRight{ left: auto; right: 0; transform-origin: right bottom; bottom: -10px; font-size: 140px; transition: all 1.75s ease; color: rgba(0,0,0, 0.05); z-index: -1; max-height: calc(100vh - 140px); max-width: 1.03em; overflow: hidden; filter: blur(2px); pointer-events: none; e: vertical-rl; display: none; } .use_megamenu_animation .megamenuMiniTitle{ color: rgba(0,0,0,.2); font-size: 14px; font-weight: 700; font-family: 'Noto Serif JP', serif !important; position: absolute; lett 0.5em; left: 65px; bottom: 40px; opacity: 0; transition: all .5s ease; transition-delay: .1s; user-select: none; pointer-events: none; display: none; } .use_megamenu_animation.js-hover div.mega_menu.active .megamenuTitle{ opacity: 1; bottom: 60px; } .use_megamenu_animation.js-hover div.mega_menu.active .megamenuTitleRight{ opacity: 1; bottom: 0; } .use_megamenu_animation.js-hover div.mega_menu.active .megamenuMiniTitle{ opacity: 1; bottom: 50px; } /* メニュー本体 */ div.mega_menu > ul{ align-content: flex-start; background: #fff; border: solid 1px #999999; border-radius: 6px; display: flex; flex-wrap: wrap; margin: 0; opacity: 1; padding: 30px; vertical-align: middle; box-shadow: 0 10px 10px 10px rgba(0,0,0,0.07); } .use_megamenu_animation div.mega_menu > ul{ width: 100%; background: transparent !important; border: none !important; border-radius: 0px !important; box-shadow: none !important; box-sizing: border-box; max-height: 50vh; height: auto; padding: 0px 45px 0; transition: min-height .5s; margin-top: 60px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; z-index: 20; } .use_megamenu_animation div.mega_menu > ul::-webkit-scrollbar { display: block; width: 6px; } .use_megamenu_animation div.mega_menu > ul::-webkit-scrollbar-thumb { background: #CCC; border-radius: 3px; } .use_megamenu_animation div.mega_menu > ul::-webkit-scrollbar-track { background: transparent; } /* メニュー項目 */ div.mega_menu > ul > li{ width: calc( 33.3333333% - 20px ); padding: 3px 10px; } div.mega_menu > ul > li.dummyLi, div.mega_menu > ul > li.megamenu-state-separator{ display: none !important; } div.mega_menu > ul > li[data-middle-menu-state = "open"]{ z-index: 2; } div.mega_menu > ul > li[data-middle-menu-state = "close"]{ z-index: 1; } div.mega_menu > ul > li > a, div.mega_menu > ul > li > a:visited { background-color: inherit; /* background-image: url(../images/menu_list_mark.gif);*/ background-repeat: no-repeat; background-position: left 5px top 13px; color: #000; display: block; font-size: 16px; line-height: 120%; padding: 12px 10px 10px 10px; border-radius: 3px; text-decoration: none; } div.mega_menu > ul > li > a.middle-menu__link{ padding: 9px 10px 7px 46px; } .edit div.mega_menu ul li a[data-is-draggable = "1"]{ cursor: pointer; } .edit div.mega_menu > ul li a[data-is-draggable = "1"]{ transition: .2s; } .edit div.mega_menu > ul li:hover > a[data-is-draggable = "1"]{ background-color: #fff8de; } .use_megamenu_animation div.mega_menu > ul > li > a, .use_megamenu_animation div.mega_menu > ul > li > a:visited{ background-position: left 5px top 13px; font-size: 16px !important; } .use_megamenu_animation div.mega_menu > ul > li.sub--top > a, .use_megamenu_animation div.mega_menu > ul > li.sub--top > a:visited{ font-size: 18px !important; } .use_megamenu_animation div.mega_menu > ul > li{ opacity: 0; position: relative; top: 10px; transition-duration: 0.5s, 0.5s; transition-property: top, opacity; transition-timing-function: ease, cubic-bezier(0.22, 0.61, 0.36, 1); will-change: top, opacity; } .use_megamenu_animation div.mega_menu > ul > li.dammyLiElem{ opacity: 0; width: 0; height: 40px; } .use_megamenu_animation div.mega_menu > ul > li.dammyLiElem > a{ padding: 20px 0; } .use_megamenu_animation div.mega_menu > ul > li.stopAnimation { transition: none; } div.mega_menu.menu-edit-mode > ul > li, .js-hover div.mega_menu.active > ul > li{ opacity: 1; top: 0; } .js-hover div.mega_menu > ul > li:nth-of-type(1) { transition-delay: 0.14s; } .js-hover div.mega_menu > ul > li:nth-of-type(2) { transition-delay: 0.18s; } .js-hover div.mega_menu > ul > li:nth-of-type(3) { transition-delay: 0.22s; } .js-hover div.mega_menu > ul > li:nth-of-type(4) { transition-delay: 0.26s; } .js-hover div.mega_menu > ul > li:nth-of-type(5) { transition-delay: 0.3s; } .js-hover div.mega_menu > ul > li:nth-of-type(6) { transition-delay: 0.34s; } .js-hover div.mega_menu > ul > li:nth-of-type(7) { transition-delay: 0.38s; } .js-hover div.mega_menu > ul > li:nth-of-type(8) { transition-delay: 0.42s; } .js-hover div.mega_menu > ul > li:nth-of-type(9) { transition-delay: 0.46s; } .js-hover div.mega_menu > ul > li:nth-of-type(10) { transition-delay: 0.5s; } .js-hover div.mega_menu > ul > li:nth-of-type(11) { transition-delay: 0.54s; } .js-hover div.mega_menu > ul > li:nth-of-type(12) { transition-delay: 0.58s; } .js-hover div.mega_menu > ul > li:nth-of-type(13) { transition-delay: 0.62s; } .js-hover div.mega_menu > ul > li:nth-of-type(14) { transition-delay: 0.66s; } .js-hover div.mega_menu > ul > li:nth-of-type(15) { transition-delay: 0.7s; } .js-hover div.mega_menu > ul > li:nth-of-type(16) { transition-delay: 0.74s; } .js-hover div.mega_menu > ul > li:nth-of-type(17) { transition-delay: 0.78s; } .js-hover div.mega_menu > ul > li:nth-of-type(18) { trlay: 0.82s; } .js-hover div.mega_menu > ul > li:nth-of-type(19) { transition-delay: 0.86s; } .js-hover div.mega_menu > ul > li:nth-of-type(20) { transition-delay: 0.9s; } .js-hover div.mega_menu > ul > li:nth-of-type(21) { transition-delay: 0.94s; } .js-hover div.mega_menu > ul > li:nth-of-type(22) { transition-delay: 0.98s; } .js-hover div.mega_menu > ul > li:nth-of-type(23) { transition-delay: 1.02s; } .js-hover div.mega_menu > ul > li:nth-of-type(24) { transition-delay: 1.06s; } .js-hover div.mega_menu > ul > li:nth-of-type(25) { transition-delay: 1.1s; } .js-hover div.mega_menu > ul > li:nth-of-type(26) { transition-delay: 1.14s; } .js-hover div.mega_menu > ul > li:nth-of-type(27) { transition-delay: 1.18s; } .js-hover div.mega_menu > ul > li:nth-of-type(28) { transition-delay: 1.22s; } .js-hover div.mega_menu > ul > li:nth-of-type(29) { transition-delay: 1.26s; } .js-hover div.mega_menu > ul > li:nth-of-type(30) { transition-delay: 1.3s; } .js-hover div.mega_menu > ul > li:nth-of-type(31) { transition-delay: 1.34s; } .js-hover div.mega_menu > ul > li:nth-of-type(32) { transition-delay: 1.38s; } .js-hover div.mega_menu > ul > li:nth-of-type(33) { transition-delay: 1.42s; } .js-hover div.mega_menu > ul > li:nth-of-type(34) { transition-delay: 1.46s; } .js-hover div.mega_menu > ul > li:nth-of-type(35) { transition-delay: 1.5s; } .js-hover div.mega_menu > ul > li:nth-of-type(36) { transition-delay: 1.54s; } .js-hover div.mega_menu > ul > li[data-is-private = "1"]{ transition-delay: 0s; } /** * 新着ページ装飾 */ body:not(.menu-edit-mode) li[data-is-new = "1"] > a{ position: relative; } body:not(.menu-edit-mode) li[data-is-new = "1"] > a:after{ content: ""; width: 30px; height: 18px; display: block; background: url(../images/menu_list_mark_new.png) top center; position: absolute; top: 3px; left: 4px; } body:not(.menu-edit-mode) li[data-is-new = "1"][data-included-middle-menu = "1"] > a:after{ background-image: url(../images/menu_list_mark_new_gray.png); } /** * 重要ページ装飾 */ div.mega_menu > ul > li[data-is-important = "1"] > a{ background-position: left 5px top 14px; font-size: 14px; font-weight: bold; } div.mega_menu > ul > li > a:hover .pageTitleStr { text-decoration: underline; } .middle-menu__trigger{ position: relative; } .middle-menu__trigger > a{ box-sizing: border-box; cursor: pointer; position: relative; } [data-use-custom-font-size = "1"] .middle-menu__trigger > a{ font-size: 16px !important; background-repeat: no-repeat !important; transition: all .2s; } [datm-font-size = "1"] .middle-menu__trigger.font-size--1 > a{ background-image: url(../images/menu_folder_icon_size--1.png) !important; background-position: left 14px top 7px !important; padding: 12px 10px 10px 55px !important; } [data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--1 > a{ background-image: url(../images/menu_folder_icon_size--1--open.png) !important; background-position: left 14px top 7px !important; padding: 12px 10px 10px 55px !important; } [data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--2 > a{ background-image: url(../images/menu_folder_icon_size--2.png) !important; background-position: left 11px top 4px !important; padding: 12px 10px 10px 55px !important; } [data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--2 > a{ background-image: url(../images/menu_folder_icon_size--2--open.png) !important; background-position: left 11px top 4px !important; padding: 12px 10px 10px 55px !important; } [data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--3 > a{ background-image: url(../images/menu_folder_icon_size--2.png) !important; background-position: left 11px top 4px !important; padding: 12px 10px 10px 55px !important; } [data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--3 > a{ background-image: url(../images/menu_folder_icon_size--2--open.png) !important; background-position: left 11px top 4px !important; padding: 12px 10px 10px 55px !important; } [data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--4 > a{ background-image: url(../images/menu_folder_icon_size--3.png) !important; background-position: left 8px top 0px !important; padding: 12px 10px 10px 55px !important; } [data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--4 > a{ background-image: url(../images/menu_folder_icon_size--3--open.png) !important; background-position: left 8px top 0px !important; padding: 12px 10px 10px 55px !important; } [data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--5 > a{ background-image: url(../images/menu_folder_icon_size--4.png) !important; background-position: left 3px top -8px !important; padding: 12px 10px 10px 55px !important; } [data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--5 > a{ background-image: url(../images/menu_folder_icon_size--4--open.png) !important; background-position: left 3px top -8px !important; padding: 12px 10px 10px 55px !important; } .middleMenuTitle{ margin-right: 7px; } .child-count__wrap { text-align: center; color: #926200; font-size: 11px; line-height: 1; display: inline-block; padding: 0 3px 0; width: 28px; box-sizing: border-box; position: relative; font-family: 'Arial'; z-index: 0; } .child-count__wrap .child-count__inner{ 200; font-family: 'Arial'; font-size: 11px; line-block; } .side-middle-menu__head[data-menu-open-state = "open"] .child-count__wrap .child-count__inner, li[data-tate = "close"] .child-count__wrap .child-count__inner{ transform: rotateX(45deg); display: inline-block; position: relative; top: 2px; } .mega_menu .child-count__wrap{ width: 26px; textter; color: inherit; font-size: 10px; line-height: 1; display: inline-block; position: absolute; left: 13px; top: 17px; letter-spacing: -.03em; transition: all .2s; transform-origin: top center; padding: 0; } .middle-menu__trigger[data-middle-menu-state = "open"].font-size--1 .child-count__wrap, .middle-menu__trigger[data-middle-menu-state = "open"].font-size--2 .child-count__wrap{ transform: rotateX(-50deg); top: 21px; } .middle-menu__trigger[data-middle-menu-state = "open"].font-size--3 .child-count__wrap, .middle-menu__trigger[data-middle-menu-state = "open"].font-size--4 .child-count__wrap{ transform: rotateX(-50deg); top: 23px; } .middle-menu__trigger[data-middle-menu-state = "open"].font-size--5 .child-count__wrap{ transform: rotateX(-50deg); top: 25px; left: 14px; } .child-count__wrap:before{ content: ""; width: 24px; height: 24px; background: url(../images/menu_folder_icon_size--1--open.png) no-repeat center left; position: absolute; left: 2px; bottom: -4px; z-index: -1; } .mega_menu .child-count__wrap:before{ display: none; } .side_bar_sub .child-count__wrap:before, .ul_lead .child-count__wrap:before{ /* left: 3px;*/ } .js-childCount, .js-searchResultCount { line-height: 1; } .js-childCount[data-show="1"], .js-searchResultCount[data-show="1"] { display: inline-block; color: #926200 !important; font-weight: bold; font-family: "Arial" !important; } .js-childCount[data-show="0"], .js-searchResultCount[data-show="0"] { display: none; } [data-show-grandson-count = "0"] .child-count__wrap{ display: none; } .middle-menu__trigger--sp{ display: none; } .middle-menu__arrow{ width: 16px; height: 8px; background-image: url(../images/middle_menu_open_arrow.png); background-position: 0 -4px; backat: no-repeat; display: inline-block; position: relative; right: -5px; top: -1px; transform: rotate(0deg); transform-origin: center center; transition: .3s; display: none !important; } .middle-menu__trigger[data-middle-menu-state = "open"] .middle-menu__arrow{ content: ""; transform: rotate(-180deg); } /** * 2021-04-28 kitagawa * メガメニュー内のフォルダレイアウト * デザインによって行数を変えたいときは width と margin-left、 nth- の上書きで可能 * 計算式は下に書いておく */ .middle-menu__wrap{ width: calc( 300% + 40px ); background: #fffdf7; border: 1px solid #ffeba0; border-radius: 3px; box-sizing: border-box; display: none; marg position: relative; z-index: 1; } .mega_menu .ul_sub li.js-searchTargetOuter.columnsFirst .middle-menu__wrap { width: calc( 300% + 40px ); margin-left: 0; } .mega_menu .ul_sub li.js-searchTargetOuter.columnsFirst .middle-menu__wrap:before { content: ""; position: absolute; top: -16px; left: 5%; margin-left: 9px; } #menu_wrapper div.searchedEmpty, div.mega_menu > ul.searchedEmpty { position: absolute; top: calc(50% - 23px); left: calc(50% - 190px); color: #000; width: 380px; height: 46px; box-sizing: border-box; vertical-align: middle; font-size: 15px; display: none; } #menu_wrapper div.searchedEmpty[data-show="1"], div.mega_menu > ul.searchedEmpty[data-show="1"] { display: block; } div.mega_menu > ul.searchedEmpty[data-show="1"]{ width: 100%; height: 100%; color: #333; display: block !important; left: 0; padding: 15px; position: static; top: 0; } div.mega_menu > ul.searchedEmpty[data-show="1"] .searchedEmptyList{ width: 100%; background: #fef0ef; border: 1px solid #c83335; border-radius: 3px; box-sizing: border-box; } div.mega_menu > ul.searchedEmpty .emptyString{ display: block; } .mega_menu .js-subPageList[data-show="0"] { display: none !important; } .mega_menu .searchedResultStringOuter { font-size: 12px; position: absolute; top: 20px; left: 21px; max-width: 450px; text-align: left; line-height: 1.25; padding: 4px 10px 3px; background: #FFF; border-radius: 5px; border: 1px solid #DDD; color: #555; display: none; } .side_bar_left .mega_menu .searchedResultStringOuter, .side_bar_right .mega_menu .searchedResultStringOuter{ max-width: 330px; } .mega_menu .searchedResultStringOuter[data-show="1"] { display: block; } .mega_menu .searchedKeywordWrap .searchedKeyword { font-size: 14px; font-weight: bold; } .mega_menu .searchedResultStringOuter .searchedCount { font-size: 14px; font-weight: bold; } #menu li#gmenu_search { display: none; } .middle-menu__wrap:before { content: ""; position: absolute; top: -16px; left: 1%; margin-left: 9px; border:9px solid transparent; border-bottom:9px solid #fffefb; } .middle-menu__wrap:after { content: ""; position: absolute; top: -18px; z-index: -1; left: 0.8%; margin-left: 11px; border: 9px solid transparent; border-bottom: 9px solid #ffeba0; } .ul_sub li:nth-of-type(3n-1) .middle-menu__wrap{ /* 3列のとき */ margin-left: calc( -100% - 20px ); } .ul_sub li.js-searchTargetOuter.columnsSecond .middle-menu__wrap { margin-left: calc( -100% - 20px ); } .ul_sub li.js-searchTargetOuter.columnsSecond .middle-menu__wrap:before { content: ""; position: absolute; top: -16px; left: 35.3%; margin-left: 9px; border:9px solid transparent; border-bottom:9px solid #fffefb; } .ul_sub li.js-searchTargetOuter.columnsSecond[data-is-private = "1"] .middle-menu__wrap:before { content: ""; border-bottom:9px solid #fffefb; } .ul_sub li.js-searchTargetOuter:nth-of-type(3n-1) .middle-menu__wrap:before { content: ""; position: absolute; top: -16px; left: 35.3%; margin-left: 9px; border:9px solid transparent; border-bottom:9px solid #fffefb; } .ul_sub li.js-searchTargetOuter:nth-of-type(3n-1) .middle-menu__wrap::after { content: ""; left: 35%; } .ul_sub li:nth-of-type(3n-1)[data-is-private = "1"] .middle-menu__wrap:before { content: ""; border-bottom:9px solid #fffefb; } .ul_sub li:nth-of-type(3n) .middle-menu__wrap{ /* 3列のとき */ margin-left: calc( -200% - 40px ); /* -100% * n-1(列数) */ } .ul_sub li.js-searchTargetOuter.columnsThird .middle-menu__wrap { margin-left: calc( -200% - 40px ); } .ul_sub li.js-searchTargetOuter.columnsThird .middle-menu__wrap:before { content: ""; position: absolute; top: -16px; left: 69.1%; margin-left: 9px; border:9px solid transparent; border-bottom:9px solid #fffefb; } .ul_sub li:nth-of-type(3n) .middle-menu__wrap:before { content: ""; position: absolute; top: -16px; left: 69.1%; margin-left: 9px; border:9px solid transparent; border-bottom:9px solid #fffefb; } .ul_sub li.js-searchTargetOuter:nth-of-type(3n) .middle-menu__wrap::after { content: ""; left: 68.9%; } .middle-menu__list{ width: 100%; align-items: flex-start; cursor: default; display: flex; flex-wrap: wrap; vertical-align: middle; box-sizing: border-box; padding: 5px; } .middle-menu__list li{ width: calc( 33.3333333% - 20px ); padding: 3px 10px; } .middle-menu__list li > a, .middle-menu__list li > a:visited { background-color: inherit; /* background-image: url(../images/menu_list_mark_sub.gif);*/ background-repeat: no-repeat; background-position: left 6px top 12px; background-size: 10px 12px; color: #000; display: block; font-size: 16px; line-height: 120%; padding: 12px 10px 12px 10px; border-radius: 3px; text-decoration: none; } .middle-menu__list li > a:hover .pageTitleStr{ text-decoration: underline; } .sub--child a.current-record{ font-weight: bold; } /** * ここまで * -- メガメニュー内のフォルダレイアウト -- */ /* メガメニュー 項目（右端）:上書き不可 */ div.mega_menu > ul > li.no_right{ margin-right: 0; } /* メガメニュー 項目（下端）:上書き不可 */ div.mega_menu > ul > li.no_bottom{ margin-bottom: 0; } /* メガメニュー ポインタ矢印画像「上」 div（雛形）: 画像・サイズ(height)指定 */ #mega_menu_pointer_h { display: none; background-image: url(../images/menu_arrow_mega_h.png); width: 20px; height: 10px; } /* メガメニュー ポインタ矢印画像「下」 div（雛形）: 画像・サイズ(height)指定 */ #mega_menu_pointer_hb { display: none; background-image: url(../images/menu_arrow_mega_hb.png); width: 20px; height: 10px; } /* メガメニュー ポインタ矢印画像「左」 div（雛形）: 画像・サイズ(height)指定 */ #mega_menu_pointer_vl { display: none; background-image: url(../images/menu_arrow_mega_vl.png); width: 10px; height: 20px; } /* メガメニュー ポインタ矢印画像「右」 div（雛形）: 画像・サイズ(height)指定 */ #mega_menu_pointer_vr { display: none; background-image: url(../images/menu_arrow_mega_vr.png); width: 10px; height: 20px; } div.mega_menu .sub--top b, div.mega_menu .pageTitle{ display: flex; flex-wrap: nowrap; } div.mega_menu .pageTitle.searched{ display: block; } div.mega_menu .pageNum { text-align: center; font-family: "Arial" !important; text-decoration: none !important; display: inline-block; font-size: 9px; color: #AAA; position: relative; margin: 0 5px 0 0; top: -1px; min-width: 21px; z-index: 0; } div.mega_menu .pageNum:before{ content: ""; display: block; z-index: -1; border-radius: 10px; width: 18px; height: 18px; border: 1px solid #BBB; position: absolute; top: -1px; left: 1px; } div.mega_menu .searched .pageNum{ display: none !important; } div.mega_menu[data-active-tab = "close"] li.sub--top, div.mega_menu[data-active-tab = "close"] li[data-is-private = "0"]{ display: none !important; } div.mega_menu[data-active-tab = "open"] li[data-is-private = "1"]{ display: none !important; } div.mega_menu[data-active-tab = "open"]:has(.searchedResultStringOuter[data-show = "1"]) li.js-searchTargetOuter[data-show="1"], div.mega_menu[data-active-tab = "open"]:has(.searchedResultStringOuter[data-show = "1"]) li.js-searchTargetList[data-show="1"], div.mega_menu[data-active-tab = "close"]:has(.searchedResultStringOuter[data-show = "1"]) li.js-searchTargetOuter[data-show="1"], div.mega_menu[data-active-tab = "close"]:has(.searchedResultStringOuter[data-show = "1"]) li.js-searchTargetList[data-show="1"]{ display: block !important; } /* ================================================================ * / グローバルメニュー関連 ここまで * ================================================================ /** * サイドバー○○の他のページ */ .side_bar_sub p.side-middle-menu__head{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgba(150,150,150,0.5); cursor: pointer; font-weight: bold; padding-left: 0px; padding-right: 28px; padding-top: 12px; padding-bottom: 10px; font-size: 14px; position: relative; } .side_bar_sub p.side-middle-menu__head:after{ content: ""; width: 16px; height: 16px; background-image: url(../images/middle_menu_open_arrow.png); background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; right: 5px; top: calc( 50% - 8px ); transition: .3s; transform: rotate(0deg); } .side_bar_sub p[data-menu-open-state = "open"].side-middle-menu__head:after{ content: ""; transform: rotate(-180deg); } .side_bar_sub p.grandson{ box-sizing: border-box; margin: 0; padding: 10px 5px 10px 15px; } .side-middle-menu__list{ display: none; } li.foot-middle-menu__head { clear: both; cursor: pointer; font-size: 14px; font-weight: bold; padding: 5px 28px 5px 0; position: relative; } .layout--list li.foot-middle-menu__head, .layout--card li.foot-middle-menu__head{ width: 100%; } li.foot-middle-menu__head:after{ content: ""; width: 16px; height: 16px; background-image: url(../images/middle_menu_open_arrow.png); background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; right: 5px; top: calc( 50% - 8px ); transition: .3s; transform: rotate(-180deg); } li[data-menu-open-state = "open"].foot-middle-menu__head:after{ content: ""; transform: rotate(0deg); } .side-middle-menu__head[data-menu-open-state = "close"] .child-count__wrap:before, li[data-menu-open-state = "open"] .child-count__wrap:before{ background: url(../images/menu_folder_icon_size--1.png) no-repeat center left; } .foot-middle-menu__list-wrap{ width: 100%; box-sizing: border-box; margin-bottom: 20px; padding: 0 10px; } .foot-middle-menu__list, .layout--default .foot-middle-menu__list{ display: block; /* margin-bottom: 15px;*/ } .layout--list .foot-middle-menu__list, .layout--card .foot-middle-menu__list{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .foot-middle-menu__list:after{ content: ""; clear: both; display: block; } .ul_lead .foot-middle-menu__list .grandson { box-sizing: border-box; font-size: 12px; position: relative; } .ul_lead .foot-middle-menu__list .grandson:before { content: "-"; font-size: 12px; color: #CCC; margin: 0 5px; position: absolute; top: 3px; left: 0px; } .ul_lead.layout--default .foot-middle-menu__list .grandson { padding: 3px 15px; } /*スマホ用ヘッダーパーツ非表示　20140604高橋追加*/ #smt_home_btn,#smt_contact_btn,#smt_tel_btn,#smt_est_btn,#smt_shop_btn{ display:none; } #smt_header{ display:none; } .company_rogo{ display:none; } #smt_head_base { display:none; } /* ================================================================ * 中古車情報 改修での追加クラス * ================================================================*/ .tokuten_body { /* TODO 実装 */ margin: 0 0 30px 0; color:#666; font-size:14px; } /* .tokuten_body:before { TODO ↑実装後にはこれは削除 font-size: 18px; color: #cc0000; margin-right: 5px; content: '※TODO CSS実装 (特典本文)'; } */ .pr_body { /* TODO 実装 */ margin: 0 0 30px 0; color:#666; font-size:14px; } /* .pr_body:before { TODO ↑実装後にはこれは削除 font-size: 18px; color: #cc0000; margin-right: 5px; content: '※TODO CSS実装 (PR本文)'; } */ /* ================================================================ * 中古車情報 編集機能 * ================================================================*/ /* 中古車一覧 編集メニュー */ #carDetailHeadBtn{ text-align:center; margin:0px 0 20px 0; color:#fff; z-index:1; } #carDetailOpenOrClose p{ width:30%; padding:2% 0; float:left; text-align:center; position:relative; cursor:pointer; font-size:12px; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); } #carDetailOpenOrClose #deleteUsedCarBtn{ float: right; z-index: 2; background: #ccc; color: #000; } /*20140627 IE7対応 高橋追加 */ .blog_item{ clear:both; margin: 0 0 60px; } .clDelete{ width:25%; padding:1% 0; background:#142937; box-shadow: 1px 1px 3px rgba(0,0,0,0.4) inset; cursor:pointer; color:#fff; position:relative; float:right; text-align:center; font-size:14px; display: none; /* 2014/07/02 誤操作が予想されるため一旦非表示 */ } .clOpen{background:#00B789;} .clEdit{background:#EF1C25;} .clClose{background:#939;} .clOff{ #ccc !important; color:#666 !important; } .clOff .clocArrow{ opacity:0.01 !important; } .clocIcon{ margin:0 10px 0 0; position: relative; bottom: 1px; } .clocArrow{ position:absolute; bottom:-8px; left:50%; margin:0 0 0 -12px; } #carSearch { margin: 0 15px; } #carGallMask{ overflow: hidden; padding: 0 0 15px; margin: 0; } #carGallMask img{ height:60px; float:left; } #carGallMask div{ position: absolute; width:100%; height: 60px; cursor: pointer; /*IE9・10対応。空の要素にz-indexが効かないため*/ background:rgba(255,255,255,0); z-index:1; } div#js-currentMask{ width: 80px; border: 3px solid #c00; box-sizing: border-box; } .regidateDetail{ text-align:right; margin:0 0 10px; } .regidateDetail b{ color:#fff; font-size:14px; background:#444; padding:4px 8px 4px 8px ; border-radius: 2px; box-shadow: inset 1px 1px 4px rgba(0,0,0,0.8); font-weight:normal; } .regidateDetail b span{ opacity: 1.0; /* 編集画面 inplace でopacityを変える挙動の時に、0.8 になってしまっているためここで初期値 1 を設定 */ color: #fff; } .regidateDetail span.title { color:#fff; font-size:12px; padding:6px 8px 5px 26px; margin:0 2px 0 0; border-radius: 2px; box-shadow: inset 1px 1px 4px rgba(0,0,0,0.8); background:#444 url(../images/regidateDetailClock.png) no-repeat 7px center; } .carthumb_date{ position:absolute !important; bottom:0 !important; right:0 !important; display:block; padding:3px 6px; background:#222; color:#fff; font-size: 75%; } #tltpFlg{ /* width:41px; height:72px; position:fixed; bottom: 315px; right:0; z-index:98; cursor:pointer;*/ } .unreleaseButtom{ color: #999; font-size: 14px !important; } .clear { clear: both; } .back_page_link{ display:none; } .back_page_link a{ display:block; padding:10px; margin:0 0 20px 0; } /*2014-7-09　高橋追記*/ #hour_sidebar,#holiday_sidebar{ display:none; } /*2014-9-16　高橋追記*/ .recruit_section{ margin: 0 0 60px 0; } .input_pict_file{ margin:0 0 15px 0; } /*2014-11-06 求人ページ用クラス　高橋追記*/ #recruit_banner_block{ position: relative; padding: 0; margin-bottom: 30px; } #recruit_banner_block .link_banner_btn { background: none; } #recruit_banner_block .recruit_banner_page_link a:not(.linkTriggerEdit) { display:block; height:100px; line-height:100px; font-size:16px; color:#fff !important; font-weight:600; text-decoration:none !important; text-align:center; border:1px solid rgba(180,180,180,0.5); text-shadow: -1px 1px 0 #666; width:100%; margin:0 auto 0; box-sizing:border-box; background-image: url(../images/recuruit_person.png),url(../images/recuruit_btn_arrow.png),url(../images/recuruit_text_en.png),url(../images/recuruit_text_jp_pc.png),url(../images/btn_grass.png), linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 40%, #690 50%, #6da108 100%, #6da108 100%); background-image: url(../images/recuruit_person.png),url(../images/recuruit_btn_arrow.png),url(../images/recuruit_text_en.png),url(../images/recuruit_text_jp_pc.png),url(../images/btn_grass.png), -webkit-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 40%, #690 50%, #6da108 100%, #6da108 100%); background-image: url(../images/recuruit_person.png),url(../images/recuruit_btn_arrow.png),url(../images/recuruit_text_en.png),url(../images/recuruit_text_jp_pc.png),url(../images/btn_grass.png), -moz-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 40%, #690 50%, #6da108 100%, #6da108 100%); background-image: url(../images/recuruit_person.png),url(../images/recuruit_btn_arrow.png),url(../images/recuruit_text_en.png),url(../images/recuruit_text_jp_pc.png),url(../images/btn_grass.png), -ms-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 40%, #690 50%, #6da108 100%, #6da108 100%); background-position: left -5px bottom 0, right 3px bottom 3px, right 7px top 20px, right 10px top 45px,center bottom 30px,top left; background-size: 80px,10px,374px,112px,cover,100%; background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat; min-width: 200px; } #recruit_banner_block p.recruit_banner_page_link { background: none !important; } #recruit_banner_block .recruit_banner_page_link a:hover{ color:#fff !important; } #recruit_banner_block .linkOverlay[href=""] { display: none; } .rec_scrl_btn{ background: #06f; margin: auto; margin-bottom: 25px !important; color:#fff; border-radius: 5px; font-size: 16px; font-weight: bold; width: 215px; clear: both; text-align: center; cursor: pointer; display: block; padding: 10px 0; border: none; } .select_point{ cursor:pointer; font-size:14px; margin-right:20px; } .estimateCategory { display: inline-block; width: calc( ( 100% - 15px ) / 3 ); box-sizing: border-box; float: left; margin: 0 5px 5px 0; background: #eee; border-radius: 15px; border: 1px solid #ccc; padding: 3px 0; text-align: center; color: #222; } .estimateCategory:hover{ opacity:0.8; } .estimateCategory.current{ background:#c00; color:#eee; border: 1px solid #b00; } .est_table_car .estimateCategory:not(.current) { opacity: .5; } .estimateCategory input{ display:none; } td .estimateCategory:nth-of-type(3n) { margin: 0 0 5px; } .requiredLabel{ font-size: 11px; background: #f33; padding: 1px 5px 1px 4px; margin-left: 7.5px; border-radius: 3px; vertical-align: middle; display: inline-block; color: #FFF; width: 32px !important; height: 18px !important; line-height: 18px !important; box-sizing: border-box; transform: translateY(-2px); } .paymentWayTitle .requiredLabel{ display: inline; color: #f33; font-size:10px; } .blog_item h2 span.requiredLabel{ text-align:center; } .datePickTriggerIcon{ vertical-align:middle; margin:0 0 0 15px; cursor:pointer; } .datePickTriggerIcon[data-form-item="career1_period_start"], .datePickTriggerIcon[data-form-item="career1_period_end"], .datePickTriggerIcon[data-form-item="career2_period_start"], .datePickTriggerIcon[data-form-item="career2_period_end"]{ margin: 0 15px 0 0; } .js-datePicker{ position:absolute; display:none; z-index:2; } .js-datePicker tr{ float:none !important; } .js-datePicker th, .js-datePicker td { width: auto; padding:0 !important; width: auto !important; display: table-cell !important; font-size: initial !important; text-align: initial !important; float:none !important; } .js-datePicker th { padding: .3em !important; text-align: center !important; font-weight: bold; border: 0; } .est_table_car .ui-datepicker-calendar th{ background-color:#aaa; } .est_table_car th, .est_table_client th, .contact_table th{ position:relative; } .checkedValidIcon{ width: 20px; position: relative; vertical-align: middle; transform: translateY(-2px); margin-left: 10px; opacity: 0; } .checkedValidIcon.no-animate { opacity:1; } .checkedValidIcon:not(.no-animate).js-checked{ animation-name:addCheckIconAction; animation-duration:.9s; animation-fill-mode:forwards; opacity:1; } .checkedValidIcon:not(.no-animate).js-checked.js-removing{ animation-name:removeCheckIconAction; animation-duration:.45s; animation-fill-mode:forwards; opacity:0; } .goFlightInputOuter { margin-bottom: 10px } .goFlightInputOuter .goFlightString, .returnFlightInputOuter .returnFlightString { margin-right: 10px; display: inline-block; font-size: 14px; } .goFlightInputOuter .airlines, .returnFlightInputOuter .airlines { margin-right: 15px; font-size: 14px; } .goFlightInputOuter .flightNumber, .returnFlightInputOuter .flightNumber { width: 90px; font-size: 14px; } .rentalCarInput { font-size: 14px; } .babySheetSelectOuter, .childSheetSelectOuter { margin-bottom: 15px; } .reserve_datetime_year { margin-bottom: 10px; display: inline-block; position: relative; } .reserve_datetime_hour { display: inline-block; } .reserveDateOuter { margin-bottom: 10px; position: relative; display: inline-block; } .reserveDateOuter .datePickTriggerIcon { position: absolute; top: 0; right: -4px; margin: 0; } .reserveDateOuter.disnon { display: none; } .block_outer_estimate_form .addHopeDate, .block_outer_estimate_form .addHopeTime { color: #3366FF; text-decoration: underline; font-size: 13px; cursor: pointer; display: block; width: 100px; } .reserveDateOuter .hopeNumber, .reserve_datetime_hour .hopeNumber { display: block; font-size: 12px; margin: 0 5px 5px 0; } @keyframes addCheckIconAction{ 0% { transform: perspective(10px) translateY(-2px) translateZ(9px) rotate(-72deg); -webkit-transform: perspective(10px) translateY(-2px) translateZ(9px) rotate(-72deg); opacity: 0.2; } 100% { transform: perspective(10px) translateY(-2px) translateZ(0px) rotate(0deg); -webkit-transform: perspective(10px) translateY(-2px) translateZ(0px) rotate(0deg); opacity: 1; } } @keyframes removeCheckIconAction{ 0% { opacity: 1; } 100% { opacity: 0; } } .ui-icon-circle-triangle-w{ background-image : url(../images/datePicker-left.png) !important; } .ui-icon-circle-triangle-e{ background-image : url(../images/datePicker-right.png) !important; } .ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e{ background-position: center !important; border-radius: 100%; } .inputarea,.inputarea2,.inputarea3{ padding:0 5px; border: 1px solid #CCCCCC; border-radius: 3px; -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset; } .auto_input_notice_text{ background-repeat: no-repeat; background-size: 13px; background-position: top 4px left; cursor: default; display: inline; font-family: 'Noto Sans Jp', serif; font-size: 13px; font-weight: normal; margin-left: 10px; opacity: 0; padding: 0 0 0 15px; position: relative; top: -3px; transition: 0.3s; } .auto_input_notice_text.successGetAdd{ background-image: url(../images/select_check.png); color: #4CAF50; } .auto_input_notice_text.falseGetAdd{ background-image: url(../images/select_caution.png); color: #b64949; } /*2015-04-14 サンキューページ　アンケートクラス　高橋追記*/ .enquete_caption{ margin:0 0 30px 0; } .enqate_question_block{ margin:0 0 45px 0; } .enqate_question_block h3 { margin:0 0 10px 0; } .enqate_question_block label { padding:0 30px 0 0; cursor:pointer; line-height:180%; } #other_good_reason_text_block, #other_bad_reason_text_block { display:none; padding:15px 0 0 0; } #other_good_reason_text_block textarea, #other_bad_reason_text_block textarea{ width:96%; padding:2%; height:150px; } /*2015-06-26 営業日カレンダー部分　阿部追記*/ div#eigyoubi_cal{ width:100%; margin:0 0 30px; position: relative; } div#eigyoubi_cal h4, #eigyoubi_cal #help_area{ background-image:url(../images/calendar_bg.png); background-repeat:repeat; color:#fff; text-align:center; margin:0 0 20px; padding:10px 0px; font-weight:normal; font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; font-size: 12px; } div#eigyoubi_cal div#help_area{ margin:5px auto 20px; padding:5px 0px; text-align:center; } #eigyoubi_cal #now, #eigyoubi_cal #next{ margin: 0 0 20px; background-image:url(../images/calendar_bg.png); background-repeat:repeat; border-radius:7px; } div#eigyoubi_cal p{ text-align: center; margin: 0; font-size: 16px; padding: 3px 0 !important; line-height: normal; border-top-left-radius: 7px; border-top-right-radius: 7px; color:#fff !important; background-image: url(../images/month_bg.png); background-position: top; background-repeat:repeat; opacity:0.9; font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif } #edittable01, #edittable02{ width: 100%; display:inline-table; } #edittable01 th, #edittable02 th{ padding:5px 0; text-align:center; } #edittable01 th, #edittable02 th{ font-weight:normal; color:#fff; } #edittable01 th a, #edittable02 th a{ text-decoration: none; color:#fff !important; font-weight: normal; font-size:14px; display:block; width:100%; font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; } #edittable01 td, #edittable02 td{ width: calc( 100% / 7 ); background-color: #fff; text-align:center; } #edittable01 td.closed, #edittable02 td.closed, #edittable01 td.regularClosed, #edittable02 td.regularClosed, #edittable01 td.allholclosed, #edittable02 td.allholclosed{ } #edittable01 td.closed span, #edittable02 td.closed span, #edittable01 td.regularClosed span, #edittable02 td.regularClosed span, #edittable01 td.allholclosed span, #edittable02 td.allholclosed span{ background-color: inherit !important; color: rgba(0,0,0,.25) !important; } /** * 2023-10-17 * デザイン毎のあしらいを打ち消す意図 */ #edittable01 td.closed span:before, #edittable02 td.closed span:before, #edittable01 td.regularClosed span:before, #edittable02 td.regularClosed span:before, #edittable01 td.allholclosed span:before, #edittable02 td.allholclosed span:before, #edittable01 td.closed span:after, #edittable02 td.closed span:after, #edittable01 td.regularClosed span:after, #edittable02 td.regularClosed span:after, #edittable01 td.allholclosed span:after, #edittable02 td.allholclosed span:after{ content: ""; display: none !important; } #edittable01 span, #edittable02 span{ display:block; color:#000; font-size:14px; font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; padding:4px 0; } body.edit #edittable01 span, body.edit #edittable02 span{ cursor: pointer; } #edittable01 span.sat, #edittable02 span.sat{ color:#1989fa; } #edittable01 span.sun, #edittable02 span.sun, #edittable01 span.hday, #edittable02 span.hday, #edittable01 span.hsat, #edittable02 span.hsat, #edittable01 span.hsun, #edittable02 span.hsun{ color:#f51a0f; } /* 「今日」のあしらい */ #edittable01 .currentDay, #edittable02 .currentDay{ position: relative; z-index: 0; } #edittable01 .currentDay span.day, #edittable02 .currentDay span.day{ color: #fff; } body[data-main-color="cc0000"] #edittable01 .currentDay:after, body[data-main-color="cc0000"] #edittable02 .currentDay:after{ content: ""; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #cc0000; top: calc(50% - 13px); left: calc(50% - 13px); border-radius: 100%; } body[data-main-color="ff9900"] #edittable01 .currentDay:after, body[data-main-color="ff9900"] #edittable02 .currentDay:after{ content: ""; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #ff9900; top: calc(50% - 13px); left: calc(50% - 13px); border-radius: 100%; } body[data-main-color="ffcc00"] #edittable01 .currentDay:after, body[data-main-color="ffcc00"] #edittable02 .currentDay:after{ content: ""; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #ffcc00; top: calc(50% - 13px); left: calc(50% - 13px); border-radius: 100%; } body[data-main-color="99cc00"] #edittable01 .currentDay:after, body[data-main-color="99cc00"] #edittable02 .currentDay:after{ content: ""; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #99cc00; top: calc(50% - 13px); left: calc(50% - 13px); border-radius: 100%; } body[data-main-color="006600"] #edittable01 .currentDay:after, body[data-main-color="006600"] #edittable02 .currentDay:after{ content: ""; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #006600; top: calc(50% - 13px); left: calc(50% - 13px); border-radius: 100%; } body[data-main-color="3399ff"] #edittable01 .currentDay:after, body[data-main-color="3399ff"] #edittable02 .currentDay:after{ content: ""; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #3399ff; top: calc(50% - 13px); left: calc(50% - 13px); border-radius: 100%; } body[data-main-color="0066ff"] #edittable01 .currentDay:after, body[data-main-color="0066ff"] #edittable02 .currentDay:after{ content: ""; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #0066ff; top: calc(50% - 13px); left: calc(50% - 13px); border-radius: 100%; } body[data-main-color="6633cc"] #edittable01 .currentDay:after, body[data-main-color="6633cc"] #edittable02 .currentDay:after{ content: ""; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #6633cc; top: calc(50% - 13px); left: calc(50% - 13px); border-radius: 100%; } body[data-main-color="ff6699"] #edittable01 .currentDay:after, body[data-main-color="ff6699"] #edittable02 .currentDay:after{ content: ""; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #ff6699; top: calc(50% - 13px); left: calc(50% - 13px); border-radius: 100%; } body[data-main-color="333333"] #edittable01 .currentDay:after, body[data-main-color="333333"] #edittable02 .currentDay:after{ content: ""; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #333333; top: calc(50% - 13px); left: calc(50% - 13px); border-radius: 100%; } body[data-main-color="000000"] #edittable01 .currentDay:after, body[data-main-color="000000"] #edittable02 .currentDay:after{ content: ""; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #000000; top: calc(50% - 13px); left: calc(50% - 13px); border-radius: 100%; } body[data-main-color="ffffff"] #edittable01 .currentDay:after, body[data-main-color="ffffff"] #edittable02 .currentDay:after{ ; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #dddddd; top: calc(50% - 13px); 50% - 13px); border-radius: 100%; } #edittable01 td.closed.currentDay:after, #edittable02 td.closed.currentDay:after, #edittable01 td.regularClosed.currentDay:after, #edittable02 td.regularClosed.currentDay:after, #edittable01 td.allholclosed.currentDay:after, #edittable02 td.allholclosed.currentDay:after{ display: none; } /* 「今日」のあしらい ここまで */ .monthlyCalendarHead{ align-items: center; display: flex; justify-content: space-between; margin: 0 0 5px; user-select: none; } .monthlyCalendarHead .prevMonth, .monthlyCalendarHead .nextMonth{ cursor: pointer; font-size: 12px; line-height: 1; } .monthlyCalendarHead .prevMonth{ background: url(../images/monthly_calender_prev_arrow.png)no-repeat center left 0px; padding: 2px 10px 1px 15px; } .monthlyCalendarHead .prevMonth:hover{ text-decoration: underline; } .monthlyCalendarHead .nextMonth{ background: url(../images/monthly_calender_next_arrow.png)no-repeat center right 0px; padding: 2px 15px 1px 10px; } .monthlyCalendarHead .nextMonth:hover{ text-decoration: underline; } .monthlyCalendarHead .prevMonth.disabled, .monthlyCalendarHead .nextMonth.disabled{ opacity: .0; pointer-events: none; } .monthlyCalendarHead .currentYearStr{ font-size: 125%; } .allholclosed{ background-color: #32cd32; } .sp_freepage_accordion_btn{ display:none; } .input_pict_file input { width:300px; } /* 20150105 新QRコードブロック 阿部追記*/ #mobile_QR_info .common_qrimg{ border:1px solid #ddd; padding:3px; } input[type="file"] { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; cursor:pointer; } #menu li a{ word-break:break-all; } /* 20160415 高橋追記　3連メニューテキスト化 */ .toppage_h2 span{ display:table-cell; vertical-align:middle; height: 40px; width: 200px; font-size:12px; } /* 20160513 上田追記　h3 span bを表示 */ .box_flow h3 span b, .box_feature h3 span b, .box_jirei h3 span b, .box_coupon h3 span b, .box_promise h3 span b, .box_tokuten h3 span b, .box_voice h3 span b, .campaign_content h3 span b, .box_setsubi h3 span b, .box_staff h3 span b, .box_free h3 span b, .box_dksm h3 span b, .div_box_faq h3 span b { display:inline; background:none; margin:0; padding:0; float:none; border:none; } /*キャンペーンブロック画像挿入改修*/ /* .campaign_content .img_box_left, .campaign_content .img_box_right { float: none; margin-left: 0 !important; margin-right: 0 !important; border: none; background: none; } */ /*h3未使用の公開*/ .campaign_content .b_campaign { display: block; float: none; } .s_text { font-size:12px; } .l_text { font-size:18px; } .b_text { font-weight:bold; } /*//2017-6-12 okuno*/ /**************************************/ /*------ animation ------*/ .purun {animation: purun 0.8s ease forwards ;} @keyframes purun { 0% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity:0;} 15% { transform: scale(0.9, 0.9) translate(0%, 5%); } 30% { transform: scale(1.3, 0.8) translate(0%, 10%); } 50% { transform: scale(0.8, 1.3) translate(0%, -10%); } 70% { transform: scale(1.1, 0.9) translate(0%, 5%); } 100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity:1;} } .poyon {animation: poyon 1.1s ease forwards;} @keyframes poyon { 0% { transform: scale(0.8, 1.4) translate(0%, -100%); opacity:0;} 10% { transform: scale(0.8, 1.4) translate(0%, -15%); } 20% { transform: scale(1.4, 0.6) translate(0%, 30%); } 30% { transform: scale(0.9, 1.1) translate(0%, -10%); } 40% { transform: scale(0.95, 1.2) translate(0%, -30%); } 50% { transform: scale(0.95, 1.2) translate(0%, -10%); } 60% { transform: scale(1.1, 0.9) translate(0%, 5%); } 70% { transform: scale(1.0, 1.0) translate(0%, 0%); } 100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity:1;} } .poyooon {animation: poyooon 0.9s ease forwards;} @keyframes poyooon { 0% { transform: scale(1.0, 1.0) translate(0%, 0%);opacity: 0 } 10% { transform: scale(1.1, 0.9) translate(0%, 5%); } 40% { transform: scale(1.2, 0.8) translate(0%, 15%); } 50% { transform: scale(1.0, 1.0) translate(0%, 0%); } 60% { transform: scale(0.9, 1.2) translate(0%, -100%); } 75% { transform: scale(0.9, 1.2) translate(0%, -20%); } 85% { transform: scale(1.2, 0.8) translate(0%, 15%); } 100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1} } .fromBottom {animation: fromBottom 0.9s ease forwards;} @keyframes fromBottom { 0% { transform: scale(1.1, 1.1) translate(0%, 5%);opacity: 0 } 100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1} } .fromLeft {animation: fromLeft 0.9s ease forwards;} @keyframes fromLeft { 0% { transform: scale(1.1, 1.1) translate(-5%, 0%);opacity: 0 } 100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1} } .fromRight {animation: fromRight 0.9s ease forwards;} @keyframes fromRight { 0% { transform: scale(1.1, 1.1) translate(5%, 0%);opacity: 0 } 100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1} } .expandUp {animation: expandUp 0.7s ease forwards;} @keyframes expandUp { 0% {transform: translateY(100%) scale(0.6) scaleY(0.5);} 60%{transform: translateY(-7%) scale(1.08) scaleY(1.12);} 75%{transform: translateY(3%);} 100% {transform: translateY(0%) scale(1) scaleY(1);} } .fadeBlockUp {animation: fadeBlockUp 1s forwards;} @keyframes fadeBlockUp { 0% {opacity:0; top: 60px;} 100% {opacity:1; top: 0;} } .pulse {animation: pulse 1.5s infinite;} @keyframes pulse { 0% {transform:scale(0.9); opacity:0.7;} 50% {transform:scale(1); opacity:1;} 100% {transform:scale(0.9); opacity:0.7;} } .hatch {animation: hatch 1s ease-in-out forwards; transform-origin: 50% 100%;} @keyframes hatch { 0% {transform: rotate(0deg) scaleY(0.6);} 20% {transform: rotate(-2deg) scaleY(1.05);} 35% {transform: rotate(2deg) scaleY(1);} 50% {transform: rotate(-2deg);} 65% {transform: rotate(1deg);} 80% {transform: rotate(-1deg);} 100% {transform: rotate(0deg);} } .h2_box_fadein {animation: h2_box_fadein 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} @keyframes h2_box_fadein { 0% {opacity:0; transform:translate(0, 40px);} 100% {opacity:1; transform:translate(0, 0px);} } .fadeinLeft {animation: fadeinLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} @keyframes fadeinLeft { 0% {opacity:0; transform:translate(-40px, 0);} 100% {opacity:1; transform:translate(0, 0);} } .fadeinRight {animation: fadeinRight 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} @keyframes fadeinRight { 0% {opacity:0; transform:translate(40px, 0);} 100% {opacity:1; transform:translate(0, 0);} } .fadeinBottom {animation: fadeinBottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} @keyframes fadeinBottom { 0% {opacity:0; transform:translate(0, 40px);} 100% {opacity:1; transform:translate(0, 0px);} } .fadeinScale {animation: fadeinScale 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} @keyframes fadeinScale { 0% {opacity:0; transform:scale(1.1);} 100% {opacity:1; transform:scale(1.0);} } .slideinLeft {animation: slideinLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} @keyframes slideinLeft { 0% { -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0); opacity: 0; } 30% {opacity: 1;} 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } .crossin { position: relative; opacity: 1 !important; } .crossin:before { animation: crossin .3s cubic-bezier(.4, 0, .2, 1) forwards; background: #fff; bottom: 0; content: ''; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 1; } @keyframes crossin { 99% { transform: translateX(100%); opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } } .crossinRight { position: relative; opacity: 1 !important; } .crossinRight:before { animation: crossinRight .3s cubic-bezier(.4, 0, .2, 1) forwards; background: #fff; bottom: 0; content: ''; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 1; } @keyframes crossinRight { 99% { transform: translateX(-100%); opacity: 1; } 100% { transform: translateX(-100%); opacity: 0; } } .carPurun {animation: carPurun 0.8s ease forwards ;} @keyframes carPurun { 0% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity:1;} 15% { transform: scale(0.9, 0.9) translate(0%, 5%); } 30% { transform: scale(1.2, 0.7) translate(0%, 7%); } 50% { transform: scale(0.7, 1.2) translate(0%, -7%); } 70% { transform: scale(1.1, 0.9) translate(0%, 5%); } 100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity:1;} } /**************************************/ /* 在庫車検索のブロック */ .submit_btn { color: #FFF; text-shadow: -1px -1px 0 rgba(0,0,0,0.2); font-weight: bold; font-size: 16px; padding: 10px; border: 1px solid #FFF; border-radius: 3px; width: 260px; cursor: pointer; background-color: #ffaa00; background-image: url(../images/palette_btn_dot.png), url(../images/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%); background-repeat: repeat, no-repeat, repeat; background-position: left top, top center, left top; box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); transition: 0.3s; margin: 10px auto; display: block; font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; } .submit_btn:hover{ box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(0,0,0,0.7), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2); } #car_search_area { text-align: center; display: none; font-size: 12px; color: #222; margin: 30px 0 10px; } #carSearch_public { max-width: 960px; margin: 0 auto 10px auto; padding: 0 20px; } #car_maker { margin-bottom: 5px; width: 50%; float: left; } #car_name { margin-bottom: 15px; width: 50%; float: left; } #car_age { margin: 0 0 5px; width: 100%; } #car_status { margin: 0 0 5px; width: 50%; float: right; } #car_status .search_title { font-size: 15px; margin: 0 5px 0 0; } #car_distance { margin: 0 0 5px; width: 100%; } #car_cost { width: 100%; } #car_maker .search_title { font-size: 15px; } #car_name .search_title { font-size: 15px; margin: 0 5px 0 0; } #car_status .search_title, #car_maker .search_title , #car_name .search_title{ width:90px; } .search_title { display: inline-block; font-size: 15px; width: 75px; } #carMaker_public { width: 190px; font-size: 13px; } #carName_public { width: 60%; font-size: 13px; } #car_loader_wrap { text-align: center; } #car_loader_wrap span { margin-left: 10px; } #car_rteditor_loader { width: 35px; } .carinfo_wrapped, .carsort_wrapped, .extra_search_parameter_wrapped { width: 50%; overflow: hidden; float: left; margin: 0 0 15px; font-size: 15px; } .carsort_wrapped { float: none; } .display_sort_wrapped { width: 79%; float: left; } .display_sort_wrapped p { width: 70%; margin: 10px 0; float: left; } .display_sort_wrapped label { cursor: pointer; display: inline-block; margin: 0 5px 5px; } .display_sort_str { width: 21%; float: left; margin: 10px 0 0; } .extra_search_parameter_wrapped label{ cursor: pointer; } .display_extra_search_parameter_str{ width: 21%; float: left; } #car_safety, #car_maintenance{ cursor: pointer; position: relative; top: 1px; } .display_search_parameter_wrapped .search_parameter_str{ font-size: 14px; } .display_sort_wrapped .order_wrapped { width: 55px; } .display_sort_wrapped .order_label_checked { background: #555; color: #ffffff; border: 1px solid #707070; border-radius: 3px; width: 40px; text-align: center; font-size: 13px; } .display_sort_wrapped .order_label_unchecked { background: #ccc; color: #ffffff; border: 1px solid #ccc; border-radius: 3px; width: 40px; text-align: center; font-size: 13px; color: #FFF; border-radius: 3px; /* border-bottom: 4px solid #555; */ } #sort_order_asc { display: none; } #sort_order_desc { display: none; } .maker_link { padding: 0 0 0 5px; } .car_search_select { font-size: 13px; width: 100px; } #car_free_search_wrapped { font-size: 13px; margin: 25px 0; text-align: center; border-bottom: 1px solid #eee; padding: 0 0 20px; } #car_free_search_wrapped .search_title { width: 120px !important; } #car_free_search { padding: 5px; border: 1px solid #CCCCCC; border-radius: 3px; width: 50% !important; } #messagePanel { display: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0; background: rgba(0, 0, 0, 0.7); color: #FFF; z-index: 2; } #messagePanel div { position: absolute; top: calc( 50% - 36px ); text-align: center; width: 100%; height: 24px; } #carSearchSubmit_public { margin: 15px auto; } #reloadButton { position: absolute; top: calc( 60% - 12px ); left: calc(50% - 60px); text-align: center; width: 120px; height: 24px; margin: 10px auto; background: none; } #carTagSearchWrapped { text-align: left; width: 100%; overflow: hidden; font-size: 13px; margin: 0 0 25px; border-bottom: 1px solid #eee; padding: 0 0 20px; position: relative; } #carTagSearchWrapped[data-show="0"] { display: none; } #carTagSearchWrapped[data-show="1"] { display: block; } .usedcar_info_body #carTagSearchWrapped { display: block; } .usedcar_info_body #carTagSearchWrapped { border: none; margin: 0 0 30px; } #carTagSearchWrapped .tagShowBtn { position: absolute; top: 0; right: 20px; cursor: pointer; z-index: 1; } #carTagSearchWrapped .tagTitle { width: calc(15% - 5px); margin-right: 5px; box-sizing: border-box; vertical-align: top; float: left; display: inline-block; font-size: 15px; } .usedcar_info_body #carTagSearchWrapped .tagTitle { width: calc(15% - 5px) } .usedcar_info_body #carTagSearchWrapped .carTagOuter { width: 85%; } #carTagSearchWrapped .carTagOuter { width: 80%; display: flex; flex-wrap: wrap; box-sizing: border-box; position: relative; } #carTagSearchWrapped .carTagInner { display: inline-block; position: relative; float: left; z-index: 1; } #carTagSearchWrapped .carTagInner .carTagEdit { poslute; top: -2px; right: 19px; cursor: pointer; z-index: 2; } #carTagSearchWrapped .carTagInner .carTagEdit img{ display: block; } #carTagSearchWrapped .carTagInner .carTagDelete { position: absolute; top: 15px; right: 21px; cursor: pointer; z-index: 1; } #carTagSearchWrapped .carTagInner .carTagDelete img { width: 8px; padding: 2px; display: block; } #carTagSearchWrapped .carTag { display: inline-block; border-radius: 33px; font-size: 12px; box-sizing: border-box; margin: 0 15px 10px 0; padding: 5px 13px 4px; position: relative; cursor: default; } .edit #carTagSearchWrapped .carTag { cursor: pointer; margin: 0 40px 10px 0; } .carTagName, .tagLabel{ word-break: break-all; } #carTagSearchWrapped .addTagBtnOuter { clear: both; text-align: left; margin: 5px 0; width: 100%; } #carTagSearchWrapped .addTagBtnOuter .addTagBtn { display: inline-block; padding: 5px 10px; box-sizing: border-box; border-radius: 3px; font-size: 11px; background: #587ec1; color: #fff; cursor: pointer; box-shadow: 0 1px 3px rgb(0 0 0 / 20%); transition: all .2s; } #carTagSearchWrapped .addTagBtnOuter .addTagBtn .openString[data-show="1"], #carTagSearchWrapped .addTagBtnOuter .addTagBtn .closeString[data-show="1"] { display: block; font-weight: bold; } #carTagSearchWrapped .addTagBtnOuter .addTagBtn .openString[data-show="0"], #carTagSearchWrapped .addTagBtnOuter .addTagBtn .closeString[data-show="0"] { display: none; } #carTagSearchWrapped .addTagBtnOuter .addTagBtn:hover { opacity: 0.7; } #carTagSearchWrapped .addTagFormOuter { margin: 7px 0 0; text-align: left; } #carTagSearchWrapped .addTagFormOuter .addTagText { padding: 5px; border: 1px solid #CCCCCC; border-radius: 3px; width: 100%; box-sizing: border-box; height: 30px; font-size: 13px; margin-bottom: 5px; } #carTagSearchWrapped .addTagFormOuter[data-show="0"] { display: none; } #carTagSearchWrapped .addTagFormOuter[data-show="1"] { display: block; } #carTagSearchWrapped .addTagFormOuter .addTagSubmitBtn { display: inline-block; padding: 5px 10px; border-radius: 3px; font-size: 13px; color: #fff; cursor: pointer; box-shadow: 0 1px 3px rgb(0 0 0 / 20%); transition: all .2s; background: #444; height: 30px; box-sizing: border-box; } /*#carTagSearchWrapped .carTag:before { content: ""; background-image: url(../images/editlink_img2.png); background-repeat: no-repeat; background-size: contain; background-position: top left; width: 16px; height: 16px; top: calc(50% - 8px); right: -17px; position: absolute; } #carTagSearchWrapped .carTag:after { content: ""; background-image: url(../images/imageBoxDeleteImage_b.png); background-repeat: no-repeat; background-size: contain; background-position: top left; width: 23px; height: 23px; top: calc(50% - 12px); right: -35px; position: absolute; }*/ #carTagSearchWrapped .carTag { transition: all .1s; } #carTagSearchWrapped .carTag[data-clicked="0"] { color: #fff; background: #bbb; box-shadow: inset -1px -1px 2px rgba(255,255,255,0.2), inset 1px 1px 2px rgba(0,0,0,0.2); } #carTagSearchWrapped .carTag[data-clicked="1"] { background: #555; color: #ffffff; box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2); } #carTagSearchWrapped .carTag:hover { opacity: 0.7; } .addTagFormOuter .selectTag[data-selectting-tag="0"] { text-shadow: none; background: #bbb; color: #fff; padding: 3px 10px; box-sizing: border-box; border-radius: 10px; font-size: 10px; margin-right: 2px; margin-bottom: 7px; display: inline-block; cursor: pointer; } .addTagFormOuter .selectTag[data-selectting-tag="1"] { text-shadow: none; background: #555; color: #fff; padding: 3px 10px; box-sizing: border-box; border-radius: 10px; font-size: 10px; margin-right: 2px; margin-bottom: 7px; display: inline-block; cursor: pointer; } .addTagFormOuter .selectTag[data-selectting-tag="1"].tag-recommend { background: #fb5050 !important; } .addTagFormOuter .selectTag[data-selectting-tag="1"].tag-stock { background: #49bb9e !important; } .addTagFormOuter .selectTag[data-selectting-tag="1"].tag-soldOut { background: #eb4646 !important; } .addTagFormOuter .selectTag[data-selectting-tag="1"].tag-sales { background: #3baacf !important; } .addTagFormOuter .selectTag[data-selectting-tag="1"].tag-discussion { background: #f3a633 !important; } .addTagFormOuter .selectTag[data-selectting-tag="1"].tag-newCar { background: #e14185 !important; } .addTagFormOuter .selectTag[data-selectting-tag="1"].tag-unused { background: #4875fb !important; } .addTagFormOuter .createTagFormTextOuter { display: block; text-align: right; height: 0; overflow: hidden; transition: .35s; } .addTagFormOuter .createTagFormTextOuter.show { height: 40px; } .listOuter .usedcar_edit_btn .btn_tag_add { background: #587ec1; color: #fff; padding: 1px 5px 2px; text-shadow: none; box-sizing: border-box; } .usedcar_edit_btn .addTagFormSelect[data-show="1"] { width: 120px; padding: 5px 5px; border: 1px solid #CCCCCC; border-radius: 3px; font-size: 12px; } .usedcar_edit_btn .createTagFormText[data-show="1"] { padding: 5px; border: 1px solid #CCCCCC; border-radius: 3px; box-sizing: border-box; font-size: 12px; width: 100px; margin: 5px 0 0; } .usedcar_edit_btn .addTagFormSelect[data-show="0"], .usedcar_edit_btn .createTagFormText[data-show="0"] { display: none; } .usedcar_edit_btn .applyTagSubmitBtn[data-show="1"], .usedcar_edit_btn .createTagSubmitBtn[data-show="1"] { display: inline-block; padding: 5px 8px; box-sizing: border-box; border-radius: 3px; font-size: 12px; color: #fff; cursor: pointer; box-shadow: 0 1px 3px rgb(0 0 0 / 20%); transition: all .2s; background: #444; } .usedcar_edit_btn .applyTagSubmitBtn[data-show="0"], .usedcar_edit_btn .createTagSubmitBtn[data-show="0"] { display: none; } .addTagOuter { background: #fff; box-shadow: 1px 0px 3px rgb(0 0 0 / 15%); box-sizing: border-box; display: none; padding: 15px; position: absolute; right: -10px; top: 25px; z-index: 91; width: 300px; cursor: default; } .addTagOuter[data-show="0"] { display: none; } .addTagOuter[data-show="1"] { display: block; } .addTagSubmitBtn.loading:before, .applyTagSubmitBtn.loading:before { content: ""; background-image: url(../images/ajax-loader.svg); background-color: #fff; background-size: 18px 18px; background-repeat: no-repeat; width: 18px; height: 18px; position: absolute; top: calc( 50% - 9px ); left: calc( 50% - 9px ); } #carTagSearchWrapped:after, .addTagOuter:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255,255,255,1); background-image: url(../images/loader.svg); background-repeat: no-repeat; background-position: center center; opacity:0; transition:.5s; z-index: -1; } .addTagOuter:after { /* background-size: contain; */ } #carTagSearchWrapped.js-activeLoading:after, .addTagOuter.js-activeLoading:after { opacity:1; z-index: 1; } .addTagAlertString { color: #ff0000; font-size: 12px; margin: 5px 0; display: none; } .addTagAlertString[data-show="1"] { display: block; } .addTagOuter .bold { font-weight: bold; } .addTagOuter .createTag { display: block; width: 170px; margin-left: 170px; color: #000; font-weight: bold; font-size: 12px; text-shadow: 1px 1px 0.1px rgb(255 255 255 / 30%); overflow: hidden; cursor: pointer; } .usercar_list h3 img.recomendmark_img[data-should-show="0"], .usercar_list h3 .recoMark[data-should-show="0"], #carListThumNail_wrapper .thumbnail_box .carthumb_img img.recomendmark_img[data-should-show="0"], #carListThumNail_wrapper .thumbnail_box .carthumb_img .recoMark[data-should-show="0"], #carListSlideShow_wrapper .thumbnail_box .carthumb_img img.recomendmark_img[data-should-show="0"], #carListSlideShow_wrapper .thumbnail_box .carthumb_img .recoMark[data-should-show="0"] { display: none; } .usercar_list h3 img.recomendmark_img[data-should-show="1"], .usercar_list h3 .recoMark[data-should-show="1"], #carListThumNail_wrapper .thumbnail_box .carthumb_img img.recomendmark_img[data-should-show="1"], #carListThumNail_wrapper .thumbnail_box .carthumb_img .recoMark[data-should-show="1"], #carListSlideShow_wrapper .thumbnail_box .carthumb_img img.recomendmark_img[data-should-show="1"], #carListSlideShow_wrapper .thumbnail_box .carthumb_img .recoMark[data-should-show="1"] { display: inline-block; } .usercar_list .list_main p{ position: relative; } .usercar_list.listOuter[data-soldout-filter-show="1"]:has(.tag-soldOut[data-selectting-tag="1"]) .list_main p:after, #carListThumNail_wrapper .listOuter[data-soldout-filter-show="1"] .carthumb_img:has(.tag-soldOut[data-selectting-tag="1"]):after, #carListSlideShow_wrapper .listOuter[data-soldout-filter-show="1"] .carthumb_img:has(.tag-soldOut[data-selectting-tag="1"]):after{ content: ""; position: absolute; width: 50%; height: 50%; max-width: 72px; max-height: 71px; top: 0; left: 0; display: block; background-position: left top; background-repeat: no-repeat; background-image: url(../images/soldout_ribbon.png); background-size: contain; z-index: 0; } .usercar_list .listOuter[data-soldout-filter-show="0"]:has(.tag-soldOut[data-selectting-tag="1"]) .list_main p:after, #carListThumNail_wrapper .listOuter[data-soldout-filter-show="0"] .carthumb_img:has(.tag-soldOut[data-selectting-tag="1"]):after, #carListSlideShow_wrapper .listOuter[data-soldout-filter-show="0"] .carthumb_img:has(.tag-soldOut[data-selectting-tag="1"]):after{ display: none; } #carTagMoreSearch { clear: both; font-size: 13px; text-align: center; cursor: pointer; padding-bottom: 30px; display: flex; justify-content: center; width: 150px; margin: 30px auto 5px; } /*#carTagMoreSearch[data-show="0"] { border-bottom: 1px solid #eee; } #carTagMoreSearch[data-show="1"] { border-bottom: none; }*/ #carTagMoreSearch .tagMoreLink { position: relative; } #carTagMoreSearch[data-show="0"] .tagMoreLink:after { content: ""; background: url(../images/tagMoreUnder.png); background-repeat: no-repeat; background-size: contain; width: 12px; height: 12px; position: absolute; top: 3px; right: -20px; } #carTagMoreSearch[data-show="1"] .tagMoreLink:after { content: ""; background: url(../images/tagMoreUpper.png); background-repeat: no-repeat; background-size: contain; width: 12px; height: 12px; position: absolute; top: 3px; right: -20px; } #closeBorder[data-show="0"] { border-bottom: 1px solid #eee; } #closeBorder[data-show="1"] { border-bottom: none; } .tagLabelOuter { position: absolute; top: 0; left: 0; } .usercar_list h3 span.tagLabelOuter { padding: 0; float: none; position: relative; top: unset; left: unset; display: inline-block; width: auto; background: none; } #carlist_main_box .tagLabelOuter { font-size: 10px !important; background: none !important; width: auto !important; } #carlist_main_box .tagLabelOuter .tagLabel, #carlist_main_box .tagLabelOuter .otherLabel { font-size: 10px !important; background: #555 !important; color: #fff !important; padding: 0 7px !important; letter-spacing: 1px; width: auto !important; } #carlist_main_box .tagLabelOuter .otherLabel .count { width: auto !important; font-size: 10px !important; padding: 0 !important; background: none !important; color: #fff !important; } #carlist_main_box .tagLabelOuter .tagLabel.tag-stock, #carTagSearchWrapped .carTagInner .carTag.tag-stock[data-clicked="1"] { background: #49bb9e !important; box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2); } #carlist_main_box .tagLabelOuter .tagLabel.tag-soldOut, #carTagSearchWrapped .carTagInner .carTag.tag-soldOut[data-clicked="1"] { background: #cf0000 !important; box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2); } #carlist_main_box .tagLabelOuter .tagLabel.tag-sales, #carTagSearchWrapped .carTagInner .carTag.tag-sales[data-clicked="1"] { background: #3baacf !important; box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2); } #carlist_main_box .tagLabelOuter .tagLabel.tag-discussion, #carTagSearchWrapped .carTagInner .carTag.tag-discussion[data-clicked="1"] { background: #f3a633 !important; box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2); } #carlist_main_box .tagLabelOuter .tagLabel.tag-newCar, #carTagSearchWrapped .carTagInner .carTag.tag-newCar[data-clicked="1"] { background: #e14185 !important; box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2); } #carlist_main_box .tagLabelOuter .tagLabel.tag-unused, #carTagSearchWrapped .carTagInner .carTag.tag-unused[data-clicked="1"] { background: #4875fb !important; box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2); } #carlist_main_box .tagLabelOuter .tagLabel.tag-recommend, #carTagSearchWrapped .carTagInner .carTag.tag-recommend[data-clicked="1"] { background: #fb5050 !important; box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2); } #carlist_main_box .listOuter[data-soldout-filter-show="1"] .tagLabelOuter .tagLabel.tag-soldOut{ display: none; } .usercar_list .tagLabelOuter .otherLabel { float: none; color: #fff; display: inline-block; } .usercar_list .tagLabelOuter .otherLabel .count { color: #fff; float: none; padding: 0; display: inline; background: none; } .tagLabelOuter .tagLabel[data-show="1"] { display: inline-block; } .tagLabelOuter .tagLabel[data-show="0"] { display: none !important; } .tagLabelOuter .otherLabel[data-show="0"] { display: inline-block; } .tagLabelOuter .otherLabel[data-show="0"] { display: none !important; } #carListThumNail_wrapper .listOuter[data-soldout-filter-show="1"] .isSoldOut .tagLabelOuter, #carListSlideShow_wrapper .listOuter[data-soldout-filter-show="1"] .isSoldOut .tagLabelOuter{ left: auto; right: 0; } .usercar_list h3 span.tagLabelOuter .tagLabel { float: none; } .question{ margin:0 0 40px; } .question .error{ color:#f00; font-size:12px; } .trialEnqueteHtml .question p:not(.error){ border-left: none; padding-left: 0px; } .answers{ padding:0 15px; font-size:14px; } .answers label{ display:block; margin:0 0 10px; cursor:pointer; } #js-calendarWrapped p{ background: url(../images/loader.svg); background-repeat: no-repeat; background-size: 30px; background-position: center top; padding-top: 45px; text-align: center; } .page_select_box { margin: 0 0 10px; } /* ID付与に意味は無いが、どのIDのことを言ってるかを明示したいので。 #main_img_wrapper.wideSubTopImage, #main_img_wrapper.wideSubTopImage #main_img_container{ background:none !important; } #main_img_wrapper.wideSubTopImage #sub_top_img { display:block; position:absolute !important; width:1400px; height:200px; left:calc( 50% - 700px ); text-align:center; } #main_img_wrapper.wideSubTopImage #sub_img_margin_top{ top:15px; } #main_img_wrapper.wideSubTopImage #sub_img_margin_mid{ top:46px; } #main_img_wrapper.wideSubTopImage #sub_img_margin_bot{ top:77px; } #main_img_wrapper.wideSubTopImage #subMainImagePos{ width: 960px; position: absolute; top: 0; left: calc( 50% - 480px ); } .recommend_config { overflow: hidden; padding: 0 10px; } */ .estimate_link { position: absolute; bottom: -8px; left: 220px; font-size: 12px; } .detail_link a:visited, .detail_link a:link { color: #eee; } #slider_change a:first-of-type .main_pict_img { margin-left: 5px; } /* ImageBox */ [data-transparent="0"]{ opacity:1; } [data-transparent="1"]{ opacity:0; } [data-scale-enhance = "0"]{ transform:scale(1); -webkit-font-smoothing: antialiased;} [data-scale-enhance = "1"]{ transform:scale(1.05); -webkit-font-smoothing: antialiased;} #js-directUploadImageInput{ display:none; } .js-changeableBoxImageLayoutBox{ position:relative; transition:.25s; -webkit-transition:.25s; z-index:1; } .js-changeableBoxImageLayoutBox.js-highlight{ z-index:3; } body.js-activeControll #main_contents_container{ z-index:61; } body.js-activeControll #main_contents{ z-index:3; } body.js-activeControll .js-imageBox{ z-index:3; } .js-imageBox{ transition:.25s; position:relative; } .js-boxImage{ transition: .25s; } .js-boxImage.js-transformingWidth{ transition: .5s; } .imageBoxContents{ float:left; } .imageBoxContents[data-layout="LAYOUT_2COLUMN"]{ width: calc( 50% - 15px ); margin:0 30px 30px 0; } .imageBoxContents[data-layout="LAYOUT_3COLUMN"]{ width: calc( ( 100% - 61px ) / 3 ); /* 60px => 61px (ie prefix) */ float:left; margin:0 30px 30px 0; } .imageBoxContents[data-layout="LAYOUT_4COLUMN"]{ width: calc( ( 100% - 45px ) / 4 ); float:left; margin:0 15px 30px 0; } .imageBoxContentsWrapper .imageBoxContents:last-of-type{ margin-right:0px; } .imageBoxOuter{ position:relative; display:table; transition:.25s; table-layout:fixed; } .imageBoxContents[data-layout="LAYOUT_2COLUMN"] .imageBoxOuter, .imageBoxContents[data-layout="LAYOUT_3COLUMN"] .imageBoxOuter, .imageBoxContents[data-layout="LAYOUT_4COLUMN"] .imageBoxOuter{ margin: 0 auto 0; } .imageBoxInner{ display:table-cell; vertical-align:middle; text-align:center; width:100%; } .imageBoxSlider iframe.imageBoxImage.size_middle{ height: auto; } .captionHead, .captionBody{ font-size:14px; } .captionHead{ font-weight:bold; margin:0 0 5px; } /* ImageBoxSlider */ .imageBoxSlider{ overflow:hidden; padding:0; } .imageBoxSlider .imageBoxContentsWrapper{ transition: .5s; } .imageBoxSlider .imageBoxOuter{ width:100%; height:100%; } .imageBoxSlider .js-imageBlockImage{ width: 100%; user-select: none; user-drag: none; -webkit-user-drag: none; } .js-controllerOuter{ position: absolute; top: 50%; } .boxImageSliderController[data-active="1"], .boxImageSliderProgress[data-active="1"]{ opacity:1; cursor:pointer; } .boxImageSliderProgress:last-of-type{ margin:0; } .boxImageSliderController{ position: absolute; top: calc( 50% - 30px); color: #fff; padding: 10px; width: 40px; height: 60px; text-align: center; box-sizing: border-box; cursor: pointer; transition: .3s; opacity: 0; z-index: 1; background-size: 50%; background-repeat: no-repeat; background-position: center; background-color: rgba(0,0,0,0.3); border-radius:4px; } .boxImageSliderController:hover{ background-color: rgba(0,0,0,0.5); } .boxImageSliderController[data-controller-id="prev"]{ background-image: url(../images/imageBoxSlideShowLeft.png); left: 0; box-shadow: 2px 0px 6px -2px rgba(0,0,0,0.3); border-radius: 0 4px 4px 0; border-top: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } .boxImageSliderController[data-controller-id="next"]{ background-image: url(../images/imageBoxSlideShowRight.png); right: 0; box-shadow: -2px 0px 6px -2px rgba(0,0,0,0.3); border-radius: 4px 0 0 4px; border-top: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } .boxImageSliderProgress { width: 10px; height: 10px; display: inline-block; background-color: #ccc; border-radius: 100%; margin-right: 5px; opacity:0; } .boxImageSliderProgress.js-current{ background-color: #fefefe; box-shadow: 1px 1px 3px rgba(0,0,0,1); } .boxImageSliderProgressOuter { position: absolute; text-align: center; width: 100%; bottom: 15px; z-index:1; } .imageBoxContents[data-layout="LAYOUT_2COLUMN"] .js-imageBlockImage, .imageBoxContents[data-layout="LAYOUT_3COLUMN"] .js-imageBlockImage, .imageBoxContents[data-layout="LAYOUT_4COLUMN"] .js-imageBlockImage{ width: 100%; height: auto; } .imageBoxContents[data-layout="LAYOUT_4COLUMN"] iframe.js-imageBlockImage{ width: 100%; height: 75%; } /* boxImageMultiSlider */ .imageBoxMultiSlider{ width: 100%; align-items: center; display: flex; flex-wrap: wrap; opacity: 1; padding: 0 0 75px; position: relative; transition: opacity .3s; } .imageBoxMultiSlider[data-loading = "1"]{ height: 0; opacity: 0; padding: 0; } .imageBoxMultiSlider .controllerOuter{ bottom: 60px; position: absolute; top: auto; z-index: 1; } .imageBoxMultiSlider .numberingOuter{ width: 86px; border-radius: 3px; bottom: 32px; box-sizing: border-box; font-size: 14px; font-weight: bold; left: calc( 50% - 43px ); padding: 2px 5px; text-align: center; position: absolute; z-index: 1; } .imageBoxMultiSlider .numberingOuter.blink{ animation: multiSliderNumBlink 300ms ease forwards; } @keyframes multiSliderNumBlink { 0% { background: none; } 25% { background: #ffc7c7; } 50% { background: none; } 75% { background: #ffc7c7; } 100% { background: none; } } .imageBoxMultiSlider .boxImageMultiSliderNumber{ width: 32px; font-family: 'Noto Sans JP', sans-serif !important; display: inline-block; text-align: center; } .imageBoxMultiSlider .boxImageMultiSliderController{ color: #fff; width: 30px; height: 30px; text-align: center; transition: top .2s; box-sizing: border-box; cursor: pointer; background-repeat: no-repeat; background-color: #E9E9E9; box-shadow: 0 0 6px -2px rgba(0,0,0,0.3), inset 1px 1px rgba(0,0,0,0.1), inset -1px -1px rgba(0,0,0,0.1), inset -5px 0 5px rgba(255,255,255,0.5); border-radius: 3px; } .imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "prev"]{ position: absolute; right: auto; left: calc( 50% - 80px ); background-image: url(../images/carslider_prev.png); background-position: left 8px top 6px; background-size: 40%; cursor: pointer; margin: 0 10px 0 0; } .imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "next"]{ position: absolute; left: auto; right: calc( 50% - 80px ); background-image: url(../images/carslider_next.png); background-position: right 8px top 6px; background-size: 40%; cursor: pointer; margin: 0 0 0 10px; } .imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "prev"]:hover, .imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "next"]:hover{ background-color: #555; box-shadow: 0 0 6px -2px rgba(0,0,0,0.3), inset 1px 1px rgba(0,0,0,0.1), inset -1px -1px rgba(0,0,0,0.1), inset -5px 0 5px rgba(0,0,0,0.2); } /* スライドできる要素がないのにコントローラーは必要ない */ .imageBoxMultiSlider[data-max-slider-num = "0"], .imageBoxMultiSlider[data-max-slider-num = "1"], .imageBoxMultiSlider[data-max-slider-num = "2"], .imageBoxMultiSlider[data-max-slider-num = "3"]{ padding: 0; } .imageBoxMultiSlider[data-max-slider-num = "0"] .imageBoxContentsWrapper, .imageBoxMultiSlider[data-max-slider-num = "1"] .imageBoxContentsWrapper, .imageBoxMultiSlider[data-max-slider-num = "2"] .imageBoxContentsWrapper, .imageBoxMultiSlider[data-max-slider-num = "3"] .imageBoxContentsWrapper{ overflow: hidden !important; } .imageBoxMultiSlider[data-max-slider-num = "0"] .numberingOuter, .imageBoxMultiSlider[data-max-slider-num = "1"] .numberingOuter, .imageBoxMultiSlider[data-max-slider-num = "2"] .numberingOuter, .imageBoxMultiSlider[data-max-slider-num = "3"] .numberingOuter, .imageBoxMultiSlider[data-max-slider-num = "0"] .controllerOuter, .imageBoxMultiSlider[data-max-slider-num = "1"] .controllerOuter, .imageBoxMultiSlider[data-max-slider-num = "2"] .controllerOuter, .imageBoxMultiSlider[data-max-slider-num = "3"] .controllerOuter{ display: none; } .imageBoxMultiSlider .imageBoxContentsWrapper{ width: 100%; margin: 0 0 15px; overflow: hidden; transition: transform 300ms ease-in-out; } .imageBoxMultiSlider .imageBoxContentsWrapper.moveNext .imageBoxContentsSubWrapper{ left: -30px; } .imageBoxMultiSlider .imageBoxContentsWrapper.movePrev .imageBoxContentsSubWrapper{ left: 30px; } .imageBoxMultiSlider .imageBoxContentsSubWrapper{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; transition: left 300ms cubic-bezier(0.49, 0, 0.24, 1); left: 0; margin: 0; position: relative; } .imageBoxMultiSlider .imageBoxContents[data-layout="LAYOUT_MULTI_SLIDESHOW"]{ box-sizing: border-box; margin: 0px 10px 10px; } .imageBoxMultiSlider .captionHead{ font-size: 16px; padding: 15px 15px 5px 15px !important; } .imageBoxMultiSlider .captionBody{ font-size: 12px; padding: 5px 15px 15px 15px !important; } .imageBoxMultiSlider .imageBoxOuter{ margin: 0 auto; } .imageBoxMultiSlider .imageBoxInner{ width: 100%; } .imageBoxMultiSlider .js-imageBlockImage{ box-shadow: none; } .imageBoxMultiSlider .imageBoxInner > img{ width: 100%; border-radius: 0px !important; box-shadow: none !important; } .imageBoxMultiSlider .imageBoxInner .imageBoxImage{ width: 100%; user-select: none; user-drag: none; -webkit-user-drag: none; } .imageBoxMultiSlider .boxImageMultiSliderController{ opacity: 1; transition: .3s; } .imageBoxMultiSlider .boxImageMultiSliderController.loadingNow{ opacity: .1; cursor: not-allowed; } .imageBoxMultiSlider .boxImageMultiSliderController.loadingNow[data-controller-id = "prev"]:hover, .imageBoxMultiSlider .boxImageMultiSliderController.loadingNow[data-controller-id = "next"]:hover{ top: 0; } .imageBoxMultiSlider .imageBoxContentsSubWrapper{ opacity: 1; transition: all .3s; } .imageBoxMultiSlider .imageBoxContentsSubWrapper.loadingNow{ opacity: 0; } .imageBoxMultiSlider .imageBoxContentsWrapper.loadingNow{ position: relative; } .imageBoxMultiSlider .imageBoxContentsWrapper.loadingNow:before{ content: ""; background: url(../images/ajax-loader.svg) no-repeat center center; background-size: 18px 18px; width: 100%; height: 100%; display: block; position: absolute; } /* ImageBox BlankImage */ .imageBoxBlankOuter{ width: 100%; height: 100px; display: table; border: 1px dashed #eee; box-sizing: border-box; cursor:pointer; background-color:#fff; border-radius:7.5px; min-width: 80px; min-height: 68px; opacity: 0.8; padding: 10px 0; } .imageBoxBlankOuter:hover{ opacity:1; } .imageBoxBlankOuter img{ margin: 0 auto; position: absolute; width: 36px; top: calc(50% - 18px - 25px); left: calc(50% - 18px); } .imageBoxBlank{ width: 100%; vertical-align: middle; display: table-cell; font-size: 14px; color: #36f; padding-top: 30px; line-height:18px; text-align: center; } .imageBoxContents[data-layout="LAYOUT_2COLUMN"] .imageBoxBlankOuter { min-width: 270px; min-height: 152px; } .imageBoxContents[data-layout="LAYOUT_3COLUMN"] .imageBoxBlankOuter { min-width: 160px; min-height: 90px; } .imageBoxContents[data-layout="LAYOUT_4COLUMN"] .imageBoxBlankOuter { min-width: 120px; min-height: 68px; } .header_font_family { font-family: 'M PLUS Rounded 1c', sans-serif !important; } .header_font_family_normal { font-family: sans-serif; } .header_font_family_tel { font-family: 'Sarpanch', sans-serif !important; } .header_logo_img{ max-width: 240px; max-height: 48px; } .block_outer .imageBoxContents .captionHead { padding: 10px 0 0; margin: 0 0 0; } .block_outer .imageBoxContents .captionBody { padding: 10px 0 0; margin: 0; } .block_outer_estimate_form, .parallaxContentOuter[data-field-id="estimate_form"] { display: none; } .existsEstimateForm .block_outer_estimate_form, .existsEstimateForm .parallaxContentOuter[data-field-id="estimate_form"] { display: block; } .block_outer_entry_form, .parallaxContentOuter[data-field-id="entry_form"] { display: none; } .existsRecruitForm .block_outer_entry_form, .existsRecruitForm .parallaxContentOuter[data-field-id="entry_form"], .recruitPage .block_outer_entry_form, .recruitPage .parallaxContentOuter[data-field-id="entry_form"] { display: block; } .js-imageBoxBackground { background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; width: 100%; min-height: 320px; box-sizing: border-box; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .js-imageBoxBackground .editTextOuter { width: 50%; min-height: 280px; padding: 20px; box-sizing: border-box; background: rgba(255, 255, 255, 0.85) url(../images/ibbBg.png); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); display: inline-block; border-radius: 2px; text-align: left; word-break: break-all; color: rgb(51, 51, 51); } .js-imageBoxBackground .js-imageBox { display: none; } .js-imageBoxBackground .editTextOuter h3 { float: none; width: auto; background-image: none; border: none; margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0; color: rgb(51, 51, 51); } .js-imageBoxBackground .editTextOuter h3 b { background-image: none; width: 0; margin: 0; padding: 0; } .js-imageBoxBackground .editTextOuter h3 span { background-image: none; padding-left: 0; margin-left: 0; color: rgb(51, 51, 51); } .js-imageBoxBackground .editTextOuter h3:before { content: ""; margin: 0; padding: 0; } .js-imageBoxBackground .editTextOuter b { width: auto; background-image: none; } .js-imageBoxBackground .editTextOuter span { padding: 0; border: none; } .js-imageBoxBackground .editTextOuter p { width: auto; padding-left: 0; margin-left: auto; color: rgb(51,51,51); } .js-imageBoxBackground .box_free { border: none; background: none !important; width: auto; margin: 0; } .div_box_flow .js-imageBoxBackground.box_flow:after { content: ""; } .box_flow.js-imageBoxBackground .editTextOuter h3 { padding-top: 0; } .box_flow.js-imageBoxBackground .editTextOuter b { background-image: none; width: 0; margin: 0; padding: 0; } .box_coupon.js-imageBoxBackground .editTextOuter h3 { padding-top: 0; } .box_coupon.js-imageBoxBackground .editTextOuter b { background-image: none; width: 0; margin: 0; padding: 0; } .box_promise.js-imageBoxBackground .editTextOuter h3 { padding-top: 0; } .box_promise.js-imageBoxBackground .editTextOuter b { background-image: none; width: 0; margin: 0; padding: 0; } .box_tokuten.js-imageBoxBackground .editTextOuter h3 { padding-top: 0; } .box_tokuten.js-imageBoxBackground .editTextOuter b { background-image: none; width: 0; margin: 0; padding: 0; } .box_voice.js-imageBoxBackground .editTextOuter h3 { background-image: none; } .box_voice.js-imageBoxBackground .editTextOuter b { display: inline-block; } .js-imageBoxBackground.isRight { text-align: right; } .js-imageBoxBackground.isLeft { text-align: left; } .bgImageNone { background-image: none; } .js-imageBoxBackground .imageNone { display: none !important; } .js-imageBoxBackground .imageBlock { display: block; background: transparent; border: 0; margin: 0; } .resetWidth { width: auto; } .resetHeight { height: auto; } #carlist_main_box { overflow: hidden; } #carListSlideShow_wrapper { padding: 18px; overflow: hidden; opacity: 0; } .carlist_slider_count { text-align: center; margin: 0 0 30px; opacity: 0; transition: .2s; } .carlist_slider_count .count_outer { display: inline-block; vertical-align: middle; margin: 0 10px; background: transparent; height: 30px; line-height: 30px; border-radius: 5px; box-sizing: border-box; text-align: center; padding: 0 10px; } .prev_img_outer, .next_img_outer { display: inline-block; vertical-align: middle; cursor: pointer; transition: .25s; position: relative; } .prev_img_outer:hover, .next_img_outer:hover { display: inline-block; vertical-align: middle; cursor: pointer; } .prev_btn:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .next_btn:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .prev_btn, .next_btn { display: inline-block; transition: .2s; } .carlist_slider_count .current_count, .carlist_slider_count .max_count { font-size: 12px; font-weight: bold; padding: 0 5px; display: inline-block; border-radius: 3px; transition: .2s; } .carlist_slider_count .loop_first { background: #fcc !important; } #carListSlideShow_wrapper .thumbnail_box{ float: left; display: inline-block; clear: none; margin-right: 20px !important; } #carListSlideShow_wrapper .js-current { z-index: 2; } #carListSlideShow_wrapper .thumbnail_box:not(.js-current):after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FFF; opacity: 0.5; } #carListSlideShow_wrapper .usedcar_edit_btn { top: 0; bottom:auto; } #carListSlideShow_wrapper .thumb_wrap { float: left; } .slider_count_none { display: none; } .slide_btn_none { display: none; } .carlist_btn_mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: default; z-index: 2; } .carlist_btn_mask_none { display: none; } .carlist_btn_mask_shadow { opacity: 0.3; } .slideshow_loader { display: none; } .base0_carlistSlideShow01 .carlist_slider_count { opacity: 1; } .toggle_carList { text-decoration: none; } .editLogoOuter .editLogoImage { width: auto; height: 45px; vertical-align: middle; } #header .editLogoCompany.logoTextColorCC0000{ color: #cc0000 !important; } #header .editLogoCompany.logoTextColorFF9900{ color: #ff9900 !important; } #header .editLogoCompany.logoTextColorFFCC00{ color: #ffcc00 !important; } #header .editLogoCompany.logoTextColor99cc00{ color: #99cc00 !important; } #header .editLogoCompany.logoTextColor006600{ color: #006600 !important; } #header .editLogoCompany.logoTextColor3399ff{ color: #3399ff !important; } #header .editLogoCompany.logoTextColor0066ff{ color: #0066ff !important; } #header .editLogoCompany.logoTextColor6633cc{ color: #6633cc !important; } #header .editLogoCompany.logoTextColorFF6699{ color: #ff6699 !important; } #header .editLogoCompany.logoTextColor333333{ color: #333333 !important; } #header .editLogoCompany.logoTextColor000000{ color: #000000 !important; } #header .editLogoCompany.logoTextColorFFFFFF{ color: #ffffff !important; } #header .editLogoCompany.logoTextColorEEEEEE{ color: #EEEEEE !important; } .editLogoOuter { display: inline-block; height: 40px; margin: 0; } .editLogoOuter, .originalHeaderLogo{ position: relative; } .editLogoOuter.logoEditMark1 .editLogoCompany{display: block;} .editLogoOuter.logoEditMark1 .editLogoCompany:first-letter { font-size: 130%; } .editLogoOuter.logoEditMark2 { background: url(../images/logoEditMark2.png) no-repeat; background-position: left top calc(50% - 3px); background-size: auto 34px; height: 40px; } .editLogoOuter.logoEditMark3 { background: url(../images/logoEditMark3.png) no-repeat; background-size: auto 36px; background-position: left center; height: 40px; } .editLogoOuter.logoEditMark4 { background: url(../images/logoEditMark4.png) no-repeat; background-size: auto 36px; background-position: left center; height: 40px; } .editLogoOuter.logoEditMark5 { background: url(../images/logoEditMark5.png) no-repeat; background-size: auto 36px; background-position: left center; height: 40px; } .editLogoOuter.logoEditMark6 { background: url(../images/logoEditMark6.png) no-repeat; background-size: auto 34px; background-position: left center; height: 40px; } .editLogoOuter.logoEditMark7 { background: url(../images/logoEditMark7.png) no-repeat; background-size: auto 36px; background-position: left center; height: 40px; } .editLogoOuter.logoEditMark8 { background: url(../images/logoEditMark8.png) no-repeat; background-size: auto 30px; background-position: left center; height: 40px; } .editLogoOuter.logoEditMark9 { background: url(../images/logoEditMark9.png) no-repeat; background-size: auto 34px; background-position: left center; height: 40px; } .editLogoOuter.logoEditMark10 { background: url(../images/logoEditMark10.png) no-repeat; background-size: auto 34px; background-position: left top calc(50% - 1px); height: 40px; } .editLogoOuter.logoEditMark11 { background: url(../images/logoEditMark11.png) no-repeat left center; background-size: 100% 60%; height: 40px; } .editLogoOuter.logoEditMark12 { background: url(../images/logoEditMark12.png) no-repeat; background-size: auto 34px; background-position: left center; height: 40px; } .editLogoOuter.logoEditMark13 { background: url(../images/logoEditMark13.png) no-repeat; background-size: auto 32px; background-position: left center; height: 40px; } .editLogoOuter.logoEditMark14 { background: url(../images/logoEditMark14.png) no-repeat; background-size: auto 34px; background-position: left center; height: 40px; } .editLogoOuter.logoEditMarkReverse5 { background: url(../images/logoEditMarkReverse5.png) no-repeat; background-size: auto 36px; background-position: right center; height: 40px; } .editLogoOuter.logoEditMarkReverse7 { background: url(../images/logoEditMarkReverse7.png) no-repeat; background-size: auto 36px; background-position: right center; height: 40px; } .editLogoOuter.logoEditMark3 .editLogoCompany, .editLogoOuter.logoEditMark9 .editLogoCompany, .editLogoOuter.logoEditMark10 .editLogoCompany { padding-left: 40px; } .editLogoOuter.logoEditMark2 .editLogoCompany, .editLogoOuter.logoEditMark5 .editLogoCompany { padding-left: 30px; } .editLogoOuter.logoEditMark4 .editLogoCompany, .editLogoOuter.logoEditMark6 .editLogoCompany, .editLogoOuter.logoEditMark13 .editLogoCompany { padding-left: 38px; } .editLogoOuter.logoEditMark7 .editLogoCompany { padding-left: 34px; } .editLogoOuter.logoEditMark8 .editLogoCompany { padding-left: 43px; } .editLogoOuter.logoEditMark12 .editLogoCompany { padding-left: 50px; } .editLogoOuter.logoEditMark14 .editLogoCompany { padding-left: 36px; } .editLogoOuter.logoEditMark2.logoPositionRight { background-position: right top calc(50% - 3px); } .editLogoOuter.logoEditMark3.logoPositionRight { background-position: right center; } .editLogoOuter.logoEditMark4.logoPositionRight { background-position: right center; } .editLogoOuter.logoEditMark6.logoPositionRight { background-position: right center; } .editLogoOuter.logoEditMark8.logoPositionRight { background-position: right center; } .editLogoOuter.logoEditMark9.logoPositionRight { background-position: right center; } .editLogoOuter.logoEditMark10.logoPositionRight { background-position: right top calc(50% - 1px); } .editLogoOuter.logoEditMark12.logoPositionRight { background-position: right center; } .editLogoOuter.logoEditMark13.logoPositionRight { background-position: right center; } .editLogoOuter.logoEditMark14.logoPositionRight { background-position: right center; } .editLogoOuter.logoEditMark3.logoPositionRight .editLogoCompany, .editLogoOuter.logoEditMark6.logoPositionRight .editLogoCompany, .editLogoOuter.logoEditMark9.logoPositionRight .editLogoCompany, .editLogoOuter.logoEditMark10.logoPositionRight .editLogoCompany { padding-left: 0; padding-right: 42px; } .editLogoOuter.logoEditMark2.logoPositionRight .editLogoCompany { padding-left: 0; padding-right: 32px; } .editLogoOuter.logoEditMark4.logoPositionRight .editLogoCompany { padding-left: 0; padding-right: 40px; } .editLogoOuter.logoEditMarkReverse5.logoPositionRight .editLogoCompany { padding-left: 0; padding-right: 32px; } .editLogoOuter.logoEditMarkReverse7.logoPositionRight .editLogoCompany { padding-left: 0; padding-right: 36px; } .editLogoOuter.logoEditMark8.logoPositionRight .editLogoCompany { padding-left: 0; padding-right: 44px; } .editLogoOuter.logoEditMark12.logoPositionRight .editLogoCompany { padding-left: 0; padding-right: 52px; } .editLogoOuter.logoEditMark13.logoPositionRight .editLogoCompany { padding-left: 0; padding-right: 40px; } .editLogoOuter.logoEditMark14.logoPositionRight .editLogoCompany { padding-left: 0; padding-right: 40px; } .editLogoOuter a.editLogoCompany.notoSansJpLight { font-family: 'Noto Sans JP', sans-serif !important; font-weight: 400 !important; } .mplus1pRegular { font-family: 'M PLUS 1p', sans-serif !important; font-weight: 700 !important; } .notoSansJpBlack { font-family: 'Noto Sans JP', sans-serif !important; font-weight: 900 !important; } .notoSansJpBold { font-family: 'Noto Sans JP', sans-serif !important; font-weight: 700 !important; } .notoSerifJpExtraLight { font-family: 'Noto Serif JP', serif !important; font-weight: 400 !important; padding-bottom: 3px !important; } .sourceHanSansRegular { font-family: "sourceHanSansRegular", serif !important; } .notoSerifJpBlack { font-family: 'Noto Serif JP', serif !important; font-weight: 900 !important; line-height: 1.2; padding-bottom: 2px !important; } .mPlusRounded1cLight { font-family: 'mPlusRounded1cLight', sans-serif !important; font-weight: 700 !important; } .mPlusRounded1cBold { font-family: 'mPlusRounded1cBold', sans-serif !important; font-weight: 900; } .logoTypeGothic { font-family: "logoTypeGothic", serif !important; } .editLogoOuter .editLogoCompany { height: 100%; align-items: center; box-sizing: border-box; display: flex; font-size: 18px; position: relative; } .editLogoOuter .editLogoCompany.logoTextSizeSmall { font-size: 16px !important; } .editLogoOuter .editLogoCompany.logoTextSizeMedium { font-size: 18px !important; } .editLogoOuter .editLogoCompany.logoTextSizeLarge { font-size: 24px !important; } .logoNone { display: none !important; } .editLogoOuter .editLogoCompany.logoEditEffect2 { text-shadow: #EEE 2px 0px 0px, #EEE 0.75517px 0.958851px 0px, #EEE 1.0806px 0.68294px 0px, #EEE 1.141474px 1.99499px 0px, #EEE 0.167706px 1.81859px 0px, #EEE -0.60229px 1.19694px 0px, #EEE -0.97998px 1.28224px 0px, #EEE -0.87291px -0.701566px 0px, #EEE -0.30729px -1.5136px 0px, #EEE -0.421592px -0.95506px 0px, #EEE 0.567324px -1.91785px 0px, #EEE 0.41734px -0.41108px 0px, #EEE -1.07966px 0.441169px 0px, #EEE 0.92034px -1.558831px 0px, #EEE -0.07966px -1.558831px 0px !important; } /* .editLogoOuter .editLogoCompany.logoEditEffect3 { text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #ff0000 0px -2px 1px, #ff0000 -1px 1px 1px, #ff0000 1px 1px 1px, #ff0000 -2px 1px 1px, #ff0000 2px -1px 1px, #ff0000 -2px -1px 1px, #ff0000 1px 2px 1px, #ff0000 0px 2px 1px, #ff0000 1px -2px 1px, #ff0000 -1px -2px 1px, #ff0000 1px 1px 1px, #ff0000 -1px 1px 1px, #ff0000 1px -1px 1px, #ff0000 -1px -1px 1px, #ff0000 1px 1px 1px, #ff0000 -1px 1px 1px; } */ .editLogoOuter .editLogoCompany.logoEditEffectCC0000 { text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #CC0000 0px -2px 1px, #CC0000 -1px 1px 1px, #CC0000 1px 1px 1px, #CC0000 -2px 1px 1px, #CC0000 2px -1px 1px, #CC0000 -2px -1px 1px, #CC0000 1px 2px 1px, #CC0000 0px 2px 1px, #CC0000 1px -2px 1px, #CC0000 -1px -2px 1px, #CC0000 1px 1px 1px, #CC0000 -1px 1px 1px, #CC0000 1px -1px 1px, #CC0000 -1px -1px 1px, #CC0000 1px 1px 1px, #CC0000 -1px 1px 1px !important; } .editLogoOuter .editLogoCompany.logoEditEffectFF9900 { text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FF9900 0px -2px 1px, #FF9900 -1px 1px 1px, #FF9900 1px 1px 1px, #FF9900 -2px 1px 1px, #FF9900 2px -1px 1px, #FF9900 -2px -1px 1px, #FF9900 1px 2px 1px, #FF9900 0px 2px 1px, #FF9900 1px -2px 1px, #FF9900 -1px -2px 1px, #FF9900 1px 1px 1px, #FF9900 -1px 1px 1px, #FF9900 1px -1px 1px, #FF9900 -1px -1px 1px, #FF9900 1px 1px 1px, #FF9900 -1px 1px 1px !important; } .editLogoOuter .editLogoCompany.logoEditEffectFFCC00 { text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFCC00 0px -2px 1px, #FFCC00 -1px 1px 1px, #FFCC00 1px 1px 1px, #FFCC00 -2px 1px 1px, #FFCC00 2px -1px 1px, #FFCC00 -2px -1px 1px, #FFCC00 1px 2px 1px, #FFCC00 0px 2px 1px, #FFCC00 1px -2px 1px, #FFCC00 -1px -2px 1px, #FFCC00 1px 1px 1px, #FFCC00 -1px 1px 1px, #FFCC00 1px -1px 1px, #FFCC00 -1px -1px 1px, #FFCC00 1px 1px 1px, #FFCC00 -1px 1px 1px !important; } .editLogoOuter .editLogoCompany.logoEditEffect99cc00 { text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #99cc00 0px -2px 1px, #99cc00 -1px 1px 1px, #99cc00 1px 1px 1px, #99cc00 -2px 1px 1px, #99cc00 2px -1px 1px, #99cc00 -2px -1px 1px, #99cc00 1px 2px 1px, #99cc00 0px 2px 1px, #99cc00 1px -2px 1px, #99cc00 -1px -2px 1px, #99cc00 1px 1px 1px, #99cc00 -1px 1px 1px, #99cc00 1px -1px 1px, #99cc00 -1px -1px 1px, #99cc00 1px 1px 1px, #99cc00 -1px 1px 1px !important; } .editLogoOuter .editLogoCompany.logoEditEffect006600 { text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #006600 0px -2px 1px, #006600 -1px 1px 1px, #006600 1px 1px 1px, #006600 -2px 1px 1px, #006600 2px -1px 1px, #006600 -2px -1px 1px, #006600 1px 2px 1px, #006600 0px 2px 1px, #006600 1px -2px 1px, #006600 -1px -2px 1px, #006600 1px 1px 1px, #006600 -1px 1px 1px, #006600 1px -1px 1px, #006600 -1px -1px 1px, #006600 1px 1px 1px, #006600 -1px 1px 1px !important; } .editLogoOuter .editLogoCompany.logoEditEffect3399ff { text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #3399ff 0px -2px 1px, #3399ff -1px 1px 1px, #3399ff 1px 1px 1px, #3399ff -2px 1px 1px, #3399ff 2px -1px 1px, #3399ff -2px -1px 1px, #3399ff 1px 2px 1px, #3399ff 0px 2px 1px, #3399ff 1px -2px 1px, #3399ff -1px -2px 1px, #3399ff 1px 1px 1px, #3399ff -1px 1px 1px, #3399ff 1px -1px 1px, #3399ff -1px -1px 1px, #3399ff 1px 1px 1px, #3399ff -1px 1px 1px !important; } .editLogoOuter .editLogoCompany.logoEditEffect0066ff { text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #0066ff 0px -2px 1px, #0066ff -1px 1px 1px, #0066ff 1px 1px 1px, #0066ff -2px 1px 1px, #0066ff 2px -1px 1px, #0066ff -2px -1px 1px, #0066ff 1px 2px 1px, #0066ff 0px 2px 1px, #0066ff 1px -2px 1px, #0066ff -1px -2px 1px, #0066ff 1px 1px 1px, #0066ff -1px 1px 1px, #0066ff 1px -1px 1px, #0066ff -1px -1px 1px, #0066ff 1px 1px 1px, #0066ff -1px 1px 1px !important; } .editLogoOuter .editLogoCompany.logoEditEffect6633cc { text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #6633cc 0px -2px 1px, #6633cc -1px 1px 1px, #6633cc 1px 1px 1px, #6633cc -2px 1px 1px, #6633cc 2px -1px 1px, #6633cc -2px -1px 1px, #6633cc 1px 2px 1px, #6633cc 0px 2px 1px, #6633cc 1px -2px 1px, #6633cc -1px -2px 1px, #6633cc 1px 1px 1px, #6633cc -1px 1px 1px, #6633cc 1px -1px 1px, #6633cc -1px -1px 1px, #6633cc 1px 1px 1px, #6633cc -1px 1px 1px !important; } .editLogoOuter .editLogoCompany.logoEditEffectFF6699 { text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FF6699 0px -2px 1px, #FF6699 -1px 1px 1px, #FF6699 1px 1px 1px, #FF6699 -2px 1px 1px, #FF6699 2px -1px 1px, #FF6699 -2px -1px 1px, #FF6699 1px 2px 1px, #FF6699 0px 2px 1px, #FF6699 1px -2px 1px, #FF6699 -1px -2px 1px, #FF6699 1px 1px 1px, #FF6699 -1px 1px 1px, #FF6699 1px -1px 1px, #FF6699 -1px -1px 1px, #FF6699 1px 1px 1px, #FF6699 -1px 1px 1px !important; } .editLogoOuter .editLogoCompany.logoEditEffect333333 { text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #333333 0px -2px 1px, #333333 -1px 1px 1px, #333333 1px 1px 1px, #333333 -2px 1px 1px, #333333 2px -1px 1px, #333333 -2px -1px 1px, #333333 1px 2px 1px, #333333 0px 2px 1px, #333333 1px -2px 1px, #333333 -1px -2px 1px, #333333 1px 1px 1px, #333333 -1px 1px 1px, #333333 1px -1px 1px, #333333 -1px -1px 1px, #333333 1px 1px 1px, #333333 -1px 1px 1px !important; } .editLogoOuter .editLogoCompany.logoEditEffect000000 { text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #000000 0px -2px 1px, #000000 -1px 1px 1px, #000000 1px 1px 1px, #000000 -2px 1px 1px, #000000 2px -1px 1px, #000000 -2px -1px 1px, #000000 1px 2px 1px, #000000 0px 2px 1px, #000000 1px -2px 1px, #000000 -1px -2px 1px, #000000 1px 1px 1px, #000000 -1px 1px 1px, #000000 1px -1px 1px, #000000 -1px -1px 1px, #000000 1px 1px 1px, #000000 -1px 1px 1px !important; } .editLogoOuter .editLogoCompany.logoEditEffectFFFFFF { text-shadow: #333333 1px 0px 0px, #333333 -1px 0px 0px, #333333 0px 0px 0px, #333333 0px 0px 0px, #333333 0px 1px 0px, #333333 0px -1px 0px, #333333 0px 0px 0px, #333333 0px 0px 0px, #FFFFFF 0px -2px 1px, #FFFFFF -1px 1px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -2px 1px 1px, #FFFFFF 2px -1px 1px, #FFFFFF -2px -1px 1px, #FFFFFF 1px 2px 1px, #FFFFFF 0px 2px 1px, #FFFFFF 1px -2px 1px, #FFFFFF -1px -2px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -1px 1px 1px, #FFFFFF 1px -1px 1px, #FFFFFF -1px -1px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -1px 1px 1px !important; } .editLogoOuter .editLogoCompany.logoEditEffect4 { text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE !important; } .editLogoOuter .editLogoCompany.logoEditEffect5 { text-shadow: -1px 0px 3px rgba(255, 255, 255, 1), 2px 2.5px 2px rgba(20, 18, 16, 0.5) !important; } .editLogoOuter .editLogoCompany.logoEditEffect6 { text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 3px, #FFFFFF 0px 0px 3px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 3px, #FFFFFF 0px 0px 3px, #aaa 0px -2px 0px, #aaa -1px 1px 0px, #aaa 1px 1px 0px, #aaa -2px 1px 0px, #aaa 2px -1px 0px, #aaa -2px -1px 0px, #aaa 1px 2px 0px, #aaa -1px 2px 0px, #aaa 1px -2px 0px, #aaa -1px -2px 0px, #aaa 1px 1px 0px, #aaa -1px 1px 0px, #aaa 1px -1px 0px, #aaa -2px -1px 0px, #aaa 1px 1px 0px, #aaa -1px 1px 0px !important; } .editLogoOuter .editLogoCompany.logoEditEffect7 { text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 25px #eee, 0 0 35px #eee, 0 0 45px #eee !important; } .editLogoOuter .editLogoCompany.logoEditEffect8 { text-shadow: 1.207px 1.007px 0px rgba(0, 0, 0, 0.6), -0.207px -0.207px 0px rgba(238, 238, 238, 0.8) !important; } .editLogoOuter .editLogoCompany.logoEditEffect9 { text-shadow: 1.5px 0.35px 3px rgba(238, 238, 238, 0.3), -1px -0.85px 0px rgba(51, 51, 51, 0.8) !important; } .editLogoOuter .editLogoCompany.logoEditEffect10 { text-shadow: none !important; } .editLogoOuter .editLogoCompany.logoEditEffect10:before { position: absolute; top: 1em; content: attr(data-text); color: inherit; opacity: 0.2; transform: rotateX(180deg) translateY(3px) scaleY(0.95); } .editLogoOuter .editLogoCompany.logoEditEffect11 { text-shadow: none; } .fontPreload { visibility: hidden; } .sub_menu_title_outer { color: #FFFFFF; text-align: left; width: 190px; height: 50px; display: inline-block; } .title_count_under_8 { font-family: 'Noto Sans JP', sans-serif !important; font-weight: 300; font-size: 23px; padding: 10px 0 0 3px; } .title_count_under_10 { font-family: 'Noto Sans JP', sans-serif !important; font-weight: 300; font-size: 18px; padding: 20px 0 0 2px; } .title_count_under_12 { font-family: 'Noto Sans JP', sans-serif !important; font-weight: 300; font-size: 15px; padding: 25px 0 0 5px; } .title_count_over_12 { font-family: 'Noto Sans JP', sans-serif !important; font-weight: 300; font-size: 15px; line-height: 20px; padding: 13px 0 0 13px; } .catch_copy{ font-size: 36px; padding: 0 0 5px; } .catch_copy, .catch_copy *{ font-family: 'Noto Serif JP', sans-serif !important; } .catch_copy_text_white { color: #FFFFFF; } .catch_copy_text_black { color: #333333; } .salesOuter h2{ position: relative !important; top: 0; } .buyButtonOuter{ text-align:center; } .buyButton, .toCartButton { background: #d31715; padding: 15px 25px 15px 50px; border-radius: 5px; background-repeat: no-repeat; display: inline-block; margin: 0 15px 0 0; cursor: pointer; transition: .3s; color: #fff; height: 54px; box-sizing: border-box; background-image: url(../images/cart_icon_w.png); background-size: 20px; background-position: left 20px center; } .buyButton{ background-color: #d31715; } .toCartButton{ padding: 15px 85px 15px 110px; color:#fff !important; text-decoration: none !important; background-position: left 60px center; } /** * カート関連スタイル * */ .cartActionOuter{ display:none; position: fixed; box-sizing: border-box; background: #fff; bottom: 0px; left: 50%; padding: 15px 15px 10px 15px; border-radius: 15px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: 1px 2px 3px rgba(0,0,0,0.3); z-index: 3; text-align: center; transform: translateX(-50%) translateY(100%); -webkit-transform: translateX(-50%) translateY(100%); } .usedcar_info_body .cartActionOuter { z-index: 6; } .usedcarPrintPage .printCarDetailContact p{ font-size: 20px; } .usedcarPrintPage .printCarDetailContact{ padding: 40px 0; } .usedcarPrintPage .inplace, .usedcarPrintPage .img_change_cursor { cursor: default; } .cartActionOuter.js-hidden, .cartActionOuter.js-empty{ display:none; } .cartActionOuter.js-ready{ display:block; } .cartActionOuter.js-ready.js-animated{ transition:.3s; transform: translateX(-50%) translateY(0%); -webkit-transform: translateX(-50%) translateY(0%); } .usedcarPrintPage .printCarDetailContact p{ font-size: 20px; } .usedcarPrintPage .printCarDetailContact{ padding: 40px 0; } .usedcarPrintPage .inplace, .usedcarPrintPage .img_change_cursor { cursor: default; } #js-spImageEdit, #js-spFirstImageUplode { display: none; } .usedcar_info_body .boxImageSettingControllerOuter, .usedcar_info_body .boxImageImageControllerOuter { /*display: none;*/ } .usedcarPrintPage .q_and_a_btn, .usedcarPrintPage #carGallMask, .usedcarPrintPage .pict_edit_btn_usedcar, .usedcarPrintPage .deleteLinkOuter, .usedcarPrintPage #cgmIndex, .usedcarPrintPage #cgmCapWrapper{ display: none; } .usedcarPrintPage .tokuten_come, .usedcarPrintPage .pr_come{ height: auto; } .usercar_list .list_tokuten_come { display: inline-block; width: 100%; box-sizing: border-box; background-color: #eee; border-radius: 3px; padding: 5px 5px 5px 60px; background-position: top 7px left 6px; font-size: 13px; min-height: 45px; text-align: left; overflow: hidden; color: #000; } .usercar_list .list_tokuten_come .list_tokuten_come_inner { color: #000; display: block; overflow: hidden; width: 100%; height: 100%; } .usercar_list .list_pr_com { display: inline-block; width: 100%; box-sizing: border-box; background-color: #eee; border-radius: 3px; padding: 5px 5px 5px 61px; background-position: top 7px left 6px; font-size: 13px; margin-right: 0px; min-height: 45px; text-align: left; overflow: hidden; color: #000; } .usercar_list .list_pr_com .list_tokuten_come_inner { color: #000; display: block; overflow: hidden; } #body_sub.usedcarPrintPage #block_outer_detail{ background: none; color: initial; } /** * カート関連バーのボタン */ .cartActionOuter .triggerItem{ display:inline-block; vertical-align:middle; margin-right:10px; cursor:pointer; transition:.3s; } .cartActionOuter .triggerItem.js-hidden{ display:none; } .cartActionOuter .triggerItem:hover{ transform:translateY(-3px); -webkit-transform:translateY(-3px); } .cartActionOuter .triggerItem.js-lastTriggerItem{ margin-right: 0px; } /*「カートに入れる」ボタン*/ .cartButton{ width: 165px; height: 45px; line-height: 45px; background-color: #CE1919; color: #fff; border-radius: 4px; } .cartButton:before{ content: ""; width: 16px; height: 16px; background-image: url(../images/cart_icon_w.png); background-repeat: no-repeat; background-size: cover; background-position: center; display: inline-block; margin: -1px 8px 0 0; vertical-align: middle; } .cartActionOuter .cartButton.js-carted{ background-color:#aaa; cursor:default; } .cartActionOuter .cartButton.js-carted:hover{ transform:translateY(0px); -webkit-transform:translateY(0px); } /* 「気になる」ボタン */ .favoriteButton{ width: 105px; height: 45px; line-height: 46px; background: #555555; border-radius: 4px; display: inline-block; cursor: pointer; transition: .3s; color: #fff; } .favoriteButton:before{ content: ""; width: 16px; height: 16px; background-image: url(../images/star_icon_w.png); background-repeat: no-repeat; background-size: cover; background-position: center; display: inline-block; margin: -4.5px 4px 0 0; vertical-align: middle; } .cartActionOuter .favoriteButton.js-favorited, .cartActionOuter .favoriteButton.js-disabled{ background-color:#aaa; cursor:default; } .cartActionOuter .favoriteButton.js-favorited:before, .cartActionOuter .favoriteButton.js-disabled:before{ background-image: url(../images/star_icon_y.png); } .cartActionOuter .favoriteButton.js-favorited:hover, .cartActionOuter .favoriteButton.js-disabled:hover{ transform:translateY(0px); -webkit-transform:translateY(0px); } /*「カートを見る」アイコン */ .cartIcon{ width: 45px; height: 45px; box-sizing: border-box; border-radius: 4px; background-color: #6EA86C; background-image: url(../images/cart_icon_w_filled.png); background-position: left 10px center; background-size: 24px; background-repeat: no-repeat; position: relative; } /* 「気になる」を見るアイコン */ .favoriteIcon{ width: 45px; height: 45px; border-radius: 4px; background-color: #6EA86C; background-image: url(../images/star_icon_w_emphasis.png); background-position: left 9px center; background-size: 25px; background-repeat: no-repeat; position: relative; } .cartIcon .counter, .favoriteIcon .counter{ background-color: #CE1919; color: #fff; width: 15px; height: 15px; display: inline-block; line-height: 15px; font-size: 10px; font-weight: bold; position: absolute; left: -7.5px; top: -7.5px; border-radius: 100%; } /** * サムネイル表示　カート関連ボタン */ .thumbnail_box .inCarlist { display: block; text-align: right; position: relative; bottom: 5px; right: 5px; } .buyButtonMini, .favoriteButtonMini, .detailButtonMini, .toCartButtonMini{ transition:.3s; } .buyButtonMini:not(.disable), .favoriteButtonMini:not(.disable), .detailButtonMini:not(.disable), .toCartButtonMini{ cursor:pointer; } .buyButtonMini.disable, .favoriteButtonMini.disable, .detailButtonMini.disable, .favoriteButton.disable{ cursor:default; } .buyButtonMini:not(.disable):hover, .favoriteButtonMini:not(.disable):hover, .favoriteButton:not(.disable):hover, .detailButtonMini:not(.disable):hover, .toCartButtonMini:hover{ transform:translateY(-3px); -webkit-transform:translateY(-3px); } .thumbnail_box .buyButtonMini{ background: #d31715; color: #fff; padding: 5px 5px 5px 25px; width: 80px; box-sizing: border-box; display: inline-block; background-image: url(../images/cart_icon_w.png); background-repeat: no-repeat; background-size: 18px; background-position: left 5px center; font-size: 11px; text-align: center; border-radius: 5px; margin: 0 5px 0 0; } .thumbnail_box .favoriteButtonMini{ background-color: #555555; background-image: url(../images/star_icon_w.png); background-size: 18px; background-position: center top 5px; background-repeat: no-repeat; color: #fff; font-size: 11px; height: 46px; display: inline-block; box-sizing: border-box; padding: 23px 5px 0px; border-radius: 5px; margin:0 5px 0 0; } .thumbnail_box .detailButtonMini{ background-color: #ec872f; color: #fff; padding: 23px 10px 0px 10px; height: 46px; display: inline-block; box-sizing: border-box; background-image: url(../images/detail_icon.png); background-repeat: no-repeat; background-size: 16px; background-position: top 6px center; font-size: 11px; text-align: center; text-decoration: none; border-radius: 5px; } .thumbnail_box .toCartButtonMini{ background: #d31715; color: #fff; padding: 5px 10px 5px 40px; width: 100px; box-sizing: border-box; display: inline-block; background-image: url(../images/cart_icon_w.png); background-repeat: no-repeat; background-size: 20px; background-position: left 10px center; font-size: 12px; text-align: center; border-radius: 5px; margin: 0 5px 0 0; width: 140px; height: 46px; line-height: 36px; text-decoration: none; float: left; } /** * リスト表示　カート関連ボタン */ .usercar_list .list_con{ margin:0 0 15px; } .usercar_list .inCarlist{ display:block; text-align:right; } .usercar_list .buyButtonMini{ height: 40px; box-sizing: border-box; font-size: 14px; background-color: #d31715; color: #fff; padding: 0px 25px 0px 45px; display: inline-block; margin: 0 5px 0 0; border-radius: 5px; cursor: pointer; transition: .3s; vertical-align: middle; line-height: 40px; background-image: url(../images/cart_icon_w.png); background-repeat: no-repeat; background-size: 20px; background-position: left 15px center; text-decoration:none; } .usercar_list .favoriteButtonMini{ height: 40px; line-height: 40px; display: inline-block; color: #fff; background-image: url(../images/star_icon_w.png); background-size: 20px; background-repeat: no-repeat; background-position: left 15px top 9px; padding: 0px 25px 0px 40px; font-size: 14px; border-radius: 5px; transition: .3s; background-color:#555555; } .usercar_list .toCartButtonMini{ background: #d31715; color: #fff; padding: 0px 25px 0px 45px; box-sizing: border-box; display: inline-block; background-image: url(../images/cart_icon_w.png); background-repeat: no-repeat; background-size: 20px; background-position: left 10px center; font-size: 14px; border-radius: 5px; text-decoration: none; height: 40px; line-height: 40px; } .usercar_list .detailButtonMini { display:none; } .favoriteButton.disable, .favoriteButtonMini.disable { background-image: url(../images/star_icon_y.png); } .buyButtonMini.disable{ background-color:#aaa; cursor:default; } .buyButtonMini.js-favoriteButton{ background-image: url(../images/star.png); background-repeat: no-repeat; background-size: 16px; background-position: left 7px top 11px; padding: 10px 5px 10px 25px; } /** * カートフェーズページ * */ .cartListOuter{ margin-bottom: 30px; } .cartListOuter:empty{ position:relative; } .cartListOuter:empty:before { content: "カートの中身を読み込んでいます…"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) translateY( 60px ); -webkit-transform: translateX(-50%) translateY(-50%) translateY( 60px ); font-size: 14px; } .cartListOuter:empty:after { content: ""; font-size: 14px; display: block; text-align: center; padding: 80px 0; background-image: url(../images/loader.svg); background-repeat: no-repeat; background-size: auto; background-position: center; } .cartListOuter.js-loaded:empty:before{ content : "カートに商品は入っていません"; background: rgba(255,255,255,.1) url(../images/ibbBg.png); font-size: 14px; display: block; text-align: center; padding: 45px 0; border: 1px solid #ccc; border-radius: 5px; position:relative; } .cartListOuter.js-loaded:empty:after{ display:none; } .cartListOuter.js-favoriteListOuter.js-loaded:empty:before{ content : "「気になる」リストには商品はまだありません"; background: rgba(255,255,255,.1) url(../images/ibbBg.png); font-size: 14px; display: block; text-align: center; padding: 45px 0; border: 1px solid #ccc; border-radius: 5px; position:relative; } .favoriteList, .cartList { padding: 15px 15px 15px 0px; margin: 0 0 30px; position: relative; } .moveCartButton, .existsCartButton{ background-color: #d31715; color: #fff; font-size: 12px; padding: 5px 10px; border-radius: 5px; cursor: pointer; display: inline-block; } .moveCartButton{ margin:0 5px 0 0; } .existsCartButton{ cursor:default; background-color:#aaa; } .deleteCartButton{ background-color: #aaa; display: inline-block; padding: 5px 10px; font-size: 12px; color: #fff; border-radius: 5px; cursor: pointer; } .moveCartButton, .deleteCartButton{ transition:.3s; } .moveCartButton:hover, .deleteCartButton:hover{ transform:translateY(-2px); } .favoriteList img, .cartList img { max-width: 240px; margin: 0px 15px 15px 0px; float:left; } .favoriteList .about, .cartList .about { margin: 0 0 15px; } .cartList .itemName{ font-size: 18px; font-weight: bold; margin: 0 0 5px; } .cartList .itemCost{ margin:0 0 5px; } .cartList .itemCost .key{ margin: 0 5px 0 0; } .cartList .itemTotalCost{ font-size: 20px; color: #c00; margin: 0 0 15px; } .cartList .itemComments .key{ display: block; font-size: 14px; font-weight: bold; } #js-selectCreditCardPayment, #js-selectAmazonPay, #js-selectOrico, #js-selectPaypay{ display:none; } #js-selectCreditCardPayment[data-useable="1"], #js-selectAmazonPay[data-useable="1"], #js-selectOrico[data-useable="1"], #js-selectPaypay[data-useable="1"]{ display:block; } #js-selectOrico[data-has-error="1"] input, #js-selectOrico[data-has-error="1"] span{ opacity: .3; cursor: default; } #js-selectOrico .errorText{ background-color: #FEE; border: 1px solid #fcb4b4; box-sizing: border-box; color: #C00 !important; padding: 10px; margin: 0 0 10px; } #js-selectOrico .js-errorText[data-display = "0"]{ display: none; } .selectPaymentItemOuter:last-of-type{ margin:0 !important; } .selectPaymentItem{ cursor: pointer; display: block; margin:0 0 5px; } .aboutPaymentOuter{ display:none; margin: 0 0 15px; padding: 0 15px; } .aboutPaymentLabel{ display: inline-block; margin: 0 0 5px; background: #666; color: #fff; font-size: 11px; padding: 0 5px; } .note{ font-size: 14px; } .noteDeliveryTime{ display: inline-block; margin: 5px 0 0 10px; font-size: 12px; } .noteTop{ margin-bottom: 5px; font-size: 14px; text-align: left; } .nextCartButton{ color:#fff !important; text-align:center !important; text-decoration:none !important; } #amazonPayButton{ width: 200px !important; height: 60px !important; margin: 0 auto; } .js-purchaseInput[readonly]{ border:none !important; box-shadow:none; } .js-purchaseInput{ resize:none; } .js-purchaseInput[type = "radio"]{ position: relative; top: 2px; } select.js-purchaseInput[disabled] { color: initial; border: none !important; -webkit-appearance: none; } #carListThumbNail_wrapper .inCarlist .toCartButtonMini{ width: 120px; padding: 10px 0px; display: inline-block; font-size: 14px; text-align: center; } .aboutCommerceLaw{ font-weight: bold; font-size: 16px; margin: 0 0 30px; } .js-purchaseInput.inputarea4{ width: 100%; box-sizing:border-box; } .thankyouDekky{ width: 300px; background: #fff; border-radius: 5px; padding: 30px; } .finishShoppingImage{ margin-bottom: 30px; } .aboutSendMail{ margin:0 0 15px; font-weight: bold; } .contactAboutShoppingOuter{ display: inline-block; padding: 30px; border: 1px solid #ccc; background:#fff; border-radius:5px; margin-bottom: 30px; } .contactAboutShoppingOuter .title{ display: inline-block; color: #fff; background: #333; padding: 0 25px; border-radius: 15px; margin:0 0 5px; } .contactAboutShoppingOuter .body{ font-weight:bold; font-size:36px; color:#333; margin-bottom: 0; display: block; } .paymentWayOuter, .aboutTotalCostOuter, .aboutPaymentWayOuter { margin-bottom: 30px; } .paymentWayOuter .key, .aboutPaymentWayOuter .key, .aboutTotalCostOuter .key{ font-size: 14px; font-weight:bold; margin: 0 0 5px; display: block; } .aboutCartIcon{ font-size:12px; margin:0 0 10px; } .aboutCartIcon:empty{ margin:0; } .hi-icon_now { cursor: pointer; position: relative; } .hi-icon_now:after{ width: 10px; height: 10px; opacity: 0.75; background: #fff; color: #fff; padding: 1px; display: block; position: absolute; font-size: 10px; top: 35px; right: 5px; border-radius: 100%; content: ''; z-index: 130; box-sizing: content-box; animation: sonarEffect 1.3s ease forwards 3; } #js-deleteTrigger.hi-icon_now:after { top: 5px; right: 2px; animation: sonarEffect 1.3s ease infinite forwards; } .hi-icon_side_scroll { cursor: pointer; position: relative; } .hi-icon_side_scroll:after{ width: 10px; height: 10px; opacity: 0.75; background: #fff; color: #fff; padding: 1px; display: block; position: absolute; font-size: 10px; top: 20px; left: 20px; border-radius: 100%; content: ''; z-index: 130; box-sizing: content-box; animation: sonarEffect 1.3s ease forwards 3; } .hi-icon_inifite{ cursor: pointer; position: relative; } .hi-icon_inifite:after{ width: 10px; height: 10px; opacity: 0.75; background: #fff; color: #fff; padding: 1px; display: block; position: absolute; font-size: 10px; top: 20px; left: 20px; border-radius: 100%; content: ''; z-index: 130; box-sizing: content-box; animation-name:sonarEffect; animation-duration:1.3s; animation-iteration-count: infinite; animation-fill-mode: forwards; } #hash-favorite{ position:absolute; top: -150px; } #side_link_block img{ max-width: 100%; } #js-totalCostAbout{ font-size:12px; display:block; margin:5px 0 0; display:none; } #js-totalCostAbout.show{ display:block; } .right_box_img img{ max-width:100%; } .detail_text_none { display: none; } @keyframes sonarEffect { 0% { opacity: 1.0; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); } 100% { box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5); transform: scale(1.5); opacity: 0; } } /* 請求書 */ .ec-cart .div_box_free.invoice{ display: none; } .ec-cart .invoice[data-invoice-status = "loading"], .ec-cart .invoice[data-invoice-status = "loaded"], .ec-cart .invoice[data-invoice-status = "noneed"]{ display: block; } .ec-cart .invoice .invoiceContentOuter[data-invoice-status = "loading"], .ec-cart .invoice .invoiceContentOuter[data-invoice-status = "loaded"], .ec-cart .invoice .invoiceContentOuter[data-invoice-status = "noneed"]{ display: none; } .ec-cart .invoice[data-invoice-status = "loading"] .invoiceContentOuter[data-invoice-status = "loading"], .ec-cart .invoice[data-invoice-status = "loaded"] .invoiceContentOuter[data-invoice-status = "loaded"], .ec-cart .invoice[data-invoice-status = "noneed"] .invoiceContentOuter[data-invoice-status = "noneed"]{ display: block; } .invoiceContent{ background-color: #eee; display: inline-block; padding: 10px 40px 10px 45px; font-size: 14px; color: #555; background-repeat: no-repeat; background-position: left 25px center; } .invoiceContentOuter[data-invoice-status = "loading"] .invoiceContent{ background-image: url(../images/icon_loader_a_ww_03_s1.gif); } .invoiceContentOuter[data-invoice-status = "loaded"] .invoiceContent{ background-image: url(../images/middle_menu_page_count_icon.png); text-decoration: none; color: #36f; } .invoiceContentOuter[data-invoice-status = "noneed"] .invoiceContent{ background: none; padding: 0; color: initial; } /** * 成功事例ページ */ #body_free.reviewPage .reviewTopContentsInner{ width: 100% !important; height: 600px; background-position: top center !important; background-repeat: no-repeat; background-size: 1920px; position: relative; max-width:none; } .reviewTopContents{ box-sizing: border-box; position: absolute; top: 30px; left: calc( 50% + 480px - 480px - 30px ); width: 480px; height: 360px; } .js-imageBoxBackground .reviewTopContentsTextOuter{ background: rgba(0,0,0,0.75) !important; width:100%; padding: 45px; color: #fff !important; } .js-imageBoxBackground .reviewTopContentsTextOuter p{ color:#fff !important; } .reviewTopContentsLeadText{ border-bottom: 1px solid #fff; margin: 0 0 10px; } .reviewTopContentsLeadTextFront{ font-size:24px; } .reviewTopContentsLeadTextBack{ font-size:14px; } .reviewTopContentsLeadTextBack:before, .reviewTopContentsLeadTextBack:after { content: "－"; } .block_outer_review_conversion{ padding:0 0 60px; } .js-imageBoxBackground .reviewTopContentsTextOuter .reviewTopContentsCopyText{ font-size: 28px; margin: 0 0 10px; line-height:initial; } .js-imageBoxBackground .reviewTopContentsTextOuter .reviewTopContentsCaptionText{ margin:0 0 10px; line-height:initial; } .js-imageBoxBackground .reviewTopContentsTextOuter .reviewTopContentsShopInfoText{ text-align:right; } .reviewMainContents .img_box_left, .reviewMainContents .img_box_right{ width: 100%; } .reviewMainContents .imageBoxContents{ float:none; } .reviewConversionContentsImg{ display:block; margin:auto; max-width: 100%; } .js-imageBoxBackground .reviewTopContentsTextOuter{ margin:0 0 30px !important; } .reviewSampleContents { display: inline-block; width: calc( ( 100% - 30px ) / 3 ); height: 60px; float: left; margin: 0 15px 0 0; background-position: center; background-repeat: no-repeat; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); transition:.3s; } .reviewSampleContents:hover{ transform:translateY(-3px); -webkit-transform:translateY(-3px); } .reviewSampleContents:nth-of-type(1){ background-image: url(../images/review_1.png); } .reviewSampleContents:nth-of-type(2){ background-image: url(../images/review_2.png); } .reviewSampleContents:last-of-type { background-image: url(../images/review_3.png); margin: 0; } .reviewPankuzuBlockOuterOuter{ max-width: 960px; margin: 0 auto; } .sidebar_review img{ width: 100%; } #body_free.reviewPage #main_img_wrapper{ height:inherit !important; max-width: 1920px; margin: 0 auto; } #body_free.reviewPage #main_img_container{ padding:0; } .block_outer_review_main .div_box_free .box_free:last-of-type { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* フェイスブックブロック */ .block_outer_facebook_block .facebook_wrapper{ position: relative; margin-bottom: 60px; text-align: center; min-width: 280px; margin: 0 auto 60px; width: 100%; } #facebook_wrapper .overLay{ position: absolute; background: rgba(0,0,0,0.5); width: 100%; height: 100%; max-width: 1000px; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; border-radius: 10px; border: none; } #facebook_wrapper .facebookModal{ color: #333; height: 330px; width: calc( 100% - 100px ); max-width: 500px; top: calc(50% - 330px / 2); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; background: #fff; overflow: hidden; z-index: 3; border-radius: 10px; box-shadow: 5px 5px 5px rgba( 0,0,0, 0.6); padding: 5px; } .facebookModalTitle{ margin: 40px auto 15px; font-size: 24px; font-weight: normal; } .facebookIdInput{ font-size: 14px; border: 1px solid #CCCCCC; border-radius: 3px; padding: 7.5px 10px; margin: 0 0 5px; box-sizing: border-box; display: inline-block; width: 320px; } .facebookErrorMsg{ color: #e00; visibility: hidden; height: 0px; transition: 0.25s; font-size: 14px; font-weight: bold; } .facebookErrorMsg.active{ visibility: visible; height: 30px; margin-top: -25px; } .facebookRegistBtn{ color: #FFF; text-shadow: -1px -1px 0 rgba(0,0,0,0.2); font-weight: bold; font-size: 16px; padding: 10px; border: 1px solid #FFF; border-radius: 3px; width: 180px; cursor: pointer; background-color: #ffaa00; background-image: url(../images/palette_btn_dot.png), url(../images/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%); background-repeat: repeat, no-repeat, repeat; background-position: left top, top center, left top; box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); transition: 0.3s; display: block; margin: 0 auto 15px; box-sizing: border-box; display: inline-block; } .facebookRegistBtn:hover{ box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(163,160,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2); } .facebookNotes{ font-size: 14px; margin: 0 0 30px; } .facebookDetaile{ color: #666; } .facebookDetaileLink{ color: #36f; text-decoration: none; background-image: url(../images/out_link.gif); background-repeat: no-repeat; background-position: right top 4px; padding-right: 16px; } .facebookContentOuter{ height: 500px; max-width: 500px; } .facebookFrame{ position: absolute; z-index: 1; border-radius: 10px; visibility: hidden; transition: .3s; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .facebookFrame.Loaded{ visibility: visible; } .facebookFrameBackNotes{ position: absolute; z-index: 0; border-radius: 10px; height: 500px; width: 500px; background-color: #333; opacity: .8; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .facebookFrameBackNotes p{ position: absolute; top: 50%; left: 50%; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); width: 100%; padding: 30px; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; } .facebookLoader{ background: url(../images/loader.svg); background-repeat: no-repeat; background-size: 30px; background-position: center center; text-align: center; height: 500px; max-width: 500px; width: 100%; background-color: #fff; border-radius: 10px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; border-radius: 10px; border: none; } #lead_p a:last-of-type{ background-image: url(../images/btn_grass.png), url(../images/btn_Bg.png); background-color: #26e; background-repeat: no-repeat, repeat; background-size: cover, auto; background-position: center bottom 2px, center; color: #fff; padding: 15px 45px; font-size: 16px; border-radius: 5px; text-align: center; text-decoration: none; position: relative; box-sizing: border-box; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); display:inline-block; } #lead_p a:last-of-type:hover{ opacity:0.8; } /* 在庫車リスト メーカー・車種ハイライト */ h3 span.highlightFormatCar, .h3 span.highlightFormatCar, #carListThumNail_wrapper .thumbnail_box .h3 span.highlightFormatCar, #carListSlideShow_wrapper .thumbnail_box .h3 span.highlightFormatCar { background: #f3f314 !important; display: inline; float: none; padding: 0; margin: 0; font-size: inherit; font-weight: bold; color: #000000; } /* 在庫車詳細本文ハイライト */ .block_outer_usedcar_detail .highlightFormatCar { background: #f3f314 !important; } #carListSlideShow_wrapper .free_search_hit_str { bottom: -25px; } .thumbnail_box .free_search_hit_str { font-size: 13px; text-align: right; display: block; box-sizing: border-box; position: absolute; bottom: -20px; right: 10px; color: #fb0; z-index: 2; text-decoration: underline; margin: 0; } .usercar_list .free_search_hit_str { font-size: 13px; display: block; box-sizing: border-box; color: #fb0; z-index: 2; text-decoration: underline; text-align: right; margin: 15px 0; } .usercar_list .gradeName { font-size: 11px; display: inline-block; padding: 3px 0 3px !important; margin: 0 0 0 10px; position: relative; z-index: 1; } #carlist_main_box .thumbnail_box .h3 span.gradeName { font-size: 11px !important; padding: 0 !important; position: relative; z-index: 1; display: block; } .free_search_hit_str:hover { text-decoration: none; cursor: pointer; } #gmenu_recruit.recruit_link_sp { display: none; } #body_top #wrapper span[data-face="Noto Serif JP"], #body_sub #wrapper span[data-face="Noto Serif JP"], #body_free #wrapper span[data-face="Noto Serif JP"], span[data-face="Noto Serif JP"], #body_top #wrapper span[data-face="Noto Serif JP"] *, #body_sub #wrapper span[data-face="Noto Serif JP"] *, #body_free #wrapper span[data-face="Noto Serif JP"] *, span[data-face="Noto Serif JP"] * { font-family: 'Noto Serif JP', sans-serif !important; } #body_top #wrapper span[data-face="'M PLUS Rounded 1c'"], #body_sub #wrapper span[data-face="'M PLUS Rounded 1c'"], #body_free #wrapper span[data-face="'M PLUS Rounded 1c'"], span[data-face="'M PLUS Rounded 1c'"], #body_top #wrapper span[data-face="'M PLUS Rounded 1c'"] *, #body_sub #wrapper span[data-face="'M PLUS Rounded 1c'"] *, #body_free #wrapper span[data-face="'M PLUS Rounded 1c'"] *, span[data-face="'M PLUS Rounded 1c'"] * { font-family: 'M PLUS Rounded 1c', sans-serif !important; } #body_top #wrapper span[data-face="Kosugi"], #body_sub #wrapper span[data-face="Kosugi"], #body_free #wrapper span[data-face="Kosugi"], span[data-face="Kosugi"], #body_top #wrapper span[data-face="Kosugi"] *, #body_sub #wrapper span[data-face="Kosugi"] *, #body_free #wrapper span[data-face="Kosugi"] *, span[data-face="Kosugi"] * { font-family: 'Kosugi', sans-serif !important; } #body_top #wrapper span[data-face="Noto Sans JP"], #body_sub #wrapper span[data-face="Noto Sans JP"], #body_free #wrapper span[data-face="Noto Sans JP"], .defaultFont span[data-face="Noto Sans JP"], #body_top #wrapper span[data-face="Noto Sans JP"] *, #body_sub #wrapper span[data-face="Noto Sans JP"] *, #body_free #wrapper span[data-face="Noto Sans JP"] *, span[data-face="Noto Sans JP"] * { font-family: 'Noto Sans JP', sans-serif !important; } /* EFO対策第1弾 */ .inputFileContollerOuter,.inputFileViewer, .inputFileController, .inputFileDeleter{ display:none; } .inputFileTriggerIcon { width: 72px; height: 54px; display: inline-block; border: 2px dashed #ddd; background-image: url(../images/camera48ccc.png); background-size: 24px; background-position: center top 4px; background-repeat: no-repeat; margin-right: 4px; border-radius: 5px; cursor: pointer; transition: opacity .3s; box-sizing: border-box; position: relative; vertical-align: middle; text-align: center; background-color: #fff; } .inputFileTriggerIcon.js-error{ background-image: url(../images/camera48f99.png); } .inputFileTriggerIcon:before { content: "クリック"; background-color: #ccc; font-size: 10px; line-height: 14px; color: #fff; position: absolute; bottom: 5px; font-weight: normal; border-radius: 6px; width: 54px; height: 14px; box-sizing: border-box; left: calc( 50% - 26px ); text-shadow: 1px 1px 0.15px rgba(0,0,0,0.1); } .inputFileTriggerIcon.js-loadImage:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 5px; background-color: rgba(255,255,255,0.95); background-image: url(../images/icon_loader_a_ww_03_s1.gif); background-repeat: no-repeat; background-position: center; } .inputFileTriggerIcon.js-error{ background-color: #fcc; border-color: #f99; } .inputFileTriggerIcon.js-error:before{ color: #f99; font-weight:bold; } .inputFileTriggerIcon.js-hasImage:before{ content:""; background:none; } .inputFileTriggerIcon:hover{ opacity:0.75; } .inputFileTriggerIcon.js-hasImage{ border:none; background:none; } .inputFileViewer{ max-width: 100%; max-height: 100%; } .js-hasImage .inputFileViewer{ display:inline-block; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); } .inputFileTriggerIcon:last-child{ margin-right:0px; } .inputFileTriggerIcon.js-hasImage .inputFileDeleter{ display: inline-block; color: #fff; background-color: #f66; position: absolute; right: -7px; top: -7px; width: 16px; height: 16px; border-radius: 100%; font-weight: bold; text-align: center; line-height: 17px; font-size: 14px; border: 2px solid #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); transition: .25s; z-index: 1; } .inputFileTriggerIcon.js-hasImage .inputFileDeleter:hover{ transform:translateY(-2px); -webkit-transform:translateY(-2px); } .inputFileTriggerIcon.allowed { cursor: not-allowed; } #right_box .right_box_img .side_pict { padding: 0; background: none; } .fileSizeProgressBarOuter { position: relative; } .fileSizeOverAlert.js-error { background-color: #fcc; border-color: #f99; } .fileSizeProgressBarInner { display: inline-block; vertical-align: middle; margin-right: 15px; max-width: 100%; width: 260px; height: 20px; position: relative; border: 1px solid #ccc; border-radius: 15px; padding: 0; box-sizing: border-box; box-shadow: 0px 0px 3px rgb(0 0 0 / 8%); background: #fefefe; overflow: hidden; } .js-inputFileViewerOuter { display: inline-block; max-width: 100%; height: 100%; position: relative; } .js-inputFileViewerOuter.sizeOver:after { content: ""; position: absolute; top: 0px; right: 0px; opacity: 0.8; box-sizing: border-box; width: 100%; height: 100%; animation: fileSizeOverSonar 1.5s forwards 3; } .fileSizeProgressBar { display: inline-block; width: 0%; height: 100%; background: #87ff87; border-radius: 5px; margin: 0; padding: 0; border-radius: 15px; text-align: left; transition: width .75s 100ms; } .fileSizeProgressBar.few { background: #87ff87; } .fileSizeProgressBar.many { background: #ff701d; } .fileSizeProgressBar.over { background: #e33838; } .fileSizeProgressBar.over .progressDetail, .fileSizeProgressBar.many .progressDetail { color: #fefefe; } .progressDetail { color: #111; font-size: 10px; margin: 0 10px; display: inline-block; line-height: 20px; word-break: keep-all; white-space: nowrap; } #otoiawase_table_box .remainingSizeOuter, #mitumori_table_box .remainingSizeOuter { color: #fd4c4c; display: inline-block; vertical-align: middle; font-size: 11px; display: none; } div#otoiawase_table_box, .n_table.contact_table, .block_outer_contact_form .mail_body_edit, .block_outer_contact_form .mail_body_edit .n_table, p#contact_form_desc, h3.mitsumori_title, div#mitumori_table_box, .n_table.est_table_car, .n_table.est_table_client, .block_outer_estimate_form .mail_body_edit, .block_outer_estimate_form .mail_body_edit .n_table, .block_outer_entry_form .n_table, .block_outer_entry_form .mail_body_edit, #block_outer_dksm #dksm_wrapper .n_table{ max-width: 900px !important; } .autoReplyMailMessage { font-weight: bold; font-size: 14px; text-align: left; } .block_outer_contact_form .plusBlockBtn, .block_outer_contact_form .plusBlockBtn2, .block_outer_contact_form .plusBlockBtn3, .block_outer_contact_form .plusBlockBtn4, .block_outer_contact_form .plusBlockBtn5, .block_outer_contact_form .spamMailSetting__link, .block_outer_estimate_form .plusBlockBtn, .block_outer_estimate_form .plusBlockBtn2, .block_outer_estimate_form .plusBlockBtn3, .block_outer_estimate_form .plusBlockBtn4, .block_outer_estimate_form .plusBlockBtn5, .block_outer_estimate_form .spamMailSetting__link, .block_outer_entry_form .plusBlockBtn, .block_outer_entry_form .plusBlockBtn2, .block_outer_entry_form .plusBlockBtn3, .block_outer_entry_form .plusBlockBtn4, .block_outer_entry_form .plusBlockBtn5, .block_outer_entry_form .spamMailSetting__link { max-width: 900px !important; } .block_outer_contact_form td, .block_outer_estimate_form td, .block_outer_entry_form td { padding: 15px 30px; } .block_outer_contact_form .inputarea4, .block_outer_estimate_form .inputarea4, .block_outer_entry_form .inputarea4 { width: 440px; } #otoiawase_table_box p.remainingSizeOuter.hidden, #mitumori_table_box p.remainingSizeOuter.hidden { display: none; } #form_syokusyu_free_txt, #form_koyo_type_free_txt{ display: block; margin-bottom: 10px; } .remainingSize { font-weight: bold; display: inline-block; padding: 0 2px 0; } #otoiawase_table_box .deleteFileSizeOver.overAlert, #otoiawase_table_box p.fileSizeOverAlert.overAlert, #mitumori_table_box .deleteFileSizeOver.overAlert, #mitumori_table_box p.fileSizeOverAlert.overAlert { display: none; } #otoiawase_table_box .deleteFileSizeOver.overAlert.show, #mitumori_table_box .deleteFileSizeOver.overAlert.show { display: inline-block; } #otoiawase_table_box .deleteFileSizeOver.overAlert.show:hover, #mitumori_table_box .deleteFileSizeOver.overAlert.show:hover { box-shadow: 0px 0px 5px rgb(0 0 0 / 25%); } #otoiawase_table_box p.fileSizeOverAlert.overAlert.show, #mitumori_table_box p.fileSizeOverAlert.overAlert.show { display: block; margin: 5px 0 0; } #otoiawase_table_box .deleteFileSizeOver, #mitumori_table_box .deleteFileSizeOver { font-size: 10px; height: 15px; vertical-align: middle; line-height: 15px; cursor: pointer; border: 1px solid #eee; border-radius: 10px; background: #eee; padding: 0 10px; color: #111; box-shadow: 0px 0px 2px rgb(0 0 0 / 25%); } #otoiawase_table_box p.fileSizeOverAlert, #mitumori_table_box p.fileSizeOverAlert { color: #fd4c4c; display: block; vertical-align: middle; font-size: 11px; } .pict_input_block { margin-bottom: 15px; } .progressDetailTotal, .progressDetailMax, .remainingSizeOuter .maxSize { font-size: 12px; } .progressDetailTotal { font-weight: bold; } .progressDetailTotal .sizeUnit { font-weight: normal; font-size: 10px; margin-left: 2px; display: inline-block; } .progressDetailTotal .sizeUnit { font-weight: normal; font-size: 10px; margin-left: 2px; display: inline-block; } .progressDetailMax { margin-right: 2px; font-size: 11px; } .progressAppended { display: inline-block; word-break: keep-all; white-space: nowrap; font-size: 11px; margin-left: 5px; font-family: 'Kosugi'; } .progressAppended.hidden { display: none; } .fileSizeOverAppended { font-size: 10px; margin: 0 10px; display: inline-block; line-height: 20px; word-break: keep-all; white-space: nowrap; color: #fefefe; font-family: 'Kosugi'; display: none; } .fileSizeOverAppended.show { display: inline-block; } .js-dateWrapper option[disabled]{ color: #ccc; } .edit .n_table .open_modal{ position: relative; } .edit .n_table .open_modal .touchLink{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .edit .n_table .open_modal:hover{ background: #fc0; } /* メニュー表示・非表示切り替え */ body.no_pc_header_menu_top #menu_wrapper, body.no_pc_header_menu_middle #menu_wrapper, body.no_footer_menu .footerContentOuter{ display:none !important; } body.no_pc_header_menu_left #menu_wrapper, body.no_pc_header_menu_right #menu_wrapper{ height:0; padding:0; overflow:hidden; border: none; background: none; } body.no_pc_header_menu_left #menu_container, body.no_pc_header_menu_right #menu_container{ display:none; } /* メニュー統合 */ .global_header_menu_4 #gmenu_access, .global_header_menu_5 #gmenu_access, .global_header_menu_6 #gmenu_access{ display:none; } .global_header_menu_5 #gmenu_estimate, .global_header_menu_6 #gmenu_estimate, .no_estimate_page #gmenu_estimate{ display:none; } .global_header_menu_6 #gmenu_contact{ display:none; } .footer_menu_6 #fmenu_access, .footer_menu_6 #fmenu_access, .footer_menu_6 #fmenu_access{ display:none; } .footer_menu_5 #fmenu_estimate, .footer_menu_6 #fmenu_estimate, .no_estimate_page #fmenu_estimate{ display:none !important; } .footer_menu_6 #fmenu_contact{ display:none; } /* chromeのアップデートによりフォーカスが黒枠になるので対応 */ @media screen and (-webkit-min-device-pixel-ratio:0) { input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, input[type="text"]:active, input[type="password"]:focus, textarea:active, select:active { outline: none; box-shadow: 1px 1px 2px rgba(0,60,240,0.5) inset, -1px -1px 2px rgb(0,60,240,0.5) inset !important; } input[type="submit"]:focus, input[type="submit"]:active{ outline: none; box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(163,160,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2) !important; } } /* 画像ポップアップ機能関連 */ /* 編集側 */ .imageBoxOverlay, .closed_label{ position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.4); left: 0; top: 0; opacity: 0; transition: opacity .3s; visibility: hidden; } .imageBoxOverlay.disnone{ display: none !important; } .js-otherFastUploadTrigger.imageBoxOverlay{ display: flex !important; position: absolute !important; } .js-otherFastUploadTrigger.imageBoxOverlay.displayNone{ display: none !important; } #h2_box_1 .img_left:hover .imageBoxOverlay, #h2_box_2 .img_left:hover .imageBoxOverlay, #h2_box_3 .img_left:hover .imageBoxOverlay, .imageBoxOuter:hover .imageBoxOverlay, .side_img_box:hover .imageBoxOverlay, #recruit_banner_block:hover .imageBoxOverlay, .sidebar_shopinfo_block .shop_info_outer:hover .imageBoxOverlay, .leadAccessPageImageOuter:hover .imageBoxOverlay, .right_box_img:has(.js-linkTriggerEdit):hover .imageBoxOverlay{ opacity: 1; visibility: visible; } .imageBoxOverlay .linkTriggerEdit, .imageBoxOverlay .popUpTriggerEdit{ color: rgba(255,255,255); cursor: pointer; width: 48px; height: 48px; opacity: .7; text-decoration: none; transform-origin: center center; transition: all .3s; text-shadow: 0 4px 10px rgba(0,0,0,.8); } .imageBoxOverlay .linkTriggerEdit{ background: url(../images/link_overlay_bg.png) no-repeat center center; background-size: 48px 48px; border: none; } .side_bar_sub .shop_info_outer img{ padding-top: 0; } .side_bar_sub .imageBoxOverlay .linkTriggerEdit { background-size: 80%; } .side_bar_sub .side_img_box_max .imageBoxOverlay .linkTriggerEdit { background-size: 48px 48px; } .imageBoxOverlay .popUpTriggerEdit{ background: url(../images/popup_overlay_bg.png) no-repeat center center; background-size: 48px 48px; } .imageBoxOverlay .linkTriggerEdit:hover, .imageBoxOverlay .popUpTriggerEdit:hover{ opacity: 1; transform: scale(1.2); } /* 公開側　画像リンク */ .imageBoxContents .hasLink{ display: block; } .map_box #leadAccessPageImageHasLink{ display: inline-block; } /* .imageBoxContents .hasLink:after, .box_side_topics .hasLink:after, .like_topics_block.sidebar_review :after, .map_box #leadAccessPageImageHasLink:after, .linkOverlay:not([href=""]):after{ content: ""; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,.4) url(../images/link_overlay_bg.png) no-repeat center center; background-size: 44px 44px; transition: opacity .4s; position: absolute; left: 0; top: 0; } */ .imageBoxContents .hasLink:after{ content: ""; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,.4) url(../images/img_link.png) no-repeat center center; background-size: 44px 44px; transition: opacity .4s; position: absolute; left: 0; top: 0; } .map_box #leadAccessPageImageHasLink:after{ max-height: 200px; } #leadAccessPageImageHasLink{ position: relative; display: inline-block; } .imageBoxContents .hasLink:hover:after, .box_side_topics .hasLink:hover:after, .like_topics_block.sidebar_review:hover :after, #leadAccessPageImageHasLink:hover:after, .linkOverlay:hover:not([href=""]):after{ opacity: 1; } /* 公開側　ポップアップトリガー */ .popupImageBoxInnerOpen:after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.75); translate: opacity .3s; opacity: 0; } .popupImageBoxInnerOpen:hover:after{ opacity: 1; } .popUpTriggerOpen{ width: 100%; height: 100%; cursor: pointer; display: block; vertical-align: middle; } .popUpTriggerOpen:after{ content: ""; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,.4) url(../images/popup_overlay_bg.png) no-repeat center center; background-size: 48px 48px; transition: opacity .4s; position: absolute; left: 0; top: 0; } .popUpTriggerOpen:hover:after{ opacity: 1; } /* JSで動的にHTML生成されるもの */ .popup-wrapper{ width: 100vw; height: 100vh; background: rgba(0,0,0,.75); left: 0; opacity: 0; position: fixed; top: 0; transform-origin: center center; z-index: 1001; user-select: none; } .popup-wrapper.show{ animation: show .4s linear; display: block; opacity: 1; } .popup-wrapper.hide{ animation: hide .6s linear; } @keyframes show{ from{ opacity: 0; } to{ opacity: 1; } } @keyframes hide{ 0%{ opacity: 1; } 60%{ opacity: 1; } 100%{ opacity: 0; } } .popup-container{ width: 100%; height: 100%; align-items: center; display: flex; flex-direction: column; justify-content: center; } .hide .popup-container{ animation: zoomout .4s ease forwards; } .show .popup-container{ animation: zoomup .6s ease forwards; } /*** ポップアップアニメーションのIE11対応 ***/ /*** iframeのtransformがガタガタになるので普通に表示 ***/ @media all and (-ms-high-contrast: none){ .popup-wrapper.hide[data-popup-mode = "pdf"]{ animation: none; } .popup-wrapper.show[data-popup-mode = "pdf"]{ animation: none; display: block; opacity: 1; } .hide[data-popup-mode = "pdf"] .popup-container{ animation: none; opacity: 0; } .show[data-popup-mode = "pdf"] .popup-container{ animation: none; opacity: 1; } } @keyframes zoomout{ 0%{ opacity: 1; transform: scale(1); } 100%{ opacity: 0; transform: scale(0.4); } } @keyframes zoomup{ 0%{ opacity: 0; transform: scale(0.4); } 40%{ opacity: 0.7; transform: scale(0.4); } 100%{ opacity: 1; transform: scale(1); } } .popup-figure{ position: relative; background-image:url(../images/icon_loader_a_ww_03_s1.gif); background-repeat: no-repeat; background-position: center; background-size: 24px; } .edit .popup-figure { /* 編集ページはfixed_menuがある分調整 */ position: relative; top: 45px; } [data-popup-mode = "pdf"] .popup-figure{ width: 960px; height: 75vh; } .edit [data-popup-mode = "pdf"] .popup-figure { /* 編集ページはfixed_menuがある分調整 */ height: calc( 75vh - 70px ); position: relative; top: 45px; } .popup-figure__image{ background: none; border: 5px solid #FFF; box-shadow: 10px 20px 20px rgba(0,0,0,0.25); display: block; min-width: 50px; max-height: calc(70vh - 45px); min-height: 50px; transition: all ease-in-out .4s; } .popup-figure__iframe{ border: 5px solid #FFF; display: block; box-shadow: 10px 20px 20px rgba(0,0,0,0.25); box-sizing: border-box; } .popup-figure__image, .popup-figure__iframe{ max-width:960px; } .popup-figure__caption{ opacity: 0; margin: 10px 0 0; background-color: rgba(0,0,0,0.8); bottom: 0; position: absolute; width: calc( 100% - 10px ); box-sizing: border-box; left: 5px; bottom: 5px; padding:20px; } .popup-figure__caption:empty{ display:none; } .popup-figure__caption-head{ max-width: 85vw; color: #FFF; text-shadow: 1px 1px 1px #111; margin: 5px 0 0; font-size: 16px; font-weight: bold; } .popup-figure__caption-body{ max-width: 85vw; color: #FFF; text-shadow: 1px 1px 1px #111; margin: 5px 0 0; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .show .popup-figure__caption{ animation: captionFadein 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards; } .hide .popup-figure__caption{ animation: captionFadeout .25s ease forwards; } .head-background { width: 960px; height: 960px; position: fixed; left: 0; top: 0; color: #fff; font-weight: bold; font-size: 124px; opacity: .08; letter-spacing: 4px; transform: rotate(-45deg) translateX(0px); z-index: -1; font-family: 'Noto Serif JP', serif; } .popup-controll-item{ position: absolute; width: 48px; height: 48px; top: 50%; transform: translateY(-50%); background-size: 15px; background-repeat: no-repeat; background-position: center; background-color: rgba(0, 0, 0, 0.8); border: 1px solid #ccc; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); border-radius: 4px; cursor:not-allowed; opacity:0.2; } .popup-controll-item:before { content: ""; position: absolute; top: 50%; left: 50%; width: 200%; height: 200%; transform: translate(-50%, -50%); cursor: pointer; } .popup-figure__about { position: absolute; bottom: 0; color: #fff; width: 100%; text-align: center; transform: translateY(100%) translateY(20px) translateX(-50%); font-weight: bold; letter-spacing: 1px; left:50%; min-width:600px; } body[data-animated-popup = "1"] .popup-wrapper.show, body[data-animated-popup = "1"] .show .popup-container{ animation:none; } .popup-wrapper[data-zoom="0"][data-prevable = "1"] .popup-controll-item[data-key = "prev"]:not(:active), .popup-wrapper[data-zoom="0"][data-nextable = "1"] .popup-controll-item[data-key = "next"]:not(:active){ cursor:pointer; opacity:1; } .popup-wrapper[data-zoom="1"] .popup-controll-item[data-key = "prev"]:not(:active), .popup-wrapper[data-zoom="1"] .popup-controll-item[data-key = "next"]:not(:active){ opacity: 0; } .popup-controll-item[data-key = "prev"] { background-image: url(../images/slide_arrow_l.png); left: calc( 50% - 480px + 20px ); } .popup-controll-item[data-key = "next"] { background-image: url(../images/slide_arrow_r.png); left: calc( 50% + 480px - 48px - 20px ); } @keyframes captionFadein{ 0%{ opacity: 0; } 55%{ opacity: 0; transform: translateY(10px); } 100%{ opacity: 1; transform: translateY(0); } } @keyframes captionFadeout{ 0%{ opacity: 1; transform: translateY(0); } 100%{ opacity: 0; transform: translateY(10px); } } .popup-figure__button{ width: 28px; height: 28px; background: #FFF url(../images/popup_close_button.png) no-repeat center center; border-radius: 5px 5px 0 0; cursor:pointer; position: absolute; right: 0; top: -27px; } .popup-counter-outer{ position:absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-100%); color:#fff; font-size:12px; display:inline-flex; justify-content:center; align-items:baseline; } .popup-counter-item__current{ font-size:20px; font-weight:bold; } .popup-counter-item__slash{ margin:0 4px; } /*** EC機能 ***/ /** * 各デザインCSSで上書きする際、importantは不要です。 * .ec-cart を指定して優先度を高くしてください。 */ .ec-cart__progress{ max-width: 960px; border-radius: 5px; counter-reset: flag; margin: 20px auto 45px; position: relative; overflow: hidden; z-index: 1; } .ec-cart__progress-item{ width: calc( 100% / 4 - 10px); background: #ededed; color: white; display: block; float: left; font-size: 12px; line-height: 36px; outline: none; padding: 0 6px 0 0px; position: relative; transition: all .25s; } .ec-cart__progress-item:first-child { border-radius: 5px 0 0 5px; } .ec-cart__progress-item:first-child:before { left: 14px; } .ec-cart__progress-item:last-child { border-radius: 0 5px 5px 0; padding-right: 20px; } .ec-cart__progress-item--current, .ec-cart__progress--edit .ec-cart__progress-item:hover{ background: #CCCCCC; } .ec-cart__progress-item:after { width: 36px; height: 36px; background: #ededed; border-radius: 0 5px 0 50px; box-shadow: 2px -2px 0 2px rgb(255 255 255), 3px -3px 0 2px rgb(255 255 255 / 0%); content: ''; position: absolute; top: 0; right: -18px; transform: scale(0.707) rotate(45deg); transition: all .25s; z-index: 1; } .ec-cart__progress-item--current:after, .ec-cart__progress--edit .ec-cart__progress-item:hover:after { background: #CCCCCC; } .ec-cart__progress-item:last-child:after { content: none; } .ec-cart__progress-item:before { width: 20px; height: 20px; background: #fff; border-radius: 100%; box-shadow: 0 0 0 1px #d1d1d1; color: #333; content: counter(flag); counter-increment: flag; font-weight: bold; left: 30px; line-height: 20px; margin: 8px 0; position: absolute; text-align: center; top: 0; z-index: 0; } .ec-cart__progress-item a, .ec-cart__progress-item span{ color: #333; display: block; text-decoration: none; padding: 0 0 0 60px; } .ec-cart__progress-item:first-child a, .ec-cart__progress-item:first-child span { padding: 0 0 0 48px; } .ec-cart__progress-item a, .ec-cart__progress-item a:after { position: relative; transition: all 0.25s; z-index: 1; } .ec-button__returnInformation{ text-align: center; margin: 0 0 30px; font-size: 14px; } .ec-button__returnInformation a:before{ content: ""; position: relative; width: 10px; height: 12px; display: block; background-image: url(../images/next_txt_arw.png); background-repeat: no-repeat; transform: scale(-1, 1); left: calc(50% - 70px); top: 17px; } .ec-form__explain{ margin-bottom: 30px; padding: 20px; box-sizing: border-box; border: 1px solid #CCC; background: #F5F5F5; color: #333; } .ec-form__explain .ec-form__explain-title{ font-size: 18px; margin-bottom: 15px; } .ec-form__explain .ec-form__explain-body{ } .ec-button__outer{ margin-bottom: 30px; } .checkbox__wrap{ text-align: center; margin: 60px 0 20px; } .checkbox__wrap.hasRobotCheckBox{ margin: 60px 0 20px; } .checkbox__wrap.hasMailContentsCheckBox{ margin: 20px 0; } .checkbox__no-robot, .checkbox__mail_contents { display: none; } .label__no-robot, .label__mail_contents{ background: #F9F9F9; border: 1px solid #CCC; border-radius: 3px; cursor: pointer; color: #666666; display: inline-block; padding: 15px 25px 15px 62px; font-size: 14px; margin: 0 auto; position: relative; transition: .3s; } .label__mail_contents { padding: 15px 14px 15px 60px; } .label__no-robot:hover, .label__mail_contents:hover{ background: #F0F0F0; } .label__no-robot:before, .label__mail_contents:before{ content: ""; width: 27px; height: 27px; background: #FFF; border-radius: 3px; border: 2px solid #CCC; position: absolute; left: 16px; top: 10px; } .label__no-robot:after, .label__mail_contents:after { content: ""; width: 8px; height: 16px; animation-name:removeCheckIconAction; animation-duration:.45s; animation-fill-mode:forwards; border-bottom: 3px solid #12A561; border-right: 3px solid #12A561; display: block; left: 26px; margin-top: -12px; opacity: 0; position: absolute; top: 50%; transform: rotate(45deg); } .checkbox__no-robot:checked + .label__no-robot::after, .checkbox__mail_contents:checked + .label__mail_contents::after { animation-name: addCheckIconAction--noRobot; animation-duration: .9s; animation-fill-mode: forwards; opacity: 1; } @keyframes addCheckIconAction--noRobot{ 0% { transform: perspective(10px) translateY(-0px) translateZ(9px) rotate(-45deg); -webkit-transform: perspective(10px) translateY(-0px) translateZ(9px) rotate(-45deg); opacity: 0; } 100% { transform: perspective(10px) translateY(-0px) translateZ(0px) rotate(45deg); -webkit-transform: perspective(10px) translateY(-0px) translateZ(0px) rotate(45deg); opacity: 1; } } .error-message__checkbox{ display: none; position: absolute; left: 37px; top: -15px; font-size: 11px; color: #900; background: #FFF; border: 1px solid #676767; padding: 3px 13px; border-radius: 11px; box-shadow: 0 10px 15px 5px rgb(0 0 0 / 4%); } .label__mail_contents .error-message__checkbox { width: 265px; } .error-message__checkbox:before{ content: ""; width: 14px; height: 14px; display: block; position: absolute; left: -3px; bottom: -10px; background: url(../images/no_robot_fuki.png); } .businessDeclineText{ font-size: 12px; margin: 0 0 15px; } #body_sub.recruitPage .baloon:nth-last-of-type(5) { left: 42% !important; } /** * 2021-10-08 スマホスライダーアップデートに伴う対応 */ #slider .sliderAddedDiv, #bgSlider .sliderAddedDiv{ width: 0; height: 0; display: none; } p.designNewIcon{ position: relative; } p.designNewIcon:before { content: "NEW"; background: #ff8080; width: 36px; height: 16px; font-size: 10px; font-weight: bold; border-radius: 10px; box-sizing: border-box; padding: 0px 2px 0px; color: #fff; position: absolute; top: 0px; text-align: center; display: inline-block; left: -20px; } /** PC用ハンバーガーメニュー **/ #pc_menu_trigger { display: none; } .use_hamburger_menu #pc_menu_trigger { width: 100px; height: 100px; background: -webkit-linear-gradient(-75deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); box-shadow: 0 0 12px -4px rgba(0, 0, 0, .6); cursor: pointer; display: block; position: fixed; right: 45px; top: 45px; z-index: 12; } .js-menuOpened .use_hamburger_menu #pc_menu_trigger { background: transparent; box-shadow: none; } .edit .use_hamburger_menu #pc_menu_trigger { top: 115px; } div.mega_menu > ul.searchedResultListOuter { opacity: 1; display: none !important; } div.mega_menu > ul.searchedResultListOuter[data-show="1"] { display: flex !important; flex-wrap: wrap; align-content: flex-start; } .use_hamburger_menu div.mega_menu > ul.searchedEmpty[data-show="1"] { display: block !important; width: 720px; height: 100%; position: absolute; top: 0; left: 0; color: #fff; } .use_hamburger_menu div.mega_menu > ul.searchedEmpty[data-show="0"] { display: none !important; } .use_hamburger_menu div.mega_menu > ul.searchedEmpty .searchedEmptyList { width: 380px; height: 50px; position: absolute; top: calc(50% - 25px); left: calc(50% - 190px); padding: 10px; } #pc_menu_trigger span { width: 60px; height: 5px; background-color: #fff; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .05); left: 20px; position: absolute; transition: transform 300ms cubic-bezier(0.22, 0.61, 0.36, 1); } #pc_menu_trigger span:nth-of-type(1){top: 20px;} #pc_menu_trigger span:nth-of-type(2){top: 40px;} #pc_menu_trigger span:nth-of-type(3){top: 60px;} #pc_menu_trigger:after { content: "MENU"; width: 100%; bottom: 12px; color: #fff; display: inline-block; font-size: 10px; font-weight: bold; left: 0; letter-spacing: 0.3em; text-indent: 0.3em; line-height: 1; position: absolute; text-align: center; text-shadow: 1px 1px 0 rgba(0, 0, 0, .1); } .js-menuOpened #pc_menu_trigger:after { content: "CLOSE"; } .js-menuOpened #pc_menu_trigger span:nth-of-type(1) { -webkit-transform: translate(0, 20px) rotate(-45deg); transform: translate(0, 20px) rotate(-45deg); } .js-menuOpened #pc_menu_trigger span:nth-of-type(2) { opacity: 0; } .js-menuOpened #pc_menu_trigger span:nth-of-type(3) { -webkit-transform: translate(0px, -20px) rotate(45deg); transform: translate(0px, -20px) rotate(45deg); } /** オーバーレイ **/ #pc_menu_overlay{ background: rgba(0, 0, 0, 0); transition: background 600ms cubic-bezier(0.22, 0.61, 0.36, 1); } .js-menuOpened #pc_menu_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 5; } /** メニュー本体 **/ #menu_wrapper.use_hamburger_menu{ height: 0; } .use_hamburger_menu #menu > ul{ width: 420px; height: 100vh; background: #333; box-shadow: -5px 0px 15px 0px rgba(0, 0, 0, .15); box-sizing: border-box; opacity: 1; padding: 175px 45px 0 30px; position: fixed; right: -420px; top: 0; transition: all .3s; z-index: 11; } .edit .use_hamburger_menu #menu > ul{ padding-top: 245px; } .js-menuOpened .use_hamburger_menu #menu > ul { right: 0; overflow: auto; } .use_hamburger_menu #menu ul > li{ float: none; padding: 0; } .use_hamburger_menu #menu ul > li > a{ width: auto; height: auto; display: block; font-size: 16px; margin: 0 auto; max-width: none; padding: 1.5vh 15px; text-align: left; } .use_hamburger_menu #menu .gmenu_company_tel{ margin: 3vh 0 0; position: relative; } .use_hamburger_menu #menu .gmenu_company_tel .tel_str{ color: #fff; display: inline-block; background: url(../images/humbarger_common_tel.png) no-repeat top left; height: 32px; width: 32px; position: absolute; top: -2px; left: 0; } .use_hamburger_menu #menu .gmenu_company_tel .tel_number{ color: #FFF; font-size: 20px; font-weight: bold; padding: 1.5vh 15px 1.5vh 45px; text-align: center; } /** メガメニュー **/ .use_hamburger_menu .mega_menu{ width: 720px; height: 100vh; left: auto; padding: 0 !important; position: fixed; right: 420px; top: 0px; } .edit .use_hamburger_menu .mega_menu{ height: calc( 100vh - 70px ); top: 70px; } .use_hamburger_menu .mega_menu > ul{ height: 100%; align-content: flex-start; background: #f9f9f9; border: none; border-radius: 0px; box-sizing: border-box; display: flex !important; padding: 45px; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; } .use_hamburger_menu .mega_menu > ul::-webkit-scrollbar { display: none; } .pricetable td .syakenAllPrice { font-size: 14px; color: #CC0000; font-weight: bold; } /* パララックス */ .parallaxContent{ position: relative; width: 100vw; height: 240px; background-attachment: fixed; background-position: 50% 50%; background-size: 100%; background-repeat: repeat !important; box-shadow: 2px 2px 5px rgb(0 0 0 / 50%) inset, -2px 2px 4px rgb(0 0 0 / 50%) inset; background-color: #fff; overflow: hidden; } .parallaxContentOuter[data-field-id = "subtop"] .parallaxContent { box-shadow: none; background-attachment: scroll; background-repeat: no-repeat !important; background-size: cover; } .liquid_off .parallaxContent{ width: 100%; } .parallaxContentOuter.empty .parallaxContent{ background: none !important; text-align: center; box-shadow: none; overflow: hidden; } .parallaxContentOuter.empty .parallaxContent{ height: 0px; margin: 0; padding: 0; } /*** 見出し演出 ***/ body[data-h2-animate-ready = "0"] h2{ opacity: 0; } body[data-h2-animate-ready = "1"] h2{ opacity: 1; } /* アニメーション指定 共通 */ .splited:not(.notAnimate), #main_contents h2.midashi_long .splited, #main_contents .blog_item h2 .splited, #main_contents #middle_top_price01 h2 .splited, #main_contents h3.h3_common .splited, #main_contents h3.h3_common .splited, #main_contents #middle_top_price01 h3.h3_common .splited{ opacity:0; color: inherit; font-family: inherit; font-size: inherit; text-decoration: inherit; font-weight: inherit; width: auto; background: none; box-shadow: none; padding: 0; margin: 0; } /* h2 spanといったセレクタ指定の時にアニメーションをつけると直感編集での装飾に変わらないので対応 */ span[style*="color:#ff0000"] span:not(.splited), span[style*="color:#990000"] span:not(.splited), span[style*="color:#ff5454"] span:not(.splited), span[style*="color:#ff4d4d"] span:not(.splited), span[style*="color:#d0494f"] span:not(.splited), span[style*="color:#ffa500"] span:not(.splited), span[style*="color:#ffff00"] span:not(.splited), span[style*="color:#008000"] span:not(.splited), span[style*="color:#87ceeb"] span:not(.splited), span[style*="color:#0000ff"] span:not(.splited), span[style*="color:#800080"] span:not(.splited), span[style*="color:#ffc0cb"] span:not(.splited), span[style*="color:#000000"] span:not(.splited), span[style*="color:#ef4c4b"] span:not(.splited), span[style*="color:#3f8cec"] span:not(.splited), span[style*="color:#40bb39"] span:not(.splited), span[style*="color:#fec479"] span:not(.splited), span[style*="color:#999999"] span:not(.splited), span[style*="color:#cccccc"] span:not(.splited), span[style*="color:#ee3e3e"] span:not(.splited), span[style*="color:#8b1313"] span:not(.splited), span[style*="color:#ec794d"] span:not(.splited), span[style*="color:#e71870"] span:not(.splited), span[style*="color:#c0a270"] span:not(.splited){ color: inherit; } span[style*="font-weight"] span:not(.splited){ font-weight: inherit; } span[style*="font-family"] span:not(.splited){ font-family: inherit; } span[style*="font-size"] span:not(.splited){ font-size: inherit; } /* アニメーション指定 共通ここまで */ .splited.fadeout{ opacity: 0; } #header_wrapper p.headadd { z-index: 5; } /* H2 Animation float */ .splited.fired[data-h2-animation-name = "float"]{ animation-name: h2float; animation-duration: .4s; animation-fill-mode:forwards; display: inline-block; } @keyframes h2float{ 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0px); } } /* H2 Animation float-left */ .splited.fired[data-h2-animation-name = "float-left"]{ animation-name: h2float-left; animation-duration: .6s; animation-fill-mode:forwards; display: inline-block; transform: translateX(-50%) translateY( 50% ); } @keyframes h2float-left{ 0% { opacity: 0; transform: translateX(-50%) translateY(50%); } 100% { opacity: 1; transform: translateX(0) translateY(0); } } /* H2 Animation bounce */ .splited.fired[data-h2-animation-name = "bounce"]{ animation-name: h2bounce; animation-duration: .4s; animation-fill-mode:forwards; display: inline-block; } @keyframes h2bounce{ 0% { opacity: 0; transform: scaleX(0.2) translateY(-50%); } 50% { opacity: 1; transform: scaleX(2.0) translateY(25%); } 75% { opacity: 1; transform: scaleX(1.5) translateY(-12.5%); } 100% { opacity: 1; transform: scaleX(1.0) translateY(0px); } } /* H2 Animation jump */ .splited.fired[data-h2-animation-name = "jump"]{ animation-name: jump; animation-duration: .6s; animation-fill-mode:forwards; display: inline-block; animation-delay: 0.2s !important; } .splited.fired[data-h2-animation-name = "jump"]:nth-of-type(2n){ animation-name: jump; animation-duration: .6s; animation-fill-mode:forwards; display: inline-block; animation-delay: 0.25s !important; } @keyframes jump{ 0% { opacity: 0; transform: translateY(50%); } 33% { opacity: 1; transform: translateY(-25%) rotate(-10deg); } 66% { opacity: 1; transform: translateY(12.5%) rotate(1deg); } 100% { opacity: 1; transform: translateY(0px); } } /* H2 Animation typing */ .splited.fired[data-h2-animation-name = "typing"]{ opacity: 0; position: relative; animation-name: typing; animation-duration: .05s; animation-fill-mode: forwards; } .splited.fired[data-h2-animation-name = "typing"]:after{ content: ""; display: inline-block; position: absolute; bottom: 0; width: 2px; height: 100%; background-color: #333; animation-name: typingPointer; animation-duration: inherit; animation-fill-mode: inherit; animation-delay: inherit; opacity: 0; } .splited.fired.lastFired[data-h2-animation-name = "typing"]:after{ animation-duration: 1s; opacity: 0; animation-name: typingPointerLast; animation-iteration-count: 10; } @keyframes typing{ 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes typingPointer{ 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes typingPointerLast{ 0% { opacity: 0; } 50%{ opacity: 1; } 100%{ opacity: 0; } } .splited:not(.fired)[data-h2-animation-name = "label"]{ color:transparent !important; background:none !important; text-shadow: none !important; transition-duration:1s; opacity:0; } .splited.fired[data-h2-animation-name = "label"]{ position: relative; animation-duration: .05s; animation-fill-mode: forwards; opacity:1; } .splited.fired[data-h2-animation-name = "label"]:after{ content: ""; display: inline-block; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #333; animation-name: labelItem; animation-duration: .05s; animation-fill-mode: inherit; animation-delay: inherit; } @keyframes labelItem{ 0% { width:100%; } 100% { width:0; } } /* H2 Animation wave */ .splited.fired[data-h2-animation-name = "wave"]{ animation-name: wave; animation-duration: .6s; animation-fill-mode:forwards; display: inline-block; } .splited.fired[data-h2-animation-name = "wave"]:nth-of-type(2n){ animation-name: wave; animation-duration: .6s; animation-fill-mode:forwards; display: inline-block; } @keyframes wave{ 0% { opacity: 0; transform: translateX(0%) translateY(0%) scale(1); } 50% { opacity: 1; transform: translateX(20%) translateY(-20%) scale(1.1); } 100% { opacity: 1; transform: translateY(0px); } } /* H2 Animation shrink-top */ .splited.fired[data-h2-animation-name = "shrink-top"]{ animation-name: h2shrink-top; animation-duration: .4s; animation-fill-mode:forwards; display: inline-block; transform: translateX(-40%) translateY(-100%) scaleX(2.5); text-shadow: 0px 3px 3px rgb(0 0 0 / 30%); } @keyframes h2shrink-top{ 0% { opacity: 0; transform: translateX(-40%) translateY(-75%) scaleX(2.5); text-shadow: 0px 5px 3px rgb(0 0 0 / 50%); } 25% { opacity: 1; } 100% { opacity: 1; transform: translateX(0%) translateY(0%) scaleX(1); text-shadow: 0px 3px 3px rgb(0 0 0 / 0%); } } /** フェードイン（上から） */ .animation-lib--fade-in-top{ animation-name: animation-lib--fade-in-top; animation-duration: .5s; animation-fill-mode: forwards; animation-timing-function: ease-in-out } @keyframes animation-lib--fade-in-top{ 0%{ opacity: 0; transform: translateY(-30px); } 100%{ opacity: 1; transform: translateY(0px); } } /** フェードイン（下から） */ .animation-lib--fade-in-bottom{ animation-name: animation-lib--fade-in-bottom; animation-duration: .5s; animation-fill-mode: forwards; animation-timing-function: ease-in-out } @keyframes animation-lib--fade-in-bottom{ 0%{ opacity: 0; transform: translateY(30px); } 100%{ opacity: 1; transform: translateY(0px); } } /** フェードイン（左から） */ .animation-lib--fade-in-left{ animation-name: animation-lib--fade-in-left; animation-duration: 1.2s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1); } @keyframes animation-lib--fade-in-left{ 0%{ opacity: 0; transform: translateX(-15px); } 100%{ opacity: 1; transform: translateX(0px); } } /** フェードイン（左から大きく） */ .animation-lib--fade-in-left-big{ animation-name: animation-lib--fade-in-left-big; animation-duration: .9s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1); } @keyframes animation-lib--fade-in-left-big{ 0%{ opacity: 0; transform: translateX(-60px); } 100%{ opacity: 1; transform: translateX(0px); } } /** フェードイン（右から） */ .animation-lib--fade-in-right{ animation-name: animation-lib--fade-in-right; animation-duration: 1.2s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1); } @keyframes animation-lib--fade-in-right{ 0%{ opacity: 0; transform: translateX(15px); } 100%{ opacity: 1; transform: translateX(0px); } } /** フェードイン（右から大きく） */ .animation-lib--fade-in-right-big{ animation-name: animation-lib--fade-in-right-big; animation-duration: .9s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1); } @keyframes animation-lib--fade-in-right-big{ 0%{ opacity: 0; transform: translateX(60px); } 100%{ opacity: 1; transform: translateX(0px); } } /** ブラーイン */ .animation-lib--blur-in{ animation-name: animation-lib--blur-in; animation-duration: .5s; animation-fill-mode: forwards; animation-timing-function: linear; } @keyframes animation-lib--blur-in{ 0%{ opacity: 0; filter: blur(30px); } 95%{ opacity: 1; filter: blur(0px); } 100%{ opacity: 1; filter: none; } } /** フリップイン（下から） */ .animation-lib--flip-in-bottom{ animation-name: animation-lib--flip-in-bottom; animation-duration: .5s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); } @keyframes animation-lib--flip-in-bottom{ 0% { opacity: 0; -webkit-transform: translateY(100%) rotateX(180deg); transform: translateY(100%) rotateX(180deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 100% { opacity: 1; -webkit-transform: translateY(0) rotateX(0); transform: translateY(0) rotateX(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } } /** スケールイン（左から） */ .animation-lib--scale-in-hor-left{ animation-name: animation-lib--scale-in-hor-left; animation-duration: .5s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); } @keyframes animation-lib--scale-in-hor-left{ 0% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } /** スケールイン（左上から） */ .animation-lib--scale-in-tl{ animation-name: animation-lib--scale-in-tl; animation-duration: .5s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.27, 0, 0, 1); } @keyframes animation-lib--scale-in-tl{ 0% { -webkit-transform: translate(-50px, -50px) scale(0.85); transform: translate(-50px, -50px) scale(0.85); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: translate(0px, 0px) scale(1); transform: translate(0px, 0px) scale(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } /** スケールイン（右上から） */ .animation-lib--scale-in-tr{ animation-name: animation-lib--scale-in-tr; animation-duration: .5s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.27, 0, 0, 1); } @keyframes animation-lib--scale-in-tr{ 0% { -webkit-transform: translate(50px, -50px) scale(0.85); transform: translate(50px, -50px) scale(0.85); -webkit-transform-origin: 100%; transform-origin: 100% 0%; opacity: 0; } 100% { -webkit-transform: translate(0px, 0px) scale(1); transform: translate(0px, 0px) scale(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } } /** スケールイン（左上から） */ .animation-lib--scale-in-bl{ animation-name: animation-lib--scale-in-bl; animation-duration: .5s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.27, 0, 0, 1); } @keyframes animation-lib--scale-in-bl{ 0% { -webkit-transform: translate(-50px, 50px) scale(0.85); transform: translate(-50px, 50px) scale(0.85); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 0; } 100% { -webkit-transform: translate(0px, 0px) scale(1); transform: translate(0px, 0px) scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 1; } } /** スケールイン（右上から） */ .animation-lib--scale-in-br{ animation-name: animation-lib--scale-in-br; animation-duration: .5s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.27, 0, 0, 1); } @keyframes animation-lib--scale-in-br{ 0% { -webkit-transform: translate(50px, 50px) scale(0.85); transform: translate(50px, 50px) scale(0.85); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: translate(0px, 0px) scale(1); transform: translate(0px, 0px) scale(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } /** チルトイン（斜め上から） */ .animation-lib--tilt-in-tr{ animation-name: animation-lib--tilt-in-tr; animation-duration: .65s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); } @keyframes animation-lib--tilt-in-tr{ 0% { -webkit-transform: rotateY(-8.5deg) rotateX(5deg) translate(60px, -60px) skew(-3deg, -4deg); transform: rotateY(-8.5deg) rotateX(5deg) translate(60px, -60px) skew(-3deg, -4deg); opacity: 0; } 100% { -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg); transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg); opacity: 1; } } /** バウンスイン（大きくなる） */ .animation-lib--bounce-in-fwd{ animation-name: animation-lib--bounce-in-fwd; animation-duration: 1s; animation-fill-mode: forwards; } @keyframes animation-lib--bounce-in-fwd{ 0% { -webkit-transform: scale(0.4) rotateZ(-5deg); transform: scale(0.4) rotateZ(-5deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 38% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 55% { -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 72% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 81% { -webkit-transform: scale(0.89); transform: scale(0.89); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: scale(1) rotateZ(-0deg); transform: scale(1) rotateZ(-0deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } } /*@keyframes fileSizeOverSonar { 0% { opacity: 1; box-shadow: 0px 0px 0px 0px rgb(227,56,56,.4); } 50% { opacity: .5; box-shadow: 0px 0px 2px 5px rgb(227,56,56,.7); } 100% { opacity: 0; box-shadow: 0px 0px 2px 4px rgb(227,56,56,0); } }*/ @keyframes fileSizeOverSonar { 0% { opacity: 1.0; } 40% { opacity: 0.5; box-shadow: 0 0 0 0px rgba(227,56,56,0.1), 0 0 10px 10px rgb(227,56,56), 0 0 0 10px rgba(227,56,56,0.5); } 100% { box-shadow: 0 0 0 0px rgba(227,56,56,0.1), 0 0 10px 10px rgb(227,56,56), 0 0 0 10px rgba(227,56,56,0.5); transform: scale(1.1); opacity: 0; } } .parallaxContentOuter h2#recommend_h2.animation__h2--black5--passive:before, .parallaxContentOuter h2.midashi_long.animation__h2--black5--passive:before, .parallaxContentOuter #middle_top_price01 h2.animation__h2--black5--passive:before, .parallaxContentOuter h2.cart_h2.animation__h2--black5--passive:before, .blog_item h2#recommend_h2.animation__h2--black5--passive:before, .blog_item h2.midashi_long.animation__h2--black5--passive:before, .blog_item h2.cart_h2.animation__h2--black5--passive:before, #main_contents_container .ec-cart .blog_item h2.cart_h2.animation__h2--black5--passive:before, #main_contents_container .ec-cart .blog_item h2.h2_title.animation__h2--black5--passive:before, .parallaxContentOuter h2#recommend_h2.animation__h2--black5--passive:after, .parallaxContentOuter h2.midashi_long.animation__h2--black5--passive:after, .parallaxContentOuter #middle_top_price01 h2.animation__h2--black5--passive:after, .parallaxContentOuter h2.cart_h2.animation__h2--black5--passive:after, .blog_item h2#recommend_h2.animation__h2--black5--passive:after, .blog_item h2.midashi_long.animation__h2--black5--passive:after, .blog_item h2.cart_h2.animation__h2--black5--passive:after, #main_contents_container .ec-cart .blog_item h2.cart_h2.animation__h2--black5--passive:after, #main_contents_container .ec-cart .blog_item h2.h2_title.animation__h2--black5--passive:after{ opacity: 0; } .parallaxContentOuter h2#recommend_h2.animation__h2--black5--active:before, .parallaxContentOuter h2.midashi_long.animation__h2--black5--active:before, .parallaxContentOuter #middle_top_price01 h2.animation__h2--black5--active:before, .parallaxContentOuter h2.cart_h2.animation__h2--black5--active:before, .blog_item h2#recommend_h2.animation__h2--black5--active:before, .blog_item h2.midashi_long.animation__h2--black5--active:before, .blog_item h2.cart_h2.animation__h2--black5--active:before, #main_contents_container .ec-cart .blog_item h2.cart_h2.animation__h2--black5--active:before, #main_contents_container .ec-cart .blog_item h2.h2_title.animation__h2--black5--active:before{ animation: black5_animation_before 0.35s ease-in; } .parallaxContentOuter h2#recommend_h2.animation__h2--black5--active:after, .parallaxContentOuter h2.midashi_long.animation__h2--black5--active:after, .parallaxContentOuter #middle_top_price01 h2.animation__h2--black5--active:after, .parallaxContentOuter h2.cart_h2.animation__h2--black5--active:after, .blog_item h2#recommend_h2.animation__h2--black5--active:after, .blog_item h2.midashi_long.animation__h2--black5--active:after, .blog_item h2.cart_h2.animation__h2--black5--active:after, #main_contents_container .ec-cart .blog_item h2.cart_h2.animation__h2--black5--active:after, #main_contents_container .ec-cart .blog_item h2.h2_title.animation__h2--black5--active:after{ animation: black5_animation_after_pre 0.35s ease-in 0s forwards, black5_animation_after 0.35s ease-in 0.15s forwards; } @keyframes black5_animation_before{ 0%{ height: 0%; opacity: 1; } 1%{height: 1%} 50%{height: 10%} 100%{ height: 40%; opacity: 1; } } @keyframes black5_animation_after_pre{ 0%{ height: 0%; opacity: 1; } 100%{ height: 0%; opacity: 1; } } @keyframes black5_animation_after{ 0%{ height: 0%; opacity: 1; } 1%{height: 1%} 50%{height: 25%} 100%{ height: 100%; opacity: 1; } } .parallaxContentOuter.animation__h2--photo7--passive:nth-of-type(4n-2):after, .blog_item.animation__h2--photo7--passive:nth-of-type(4n-2):after, .parallaxContentOuter.animation__h2--photo7--passive:nth-of-type(4n):after, .blog_item:nth-of-type(4n):after, h2.midashi_long.animation__h2--photo7--passive:before, .h2_common.animation__h2--photo7--passive:before, .parallaxContentOuter[data-field-id="carlist"] h2.midashi_long.animation__h2--photo7--active:before, .parallaxContentOuter[data-field-id="faq"] h2.midashi_long.animation__h2--photo7--passive:before, #block_outer_recommend #recommend_h2.animation__h2--photo7--passive:before, #block_outer_recommend #recommend_h2.animation__h2--photo7--passive:after, .ec-cart .parallaxContentOuter h2.midashi_long.animation__h2--photo7--passive:before{ opacity: 0; } .parallaxContentOuter.animation__h2--photo7--active:nth-of-type(4n-2):after, .blog_item.animation__h2--photo7--active:nth-of-type(4n-2):after{ animation: photo7_animation_after_2 0.4s ease-in forwards; } .parallaxContentOuter.animation__h2--photo7--active:nth-of-type(4n):after, .blog_item.animation__h2--photo7--active:nth-of-type(4n):after{ animation: photo7_animation_after_4 0.4s ease-in forwards; } h2.midashi_long.animation__h2--photo7--active:before, .h2_common.animation__h2--photo7--active:before, .parallaxContentOuter[data-field-id="carlist"] h2.midashi_long.animation__h2--photo7--active:before, .parallaxContentOuter[data-field-id="faq"] h2.midashi_long.animation__h2--photo7--active:before, #block_outer_recommend #recommend_h2.animation__h2--photo7--active:before, #block_outer_recommend #recommend_h2.animation__h2--photo7--active:after, .ec-cart .parallaxContentOuter h2.midashi_long.animation__h2--photo7--active:before{ animation: photo7_animation_before 0.4s ease-in forwards; } @keyframes photo7_animation_after_2{ 0%{ width: 0px; height: 0px; left: calc( 25% - 0px); opacity: 1; } 1%{ width: 0.5px; height: 1px; } 50%{ width: 7px; height: 15px; left: calc( 25% - 1px); } 100%{ width: 30px; height: 60px; left: calc( 25% - 4px); opacity: 1; } } @keyframes photo7_animation_after_4{ 0%{ width: 0px; height: 0px; right: calc( 25% - 0px); opacity: 1; } 1%{ width: 0.5px; height: 1px; } 50%{ width: 7px; height: 15px; right: calc( 25% - 1px); } 100%{ width: 30px; height: 60px; right: calc( 25% - 4px); opacity: 1; } } @keyframes photo7_animation_before{ 0%{ width: 0px; bottom: -5px; left: calc(50% - 17px); opacity: 1; } 1%{ width: 1.6px; bottom: -5px; left: calc(50% - 17px); } 50%{ width: 12px; bottom: -10px; left: calc(50% - 19px); } 100%{ width: 50px; bottom: -23px; left: calc(50% - 24px); opacity: 1; } } /** * 〇〇の他のページ改修 */ /** サイドバー側 PCは問答無用で非表示 */ .subpageLink .thumbnail-exist img{ display: none; } .ul_lead{ opacity: 1; transition: .3s all; } .layout--default li.lead img{ display: none; } ul.ul_lead.layout--list, ul.ul_lead.layout--card{ display: flex; flex-wrap: wrap; } .layout--list li.lead:before, .layout--list li.lead:after, .layout--card li.lead:before, .layout--card li.lead:after{ content: ""; display: none; } .layout--card{ align-items: flex-start; } ul.ul_lead.layout--list li.lead{ width: 47%; padding-bottom: 0; margin: 0 3% 5px 0 !important; } ul.ul_lead.layout--default li.lead:nth-last-of-type(1), ul.ul_lead.layout--list li.lead:nth-last-of-type(1), ul.ul_lead.layout--list li.lead:nth-last-of-type(2), ul.ul_lead.layout--card li.lead:nth-last-of-type(1), ul.ul_lead.layout--card li.lead:nth-last-of-type(2), ul.ul_lead.layout--card li.lead:nth-last-of-type(3){ margin-bottom: 0 !important; } li.lead.thumbnail-empty:before{ /* content: ""; display: none !important;*/ } .layout--list li.lead.current.thumbnail-empty:nth-of-type(5n-4), .layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n-4) a{ background-image: url(../images/no_image_1_s.jpg); } .layout--card li.lead.current.thumbnail-empty:nth-of-type(5n-4), .layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n-4) a{ background-image: url(../images/no_image_1.png); } .layout--list li.lead.current.thumbnail-empty:nth-of-type(5n-3), .layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n-3) a{ background-image: url(../images/no_image_2_s.jpg); } .layout--card li.lead.current.thumbnail-empty:nth-of-type(5n-3), .layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n-3) a{ background-image: url(../images/no_image_2.png); } .layout--list li.lead.current.thumbnail-empty:nth-of-type(5n-2), .layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n-2) a{ background-image: url(../images/no_image_3_s.jpg); } .layout--card li.lead.current.thumbnail-empty:nth-of-type(5n-2), .layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n-2) a{ background-image: url(../images/no_image_3.png); } .layout--list li.lead.current.thumbnail-empty:nth-of-type(5n-1), .layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n-1) a{ background-image: url(../images/no_image_4_s.jpg); } .layout--card li.lead.current.thumbnail-empty:nth-of-type(5n-1), .layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n-1) a{ background-image: url(../images/no_image_4.png); } .layout--list li.lead.current.thumbnail-empty:nth-of-type(5n), .layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n) a{ background-image: url(../images/no_image_5_s.jpg); } .layout--card li.lead.current.thumbnail-empty:nth-of-type(5n), .layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n) a{ background-image: url(../images/no_image_5.png); } .layout--list li.lead.current.thumbnail-empty, .layout--list li.lead:not(.current).thumbnail-empty a{ padding: 15px 0 15px 84px !important; box-sizing: border-box; background-size: 64px auto; background-repeat: no-repeat; background-position: left center; } .layout--list li.lead.current{ display: flex; align-items: center; } .layout--list li.lead:not(.current) a{ align-items: center; display: flex; text-decoration: none; } .layout--list li.lead:not(.current) a:hover{ text-decoration: underline; } .layout--list li.lead img{ width: 64px; max-width: 64px; margin: 0 20px 0 0; } .layout--card .foot-middle-menu__list{ align-items: flex-start; } ul.ul_lead.layout--card li.lead{ width: 32%; margin: 0 1% 2% 0 !important; background: rgba(0,0,0,0); transition: all .2s; font-size: 14px !important; padding: 10px !important; box-sizing: border-box; text-align: center; } ul.ul_lead.layout--card li.lead img{ width: 100%; max-width: 100%; margin: 0 0 10px; } ul.ul_lead.layout--card li.lead:hover{ background: rgba(0,0,0,.05); font-weight: bold; } ul.ul_lead.layout--card li.lead.thumbnail-empty.current, ul.ul_lead.layout--card li.lead.thumbnail-empty:not(.current) a{ padding: calc( 100% * 0.75 + 10px ) 0 0 0 !important; background-size: 100% auto; background-repeat: no-repeat; background-position: top center; } ul.ul_lead.layout--card li.lead.thumbnail-empty.current{ padding: calc( (32% - 5px) * 0.75 + 10px ) 0 10px 0 !important; background-size: calc( 100% - 20px ) auto; background-position: top 10px center; } ul.ul_lead.layout--card li.lead a{ display: block; } ul.ul_lead.layout--card li.lead a:link{ text-decoration: none; } .plusBlockBtn--lead { padding: 0 0 30px 0 !important; top: 0 !important; display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse; } .subpageLink .plusBlockBtn--lead{ display: none !important; } .plusBlockBtn.plusBlockBtn--lead ul{ width: auto; height: 25px; margin-left: 5px; } .display_change_outer .toggle_carList.current, .changeSortedOrderOuter .changeSortedOrder.current, .plusBlockBtn--lead .changeLeadLayout.current{ position: relative; } .display_change_outer .toggle_carList.current:before, .changeSortedOrderOuter .changeSortedOrder.current:before, .plusBlockBtn--lead .changeLeadLayout.current:before{ width: 15px; height: 15px; background-image: url(../images/check_min_red.png); background-size: contain; background-repeat: no-repeat; background-position: center center; content: ""; left: -12px; position: absolute; top: 7px; z-index: 2; } .changeLeadLayoutOuter, .changeSortedOrderOuter { width: 25px; height: 25px; box-sizing: border-box; cursor: pointer; line-height: 25px; position: relative; } .display_change_outer{ cursor: pointer; position: relative; } .display_change_outer img, .changeLeadLayoutOuter img, .changeSortedOrderOuter img { cursor: pointer; } .display_change_outer .carList_layout_change_icon_wrapper, .changeLeadLayoutOuter .changeLeadLayoutInner, .changeSortedOrderOuter .changeSortedOrderInner{ width: 290px; background-color: #fff; box-sizing: border-box; box-shadow: 2px 2px 10px rgba(0,0,0,0.3); cursor: auto; display: none; left: -245px; line-height: 1; padding: 20px 10px; position: absolute; text-align: center; top: -75px; transition: .3s; } .display_change_outer .carList_layout_change_icon_wrapper{ width: 330px; border-radius: 3px; box-shadow: 2px 2px 10px rgba(0,0,0,0.15); letter-spacing: normal !important; left: -280px; top: -70px; z-index: 2; } .display_change_outer .carList_layout_change_icon_wrapper:after, .changeLeadLayoutOuter .changeLeadLayoutInner:after, .changeSortedOrderOuter .changeSortedOrderInner:after { content: ""; position: absolute; border-top-color: transparent; border-left-color: transparent; bottom: calc( 0px - 35px ); border-top: 32px solid #FFF; border-left: 17px solid transparent; border-right: 17px solid transparent; right: 18px; top: 35px; pointer-events: none; } .display_change_outer .carList_layout_change_icon_wrapper[data-layout-panel="1"], .changeLeadLayoutOuter .changeLeadLayoutInner[data-layout-panel="1"], .changeSortedOrderOuter .changeSortedOrderInner[data-sort-order-panel="1"]{ display: block; transition: .3s; } .display_change_outer .toggle_carList, .changeLeadLayoutOuter .changeLeadLayout, .changeSortedOrderOuter .changeSortedOrder{ color: #00f; cursor: pointer; font-size: 14px; padding: 5px; margin: 0 10px; text-decoration: underline; } .display_change_outer .toggle_carList, .display_change_outer .toggle_carList:hover{ color: #00f !important; } .display_change_outer .toggle_carList.current, .changeLeadLayoutOuter .changeLeadLayout.current, .changeSortedOrderOuter .changeSortedOrder.current{ color: #333; cursor: default; pointer-events: none; text-decoration: none; } .display_change_outer .toggle_carList.current{ color: #333 !important; } /** * 直感編集ボタン装飾 */ .rtButton{ /** ベース **/ min-width: 100px; max-width: 100%; color: #FFF; display: inline-block; margin: 20px 0; padding: 15px 30px; text-align: center; text-decoration: none !important; } .rtButton:link, .rtButton:visited{ color: #FFF; } .rtButton.normal{ background-image: url(../images/btn_grass.png), url(../images/btn_Bg.png); background-color: #26e; background-repeat: no-repeat, repeat; background-size: cover, auto; background-position: center bottom 2px, center; border-radius: 5px; text-shadow: 1px 1px 0px rgba(0, 0, 0, .3); transition: opacity .3s; } .rtButton.normal:hover{ opacity: 0.7; } .rtButton::selection{ background: #FFF; color: #333; } .rtButton.normal.background-red{ background-color: red; } .rtButton.normal.background-990000{ background-color: #990000; } .rtButton.normal.background-FF5454{ background-color: #FF5454; } .rtButton.normal.background-FF4D4D{ background-color: #FF4D4D; } .rtButton.normal.background-D0494F{ background-color: #D0494F; } .rtButton.normal.background-orange{ background-color: orange; } .rtButton.normal.background-yellow{ background-color: yellow; color: #333; } .rtButton.normal.background-green{ background-color: green; } .rtButton.normal.background-skyblue{ background-color: skyblue; } .rtButton.normal.background-26e{ background-color: #26e; } .rtButton.normal.background-purple{ background-color: purple; } .rtButton.normal.background-pink{ background-color: pink; } .rtButton.normal.background-black{ background-color: #333; color: #fff; } .rtButton.normal.background-EF4C4B{ background-color: #EF4C4B; } .rtButton.normal.background-3F8CEC{ background-color: #3F8CEC; } .rtButton.normal.background-40BB39{ background-color: #40BB39; } .rtButton.normal.background-FEC479{ background-color: #FEC479; } .rtButton.normal.background-999999{ background-color: #999999; } .rtButton.normal.background-F5F5F5{ background-color: #F5F5F5; color: #333; } font::selection{ background: #BBB; /*color: green;*/ } /** 直感編集時色が変わったことがわかるように */ font[color = "red"]::selection, font[color = "#ff0000"]::selection{color: #ff0000;} /** 赤 **/ font[color = "orange"]::selection, font[color = "#ffa500"]::selection{color: #ffa500;} /** 橙 **/ font[color = "yellow"]::selection, font[color = "#ffff00"]::selection{color: #ffff00;} /** 黄 **/ font[color = "green"]::selection, font[color = "#008000"]::selection{color: #008000;} /** 緑 **/ font[color = "skyblue"]::selection, font[color = "#87ceeb"]::selection{color: #87ceeb;} /** 水 **/ font[color = "blue"]::selection, font[color = "#0000ff"]::selection{color: #0000ff;} /** 青 **/ font[color = "purple"]::selection, font[color = "#800080"]::selection{color: #800080;} /** 紫 **/ font[color = "pink"]::selection, font[color = "#ffc0cb"]::selection{color: #ffc0cb;} /** 桃 **/ font[color = "black"]::selection, font[color = "#000000"]::selection{color: #000000;} /** 黒 **/ font[color = "#EF4C4B"]::selection{color: #EF4C4B;} /** #EF4C4B **/ font[color = "#3F8CEC"]::selection{color: #3F8CEC;} /** #3F8CEC **/ font[color = "#40BB39"]::selection{color: #40BB39;} /** #40BB39 **/ font[color = "#FEC479"]::selection{color: #FEC479;} /** #FEC479 **/ font[color = "#999999"]::selection{color: #999999;} /** #999999 **/ font[color = "#CCCCCC"]::selection{color: #CCCCCC;} /** #CCCCCC **/ font[style *= "red"]::selection, span[style *= "red"]::selection, font[style *= "#ff0000"]::selection{background-color: #c86262;} /** 赤 **/ font[style *= "orange"]::selection, span[style *= "orange"]::selection, font[style *= "#ffa500"]::selection{background-color: #c8a462;} /** 橙 **/ font[style *= "yellow"]::selection, span[style *= "yellow"]::selection, font[style *= "#ffff00"]::selection{background-color: #c8c862;} /** 黄 **/ font[style *= "green"]::selection, span[style *= "green"]::selection, font[style *= "#008000"]::selection{background-color: #629562;} /** 緑 **/ font[style *= "skyblue"]::selection, span[style *= "skyblue"]::selection, font[style *= "#87ceeb"]::selection{background-color: #98b4c0;} /** 水 **/ font[style *= "blue"]::selection, span[style *= "blue"]::selection, font[style *= "#0000ff"]::selection{background-color: #6262c8;} /** 青 **/ font[style *= "purple"]::selection, span[style *= "purple"]::selection, font[style *= "#800080"]::selection{background-color: #956295;} /** 紫 **/ font[style *= "pink"]::selection, span[style *= "pink"]::selection, font[style *= "#ffc0cb"]::selection{background-color: #c8afb3;} /** 桃 **/ font[style *= "black"]::selection, span[style *= "black"]::selection, font[style *= "#000000"]::selection{background-color: #626262;} /** 黒 **/ font[style *= "rgb(239, 76, 75);"]::selection, span[style *= "rgb(239, 76, 75);"]::selection, font[style *= "#EF4C4B"]::selection{background-color: #c18080;} /** #EF4C4B **/ font[style *= "rgb(63, 140, 236);"]::selection, span[style *= "rgb(63, 140, 236);"]::selection, font[style *= "#3F8CEC"]::selection{background-color: #7b9ac0;} /** #3F8CEC **/ font[style *= "rgb(64, 187, 57);"]::selection, span[style *= "rgb(64, 187, 57);"]::selection, font[style *= "#40BB39"]::selection{background-color: #7cad79;} /** #40BB39 **/ font[style *= "rgb(254, 196, 121);"]::selection, span[style *= "rgb(254, 196, 121);"]::selection, font[style *= "#FEC479"]::selection{background-color: #c7b092;} /** #FEC479 **/ font[style *= "rgb(153, 153, 153);"]::selection, span[style *= "rgb(153, 153, 153);"]::selection, font[style *= "#999999"]::selection{background-color: #9f9f9f;} /** #999999 **/ font[style *= "rgb(245, 245, 245)"]::selection, span[style *= "rgb(245, 245, 245)"]::selection, font[style *= "#CCCCCC"]::selection{background-color: #c4c4c4;} /** #CCCCCC **/ /** * 画像(img) */ /** 1枚時 **/ .js-imageBox[data-included-tag = "img"][data-size = "halfmax"]{ max-width: 50%; } /** * youtube動画埋め込み(iframe) */ /** 基本 **/ /** デフォルト **/ [data-size = ""] .imageBoxContents[data-included-tag = "iframe"]{ width: 187px; transition: all .3s; } [data-size = "xsmall"] .imageBoxContents[data-included-tag = "iframe"]{ width: 60px; transition: all .3s; } [data-size = "small"] .imageBoxContents[data-included-tag = "iframe"]{ width: 120px; transition: all .3s; } [data-size = "middle"] .imageBoxContents[data-included-tag = "iframe"]{ width: 187px; transition: all .3s; } [data-size = "big"] .imageBoxContents[data-included-tag = "iframe"]{ width: 240px; transition: all .3s; } [data-size = "bigger"] .imageBoxContents[data-included-tag = "iframe"]{ width: 360px; transition: all .3s; } [data-size = "halfmax"] .imageBoxContents[data-included-tag = "iframe"], /** 親要素のwidthで調整するので、一概に100% **/ [data-size = "max"] .imageBoxContents[data-included-tag = "iframe"]{ width: 100%; } /** 1枚時 **/ .js-imageBox[data-included-tag = "iframe"][data-size = "halfmax"]{ width: 50%; box-sizing: border-box; } .js-imageBox[data-included-tag = "iframe"][data-size = "max"]{ width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0; } /** 2,3,4枚,スライダー時 **/ .imageBoxContents[data-layout = "LAYOUT_2COLUMN"][data-included-tag = "iframe"] .imageBoxOuter, .imageBoxContents[data-layout = "LAYOUT_3COLUMN"][data-included-tag = "iframe"] .imageBoxOuter, .imageBoxContents[data-layout = "LAYOUT_4COLUMN"][data-included-tag = "iframe"] .imageBoxOuter, .imageBoxContents[data-layout = "LAYOUT_SLIDESHOW"][data-included-tag = "iframe"] .imageBoxOuter, .imageBoxContents[data-layout = "LAYOUT_MULTI_SLIDESHOW"][data-included-tag = "iframe"] .imageBoxOuter{ display: block; } .imageBoxContents[data-included-tag = "iframe"] .imageBoxInner{ display: block; padding-top: 56.25%; position: relative; } .imageBoxContents[data-included-tag = "iframe"] .imageBoxInner iframe{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .5s; } .w3cIconWrapper{ padding: 5px; position: absolute; right: 0; bottom: 0; opacity: 0.85; text-align: center; z-index: 1; } /** 検索後の表記とスタイルを揃えている **/ .megaMenuPageCountString{ color: #555; font-size: 12px; position: absolute; top: 20px; left: 21px; max-width: 450px; text-align: left; line-height: 1.25; padding: 4px 10px 3px; background: #FFF; border-radius: 5px; border: 1px solid #DDD; opacity: 0; transition-duration: 0.5s; transition-property: opacity; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .edit .megaMenuPageCountString{ display: none; } [data-menu-id="104"] .megaMenuPageCountString{ /** お問合せメニューは不要 **/ display: none; } .side_bar_left .megaMenuPageCountString, .side_bar_right .megaMenuPageCountString{ max-width: 330px; } div.mega_menu.active .megaMenuPageCountString{ opacity: 1; } .megaMenuPageCountString .megaMenuPageCountString--title, .megaMenuPageCountString .megaMenuPageCountString--count{ font-size: 14px; font-weight: bold; margin: 0 2px; } .mega_menu:has(.searchedResultStringOuter[data-show = "1"]) .megaMenuPageCountString{ display: none; } /** メニュー検索 **/ .searchMenuOuter { width: 215px; position: absolute; top: 20px; right: 20px; padding-right: 40px; font-size: 12px; box-sizing: border-box; z-index: 1; } .searchMenuOuter .searchMenuTitle { color: #111; font-size: 12px; display: inline-block; margin-right: 15px; } .searchMenuOuter .searchMenuText { width: 158px; padding: 7px !important; border: 1px solid #d9d9d9 !important; border-radius: 3px; font-size: 12px; } .searchMenuOuter .searchMenuIconOuter { display: inline-block; position: absolute; top: 0; right: 0px; width: 40px; height: 25px; text-align: center; cursor: pointer; } .searchMenuOuter .searchMenuIconOuter .searchMenuIcon { width: 16px; height: 16px; position: absolute; top: calc(50% - 8px); right: 20px; } .js-searchTargetOuter[data-show="0"], .js-searchTargetList[data-show="0"] { display: none; } .js-searchTargetOuter[data-show="1"], .js-searchTargetList[data-show="1"] { display: block; } .js-searchTargetList[data-show="1"] .pageTitle .menuTitleLabel { margin: 2px 0 0 2px; display: inline-block; font-size: 12px; color: #aaa; } .middle-menu__list .js-searchTargetList[data-show="1"] .pageTitle .menuTitleLabel { color: #555; } .js-searchTargetList .stringHighlight { background: #fc0; padding: 0 2px; } .side_img_box.side_img_box_small { width: 60px; } .side_img_box.side_img_box_big { width: 100px; } .side_img_box.side_img_box_max { width: 100%; } .side_img_box img { width: 100%; } .cart_h2 em{ font-style: normal; } /*在庫車検索フォーム表示・非表示の操作*/ #carSearch_public[data-show-form = "0"] #car_free_search_wrapped{ display: none; } #block_outer_carlist #carSearch_public[data-show-form = "0"]{ padding: 0 !important; } #carSearch_public[data-show-form = "0"] #car_maker{ display: none; } #carSearch_public[data-show-form = "0"] #car_name{ display: none; } #carSearch_public[data-show-form = "0"] .carinfo_wrapped{ display: none; } #carSearch_public[data-show-form = "0"] .carsort_wrapped{ display: none; } #carSearch_public[data-show-form = "0"] #carSearchSubmit_public{ display: none; } #carSearch_public[data-show-form = "0"] .q_and_a_btn{ display: none; } #carSearch_public[data-show-form = "0"] #closeBorder{ display: none; } #carSearch_public[data-show-form = "0"] #car_search_area{ display: none; } #carSearch_public[data-show-form = "0"] #carTagSearchWrapped{ display: none; } #carSearch_public[data-show-form = "0"] #messagePanel{ display: none !important; } #carSearch_public[data-show-form = "0"] .extra_search_parameter_wrapped{ display: none; } /* 固定CVボタン */ .conversionButtonFixedOuter{ background: #fff; display: flex; justify-content: space-between; align-items: center; position: fixed; bottom: 0; padding: 10px 20px; box-sizing: border-box; border-radius: 10px 10px 0 0; left: 50%; z-index: 1001; box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.3); transform: translateY(0px) translateX( -50% ); transition: .2s; } .conversionButtonFixedInner{ position: relative; max-width: 200px; transition: .2s; margin: 0 10px; } .conversionButtonFixedInner[data-display-pc = "0"]{ max-width: 0; margin: 0; overflow: hidden; transition-duration: .4s; transition-delay: .25s; } body[data-empty-conversion-button-pc = "1"] .conversionButtonFixedOuter, body[data-use-conversion-button-pc = "0"] .conversionButtonFixedOuter{ transform: translateY(100%) translateY(20px) translateX( -50% ); } .conversionButtonFixedItem{ margin: 0 !important; max-width: 200px; text-decoration: none !important; text-align: center; height: 48px; line-height: 48px !important; padding: 0 !important; background-position-y: center; } .conversionButtonFixedItem.useImage{ background-color: transparent !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; text-indent: -9999px !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; transform: none !important; } .conversionButtonFixedItem.useImage:before, .conversionButtonFixedItem.useImage:after{ content: ""; display: none !important; } .conversionButtonImageUploadDammy{ width: 100%; font-size: 11px; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; background-image: url(../images/imageBoxDirectUpload_b.png), linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%); background-repeat: no-repeat, no-repeat; background-position: left 4px center, left top; border-radius: 3px; border: 1px solid #CCC; box-shadow: inset 1px 1px 1px #fff; color: #666; cursor: pointer; text-align: center; display: block; padding: 6px 5px 5px; box-sizing: border-box; text-indent: 12px; } /** 画像アップロード中 */ .uploading .conversionButtonImageUploadDammy{ pointer-events: none; opacity: 0.3; } .conversionButtonImageUploadDammy:hover{ background-image: url(../images/imageBoxDirectUpload_b.png), linear-gradient(to bottom, #ebedee 0%, #f5f5f5 100%); background-repeat: no-repeat, no-repeat; background-position: left 4px center, left top; } input[name = "conversionButtonImage"]{ display: none; } .conversionButtonFixedItem:hover{ opacity: 1; transform: none; background-position-y: center; } .conversionButtonFixedItem:link, .conversionButtonFixedItem:hover, .conversionButtonFixedItem:visited, .conversionButtonFixedItem:active{ opacity: 1; text-decoration: none; color: #fff; } /* 買い物中は出さない */ body[data-shopping = "1"] .conversionButtonFixedOuter{ transform: translateY(130%) translateX(-50%); } body:not(.edit) .conversionButtonFixedOuter[data-force-hide-pc = "1"], body:not(.edit) .conversionButtonFixedInner[data-select-unable-link = "1"], body:not(.edit) .conversionButtonFixedInner[data-is-open-error = "1"]{ display:none; } .conversionButtonFixedOuter .deletefixedConversionButton { position: absolute; right: -10px; top: -15px; box-sizing: border-box; cursor: pointer; } .conversionButtonFixedOuter .deletefixedConversionButton { background-image: url(../images/close-conversion.png); background-repeat: no-repeat; background-size: 25px 25px; width: 25px; height: 25px; border-radius: 100%; } .conversionButtonFixedOuter .deletefixedConversionImgButton { display: none; } .usedcarDetailBgOuter{ position: absolute; display: none; /** 基本display:none; 必要な場合のみ個別CSSで block化**/ width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; } .usedcarDetailBgOuter:after{ content: ""; background: rgba(0,0,0,.7); width: 100%; height: 100%; z-index: 0; position: absolute; top: 0; left: 0; } .usedcarDetailBgInner{ width: 100%; height: 100%; background-attachment: fixed; background-position: 0 50%; background-size: auto 75vw; background-repeat: no-repeat; filter: blur(7px) contrast(0.8) saturate(120%) brightness(1.2); } .usedcar_contact_block_edit{ width: 100%; margin: 0 auto; max-width: 100%; padding-top: 15px; position: relative; z-index: 1; } .usedcar_contact_block_edit:after{ content: ""; clear: both; display: block; } /*20230602　辰巳改修-トップページに戻るボタンにあしらいをつける*/ #enquete_main_copy{ max-width: 960px; margin: 0 auto 30px; } .pageback{ margin-bottom: 30px; padding: 20px; text-align: center; } .toBackTopButton{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid rgba(205, 205, 205, 0.90); border-radius: 5px; color: #39f !important; padding: 10px 30px; text-decoration: none !important; text-shadow: 1px solid rgba(255, 255, 255, 0.3); } .toBackTopButton:hover{ background-color: rgba(255, 255, 255, 0.95); } /** 在庫車情報印刷用ページ */ .usedcarPrintPage .blog_item h2{ margin: 15px auto; } .usedcarPrintPage{ margin: 0; } .usedcarPrintPage #main_contents_wrapper{ padding: 30px 0; } .usedcarPrintPage #wrapper, .usedcarPrintPage #conteiner{ padding: 0; } .printDate{ font-size: 15px; text-align: right; margin-bottom: 20px; } #wrapper a.carDetailPrintLink{ margin: 0 0 20px auto; padding-right: 15px; background: url(../images/next_txt_arw.png) no-repeat right center; cursor: pointer; display: table; font-size: 14px; font-family: メイリオ, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; text-align: center; text-decoration: none; } body.notFoundPage .lead__wrap, body.notFoundPage .block_outer_pagetitle{ display: none; } .block_outer_recommend--404 { display:none; } .block_outer_recommend--404-visible { display:block; } body.notFoundPage .subpageLink{ display: none !important; /** PCでは出さない。必ず何が何でも display:none するので important **/ } /** TEL、フリーダイヤル、FAXのアイコン **/ /*各デザインファイルにフリーダイヤルのアイコンンのためのCSSがあるが、ここで打ち消して対応*/ #sidebar_shp_inf .side_shop_info_mapbottom p.freedial_tel, #sidebar_shp_inf .side_shop_info_mapbottom p.normal_tel, #sidebar_shp_inf .side_shop_info_mapbottom p.normal_fax{ background-image: none !important; } #sidebar_shp_inf .side_shop_info_mapbottom p.freedial_tel{ font-weight: normal !important; padding-left: 0 !important; } #sidebar_tel01{ font-weight: bold; } #sidebar_shp_inf .side_shop_info_mapbottom .sidebar_tel01__head, #sidebar_shp_inf .side_shop_info_mapbottom .sidebar_tel02__head, #sidebar_shp_inf .side_shop_info_mapbottom .sidebar_fax__head { background: #777; box-sizing: border-box; border-radius: 2px; color: #FFF; display: inline-block; font-family: initial !important; font-size: 10px; font-weight: normal; letter-spacing: -0.1px; line-height: 1; margin-right: 5px; padding: 3px 3px 2px; } #sidebar_shp_inf .side_shop_info_mapbottom .freedial_tel .sidebar_tel01__head, #sidebar_shp_inf .side_shop_info_mapbottom .freedial_tel .sidebar_tel02__head { width: 24px; height: 14px; background: url(../images/sidebar_freedial.gif); margin-right: 5px !important; padding: 0; position: relative; top: 3px; } p.freedial_tel span#sidebar_tel01, p.freedial_tel span#sidebar_tel02{ padding-left: 0 !important; } /*20230901辰巳追加　開発用のスライド停止ボタンのあしらい*/ .slidePlayController{ position: fixed; left: 50px; z-index: 100; } .slidePlayController[data-display="visible"]{ bottom: 30px; transition: .5s; } .slidePlayController[data-display="invisible"]{ bottom: -100px; transition: .5s; } .slidePlayController .slidePlayControllerInner{ height: auto; background-color: #fff; border: 3px solid #fc0; display: block; float: left; padding: 4px 2px; position: relative; } .slidePlayController[data-slide-mode="play"] .js-slidePlayControllerPause, .slidePlayController[data-slide-mode="play"] .js-slidePlayControllerStop, .slidePlayController[data-slide-mode="pause"] .js-slidePlayControllerPlay, .slidePlayController[data-slide-mode="pause"] .js-slidePlayControllerStop, .slidePlayController[data-slide-mode="stop"] .js-slidePlayControllerPlay, .slidePlayController[data-slide-mode="stop"] .js-slidePlayControllerPause, .slidePlayController[data-display="invisible"] .js-slidePlayControllerPlay, .slidePlayController[data-display="invisible"] .js-slidePlayControllerPause, .slidePlayController[data-display="invisible"] .js-slidePlayControllerStop{ opacity: .2; } .slidePlayController[data-slide-mode="play"] .slidePlayControllerInner:before{ content: "自動再生中"; background-color: #00B789; } .slidePlayController[data-slide-mode="pause"] .slidePlayControllerInner:before{ content: "一時停止中"; background-color: #FF7300; } .slidePlayController[data-slide-mode="stop"] .slidePlayControllerInner:before{ content: "停止中"; background-color: #FE0002; } .slidePlayController[data-display="invisible"] .slidePlayControllerInner:before{ content: "非表示中"; background-color: #ccc; } .slidePlayController .slidePlayControllerInner:before{ width: 80px; height: 18px; border-radius: 50px; color: #fff; display: block; font-size: 12px; left: calc( 50% - 40px ); position: absolute; text-align: center; top: -14px; } .slidePlayController .slidePlayControllerInner .slidePlayControllerIcon{ width: 36px; display: inline-block; margin: 0; padding: 0; text-align: center; } /** * 在庫車詳細導線 */ .blog_item h2 #lead_title{ color: inherit; font-size: inherit; font-weight: inherit; } /** * TOPへ戻るボタン 非表示用 */ .backtop.hiddenButton{ display: none; } .ex--usedcar__icon { display: inline-block; margin-left: 2px; } .ex--usedcar__icon:empty{ margin:0 !important; } .ex--usedcar__icon-item { color: #fff; background-color: #1b9d18; text-shadow: 0.5px 0.5px 0px rgba(0,0,0,0.5); padding: 3px 4px; display: inline-block; margin-right: 2px; user-select: none; } .ex--usedcar__icon-item:nth-last-of-type(1){ margin-right: 0; } .ex--usedcar__icon-item.ex--usedcar__icon-item--tokuten{ background-color: #1B81E7; } .ex--usedcar-icon__outer--list{ font-size: 10px; line-height: 1; } .ex--usedcar-icon__outer--list .ex--usedcar__icon-item { margin-bottom: 2px; } .ex--usedcar-icon__outer--thumbnail, .ex--usedcar-icon__outer--slideshow { position: absolute; bottom: 24px; right: 0; font-size: 10px; line-height: 1; } .ex--usedcar-icon__outer--thumbnail li, .ex--usedcar-icon__outer--slideshow li{ float: left; } .thumbnail_box .ex--usedcar-icon__outer--thumbnail img, .thumbnail_box .ex--usedcar-icon__outer--slideshow img{ width: auto !important; } .edit .ex--usedcar-detail-changer-trigger{ cursor: pointer; } .list_main ul li{ position: relative; } .ex--usedcar-icon__outer--list{ padding:0; } .safetyStr:not(:empty){ margin:0 0 0 5px; } .ex--usedcar-icon-item{ display: block; margin: 0 2px 0 0; position: relative; font-size: 11px; color: #FFF; background: #0fb611; text-align: center; padding: 4px 5px; font-family: "メイリオ"; } .edit .ex--usedcar-icon-item:hover{ background: #FC0 !important; color: #333 !important; } .ex--usedcar-icon__outer--thumbnail .ex--usedcar-icon-item, .ex--usedcar-icon__outer--slideshow .ex--usedcar-icon-item{ margin: 0 0 0 2px; } .ex--usedcar-icon-item[data-loading = "1"]:after{ content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, .95) url(../images/loader.svg) no-repeat center center; background-size: contain; z-index: 1; } .ex--usedcar-icon--safety{ } .ex--usedcar-icon--safety[data-state = "1"]{ } .ex--usedcar-icon--safety[data-state = "0"]{ display: none; } .edit .ex--usedcar-icon--safety[data-state = "0"]{ /* (今のところ)公開側だけ出さない */ background: #777; display: block; } .edit .ex--usedcar-detail-changer-trigger .ex--usedcar-icon--safety[data-state = "1"]:hover{ } .edit .ex--usedcar-detail-changer-trigger .ex--usedcar-icon--safety[data-state = "0"]:hover{ } .ex--usedcar-icon--maintenance{ } .ex--usedcar-icon--maintenance[data-state = "1"]{ } .ex--usedcar-icon--maintenance[data-state = "0"]{ display: none; } .edit .ex--usedcar-icon--maintenance[data-state = "0"]{ /* (今のところ)公開側だけ出さない */ background: #777; display: block; } .edit .ex--usedcar-detail-changer-trigger .ex--usedcar-icon--maintenance[data-state = "1"]:hover{ } .edit .ex--usedcar-detail-changer-trigger .ex--usedcar-icon--maintenance[data-state = "0"]:hover{ } /*20240209追加 お客様へのメール文面で改行が反映されていないのでCSSで対応*/ .mail_body_preview{ white-space: pre-wrap; } /** * パララックスフィルタ用 */ .parallaxContent{position: relative;} .parallaxContent:not(.empty):before{ content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; pointer-events: none; background-attachment: fixed; z-index: 2; } .parallaxContent[data-texture = "dot"]:before{ background-image: url(../images/worn-dots.png); opacity: .8; } .parallaxContent[data-texture = "grange"]:before{ background-image: url(../images/grunge-wall.png); opacity: .8; } .parallaxContent[data-texture = "mosaic"]:before{ background-image: url(../images/bright-squares.png); opacity: 1; } .parallaxContent[data-texture = "tire"]:before{ background-image: url(../images/dark-tire.png); opacity: 1; } .parallaxContent[data-texture = "stripe"]:before{ background-image: url(../images/dark-stripes-light.png); opacity: .6; } .parallaxContent[data-texture = "alum"]:before{ background-image: url(../images/brushed-alum.png); opacity: .6; } .parallaxContent[data-texture = "leather"]:before{ background-image: url(../images/leather.png); opacity: .6; } .parallaxContent[data-texture = "renga"]:before{ background-image: url(../images/brick-wall.png); opacity: .6; } .parallaxContent[data-texture = "flower"]:before{ background-image: url(../images/gray-floral.png); opacity: .4; } .parallaxContent[data-texture = "noisy"]:before{ background-image: url(../images/noisy.png); opacity: .9; } .parallaxContent[data-color = "1"]:before{ /** 1977 **/ -webkit-backdrop-filter: sepia(.5) hue-rotate(-30deg) saturate(1.4); backdrop-filter: sepia(.5) hue-rotate(-30deg) saturate(1.4); } .parallaxContent[data-color = "2"]:before{ /** lofi **/ -webkit-backdrop-filter: saturate(1.1) contrast(1.5); backdrop-filter: saturate(1.1) contrast(1.5); } .parallaxContent[data-color = "3"]:before{ /** reyes **/ -webkit-backdrop-filter: sepia(.75) contrast(.75) brightness(1.25) saturate(1.4); backdrop-filter: sepia(.75) contrast(.75) brightness(1.25) saturate(1.4) } .parallaxContent[data-color = "4"]:before{ /** clarendon **/ -webkit-backdrop-filter: sepia(.15) contrast(1.25) brightness(1.25) hue-rotate(5deg); backdrop-filter: sepia(.15) contrast(1.25) brightness(1.25) hue-rotate(5deg); } .parallaxContent[data-color = "5"]:before{ /** inkwell **/ -webkit-backdrop-filter: brightness(1.25) contrast(.85) grayscale(1); backdrop-filter: brightness(1.25) contrast(.85) grayscale(1) } .parallaxContent[data-color = "6"]:before{ /** walden **/ -webkit-backdrop-filter: sepia(.35) contrast(.8) brightness(1.25) saturate(1.4); backdrop-filter: sepia(.35) contrast(.8) brightness(1.25) saturate(1.4) } .parallaxContent[data-color = "7"]:before{ /** willow **/ -webkit-backdrop-filter: brightness(1.2) contrast(.85) saturate(.05) sepia(.2); backdrop-filter: brightness(1.2) contrast(.85) saturate(.05) sepia(.2); } .parallaxContent[data-color = "8"]:before{ /** rise **/ -webkit-backdrop-filter: sepia(.25) contrast(1.25) brightness(1.2) saturate(.9); backdrop-filter: sepia(.25) contrast(1.25) brightness(1.2) saturate(.9); } .parallaxContent[data-color = "9"]:before{ /** nashville **/ -webkit-backdrop-filter: sepia(.25) contrast(1.5) brightness(.9) hue-rotate(-15deg); backdrop-filter: sepia(.25) contrast(1.5) brightness(.9) hue-rotate(-15deg); } .parallaxContent[data-color = "10"]:before{ /** x-pro **/ -webkit-backdrop-filter: sepia(.45) contrast(1.25) brightness(1.75) saturate(1.3) hue-rotate(-5deg); backdrop-filter: sepia(.45) contrast(1.25) brightness(1.75) saturate(1.3) hue-rotate(-5deg); } #sub_top_img_clone img{ width: 100%; } .slider_strong--dammy, .slider_caption--dammy{ visibility:hidden; } .switchableRadioWrapper[data-open-page="1"] .syokushuToggle, .switchableRadioWrapper[data-open-page="1"] .koyotypeToggle, .switchableRadioWrapper[data-open-page="1"][data-display="0"]{ display: none; } /** * rightbox */ #body_top #main_contents #block_outer_rightbox{ padding-top: 30px; padding-bottom: 30px; } /*会社案内が非表示の時、詳しい店舗情報のリンクボタンを出さないようにする対応*/ .link.linkDisplayNone{ display: none; } .link.linkOpacity{ opacity: 0.2; } /** * 直感編集 text-shadow * 装飾のパターン data-shadow-preset=edging_black => 黒色・縁取り data-shadow-preset=blur_black => 黒色・ぼかし data-shadow-preset=drop_shadow_black => 黒色・落ちている影 data-shadow-preset=edging_blur_black => 黒色・縁取り＋ぼかし data-shadow-preset=edging_drop_shadow_black => 黒色・縁取り＋落ちている影 data-shadow-preset=edging_blur_drop_shadow_black => 黒色・縁取り＋ぼかし＋落ちている影 data-shadow-preset=edging_white => 白色・縁取り data-shadow-preset=blur_white => 白色・ぼかし data-shadow-preset=drop_shadow_white => 白色・落ちている影 data-shadow-preset=edging_blur_white => 白色・縁取り＋ぼかし data-shadow-preset=edging_drop_shadow_white => 白色・縁取り＋落ちている影 data-shadow-preset=edging_blur_drop_shadow_white => 白色・縁取り＋ぼかし＋落ちている影 * 装飾の大きさ data-shadow-size=small => 1px data-shadow-size=medium => 2px data-shadow-size=large => 3px **/ #wrapper .addedTextShadow[data-shadow-preset], .addedTextShadow[data-shadow-preset]{ display: inline; } #wrapper h2.midashi_long .addedTextShadow, #wrapper .blog_item h2 .addedTextShadow, #wrapper #middle_top_price01 h2 .addedTextShadow, h2.midashi_long .addedTextShadow, .blog_item h2 .addedTextShadow, #middle_top_price01 h2 .addedTextShadow{ padding: 0; margin: 0; } #wrapper .addedTextShadow[data-shadow-preset], #wrapper .addedTextShadow[data-shadow-preset] .splited, .addedTextShadow[data-shadow-preset], .addedTextShadow[data-shadow-preset] .splited{ color: inherit; font-size: inherit; font-weight: inherit; } #wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="small"] .splited{ text-shadow: 1px 0px 0px rgba(0, 0, 0, 1) , 0.540302px 0.841471px 0px rgba(0, 0, 0, 1) , -0.416147px 0.909297px 0px rgba(0, 0, 0, 1) , -0.989992px 0.14112px 0px rgba(0, 0, 0, 1) , -0.653644px -0.756802px 0px rgba(0, 0, 0, 1) , 0.283662px -0.958924px 0px rgba(0, 0, 0, 1) , 0.96017px -0.279416px 0px rgba(0, 0, 0, 1) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="medium"] .splited{ text-shadow: 2px 0px 0px rgba(0, 0, 0, 1), 1.75517px 0.958851px 0px rgba(0, 0, 0, 1), 1.0806px 1.68294px 0px rgba(0, 0, 0, 1), 0.141474px 1.99499px 0px rgba(0, 0, 0, 1), -0.832294px 1.81859px 0px rgba(0, 0, 0, 1), -1.60229px 1.19694px 0px rgba(0, 0, 0, 1), -1.97998px 0.28224px 0px rgba(0, 0, 0, 1), -1.87291px -0.701566px 0px rgba(0, 0, 0, 1), -1.30729px -1.5136px 0px rgba(0, 0, 0, 1), -0.421592px -1.95506px 0px rgba(0, 0, 0, 1), 0.567324px -1.91785px 0px rgba(0, 0, 0, 1), 1.41734px -1.41108px 0px rgba(0, 0, 0, 1), 1.92034px -0.558831px 0px rgba(0, 0, 0, 1) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="large"] .splited{ text-shadow: 3px 0px 0px rgba(0, 0, 0, 1) , 2.83487px 0.981584px 0px rgba(0, 0, 0, 1) , 2.35766px 1.85511px 0px rgba(0, 0, 0, 1) , 1.62091px 2.52441px 0px rgba(0, 0, 0, 1) , 0.705713px 2.91581px 0px rgba(0, 0, 0, 1) , -0.287171px 2.98622px 0px rgba(0, 0, 0, 1) , -1.24844px 2.72789px 0px rgba(0, 0, 0, 1) , -2.07227px 2.16926px 0px rgba(0, 0, 0, 1) , -2.66798px 1.37182px 0px rgba(0, 0, 0, 1) , -2.96998px 0.42336px 0px rgba(0, 0, 0, 1) , -2.94502px -0.571704px 0px rgba(0, 0, 0, 1) , -2.59586px -1.50383px 0px rgba(0, 0, 0, 1) , -1.96093px -2.27041px 0px rgba(0, 0, 0, 1) , -1.11013px -2.78704px 0px rgba(0, 0, 0, 1) , -0.137119px -2.99686px 0px rgba(0, 0, 0, 1) , 0.850987px -2.87677px 0px rgba(0, 0, 0, 1) , 1.74541px -2.43999px 0px rgba(0, 0, 0, 1) , 2.44769px -1.73459px 0px rgba(0, 0, 0, 1) , 2.88051px -0.838247px 0px rgba(0, 0, 0, 1) !important; } #wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="small"] .splited{ text-shadow : 1px 1px 3px rgba(0,0,0,0.6), -1px 1px 3px rgba(0,0,0,0.6), 1px -1px 3px rgba(0,0,0,0.6), -1px -1px 3px rgba(0,0,0,0.6) !important; } #wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="medium"] .splited{ text-shadow : 3px 3px 6px rgba(0,0,0,0.6), -3px 3px 6px rgba(0,0,0,0.6), 3px -3px 6px rgba(0,0,0,0.6), -3px -3px 6px rgba(0,0,0,0.6) !important; } #wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="large"] .splited{ text-shadow : 5px 5px 9px rgba(0,0,0,0.6), -5px 5px 9px rgba(0,0,0,0.6), 5px -5px 9px rgba(0,0,0,0.6), -5px -5px 9px rgba(0,0,0,0.6) !important; } #wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="small"] .splited{ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important; } #wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="medium"] .splited{ text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7) !important; } #wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="large"] .splited{ text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7) !important; } #wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="small"] .splited{ text-shadow : 1px 1px 3px rgba(0, 0, 0, 0.7), 1px 1px 3px rgba(0,0,0,0.6), -1px 1px 3px rgba(0,0,0,0.6), 1px -1px 3px rgba(0,0,0,0.6), -1px -1px 3px rgba(0,0,0,0.6) !important; } #wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="medium"] .splited{ text-shadow : 2px 2px 3px rgba(0, 0, 0, 0.7), 3px 3px 6px rgba(0,0,0,0.6), -3px 3px 6px rgba(0,0,0,0.6), 3px -3px 6px rgba(0,0,0,0.6), -3px -3px 6px rgba(0,0,0,0.6) !important; } #wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="large"] .splited{ text-shadow : 3px 3px 3px rgba(0, 0, 0, 0.7), 5px 5px 9px rgba(0,0,0,0.6), -5px 5px 9px rgba(0,0,0,0.6), 5px -5px 9px rgba(0,0,0,0.6), -5px -5px 9px rgba(0,0,0,0.6) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="small"] .splited{ text-shadow: 1px 0px 0px rgba(0, 0, 0, 1) , 0.540302px 0.841471px 0px rgba(0, 0, 0, 1) , -0.416147px 0.909297px 0px rgba(0, 0, 0, 1) , -0.989992px 0.14112px 0px rgba(0, 0, 0, 1) , -0.653644px -0.756802px 0px rgba(0, 0, 0, 1) , 0.283662px -0.958924px 0px rgba(0, 0, 0, 1) , 0.96017px -0.279416px 0px rgba(0, 0, 0, 1) , 1px 1px 3px rgba(0, 0, 0, 0.7) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="medium"] .splited{ text-shadow: 2px 0px 0px rgba(0, 0, 0, 1) , 1.75517px 0.958851px 0px rgba(0, 0, 0, 1) , 1.0806px 1.68294px 0px rgba(0, 0, 0, 1) , 0.141474px 1.99499px 0px rgba(0, 0, 0, 1) , -0.832294px 1.81859px 0px rgba(0, 0, 0, 1) , -1.60229px 1.19694px 0px rgba(0, 0, 0, 1) , -1.97998px 0.28224px 0px rgba(0, 0, 0, 1) , -1.87291px -0.701566px 0px rgba(0, 0, 0, 1) , -1.30729px -1.5136px 0px rgba(0, 0, 0, 1) , -0.421592px -1.95506px 0px rgba(0, 0, 0, 1) , 0.567324px -1.91785px 0px rgba(0, 0, 0, 1) , 1.41734px -1.41108px 0px rgba(0, 0, 0, 1) , 1.92034px -0.558831px 0px rgba(0, 0, 0, 1) , 2px 2px 3px rgba(0, 0, 0, 0.7) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="large"] .splited{ text-shadow: 3px 0px 0px rgba(0, 0, 0, 1) , 2.83487px 0.981584px 0px rgba(0, 0, 0, 1) , 2.35766px 1.85511px 0px rgba(0, 0, 0, 1) , 1.62091px 2.52441px 0px rgba(0, 0, 0, 1) , 0.705713px 2.91581px 0px rgba(0, 0, 0, 1) , -0.287171px 2.98622px 0px rgba(0, 0, 0, 1) , -1.24844px 2.72789px 0px rgba(0, 0, 0, 1) , -2.07227px 2.16926px 0px rgba(0, 0, 0, 1) , -2.66798px 1.37182px 0px rgba(0, 0, 0, 1) , -2.96998px 0.42336px 0px rgba(0, 0, 0, 1) , -2.94502px -0.571704px 0px rgba(0, 0, 0, 1) , -2.59586px -1.50383px 0px rgba(0, 0, 0, 1) , -1.96093px -2.27041px 0px rgba(0, 0, 0, 1) , -1.11013px -2.78704px 0px rgba(0, 0, 0, 1) , -0.137119px -2.99686px 0px rgba(0, 0, 0, 1) , 0.850987px -2.87677px 0px rgba(0, 0, 0, 1) , 1.74541px -2.43999px 0px rgba(0, 0, 0, 1) , 2.44769px -1.73459px 0px rgba(0, 0, 0, 1) , 2.88051px -0.838247px 0px rgba(0, 0, 0, 1) , 3px 3px 3px rgba(0, 0, 0, 0.7) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="small"] .splited{ text-shadow: 1px 0px 0px rgba(0, 0, 0, 1) , 0.540302px 0.841471px 0px rgba(0, 0, 0, 1) , -0.416147px 0.909297px 0px rgba(0, 0, 0, 1) , -0.989992px 0.14112px 0px rgba(0, 0, 0, 1) , -0.653644px -0.756802px 0px rgba(0, 0, 0, 1) , 0.283662px -0.958924px 0px rgba(0, 0, 0, 1) , 0.96017px -0.279416px 0px rgba(0, 0, 0, 1) , 1px 1px 3px rgba(0,0,0,0.6), -1px 1px 3px rgba(0,0,0,0.6), 1px -1px 3px rgba(0,0,0,0.6), -1px -1px 3px rgba(0,0,0,0.6) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="medium"] .splited{ text-shadow: 2px 0px 0px rgba(0, 0, 0, 1) , 1.75517px 0.958851px 0px rgba(0, 0, 0, 1) , 1.0806px 1.68294px 0px rgba(0, 0, 0, 1) , 0.141474px 1.99499px 0px rgba(0, 0, 0, 1) , -0.832294px 1.81859px 0px rgba(0, 0, 0, 1) , -1.60229px 1.19694px 0px rgba(0, 0, 0, 1) , -1.97998px 0.28224px 0px rgba(0, 0, 0, 1) , -1.87291px -0.701566px 0px rgba(0, 0, 0, 1) , -1.30729px -1.5136px 0px rgba(0, 0, 0, 1) , -0.421592px -1.95506px 0px rgba(0, 0, 0, 1) , 0.567324px -1.91785px 0px rgba(0, 0, 0, 1) , 1.41734px -1.41108px 0px rgba(0, 0, 0, 1) , 1.92034px -0.558831px 0px rgba(0, 0, 0, 1) , 3px 3px 6px rgba(0,0,0,0.6), -3px 3px 6px rgba(0,0,0,0.6), 3px -3px 6px rgba(0,0,0,0.6), -3px -3px 6px rgba(0,0,0,0.6) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="large"] .splited{ text-shadow: 3px 0px 0px rgba(0, 0, 0, 1) , 2.83487px 0.981584px 0px rgba(0, 0, 0, 1) , 2.35766px 1.85511px 0px rgba(0, 0, 0, 1) , 1.62091px 2.52441px 0px rgba(0, 0, 0, 1) , 0.705713px 2.91581px 0px rgba(0, 0, 0, 1) , -0.287171px 2.98622px 0px rgba(0, 0, 0, 1) , -1.24844px 2.72789px 0px rgba(0, 0, 0, 1) , -2.07227px 2.16926px 0px rgba(0, 0, 0, 1) , -2.66798px 1.37182px 0px rgba(0, 0, 0, 1) , -2.96998px 0.42336px 0px rgba(0, 0, 0, 1) , -2.94502px -0.571704px 0px rgba(0, 0, 0, 1) , -2.59586px -1.50383px 0px rgba(0, 0, 0, 1) , -1.96093px -2.27041px 0px rgba(0, 0, 0, 1) , -1.11013px -2.78704px 0px rgba(0, 0, 0, 1) , -0.137119px -2.99686px 0px rgba(0, 0, 0, 1) , 0.850987px -2.87677px 0px rgba(0, 0, 0, 1) , 1.74541px -2.43999px 0px rgba(0, 0, 0, 1) , 2.44769px -1.73459px 0px rgba(0, 0, 0, 1) , 2.88051px -0.838247px 0px rgba(0, 0, 0, 1) , 5px 5px 9px rgba(0,0,0,0.6), -5px 5px 9px rgba(0,0,0,0.6), 5px -5px 9px rgba(0,0,0,0.6), -5px -5px 9px rgba(0,0,0,0.6) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="small"] .splited{ text-shadow: 1px 0px 0px rgba(0, 0, 0, 1) , 0.540302px 0.841471px 0px rgba(0, 0, 0, 1) , -0.416147px 0.909297px 0px rgba(0, 0, 0, 1) , -0.989992px 0.14112px 0px rgba(0, 0, 0, 1) , -0.653644px -0.756802px 0px rgba(0, 0, 0, 1) , 0.283662px -0.958924px 0px rgba(0, 0, 0, 1) , 0.96017px -0.279416px 0px rgba(0, 0, 0, 1) , 2px 2px 3px rgba(0, 0, 0, 0.7), 1px 1px 3px rgba(0,0,0,0.6), -1px 1px 3px rgba(0,0,0,0.6), 1px -1px 3px rgba(0,0,0,0.6), -1px -1px 3px rgba(0,0,0,0.6) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="medium"] .splited{ text-shadow: 2px 0px 0px rgba(0, 0, 0, 1) , 1.75517px 0.958851px 0px rgba(0, 0, 0, 1) , 1.0806px 1.68294px 0px rgba(0, 0, 0, 1) , 0.141474px 1.99499px 0px rgba(0, 0, 0, 1) , -0.832294px 1.81859px 0px rgba(0, 0, 0, 1) , -1.60229px 1.19694px 0px rgba(0, 0, 0, 1) , -1.97998px 0.28224px 0px rgba(0, 0, 0, 1) , -1.87291px -0.701566px 0px rgba(0, 0, 0, 1) , -1.30729px -1.5136px 0px rgba(0, 0, 0, 1) , -0.421592px -1.95506px 0px rgba(0, 0, 0, 1) , 0.567324px -1.91785px 0px rgba(0, 0, 0, 1) , 1.41734px -1.41108px 0px rgba(0, 0, 0, 1) , 1.92034px -0.558831px 0px rgba(0, 0, 0, 1) , 3px 3px 3px rgba(0, 0, 0, 0.7), 3px 3px 6px rgba(0,0,0,0.6), -3px 3px 6px rgba(0,0,0,0.6), 3px -3px 6px rgba(0,0,0,0.6), -3px -3px 6px rgba(0,0,0,0.6) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="large"] .splited{ text-shadow: 3px 0px 0px rgba(0, 0, 0, 1) , 2.83487px 0.981584px 0px rgba(0, 0, 0, 1) , 2.35766px 1.85511px 0px rgba(0, 0, 0, 1) , 1.62091px 2.52441px 0px rgba(0, 0, 0, 1) , 0.705713px 2.91581px 0px rgba(0, 0, 0, 1) , -0.287171px 2.98622px 0px rgba(0, 0, 0, 1) , -1.24844px 2.72789px 0px rgba(0, 0, 0, 1) , -2.07227px 2.16926px 0px rgba(0, 0, 0, 1) , -2.66798px 1.37182px 0px rgba(0, 0, 0, 1) , -2.96998px 0.42336px 0px rgba(0, 0, 0, 1) , -2.94502px -0.571704px 0px rgba(0, 0, 0, 1) , -2.59586px -1.50383px 0px rgba(0, 0, 0, 1) , -1.96093px -2.27041px 0px rgba(0, 0, 0, 1) , -1.11013px -2.78704px 0px rgba(0, 0, 0, 1) , -0.137119px -2.99686px 0px rgba(0, 0, 0, 1) , 0.850987px -2.87677px 0px rgba(0, 0, 0, 1) , 1.74541px -2.43999px 0px rgba(0, 0, 0, 1) , 2.44769px -1.73459px 0px rgba(0, 0, 0, 1) , 2.88051px -0.838247px 0px rgba(0, 0, 0, 1) , 4px 4px 4px rgba(0, 0, 0, 0.7), 5px 5px 9px rgba(0,0,0,0.6), -5px 5px 9px rgba(0,0,0,0.6), 5px -5px 9px rgba(0,0,0,0.6), -5px -5px 9px rgba(0,0,0,0.6) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="small"] .splited{ text-shadow: 1px 0px 0px rgba(255, 255, 255, 1), 0.540302px 0.841471px 0px rgba(255, 255, 255, 1), -0.416147px 0.909297px 0px rgba(255, 255, 255, 1), -0.989992px 0.14112px 0px rgba(255, 255, 255, 1), -0.653644px -0.756802px 0px rgba(255, 255, 255, 1), 0.283662px -0.958924px 0px rgba(255, 255, 255, 1), 0.96017px -0.279416px 0px rgba(255, 255, 255, 1) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="medium"] .splited{ text-shadow: 2px 0px 0px rgba(255, 255, 255, 1), 1.75517px 0.958851px 0px rgba(255, 255, 255, 1), 1.0806px 1.68294px 0px rgba(255, 255, 255, 1), 0.141474px 1.99499px 0px rgba(255, 255, 255, 1), -0.832294px 1.81859px 0px rgba(255, 255, 255, 1), -1.60229px 1.19694px 0px rgba(255, 255, 255, 1), -1.97998px 0.28224px 0px rgba(255, 255, 255, 1), -1.87291px -0.701566px 0px rgba(255, 255, 255, 1), -1.30729px -1.5136px 0px rgba(255, 255, 255, 1), -0.421592px -1.95506px 0px rgba(255, 255, 255, 1), 0.567324px -1.91785px 0px rgba(255, 255, 255, 1), 1.41734px -1.41108px 0px rgba(255, 255, 255, 1), 1.92034px -0.558831px 0px rgba(255, 255, 255, 1) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="large"] .splited{ text-shadow: 3px 0px 0px rgba(255, 255, 255, 1), 2.83487px 0.981584px 0px rgba(255, 255, 255, 1), 2.35766px 1.85511px 0px rgba(255, 255, 255, 1), 1.62091px 2.52441px 0px rgba(255, 255, 255, 1), 0.705713px 2.91581px 0px rgba(255, 255, 255, 1), -0.287171px 2.98622px 0px rgba(255, 255, 255, 1), -1.24844px 2.72789px 0px rgba(255, 255, 255, 1), -2.07227px 2.16926px 0px rgba(255, 255, 255, 1), -2.66798px 1.37182px 0px rgba(255, 255, 255, 1), -2.96998px 0.42336px 0px rgba(255, 255, 255, 1), -2.94502px -0.571704px 0px rgba(255, 255, 255, 1), -2.59586px -1.50383px 0px rgba(255, 255, 255, 1), -1.96093px -2.27041px 0px rgba(255, 255, 255, 1), -1.11013px -2.78704px 0px rgba(255, 255, 255, 1), -0.137119px -2.99686px 0px rgba(255, 255, 255, 1), 0.850987px -2.87677px 0px rgba(255, 255, 255, 1), 1.74541px -2.43999px 0px rgba(255, 255, 255, 1), 2.44769px -1.73459px 0px rgba(255, 255, 255, 1), 2.88051px -0.838247px 0px rgba(255, 255, 255, 1) !important; } #wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="small"] .splited{ text-shadow : 1px 1px 3px rgba(255,255,255,0.8), -1px 1px 3px rgba(255,255,255,0.8), 1px -1px 3px rgba(255,255,255,0.8), -1px -1px 3px rgba(255,255,255,0.8) !important; } #wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="medium"] .splited{ text-shadow : 3px 3px 6px rgba(255,255,255,0.8), -3px 3px 6px rgba(255,255,255,0.8), 3px -3px 6px rgba(255,255,255,0.8), -3px -3px 6px rgba(255,255,255,0.8) !important; } #wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="large"] .splited{ text-shadow : 5px 5px 9px rgba(255,255,255,0.8), -5px 5px 9px rgba(255,255,255,0.8), 5px -5px 9px rgba(255,255,255,0.8), -5px -5px 9px rgba(255,255,255,0.8) !important; } #wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="small"] .splited{ text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.7) !important; } #wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="medium"] .splited{ text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.7) !important; } #wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="large"] .splited{ text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.7) !important; } #wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="small"] .splited{ text-shadow : 1px 1px 3px rgba(255, 255, 255, 0.7) 1px 1px 3px rgba(255,255,255,0.8), -1px 1px 3px rgba(255,255,255,0.8), 1px -1px 3px rgba(255,255,255,0.8), -1px -1px 3px rgba(255,255,255,0.8) !important; } #wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="medium"] .splited{ text-shadow : 2px 2px 3px rgba(255, 255, 255, 0.7), 3px 3px 6px rgba(255,255,255,0.8), -3px 3px 6px rgba(255,255,255,0.8), 3px -3px 6px rgba(255,255,255,0.8), -3px -3px 6px rgba(255,255,255,0.8) !important; } #wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="large"] .splited{ text-shadow : 3px 3px 3px rgba(255, 255, 255, 0.7), 5px 5px 9px rgba(255,255,255,0.8), -5px 5px 9px rgba(255,255,255,0.8), 5px -5px 9px rgba(255,255,255,0.8), -5px -5px 9px rgba(255,255,255,0.8) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="small"] .splited{ text-shadow: 1px 0px 0px rgba(255, 255, 255, 1), 0.540302px 0.841471px 0px rgba(255, 255, 255, 1), -0.416147px 0.909297px 0px rgba(255, 255, 255, 1), -0.989992px 0.14112px 0px rgba(255, 255, 255, 1), -0.653644px -0.756802px 0px rgba(255, 255, 255, 1), 0.283662px -0.958924px 0px rgba(255, 255, 255, 1), 0.96017px -0.279416px 0px rgba(255, 255, 255, 1), 1px 1px 3px rgba(255, 255, 255, 0.7) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="medium"] .splited{ text-shadow: 2px 0px 0px rgba(255, 255, 255, 1), 1.75517px 0.958851px 0px rgba(255, 255, 255, 1), 1.0806px 1.68294px 0px rgba(255, 255, 255, 1), 0.141474px 1.99499px 0px rgba(255, 255, 255, 1), -0.832294px 1.81859px 0px rgba(255, 255, 255, 1), -1.60229px 1.19694px 0px rgba(255, 255, 255, 1), -1.97998px 0.28224px 0px rgba(255, 255, 255, 1), -1.87291px -0.701566px 0px rgba(255, 255, 255, 1), -1.30729px -1.5136px 0px rgba(255, 255, 255, 1), -0.421592px -1.95506px 0px rgba(255, 255, 255, 1), 0.567324px -1.91785px 0px rgba(255, 255, 255, 1), 1.41734px -1.41108px 0px rgba(255, 255, 255, 1), 1.92034px -0.558831px 0px rgba(255, 255, 255, 1), 2px 2px 3px rgba(255, 255, 255, 0.7) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="large"] .splited{ text-shadow: 3px 0px 0px rgba(255, 255, 255, 1), 2.83487px 0.981584px 0px rgba(255, 255, 255, 1), 2.35766px 1.85511px 0px rgba(255, 255, 255, 1), 1.62091px 2.52441px 0px rgba(255, 255, 255, 1), 0.705713px 2.91581px 0px rgba(255, 255, 255, 1), -0.287171px 2.98622px 0px rgba(255, 255, 255, 1), -1.24844px 2.72789px 0px rgba(255, 255, 255, 1), -2.07227px 2.16926px 0px rgba(255, 255, 255, 1), -2.66798px 1.37182px 0px rgba(255, 255, 255, 1), -2.96998px 0.42336px 0px rgba(255, 255, 255, 1), -2.94502px -0.571704px 0px rgba(255, 255, 255, 1), -2.59586px -1.50383px 0px rgba(255, 255, 255, 1), -1.96093px -2.27041px 0px rgba(255, 255, 255, 1), -1.11013px -2.78704px 0px rgba(255, 255, 255, 1), -0.137119px -2.99686px 0px rgba(255, 255, 255, 1), 0.850987px -2.87677px 0px rgba(255, 255, 255, 1), 1.74541px -2.43999px 0px rgba(255, 255, 255, 1), 2.44769px -1.73459px 0px rgba(255, 255, 255, 1), 2.88051px -0.838247px 0px rgba(255, 255, 255, 1), 3px 3px 3px rgba(255, 255, 255, 0.7) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="small"] .splited{ text-shadow: 1px 0px 0px rgba(255, 255, 255, 1), 0.540302px 0.841471px 0px rgba(255, 255, 255, 1), -0.416147px 0.909297px 0px rgba(255, 255, 255, 1), -0.989992px 0.14112px 0px rgba(255, 255, 255, 1), -0.653644px -0.756802px 0px rgba(255, 255, 255, 1), 0.283662px -0.958924px 0px rgba(255, 255, 255, 1), 0.96017px -0.279416px 0px rgba(255, 255, 255, 1), 1px 1px 3px rgba(255,255,255,0.8), -1px 1px 3px rgba(255,255,255,0.8), 1px -1px 3px rgba(255,255,255,0.8), -1px -1px 3px rgba(255,255,255,0.8) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="medium"] .splited{ text-shadow: 2px 0px 0px rgba(255, 255, 255, 1), 1.75517px 0.958851px 0px rgba(255, 255, 255, 1), 1.0806px 1.68294px 0px rgba(255, 255, 255, 1), 0.141474px 1.99499px 0px rgba(255, 255, 255, 1), -0.832294px 1.81859px 0px rgba(255, 255, 255, 1), -1.60229px 1.19694px 0px rgba(255, 255, 255, 1), -1.97998px 0.28224px 0px rgba(255, 255, 255, 1), -1.87291px -0.701566px 0px rgba(255, 255, 255, 1), -1.30729px -1.5136px 0px rgba(255, 255, 255, 1), -0.421592px -1.95506px 0px rgba(255, 255, 255, 1), 0.567324px -1.91785px 0px rgba(255, 255, 255, 1), 1.41734px -1.41108px 0px rgba(255, 255, 255, 1), 1.92034px -0.558831px 0px rgba(255, 255, 255, 1), 3px 3px 6px rgba(255,255,255,0.8), -3px 3px 6px rgba(255,255,255,0.8), 3px -3px 6px rgba(255,255,255,0.8), -3px -3px 6px rgba(255,255,255,0.8) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="large"] .splited{ text-shadow: 3px 0px 0px rgba(255, 255, 255, 1), 2.83487px 0.981584px 0px rgba(255, 255, 255, 1), 2.35766px 1.85511px 0px rgba(255, 255, 255, 1), 1.62091px 2.52441px 0px rgba(255, 255, 255, 1), 0.705713px 2.91581px 0px rgba(255, 255, 255, 1), -0.287171px 2.98622px 0px rgba(255, 255, 255, 1), -1.24844px 2.72789px 0px rgba(255, 255, 255, 1), -2.07227px 2.16926px 0px rgba(255, 255, 255, 1), -2.66798px 1.37182px 0px rgba(255, 255, 255, 1), -2.96998px 0.42336px 0px rgba(255, 255, 255, 1), -2.94502px -0.571704px 0px rgba(255, 255, 255, 1), -2.59586px -1.50383px 0px rgba(255, 255, 255, 1), -1.96093px -2.27041px 0px rgba(255, 255, 255, 1), -1.11013px -2.78704px 0px rgba(255, 255, 255, 1), -0.137119px -2.99686px 0px rgba(255, 255, 255, 1), 0.850987px -2.87677px 0px rgba(255, 255, 255, 1), 1.74541px -2.43999px 0px rgba(255, 255, 255, 1), 2.44769px -1.73459px 0px rgba(255, 255, 255, 1), 2.88051px -0.838247px 0px rgba(255, 255, 255, 1), 5px 5px 9px rgba(255,255,255,0.8), -5px 5px 9px rgba(255,255,255,0.8), 5px -5px 9px rgba(255,255,255,0.8), -5px -5px 9px rgba(255,255,255,0.8) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="small"], #wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="small"] .splited, .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="small"], .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="small"] .splited{ text-shadow: 1px 0px 0px rgba(255, 255, 255, 1) , 0.540302px 0.841471px 0px rgba(255, 255, 255, 1) , -0.416147px 0.909297px 0px rgba(255, 255, 255, 1) , -0.989992px 0.14112px 0px rgba(255, 255, 255, 1) , -0.653644px -0.756802px 0px rgba(255, 255, 255, 1) , 0.283662px -0.958924px 0px rgba(255, 255, 255, 1) , 0.96017px -0.279416px 0px rgba(255, 255, 255, 1) , 2px 2px 3px rgba(255, 255, 255, 0.7), 1px 1px 3px rgba(255,255,255,0.8), -1px 1px 3px rgba(255,255,255,0.8), 1px -1px 3px rgba(255,255,255,0.8), -1px -1px 3px rgba(255,255,255,0.8) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="medium"], #wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="medium"] .splited, .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="medium"], .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="medium"] .splited{ text-shadow: 2px 0px 0px rgba(255, 255, 255, 1) , 1.75517px 0.958851px 0px rgba(255, 255, 255, 1) , 1.0806px 1.68294px 0px rgba(255, 255, 255, 1) , 0.141474px 1.99499px 0px rgba(255, 255, 255, 1) , -0.832294px 1.81859px 0px rgba(255, 255, 255, 1) , -1.60229px 1.19694px 0px rgba(255, 255, 255, 1) , -1.97998px 0.28224px 0px rgba(255, 255, 255, 1) , -1.87291px -0.701566px 0px rgba(255, 255, 255, 1) , -1.30729px -1.5136px 0px rgba(255, 255, 255, 1) , -0.421592px -1.95506px 0px rgba(255, 255, 255, 1) , 0.567324px -1.91785px 0px rgba(255, 255, 255, 1) , 1.41734px -1.41108px 0px rgba(255, 255, 255, 1) , 1.92034px -0.558831px 0px rgba(255, 255, 255, 1) , 3px 3px 3px rgba(255, 255, 255, 0.7), 3px 3px 6px rgba(255,255,255,0.8), -3px 3px 6px rgba(255,255,255,0.8), 3px -3px 6px rgba(255,255,255,0.8), -3px -3px 6px rgba(255,255,255,0.8) !important; } #wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="large"], #wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="large"] .splited, .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="large"], .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="large"] .splited{ text-shadow: 3px 0px 0px rgba(255, 255, 255, 1) , 2.83487px 0.981584px 0px rgba(255, 255, 255, 1) , 2.35766px 1.85511px 0px rgba(255, 255, 255, 1) , 1.62091px 2.52441px 0px rgba(255, 255, 255, 1) , 0.705713px 2.91581px 0px rgba(255, 255, 255, 1) , -0.287171px 2.98622px 0px rgba(255, 255, 255, 1) , -1.24844px 2.72789px 0px rgba(255, 255, 255, 1) , -2.07227px 2.16926px 0px rgba(255, 255, 255, 1) , -2.66798px 1.37182px 0px rgba(255, 255, 255, 1) , -2.96998px 0.42336px 0px rgba(255, 255, 255, 1) , -2.94502px -0.571704px 0px rgba(255, 255, 255, 1) , -2.59586px -1.50383px 0px rgba(255, 255, 255, 1) , -1.96093px -2.27041px 0px rgba(255, 255, 255, 1) , -1.11013px -2.78704px 0px rgba(255, 255, 255, 1) , -0.137119px -2.99686px 0px rgba(255, 255, 255, 1) , 0.850987px -2.87677px 0px rgba(255, 255, 255, 1) , 1.74541px -2.43999px 0px rgba(255, 255, 255, 1) , 2.44769px -1.73459px 0px rgba(255, 255, 255, 1) , 2.88051px -0.838247px 0px rgba(255, 255, 255, 1) , 4px 4px 4px rgba(255, 255, 255, 0.7), 5px 5px 9px rgba(255,255,255,0.8), -5px 5px 9px rgba(255,255,255,0.8), 5px -5px 9px rgba(255,255,255,0.8), -5px -5px 9px rgba(255,255,255,0.8) !important; } #wrapper .addedTextShadow[data-shadow-preset]:has(.splited), .addedTextShadow[data-shadow-preset]:has(.splited){ text-shadow: none !important; } /** * デカ文字アニメーション * */ body.dekamoji2-slider__body-item #bgSlider { visibility:visible; background:none; } body.dekamoji2-slider__body-item .sliderDiv { position:absolute; background:none; top:0; left:0; visibility:hidden; } body.dekamoji2-slider__body-item .sliderDiv--visible { background:none !important; opacity:1 !important; visibility: visible; } body.dekamoji2-slider__body-item #bgSlider .sliderAddedDiv { width:100%; height:100%; display:block; opacity:0; transform:scale(0.95); } body.dekamoji2-slider__body-item #bgSlider .sliderAddedDiv--visible{ opacity:1; transform:scale(1.00); animation-name: sliderAddedDiv--visible; animation-duration:.8s; background-size:cover; background-repeat:no-repeat; background-position:center; } @keyframes sliderAddedDiv--visible { 0%{ transform: scale(0.95, 0.98); opacity:0; } 50%{ transform: scale(1.025, 1.02); opacity:1; } 100%{ transform: scale(1.0, 1.0); } } body.dekamoji2-slider__body-item .sliderDiv .slider_content_wrap { background:none; } body.dekamoji2-slider__body-item .sliderDiv .slider_strong_contents{ visibility:hidden; } body.dekamoji2-slider__body-item .sliderDiv .slider_strong_contents--visible { visibility:visible; } body.dekamoji2-slider__body-item .dekamoji2-slider__strong-string-item{ visibility:hidden; transform:scale(0.1) translateX(-50px); display:inline-block; transition-duration:.1s; } body.dekamoji2-slider__body-item .dekamoji2-slider__strong-string-item--visible{ visibility:visible; transform:scale(1) translateX(0px); opacity:1 !important; } body.dekamoji2-slider__body-item .sliderDiv .slider_caption, body.dekamoji2-slider__body-item .sliderDiv .sliderPageLink{ visibility: hidden; transform: scale(1, 0); transform-origin: center; opacity:0; } body.dekamoji2-slider__body-item .sliderDiv .slider_caption--visible, body.dekamoji2-slider__body-item .sliderDiv .sliderPageLink--visible { visibility: visible; opacity:1; animation-name:dekammoji2-slider__caption-button-visible; animation-duration: .4s; transform: scale(1, 1); animation-direction: alternate; } @keyframes dekammoji2-slider__caption-button-visible { 0%{ transform:scale(1,0); } 60%{ transform:scale(1,1.2); } 100%{ transform:scale(1,1); } } /* d2専用 */ body.dekamoji2-slider__body-item .sliderDiv .slider_text_wrap:before{ visibility:hidden; } body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) .editLogoOuter, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header p.headadd a:before, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header p.headtel a, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header p.headtel a, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header p.headmail a, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) .headmail, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) .editLogoOuter, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header:before, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #bgSlider:after, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #pc_menu_trigger, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #increment, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #decrement, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #sliderStepsContainer, body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #headerH1Title{ opacity:0; } body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) .editLogoOuter, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header p.headadd a:before, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header p.headtel a, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header p.headtel a, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header p.headmail a, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) .headmail, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) .editLogoOuter, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header:before, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #pc_menu_trigger, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #bgSlider:after, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #increment, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #decrement, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #sliderStepsContainer, body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #headerH1Title { opacity:1; animation-name: dekamoji2-other; animation-duration: .4s; } body.dekamoji2-slider__body-item:not(.dekamoji2-slider__body-item--gone) #main_img_wrapper #bgSlider { box-shadow:none; transition-duration:.4s; } @keyframes dekamoji2-other { 0%{ transform: scale(1,0.99); opacity:0; } 60%{ transform: scale(1,1.01); opacity:1; } 100%{ transform: scale(1,1); opacity:1; } } .parallaxCaption{ max-width: 80%; color: #fff; display: inline-block; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif; text-shadow: rgba(0,0,0,.5) 0 0 4px, rgba(0,0,0,.5) 0 0 8px, rgba(0,0,0,.5) 0 0 12px; z-index: 2 !important; } .parallaxCaptionHead{ font-size: 40px; } .parallaxCaptionBody{ font-size: 25px; } .parallaxCaptionHead[data-empty-text="1"], .parallaxCaptionBody[data-empty-text="1"]{ opacity: 0; } .edit .parallaxCaptionHead[data-empty-text="1"], .edit .parallaxCaptionBody[data-empty-text="1"]{ opacity: 1 !important; } .edit .parallaxCaptionHead[data-display="1"][data-temporary-hidden="1"], .edit .parallaxCaptionBody[data-display="1"][data-temporary-hidden="1"]{ opacity: 0 !important; cursor: move; } .parallaxCaptionHead[data-display="0"], .parallaxCaptionBody[data-display="0"]{ opacity: 0; } .parallaxCaptionWrapper{ width: 100% !important; height: 100% !important; box-sizing: border-box !important; padding: 0px !important; display: flex !important; } .parallaxContent[data-is-full="1"] .parallaxCaptionWrapper{ position: absolute; top: 0; } .parallaxCaptionContainer{ width: 100%; box-sizing: border-box; padding: 30px 60px; } .parallaxCaptionWrapper[data-position = "topLeft"], .parallaxCaptionWrapper[data-position = "topCenter"], .parallaxCaptionWrapper[data-position = "topRight"]{ align-items: flex-start !important; } .parallaxCaptionWrapper[data-position = "centerLeft"], .parallaxCaptionWrapper[data-position = "center"], .parallaxCaptionWrapper[data-position = "centerRight"]{ align-items: center !important; } .parallaxCaptionWrapper[data-position = "bottomLeft"], .parallaxCaptionWrapper[data-position = "bottomCenter"], .parallaxCaptionWrapper[data-position = "bottomRight"]{ align-items: flex-end !important; } .parallaxCaptionWrapper[data-position = "topLeft"] .parallaxCaption, .parallaxCaptionWrapper[data-position = "centerLeft"] .parallaxCaption, .parallaxCaptionWrapper[data-position = "bottomLeft"] .parallaxCaption{ display: block; text-align: left !important; margin: 0 auto 0 0 !important; } .parallaxCaptionWrapper[data-position = "topCenter"] .parallaxCaption, .parallaxCaptionWrapper[data-position = "center"] .parallaxCaption, .parallaxCaptionWrapper[data-position = "bottomCenter"] .parallaxCaption{ display: block; text-align: center !important; margin: 0 auto; } .parallaxCaptionWrapper[data-position = "topRight"] .parallaxCaption, .parallaxCaptionWrapper[data-position = "centerRight"] .parallaxCaption, .parallaxCaptionWrapper[data-position = "bottomRight"] .parallaxCaption{ display: block; text-align: right !important; margin: 0 0 0 auto !important; } /* h2 animation ex--label */ .h2-animation__label-outer { position:relative; } h2:has(.h2-animation__label-outer--ready):first-letter, .h2-animation__label-outer--ready, .h2-animation__label-outer--ready * { color:transparent !important; text-shadow:none !important; } .h2-animation__label-outer--lined, .h2-animation__label-outer--lined * { opacity:0; transform:translateY(20px); } .h2-animation__label-outer--animated, .h2-animation__label-outer--animated * { opacity:1; transform:translateY(0px); transition-duration:.5s; } .h2-animation__label-item { position:absolute !important; background-color:#333 !important; transition-duration:.5s; } .common-animation__label, .common-animation__label * { color: transparent !important; text-shadow: none !important; background-color: transparent !important; position: relative !important; } #wrapper .common-animation__label .addedTextShadow { opacity:0; } .common-animation__label:after { content: ""; position: absolute; width: 100%; height: 100%; display: block; background: #333; left: 0; top: 0; opacity:0; } .common-animation__label--animating:after { animation-name:common-animation__label; animation-duration:1s; } @keyframes common-animation__label{ 0%{ opacity:0; } 20%{ opacity:1; } 100%{ opacity:0; transform:translateX(50%); } } .bgSlider_alias--sp { display:none; } .horizontal-slider__body-item #bgSlider { visibility:hidden; opacity:0; overflow:hidden; } .horizontal-slider__body-item--ready #bgSlider { visibility:visible; opacity:1; transition:.5s; } .horizontal-slider__body-item--ready #bgSlider:after { display:none; } .horizontal-slider__body-item .horizontal-slider__slide-outer { opacity:0; } .horizontal-slider__body-item .horizontal-slider__slide-outer--visible { opacity:1; } .horizontal-slider__slide-item { opacity:0; z-index:0; background-attachment:initial !important; background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important; } .horizontal-slider__slide-item--current { opacity:1; z-index:2 !important; } .horizontal-slider__slide-item-alias { opacity:1; transition:3s; z-index:2 !important; } .horizontal-slider__slide-cover-item { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: not-allowed; z-index: 1; } .horizontal-slider__slide-item-alias--prev { transform:translateX(-100%); } .horizontal-slider__slide-item-alias--next { transform:translateX(100%); } .horizontal-slider__body-item #increment, .horizontal-slider__body-item #decrement, .horizontal-slider__body-item #sliderLoader, .horizontal-slider__body-item #sliderStepsContainer{ z-index:4; } .horizontal-slider__slide-outer--playing .slider_icons_outer { display:none !important; } .horizontal-slider__slide-outer--playing #increment, .horizontal-slider__slide-outer--playing #decrement, #bgSlider.horizontal-slider__slide-outer--playing #sliderStepsContainer span{ opacity:0.2; cursor:not-allowed; } .horizontal-slider__body-item #bgSlider #sliderStepsContainer .current { cursor:not-allowed; } .horizontal-slider__slide-outer--playing-automatic #sliderLoader span { width:100%; transition:5.5s; transition-timing-function: linear; } .horizontal-slider__slide-outer--playing-manual #sliderLoader span { width:100%; transition:2.5s; transition-timing-function: linear; } .horizontal-slider__slide-outer--nexting .horizontal-slider__slide-item--current { transform:translateX(-40%); transition-duration:3s; } .horizontal-slider__slide-outer--nexting .horizontal-slider__slide-item-alias--next { transform:translateX(0%); } .horizontal-slider__slide-outer--nexting .horizontal-slider__slide-item-alias--next .slider_text_wrap { animation-duration:3s; animation-name: horizontal-slider__text-content; animatoon-direction:forwards; position:relative; } .horizontal-slider__slide-outer--preving .horizontal-slider__slide-item--current { transform:translateX(40%); transition-duration:3s; } .horizontal-slider__slide-outer--preving .horizontal-slider__slide-item-alias--prev { transform:translateX(0%); } .horizontal-slider__slide-item-alias .slider_text_wrap { position:relative; z-index:1; } .horizontal-slider__slide-outer--preving .horizontal-slider__slide-item-alias--prev .slider_text_wrap { animation-duration:3s; animation-name: horizontal-slider__text-content--prev; animatoon-direction:forwards; } .horizontal-slider__body-item .slidePlayController{ display:none !important; } @keyframes horizontal-slider__text-content { 0%{ transform:translateX(0%); } 40%{ transform:translateX(2%); } 100%{ transform:translateX(0%); } } @keyframes horizontal-slider__text-content--prev { 0%{ transform:translateX(0%); } 40%{ transform:translateX(-2%); } 100%{ transform:translateX(0%); } } .car-search-empty__outer { clear: both; margin: 0 auto 20px; } .car-search-empty__text-item { margin: 0 0 15px; text-align: center; } .car-search-empty__link-item { margin: 0 auto !important; } #carListThumNail_wrapper:has( .car-search-empty__outer ), #carlist_main_box:has( .car-search-empty__outer ){ justify-content: center; width: 100%; text-align:center; } /*#car_list_base:has( .car-search-empty__outer ) .carlist_pager_box { display:none; }*/ #edit_page_index.addFreePage{ padding-bottom: 90px !important; } #add_free_page_panel #edit_page_index .disnon{ display:none; } #add_free_page_panel #edit_page_index .clearfix:after{ content: ""; display: block; clear: both; } #add_free_page_panel #edit_page_index #input_pageTitle, #input_metaTitle{ padding: 0px; margin:0px; list-style:none; } #add_free_page_panel #edit_page_index #input_pageTitle ul, #add_free_page_panel #edit_page_index #input_metaTitle ul{ padding: 0px; margin:0px; list-style:none; z-index: 5; } #add_free_page_panel #edit_page_index #input_pageTitle li, #add_free_page_panel #edit_page_index #input_metaTitle li{ padding: 0; margin: 0 0 3px 0; line-height: 140%; font-size: 13px; } #add_free_page_panel #edit_page_index #titleSuggestionList{ width: 100%; position: absolute; top: 38px; left: 0px; } #input_pageTitle li:has(.error_message) #titleSuggestionList{ top: 55px; } #add_free_page_panel #edit_page_index #titleSuggestionList ul.title_list li{ cursor:pointer; position: relative; padding: 2px 115px 2px 10px; } #add_free_page_panel #edit_page_index #titleSuggestionList ul.title_list li:after{ color: #fff; content: "過去作成ページ"; position: absolute; display: inline-block; width: auto; top: calc( 50% - 10px ); right: 10px; padding: 1px 10px 0px; border-radius: 10px; font-size: 11px; background-image: linear-gradient(180deg, rgb(213 213 213) 0%, rgb(167 167 167)); } #add_free_page_panel #edit_page_index #titleSuggestionList ul.title_list li.madeByDktl:after{ background-image: linear-gradient(180deg, rgb(255 179 179) 0%, rgb(255 103 103)); content: "サンプル"; } #add_free_page_panel #edit_page_index input#pageTitleInput, #add_free_page_panel #edit_page_index input#metaTitleInput{ width: 500px; margin-bottom: 0px; font-size: 16px; height: 30px; padding: 3px 10px; border: 1px solid #CCCCCC; } #add_free_page_panel #edit_page_index select{ font-size:16px; max-width: 90%; min-width: 180px; } #add_free_page_panel #edit_page_index #input_pageTitle li.On_HintList{ border-bottom: 3px solid #EEE; border-right: 3px solid #EEE; border-left: 3px solid #EEE; background-color: #FFE; padding: 0; margin:0px; /* opacity:0.95; */ display:none; } #add_free_page_panel #edit_page_index #input_pageTitle li.On_HintList p{ text-align:center; font-size:12px; font-weight:bold; background-color: #eee; margin: 0 0 7px; padding: 2px 0; } #add_free_page_panel #edit_page_index #input_pageTitle li.Hover_HintList{ background-color: #ddd; } #add_free_page_panel #edit_page_index li.fixed_menu_sub[data-has-large-menu = "1"] .fixed_menu2_menu{ position: relative; } #add_free_page_panel #edit_page_index .slidePlayController { display: none !important; } #add_free_page_panel #edit_page_index label{ width: auto; max-width: 100%; display: block; cursor: auto; font-size: 14px; margin: 0; user-select: none; } #add_free_page_panel #edit_page_index label{ cursor: auto; } #add_free_page_panel #edit_page_index.contract_base { width:670px; box-sizing: border-box; border: none; clear: both; margin: 0 auto; padding: 5px; position: relative; } #add_free_page_panel #edit_page_index input{ margin:0; } #add_free_page_panel #edit_page_index p#OnOffLinkBlock{ display: inline-block; text-align:right; margin: 0 0 0 10px; } #add_free_page_panel #edit_page_index p#OnOffLinkBlock b{ color: #666; font-size: 10px; font-weight: normal; } #add_free_page_panel #edit_page_index p#OnOffLinkBlock span{ padding:0 3px; display: inline; float: none; color: #666; font-size: 12px; font-weight: bold; } #add_free_page_panel #edit_page_index p#OnOffLinkBlock span a{ font-weight: normal; color: #999; } /*吹き出し*/ #add_free_page_panel #edit_page_index #tooltip{ position:absolute; left:-2000px; background-color:#000000; padding:5px; border:1px solid #fff; width:220px; height:90px; z-index:100; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #add_free_page_panel #edit_page_index #tooltip p{ margin:0px; color:#fff; background-color:#000; width:160px; height:70px; z-index:110; font-size: 12px; line-height: 150%; clear: both; padding: 10px 50px 10px 10px; background: url(../images/dekkey.gif) no-repeat right bottom; text-align: left; } #tltp_help_mark{ margin: 0 0 0 6px; padding: 3px 0 4px; } #add_free_page_panel #edit_page_index .openSelectWrap { margin: 0 0 20px; } #add_free_page_panel #edit_page_index .lead_block_display_wrap { margin: 0 0 20px; } #add_free_page_panel #edit_page_index .add_free_page_contents_ret { width: 810px; margin: 0 auto; } #add_free_page_panel #edit_page_index .add_free_page_contents_ret .ret_btn_a { margin-bottom: 15px; border-radius: 10px; font-size: 12px; padding: 8px 10px; } #add_free_page_panel #edit_page_index #page_select_box{ margin-bottom: 30px; } #add_free_page_panel #edit_page_index .select-box__parent{ width: 175px; margin-right: 15px; float: left; } #add_free_page_panel #edit_page_index .select-box__middle-menu{ width: calc( 100% - 190px ); max-width: 432px; /** ページ名入力フォームと端を揃える **/ float: left; } #add_free_page_panel #edit_page_index .select-box__middle-menu{ display: none; } #add_free_page_panel #edit_page_index .select-box__middle-menu:has(.show){ display: block; } #add_free_page_panel #edit_page_index .select-box__parent select, #add_free_page_panel #edit_page_index .select-box__middle-menu select{ width: 100%; max-width: 100%; } #add_free_page_panel #edit_page_index .middle-menu__iist{ display: none; opacity: 1; } #add_free_page_panel #edit_page_index .middle-menu__iist.active{ display: block; } #add_free_page_panel #edit_page_index .middle-menu__iist.active.show{ opacity: 1; } /** * newAndimportantPageFunction */ #add_free_page_panel #edit_page_index .pagetitle-wrap:after{ content: ""; clear: both; display: block; } #add_free_page_panel #edit_page_index #input_pageTitle, #add_free_page_panel #edit_page_index #input_metaTitle{ float: left; margin-bottom: 20px; } #add_free_page_panel #edit_page_index #input_pageTitle li:has(.error_message) .inputPageTitleCounter, #add_free_page_panel #edit_page_index #input_metaTitle li:has(.error_message) .inputPageTitleCounter{ top: 28px; } #add_free_page_panel #edit_page_index #input_pageTypes{ float: left; position: relative; } #add_free_page_panel #edit_page_index #input_pageTypes .q_and_a_btn{ position: absolute; right: -18px; top: -10px; z-index: 2; } #add_free_page_panel #edit_page_index #input_pageTypes label{ width: auto; display: inline-block; font-size: 12px; line-height: 1.25; margin: 0 0 0 3px; position: relative; top: 1px; } #add_free_page_panel #edit_page_index .pageTitleExplain { display: inline-block; line-height: 1.25; margin: 0 0 5px; color: #FF0000; } #add_free_page_panel #edit_page_index label[for = "useDifferTitleCheckbox"], #add_free_page_panel #edit_page_index label[for = "is_new"], #add_free_page_panel #edit_page_index label[for = "is_important"]{ display: inline-block; font-size: 14px; line-height: 1.25; margin: 0px 3px 5px 3px; position: relative; top: 1px; } #add_free_page_panel #edit_page_index .differTitle-wrap{ margin-bottom: 0px; } #add_free_page_panel #edit_page_index #input_pageTypes input, #add_free_page_panel #edit_page_index #useDifferTitleCheckbox, #add_free_page_panel #edit_page_index #is_new, #add_free_page_panel #edit_page_index #is_important{ vertical-align: middle; } #add_free_page_panel #edit_page_index #input_pageTypes .checkbox-wrap{ line-height: 1.5; position: relative; top: -2px; } #add_free_page_panel #edit_page_index .metatitle-wrap{ visibility: hidden; height: 0; transition: all .3s; overflow: hidden; margin-bottom: 15px; } #add_free_page_panel #edit_page_index .metatitle-wrap[data-show = "1"]{ visibility: visible; height: 60px; } #add_free_page_panel #edit_page_index .titleCandidate { margin: 5px 0 7px; border: 1px solid #ccc; text-align: center; border-radius: 15px; font-size: 12px; position: relative; padding: 2px 15px 2px 0; background: #eee; width: 100px; cursor: pointer; line-height: 1.5; top: -1px; } #add_free_page_panel #edit_page_index #js-optionToggle, #add_free_page_panel #edit_page_index #js-metatagToggle{ padding: 5px 25px 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #333; font-size: 12px; vertical-align: middle; transition: .25s; position: relative; display: inline-block; cursor: pointer; width: auto; margin: 0 0 10px; box-sizing: border-box; text-align: center; box-shadow: inset 0 0 #587ec1, 0 -1px rgba(255,255,255,0), inset 1px 1px 4px rgba(0,0,0,0), inset 1px 1px rgba(0,0,0,0), inset -1px -1px rgba(255,255,255,0), inset 0 -2px rgba(255,255,255,.3), inset 0 -1px rgba(0,0,0,.3); } #add_free_page_panel #edit_page_index .titleCandidate{ display: inline-block; margin: 0 0 0 20px; } #add_free_page_panel #edit_page_index #js-optionToggle:hover, #add_free_page_panel #edit_page_index #js-metatagToggle:hover, #add_free_page_panel #edit_page_index .titleCandidate:hover { opacity: 0.7; } #add_free_page_panel #edit_page_index #js-optionToggle:before, #add_free_page_panel #edit_page_index #js-metatagToggle:before{ content: ""; background: url(../images/arrow_down.png); width: 10px; height: 10px; background-size: contain; position: absolute; top: calc(50% - 7px); right: 8px; left: auto; background-repeat: no-repeat; transition: .3s; } #add_free_page_panel #edit_page_index .titleCandidate:before { content: ""; background: url(../images/arrow_down.png); width: 12px; height: 12px; background-size: contain; position: absolute; top: calc(50% - 6px); right: 8px; left: auto; background-repeat: no-repeat; } #add_free_page_panel #edit_page_index #js-optionToggle.visible, #add_free_page_panel #edit_page_index #js-metatagToggle.visible{ box-shadow: inset 0 -4px #587ec1, 0 -1px rgba(255,255,255,.3), inset 1px 1px 4px rgba(0,0,0,0.1), inset 1px 1px rgba(0,0,0,.1), inset -1px -1px rgba(255,255,255,.6), inset 0 -2px rgba(255,255,255,0), inset 0 -1px rgba(0,0,0,0); } #add_free_page_panel #edit_page_index .titleCandidate.close { background-color: #000; color: #fff; } #add_free_page_panel #edit_page_index .titleCandidate.close:before { background-image: url(../images/arrow_up.png); background-size: contain; background-repeat: no-repeat; } #add_free_page_panel #edit_page_index #js-metatagElem table { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0px 2px; } #add_free_page_panel #edit_page_index #js-metatagElem th { width: 25%; background: #F0F0F0; color: #555560; } #add_free_page_panel #edit_page_index #js-metatagElem td { width: 75%; background: rgb(250, 250, 250); } #add_free_page_panel #edit_page_index #js-metatagElem td, th { padding: 10px; } #add_free_page_panel #edit_page_index #js-metatagElem .edit--meta_keyword, #add_free_page_panel #edit_page_index #js-metatagElem .edit--h1_title { width: calc(100% - 35px); } #add_free_page_panel #edit_page_index #js-metatagElem .edit--meta_description{ width: calc(100% - 35px); height: 75px; } #add_free_page_panel #edit_page_index#js-metatagElem td input, #add_free_page_panel #edit_page_index #js-metatagElem td textarea { border: 1px solid #D9D9D9; border-radius: 3px; box-sizing: border-box; margin: 0; padding: 5px; } #add_free_page_panel #edit_page_index #js-metatagElem td input, #add_free_page_panel #edit_page_index #js-metatagElem td textarea { -webkit-text-fill-color: black; opacity: 1; } #add_free_page_panel #edit_page_index #js-metatagElem .count_wrapper { display: block; margin: 3px 0 0 0; text-align: right; } #add_free_page_panel #edit_page_index #js-metatagElem .count{ color: #AAA; font-size: 12px; letter-spacing: 0.05em; } #add_free_page_panel #edit_page_index #js-metatagElem td[data-edited="1"] .icon{ width: 20px; height: 20px; border-radius: 10px; background: #99CC00 url(../images/metaedit_ok.png) no-repeat center center; display: inline-block; margin: 0 0 0 5px; transform :translateY(5px); } #add_free_page_panel #edit_page_index #js-metatagElem td[data-edited="1"] .icon--ng{ background: #FF0000 url(../images/metaedit_ng.png) no-repeat center center; } #add_free_page_panel #edit_page_index .hi-icon_now:after { width: 16px; height: 16px; opacity: 0.75; background: #fff; color: #fff; padding: 1px; display: block; position: absolute; font-size: 10px; top: -8px; right: -8px; border-radius: 15px; content: ''; z-index: 130; box-sizing: content-box; animation: sonarEffect 1.4s ease forwards 3; } #add_free_page_panel #edit_page_index .pagetitle-wrap .pageTitle { margin-bottom: 5px; } #add_free_page_panel #edit_page_index #edit_page_index .menuName, #add_free_page_panel #edit_page_index #edit_page_index .pageName{ display: inline; font-size: inherit; font-weight: inherit; font-family: inherit; } #add_free_page_panel #edit_page_index .page_select_box{ margin-bottom: 10px; } #add_free_page_panel #edit_page_index .q_and_a_btn{ position: static; margin: 0 0 0 5px; opacity: .5 } #add_free_page_panel #edit_page_index .q_and_a_btn:hover{ opacity: 1; } #add_free_page_panel #edit_page_index .q_and_a_icon_page_title{ position: static; } #add_free_page_panel #edit_page_index #new_and_important-wrap{ margin-bottom: 20px; } #add_free_page_panel #edit_page_index #new_and_important-wrap .checkbox-wrap{ display: inline-block; margin-right: 15px; } #add_free_page_panel #edit_page_index #new_and_important-wrap .checkbox-wrap:nth-last-of-type(1){ margin-right: 0px; } #add_free_page_panel #edit_page_index #js-optionElem label{ margin-bottom: 0px; } #add_free_page_panel #edit_page_index #js-optionElem label[for="useDifferTitleCheckbox"], #add_free_page_panel #edit_page_index #js-optionElem label[for="is_new"], #add_free_page_panel #edit_page_index #js-optionElem label[for="is_important"]{ cursor: pointer; } #add_free_page_panel #edit_page_index .rowElem{ margin-bottom: 20px; } #add_free_page_panel #edit_page_index #js-optionElem select[name="copy"] + p{ margin-bottom: 20px; } #add_free_page_panel #edit_page_index #edit_page_index.addFreePage h2 .miniH2{ font-size: 90%; font-family: 'Noto Sans JP', sans-serif; } #add_free_page_panel #edit_page_index .usingSampleAttention{ display: grid; grid-template-rows: 0fr; transition: 300ms grid-template-rows ease; transition-delay: .5s; } #add_free_page_panel #edit_page_index .usingSampleAttention.show{ grid-template-rows: 1fr; } #add_free_page_panel #edit_page_index .usingSampleAttention span{ display: block; overflow: hidden; color: #C00; margin-top: 5px; margin-left: 10px; } #add_free_page_panel #edit_page_index #edit_page_index .inputPageTitleCounter{ bottom: auto; top: 10px; } #add_free_page_panel #edit_page_index #edit_page_index p.metatagCautionText{ font-size: 14px; padding: 10px; } #add_free_page_panel #edit_page_index .meta_edit td .icon{ width: 20px; height: 20px; border-radius: 10px; background: #99CC00 url(../images/metaedit_ok.png) no-repeat center center; display: inline-block; margin: 0 0 0 5px; transform :translateY(5px); } #add_free_page_panel #edit_page_index .meta_edit td .edit--meta_description + .icon, #add_free_page_panel #edit_page_index .meta_edit td .edit-sns_card_text + .icon{ transform :translateY(0px); } #add_free_page_panel #edit_page_index .meta_edit td .icon--ng{ background: #FF0000 url(../images/metaedit_ng.png) no-repeat center center; } #add_free_page_panel #edit_page_index .meta_edit td #input_pageTitle .icon--ok, #add_free_page_panel #edit_page_index .meta_edit td #input_metaTitle .icon--ok { background: #99CC00 url(../images/metaedit_ok.png) no-repeat center center; } #add_free_page_panel #edit_page_index .meta_edit td #input_pageTitle .icon, #add_free_page_panel #edit_page_index .meta_edit td #input_metaTitle .icon { width: 20px; height: 20px; border-radius: 10px; display: inline-block; margin: 0 0 0 5px; transform :translateY(5px); } #add_free_page_panel #edit_page_index #input_pageTitle .count--num, #add_free_page_panel #edit_page_index #input_metaTitle .count--num { font-weight: bold; font-size: 14px; margin: 0 2px 0 0; } #add_free_page_panel #edit_page_index #input_pageTitle .count--ok, #add_free_page_panel #edit_page_index #input_metaTitle .count--ok { color: #666; } #add_free_page_panel #edit_page_index #input_pageTitle .count--ng, #add_free_page_panel #edit_page_index #input_metaTitle .count--ng { color: #CC0000; } #add_free_page_panel #edit_page_index .meta_edit td[data-edited="1"] #input_pageTitle .icon--ng, #add_free_page_panel #edit_page_index .meta_edit td[data-edited="1"] #input_metaTitle .icon--ng{ background: #FF0000 url(../images/metaedit_ng.png) no-repeat center center; } #add_free_page_panel #edit_page_index .edit--page_title#pageTitleInput, #add_free_page_panel #edit_page_index .edit--meta_title#metaTitleInput{ padding-right: 110px; } #add_free_page_panel #edit_page_index .inputPageTitleCounter { position: absolute; bottom: 8px; right: 10px; } #add_free_page_panel .addPageFrameContentsOuter{ height: 480px; overflow-x: hidden; overflow-y: scroll; position: relative; transform: translate(0); } #add_free_page_panel .addPageFrameContentsOuter { -ms-overflow-style: none; scrollbar-width: none; } #add_free_page_panel .addPageFrameContentsOuter::-webkit-scrollbar { display: none; } #add_free_page_panel .addPageFrameContentsOuter .q_and_a_btn{ position: static; } .addFreePage .create_page_btn{ width: 100%; margin: 0; padding: 20px 0; text-align: center; position: fixed; left: 0; bottom: 0; background: rgba(240,240,240,.7); backdrop-filter: blur(5px); border-top: 1px solid #e3e3e3; box-shadow: inset 0px 1px 0px #fff; opacity: 1; } #edit_page_index .upload_button input, #edit_page_index input[type="submit"] { color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); letter-spacing: .05em; font-weight: bold; font-size: 16px; padding: 10px; border: 1px solid #FFF; border-radius: 3px; width: 260px; cursor: pointer; margin:0 auto; background-color: #ffaa00; background-image: url(../images/palette_btn_dot.png), url(../images/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%); background-repeat: repeat, no-repeat, repeat; background-position: left top, top center, left top; box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); transition: 0.3s; } #add_free_page_panel #edit_page_index .middle-menu__iist.active{ display: block; } #add_free_page_panel #edit_page_index .middle-menu__iist.active.show{ opacity: 1; } #add_free_page_panel #edit_page_index span { font-size: 12px; } #add_free_page_panel #edit_page_index .must_field{ color: #C00; font-size: 12px; display: inline; float: none; } #add_free_page_panel #edit_page_index h2 { color:#333; font-size:16px; font-weight:bold; } #add_free_page_panel #edit_page_index .menuName, #add_free_page_panel #edit_page_index .pageName { display: inline; font-size: inherit; font-weight: inherit; font-family: inherit; } @keyframes sonarEffect { 0% { opacity: 1.0; } 40% { opacity: 0.5; box-shadow: 0 0 5px 1px #ffd1d1, 0 0 5px 8px #ffd1d1, 0 0 0 8px #ffd1d1; } 100% { box-shadow: 0 0 5px 1px #ffd1d1, 0 0 5px 8px #ffd1d1, 0 0 0 8px #ffd1d1; transform: scale(1.2); opacity: 0; } } #header .headadd.passiveAccessPage a{ cursor: default; } #header .headadd.passiveAccessPage a:hover{ text-decoration: none; }@charset "utf-8"; /* 20160331 高橋 */ /* 背景が動くスライダーのためのデザイン上書きCSS */ /* デザイン Photo　を想定 */ h1 { top:-490px !important; z-index:4; } #header_wrapper{ position: absolute; background:none; z-index:5; } #body_sub #header_wrapper, #body_free #header_wrapper{ position:static; } #main_img_wrapper { position:relative; padding:0; } .slider_text{ transition: background .3s; text-align:center; margin:0 0 15px; position:relative; max-width:960px; max-height:155px; overflow:hidden; margin:0 auto 30px; z-index: 2; } .slider_text.blink{ animation: sliderTextBlink 1s linear forwards; animation-delay: .3s; } @keyframes sliderTextBlink { 0% { background: none; } 25% { background: #FC0; } 50% { background: none; } 75% { background: #FC0; } 100% { background: none; } } #increment, #decrement{ position:absolute; top:45%; width:50px; height:50px; border-radius: 100%; border: 1px solid #fff; cursor:pointer; color:#fff; text-align: center; line-height: 45px; box-shadow: 0px 0px 7px -1px #333; -moz-box-shadow: 0px 0px 7px -1px #333; -webkit-box-shadow: 0px 0px 7px -1px #333; text-shadow: 0 0 6px #000; z-index:2; } #increment { right:100px; } #decrement { left:100px; } /** * スライドの画像が一枚の時、スライドしない改修に際して追記。 */ /*スライド処理を止めると、スライドの画像についているopactiyの値が0のままなので、CSSで強制的にopacityを１にする*/ body[data-paused-original-slide="1"] .sliderDiv:nth-of-type(1){ opacity: 1 !important; } /*prev/nextと、スライドの下の点、ローダーを非表示にする*/ body[data-paused-original-slide="1"] #main_img_wrapper #increment, body[data-paused-original-slide="1"] #main_img_wrapper #decrement, body[data-paused-original-slide="1"] #main_img_wrapper #sliderStepsContainer, body[data-paused-original-slide="1"] #main_img_wrapper #sliderLoader{ display: none; } #sliderSteps{ position: absolute; width: 100%; bottom: 50px; height: 20px; } #sliderStepsContainer{ margin: auto; height: 20px; width: 10px; position:relative; bottom:120px; z-index: 2; text-align:center; } #bgSlider #sliderStepsContainer span { display:inline-block; border-radius:100%; background:#fff; width:10px; height:10px; margin:0 5px 0 0; cursor:pointer; padding:0; } #sliderStepsContainer span.current { background:#ccc; } #sliderLoader { height: 1px; position: absolute; bottom: 70px; background: #fff; width: 100%; } #sliderLoader span { display:block; background: #ccc; margin:auto; width:0 ; height:1px; padding:0px; max-width:100%; } .slideshow-icon-addbg{ border-radius: 3px; box-sizing: border-box; } #bgSlider{ visibility:hidden; } #bgSlider.js-loaded{ visibility:visible; background:none; } /*スライダーのローダー*/ #bgSliderLoader{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; visibility: visible; background-image: url(../images/ring-resize.svg); background-repeat: no-repeat; background-position: center center; z-index: 0; } .js-bgSliderLoaded #bgSliderLoader{ display: none; } /* slideshow-playbtn */ #bgSlider .slideshow-icon-wrap { max-width: 36px; /** 左右marginの許容分 **/ max-height: 32px; border-radius: 3px !important; float: right !important; position: relative !important; padding: 0 !important; background-color: transparent !important; } #bgSlider .slideshow-icon-wrap img, #bgSlider .slideshow-icon-wrap span{ vertical-align: baseline; /** 設定アイコンのbaselineがズレる問題へ対応 */ } /* fadein */ .slideshow-fadein{ background-size:auto; background-repeat:no-repeat; background-position:center; } /* slidedown */ .slideshow-slidedown{ position:absolute; background-size:auto; background-position: center -1200px; background-repeat:no-repeat; animation-timing-function : ease-in-out; animation-duration:.75s; animation-fill-mode:forwards } .slideshow-slidedown-passive { background-position: center -1200px; z-index:0; animation-name:slideup; } .slideshow-slidedown-active { background-position: center center; z-index:1; animation-name:slidedown; } /** ユニバーサルセレクタはダメ */ /*.slideshow-slidedown *{*/ .slideshow-slidedown .slider_icons, .slideshow-slidedown .slider_content_wrap{ display:none; } /** ユニバーサルセレクタはダメ */ /*.slideshow-slidedown-active *{*/ .slideshow-slidedown-active .slider_icons, .slideshow-slidedown-active .slider_content_wrap{ display:block; } .slideshow-slidedown-wrap #sliderStepsContainer, .slideshow-slidedown-wrap #sliderLoader{ z-index:1; } @keyframes slidedown{ 0%{background-position: center -1200px;} 100%{background-position: center center;} } @keyframes slideup{ 0%{background-position: center center;} 100%{background-position: center -1200px;} } @keyframes fadein{ 0%{opacity: 0;} 75%{opacity: 1;} 100%{opacity: 1;} } /* zoomin */ /** ユニバーサルセレクタはダメ */ /*.slideshow-zoomin *{*/ .slideshow-zoomin .slider_icons, .slideshow-zoomin .slider_content_wrap{ display:none; } /** ユニバーサルセレクタはダメ */ /*.slideshow-zoomin-active *{*/ .slideshow-zoomin-active .slider_icons, .slideshow-zoomin-active .slider_content_wrap{ display:block; } .slideshow-zoomin { z-index: 0; opacity: 0; background-repeat: no-repeat; background-position: center; background-size:auto; position:absolute; } .slideshow-zoomin-active{ opacity:1; z-index:1; animation-name:zoomin; animation-duration:1s; animation-fill-mode:forwards; transform: scale( 1 ) rotate(0.1deg); } .slideshow-zoomin-wrap #sliderStepsContainer, .slideshow-zoomin-wrap #sliderLoader{ z-index:1; } @keyframes zoomin{ 0%{transform:scale(0.9) rotate(0deg);} 100%{transform:scale(1) rotate(0deg);} } /* zoomout */ .slideshow-zoomout { width: 100%; height: 100%; position: absolute; } .slideshow-zoomout{ transition: opacity .75s; } .slideshow-zoomout-passive{ opacity: 0; z-index: 0; } .slideshow-zoomout-active{ opacity: 1; z-index: 1; } .slideshow-zoomout .slider_img_wrapper{ width: 100%; height: 100%; position: absolute; overflow: hidden; } .slideshow-zoomout .slider_img { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; transform: scale(1.2); transform-origin: center center; transition: transform 8s; } .slideshow-zoomout-active .slider_img { transform: scale(1) rotate(0.1deg); z-index: 1; } .slideshow-zoomout-active .slider_btn{ z-index: 2; } .slideshow-zoomout-wrap #sliderStepsContainer, .slideshow-zoomout-wrap #sliderLoader{ z-index: 1; } #bgSlider .newArrivalSlideShow { position: absolute; float: none !important; top: 5px; right: 8px; background-color: #f00; color: #fff !important; line-height: 16px !important; font-size: 12px !important; border-radius: 100%; text-align: center; width: 16px !important; height: 16px !important; padding: 0; } #bgSlider .newArrivalSlideShow:empty{ display:none; } #bgSlider .slider_caption .slider_caption_contents { text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .sliderDiv.slideLink{ cursor: pointer; } .sliderDiv[data-disp-flag="0"], #sliderStepsContainer > span[data-disp-flag="0"]{ display:none !important; } .slider_btn{ overflow: visible; position: relative; } .slider_btn_inner{ position: relative; } .slider_btn_inner .thickbox{ width: 32px; height: 32px; background: #666; box-sizing: border-box; border-radius: 3px; box-shadow: 1px 1px 2px rgb(0 0 0 / 27%); display: block; cursor: pointer; padding: 3px 2px 2px 3px; position: absolute; right: -16px; top: -16px; z-index: 10; } .slider_btn_inner .thickbox .add_url_slider{ width: 100%; } #bgSlider .flick--moving{ transition: all .3s ease-out; } #bgSlider .no-animate{ animation: none; } /*responsive*/ @media screen and (min-width: 481px) { .slider_btn{ display: flex; flex-wrap: wrap; justify-content: center; } .mainImageDammyOuter #bgSlider{ padding: 0; margin: 0; } /*#bgSlider p a{*/ #bgSlider .slider_icons_inner .slideshow-icon-wrap{ display: inline-block; margin-left: 0; margin-right: 0; } #bgSlider .slider_icons_inner .slideshow-icon-wrap:active{ transform: scale(0.95); } /*#bgSlider p a.thickbox{*/ #bgSlider .slider_icons_inner .slideshow-icon-wrap.thickbox{ position: absolute; z-index: 2001; } #bgSlider .slider_icons_inner .slideshow-icon-wrap.thickbox.isRecommendSldierPattern:after{ width: 10px; height: 10px; animation-name: isRecommendSldier; animation-duration: 1.5s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; content: ""; display: block; position: absolute; right: 0; top: 0; background-color: ; pointer-events: none; z-index: 1; background: none; transform: none; border-radius: 50%; background: rgba(255, 159, 159); } #bgSlider .slider_icons_inner .slideshow-icon-wrap.thickbox.isRecommendSldierPattern[data-showed="1"]:after, #bgSlider .slider_icons_inner .slideshow-icon-wrap.thickbox.isRecommendSldierPattern[data-selected-recommend="1"]:after{ display: none; } @keyframes isRecommendSldier{ 0% { opacity: 1.0; } 40% { box-shadow: 0 0 0 2px rgba(255, 159, 159, 0.1), 0 0 10px 8px rgb(255, 159, 159), 0 0 0 8px rgba(255, 159, 159, 0.5); opacity: 0.5; } 100% { box-shadow: 0 0 0 2px rgba(255, 159, 159, 0.1), 0 0 10px 8px rgb(255, 159, 159), 0 0 0 8px rgba(255, 159, 159, 0.5); opacity: 0; transform: scale(1); } } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap{ width: 100% !important; height: 100% !important; box-sizing: border-box !important; padding: 0px !important; display: flex !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"]{ flex-wrap: nowrap !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"]{ align-items: flex-start !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"]{ align-items: center !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"]{ align-items: flex-end !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"] .slider_btn, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"] .slider_btn, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"] .slider_btn{ justify-content: flex-start; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"] .slider_btn, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"] .slider_btn, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"] .slider_btn{ justify-content: center; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"], [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"] .slider_btn, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"] .slider_btn, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"] .slider_btn{ justify-content: flex-end; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"] .slider_text, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"] .slider_text, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"] .slider_text{ text-align: left !important; justify-content: flex-start; margin-left: 0 !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"] .slider_text .slider_strong_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"] .slider_text .slider_strong_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"] .slider_text .slider_strong_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"] .slider_text .slider_caption_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"] .slider_text .slider_caption_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"] .slider_text .slider_caption_contents{ text-align: left !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"] .slider_text, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"] .slider_text, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"] .slider_text{ text-align: center !important; justify-content: center; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"] .slider_text .slider_strong_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"] .slider_text .slider_strong_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"] .slider_text .slider_strong_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"] .slider_text .slider_caption_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"] .slider_text .slider_caption_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"] .slider_text .slider_caption_contents{ text-align: center !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"] .slider_text, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"] .slider_text, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"] .slider_text{ text-align: right !important; justify-content: flex-end; margin-right: 0 !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"] .slider_text .slider_strong_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"] .slider_text .slider_strong_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"] .slider_text .slider_strong_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"] .slider_text .slider_caption_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"] .slider_text .slider_caption_contents, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"] .slider_text .slider_caption_contents{ text-align: right !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap .slider_text .slider_caption_contents{ width: 100% !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_text_wrap{ width: auto !important; flex-wrap: wrap !important; flex-direction: column !important; padding: 45px !important; z-index: 1; } _:-ms-input-placeholder, :root [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_text_wrap { display: block !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "fit"] .slider_text_wrap{ background: rgba(0,0,0,.6) !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"] .slider_text_wrap{ width: 100% !important; background: rgba(0,0,0,.6) !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_text{ /*max-width: none !important;*/ display: flex; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_strong{ /*max-width: none !important;*/ } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_strong .slider_strong_contents{ width: 100% !important; } _:-ms-input-placeholder, :root [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_strong .slider_strong_contents{ margin: 0; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_caption{ width: auto !important; /*max-width: none !important;*/ } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"] .slider_text{ margin-left: auto !important; margin-right: auto !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "1"] .slider_text, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "4"] .slider_text, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "7"] .slider_text{ margin-left: 0 !important; } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "2"] .slider_text, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "5"] .slider_text, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "8"] .slider_text{ } [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "3"] .slider_text, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "6"] .slider_text, [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "9"] .slider_text{ margin-right: 0 !important; } } /*responsive*/ @media screen and (max-width: 480px) { #body_sub #header_wrapper, #body_free #header_wrapper{ position:absolute; } #bgSlider .slideshow-icon-wrap{ max-width: 38px; max-height: 38px; } /** 読み込み後は基本none */ #bgSlider .slideshow-icon-wrap:not(.slideshow-setting-wrap){ display: none; } #bgSlider .slider_icons .slider_icons_inner .slideshow-icon-wrap.slideshow-setting-wrap{ width: 38px; height: 38px !important; display: inline-block; margin-right: 0; } /* slidedown */ .slideshow-slidedown { display:none; } .slideshow-slidedown-active { display:block; } .slideshow-slidedown-wrap #increment, .slideshow-slidedown-wrap #decrement, .slideshow-slidedown-wrap #sliderStepsContainer{ z-index:2; } @keyframes slidedown{ 0%{ background-position-y: -1000px; opacity:0; } 100%{ background-position-y: center; opacity:1; } } @keyframes slideup{ 0%{ background-position: center center; } 100%{ background-position: center -1200px; } } /* zoomin */ .slideshow-zoomin { position:absolute; display:none; } .slideshow-zoomin-active { display:block; } #bgSlider .slider_icons{ display:block !important; } /* zoomout */ .useCustomSlider .slideshow-zoomout{ height: auto; } .useCustomSlider .slideshow-zoomout .slider_img_wrapper{ height: 56.25vw; /* デフォルトでは 16.9 比率にしている 各デザインCSSで上書き可 */ } .slider_btn_inner{ max-width: 90%; margin: 0 auto; text-align: center; } .slider_btn_inner .thickbox{ right: 32px; } #bgSliderLoader{ max-height: 100vh; } } div.baloon { background-color: #fff; border-radius: 50px; box-shadow: 2px 3px 4px 2px rgba(0,0,0,0.2); color: #333; font-size: 11px; padding: 5px; position: absolute; z-index: 5000; } div.baloon:before{ width: 7px; height: 10px; background: #fff; border-radius: 0 0 17px 0 / 0 0 13px 0; box-shadow: -4px 2px 0 -3px transparent inset; content: ""; display: block; position: absolute; top: 21px; } div.baloon a{ margin: 0 3px 0 0; } div.baloon a img { width: 17px; height: 17px; }/*! jQuery UI - v1.10.3 - 2013-05-03 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url(../images/animated-overlay.gif); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(../images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(../images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image: url(../images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(../images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(../images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; }.xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 8px; padding-left: 0; padding-top: 8px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent } .xdsoft_noselect::-moz-selection { background: transparent } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px } .xdsoft_datetimepicker .xdsoft_monthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev , .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 30px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover>span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { width: 100px; right: 15px !important; text-align: right; word-break: keep-all; white-space: nowrap; overflow: hidden; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year{ width: 48px; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #33aaff; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: default; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { color: #fff !important; background: #ff8000 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover { background: #33aaff !important; box-shadow: #178fe5 0 1px 3px 0 inset !important; color: #fff !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar >.xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div { background: #0a0a0a; border-top: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color:#000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color:#000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover { color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller { background: #333 !important; } .xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #dddddd !important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px; } .xdsoft_datetimepicker .blue-gradient-button { font-family: "museo-sans", "Book Antiqua", sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 ); /* IE6-9 */ } .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* IE10+ */ background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */ }.xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); background: #fff; border-bottom: 1px solid #bbb; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 8px; padding-left: 0; padding-top: 8px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2147483646 !important; display: none; } .xdsoft_datetimepicker.xdsoft_rtl { padding: 8px 0 8px 8px; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent } .xdsoft_noselect::-moz-selection { background: transparent } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker { float: right; margin-right: 8px; margin-left: 0; } .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px } .xdsoft_datetimepicker .xdsoft_monthpicker { position: relative; text-align: center; } .xdsoft_monthpicker .xdsoft_next { position: absolute; top: 0; right: 0; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev , .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: block; height: 30px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; min-width: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next { float: none; margin-left: 0; margin-right: 14px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #ddd; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div { background: #f5f5f5; border-top: 1px solid #ddd; color: #666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover>span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { width: 45px; text-align: right; position: absolute; top: 0; right: 25px; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year{ width: 100px; margin-left: 5px; position: absolute; top: 0; right: 60px; } .xdsoft_datetimepicker .xdsoft_year:after { content: "年"; position: absolute; top: 5px; right: 15px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #f5f5f5; border: 1px solid #ddd; color: #666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #f1f1f1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #33aaff; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color: #000; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: #33aaff; box-shadow: #178fe5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor: default; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { color: #fff !important; background: #ff8000 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover { background: #33aaff !important; box-shadow: #178fe5 0 1px 3px 0 inset !important; color: #fff !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar >.xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar { left: 0; right: auto; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000; border-bottom: 1px solid #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; color: #ccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div { background: #0a0a0a; border-top: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222; color: #999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default { background: #ffe9d2; box-shadow: #ffb871 0 1px 4px 0 inset; color:#000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint { background: #c1ffc9; box-shadow: #00dd1c 0 1px 4px 0 inset; color:#000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover { color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller { background: #333 !important; } .xdsoft_datetimepicker .xdsoft_save_selected { display: block; border: 1px solid #dddddd !important; margin-top: 5px; width: 100%; color: #454551; font-size: 13px; } .xdsoft_datetimepicker .blue-gradient-button { font-family: "museo-sans", "Book Antiqua", sans-serif; font-size: 12px; font-weight: 300; color: #82878c; height: 28px; position: relative; padding: 4px 17px 4px 33px; border: 1px solid #d7d8da; background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 ); /* IE6-9 */ } .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span { color: #454551; background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%); /* IE10+ */ background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */ }