/** * WEBフォントの読み込み（@import）は必ずここに書いてください。 * ここ以外に書いてもCSSの仕様上機能しません。 */ /* @import url(../other/fonts.googleapis.com_6ac395); */ /*フォント変更機能*/ *:not(font) {margin:0; padding:0; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .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: 12px; /* 絶対変えちゃダメ。ていうか変える必要もない */ } body{ -webkit-text-size-adjust: 100%; background:#F5F5F5; font-size: 1.166rem; /** 14px **/ color:#333; word-wrap: break-word; overflow-wrap: break-word; padding: 90px 0 0 0; } body[data-show-mobile-gmenu = "0"]{ padding-top: 50px; } .edit #smt_head_base{ margin-top: 50px; /* other_service_panel => 70px に */ } .edit #menu_wrapper{ height: calc(100% - 140px); top: 140px; } body.edit[data-show-mobile-gmenu = "0"] #menu_wrapper{ height: calc(100% - 100px); top: 100px; } a {color:#06f;} table {border-collapse:collapse;} ul, li {list-style:none; margin:0; padding:0;} img {border:none; vertical-align:top; max-width:100%;} .clearfix:after, ul:after {content:"."; display:block; clear:both; height:0; visibility:hidden;} .clear {clear:both; margin:0; padding:0;} #main_img_container:after, #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, .box_side_topics:after, .div_box_company_pict:after, .box_setsubi:after, .box_staff:after, #car_list_base:after, #sliderContent:after, .list_con:after, .thumbnail_box:after {content:"."; display:block; clear:both; height:0; visibility:hidden;} h1, hr, #fixed_menu2, #fixed_menu2_button, #header_png_img, #body_sub #main_img_wrapper, #body_free #main_img_wrapper, #floatImage01, #floatImage02, .mb_display, .add_attention_h2, .pict_edit_btn, .side_pict_edit_btn, .side_pict_edit_btn a img, #sidebar_shp_inf, .backtop a, .shop_name_btn, .clearBr, .back_page_link, #car_list_base0 .UsedCarEditBtnBlock, #car_list_base0 .import_goo, #car_list_base0 .import_car_sensor, #edit_usedcar_carlist_panel, .usedcar_edit_btn, #carDetailHeadBtn, #car_gall ul li#usedcar_add_image, div.mega_menu ul, #SmartModeBtnBox, #header p.headadd, #header p.headtel, #header p.headmail, #sns_btn_block, .h3_lead, .ul_lead, #require4dktl, .linktoLinks, #mobile_QR_info, #mobile_QR_info div.QR_innerBlock, #midbox_wrapper h2, #midbox_wrapper .text_left h3, #midbox_wrapper .text_left p, .map_box, #cgmCapClose, .sliderImage span br, #modal_wrapper, #menu_bottom_info { display: none; } .div_box_feature h3 > b, .box_free h3 > b, .box_voice h3 > b, .box_promise h3 > b, .box_flow h3 > b, .box_coupon h3 > b, .box_tokuten h3 > b, .campaign_content h3 > b, .div_box_faq h3 > b, .plusBlockBtn, .plusBlockBtn2, .plusBlockBtn3, .plusBlockBtn4, .plusBlockBtn5, .plusBlockBtn_sideLoop, #tTWndw, .sidebar_ad_banner { display:none !important; /*plusBlockBtnが表示されるケースがあるのでimportantを付ける*/ } .block_outer_carlist .div_box_free{ padding: 0 0 20px; } .block_outer_carlist #plusBlock_carlist{ display: block !important; width: 90%; margin: 0 auto; padding: 0 0 60px; } .block_outer_carlist #plusBlock_carlist ul{ align-items: flex-end; display: flex; flex-direction: row-reverse; flex-wrap: wrap; float: right; margin: 0 0 0 5px; } .block_outer_carlist #plusBlock_carlist li{ margin: 0 2px; position: relative; } .block_outer_carlist #plusBlock_carlist li a{ text-decoration: none; } .block_outer_carlist #plusBlock_carlist .plusBlockBtn_p{ font-size: 12px; float: right; } /** right_box **/ #right_box.right_box--pc, .rightboxTrigger.right_box--pc{ display: none !important; } #right_box { width: 100%; color: #333; margin: 0 auto; padding: 45px 5% 20px; position: relative !important; top: 0 !important; box-sizing: border-box; } #right_box:before{ width: 100px; content: "店舗情報"; font-size: 14px; letter-spacing: .1em; font-family: "Noto Serif JP"; position: absolute; top: 15px; border-bottom: 1px solid #878787; left: -22px; padding-right: 10px; padding-bottom: 1px; text-align: right; } #right_box:after{ content: ""; display: block; clear: both; } #right_box .right_box_img { width: 37%; float: left; } #right_box .right_box_img img { width: 100%; } #right_box .side_shop_info_box { float: right; width: calc( 63% - 15px ); box-sizing: border-box; margin-left: 15px; } #right_box .side_shop_info_box p{ margin-bottom: 5px; } #right_box .headtel{ margin-bottom: 10px; } #right_box .headtel a { background: url(../images/smt_tel_icon_b.png.webp) no-repeat center left; color: inherit; text-decoration: none; font-size: calc(1.625rem + ((1vw - 3.4px) * 4.2857)); font-weight: 700; padding-left: 24px; } #right_box .headadd a { color: inherit; font-size: 12px; text-decoration: none; } #right_box .side_shop_info_box p{ font-size: 12px; } #right_box .estimate_btn { display: none; } iframe{ border: none; } .soldOutSettingOuter, .soldOutSettingItemOuter { display: block; } .soldOutSettingItemOuter { width: 270px; background-color: #fff; box-sizing: border-box; box-shadow: 2px 2px 10px rgba(0,0,0,0.3); cursor: auto; display: none; line-height: 1; padding: 30px 0; text-align: center; position: absolute; top: -135px; right: -125px; } .soldOutSettingItemOuter[data-show="1"] { display: block; } .soldOutSettingItemOuter:before{ 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; } .soldOutSettingItemOuter[data-loading="1"]:before { opacity: .7; z-index: 1; } .soldOutSettingItemOuter:after { content: ""; transform: rotate(0deg); bottom: calc( 0px - 35px ); border-top: 40px solid #FFF; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -20px; right: calc(50% - 10px); } .soldOutSettingItemOuter .soldOutSettingItem { color: #00f; cursor: pointer; font-size: 14px; padding: 5px; margin: 0 10px; text-decoration: underline; display: block; } .soldOutSettingItemOuter .soldOutSettingItem[data-soldout="1"] { margin-bottom: 15px; } .soldOutSettingItemOuter .soldOutSettingItem[data-selected="1"] { color: #333; cursor: default; position: relative; pointer-events: none; text-decoration: none; } .soldOutSettingItemOuter .soldOutSettingItem[data-selected="1"]:before { content: ""; width: 15px; height: 15px; background-image: url(../images/check_min_red.png); background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 25px; z-index: 0; } .soldOutSettingItemOuter .settingCaption { font-size: 11px; } .soldOutSettingOuter { cursor: pointer; } .soldOutSettingOuter .soldOutSetting { display: none; } .soldOutSettingOuter .soldOutSetting[data-show="1"] { display: block; } #messagePanel div { position: absolute; top: calc( 50% - 36px ); text-align: center; width: 100%; height: 24px; } #reloadButton { position: absolute; top: calc( 60% - 12px ); left: calc(50% - 60px); text-align: center; width: 120px; height: 24px; margin: 10px auto; background: none; } /** ヘッダー ********************************************************************/ #header_wrapper {z-index: 12 !important;} #smt_head_base { position:fixed; top:0; width: 100%; z-index: 100; background-image: url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp); background-color: #99cc00; background-repeat: no-repeat, repeat; background-size: contain, auto; background-position: center top, center; box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.3); transition: top .3s ease-in-out; } .js-header_minimize #smt_head_base{ top: -200px !important; } span.company_rogo { width: calc(100% - 50px); /*calc()対応*/ max-width: calc(100% - 50px); display: table; table-layout: fixed; } /** アイコン 3個 */ #smt_head_base:has( [data-btn-num = "3"] ) .company_rogo, #smt_head_base:has( [data-btn-num = "4"] ) .company_rogo{ width: calc(100% - 160px); max-width: calc(100% - 160px); } /** アイコン 2個 */ #smt_head_base:has( [data-btn-num = "2"] ) .company_rogo{ width: calc(100% - 125px); max-width: calc(100% - 125px); } /** アイコン 1個 */ #smt_head_base:has( [data-btn-num = "1"] ) .company_rogo{ width: calc(100% - 90px); max-width: calc(100% - 90px); } .company_rogo a { text-shadow:none; font-size: 16px; font-weight:bold; padding: 0 3%; height: 50px; display: table-cell; vertical-align: middle; text-decoration:none; color:#FFF; text-shadow:0px 1px 1px #1EA21E, 0px 0px 1px #1EA21E, 1px 0px 1px #1EA21E, 0px -1px 1px #1EA21E, -1px -1px 1px #1EA21E, -1px 0px 1px #1EA21E, 0px 2px 1px #40BB39, 0px 1px 1px #40BB39, 1px 1px 1px #40BB39, 1px 0px 1px #40BB39, 2px 0px 1px #40BB39, 1px -1px 1px #40BB39, 1px -2px 1px #40BB39, 0px -2px 1px #40BB39, -1px -2px 1px #40BB39, -2px -2px 1px #40BB39, -2px -1px 1px #40BB39, -2px 0px 1px #40BB39, -2px 1px 1px #40BB39, -1px 1px 1px #40BB39, 0px 3px 1px #FFF, 0px 2px 1px #FFF, 1px 2px 1px #FFF, 2px 2px 1px #FFF, 2px 1px 1px #FFF, 2px 0px 1px #FFF, 3px 0px 1px #FFF, 2px -1px 1px #FFF, 2px -2px 1px #FFF, 2px -3px 1px #FFF, 1px -3px 1px #FFF, 0px -3px 1px #FFF, -1px -3px 1px #FFF, -2px -3px 1px #FFF, -3px -3px 1px #FFF, -3px -2px 1px #FFF, -3px -1px 1px #FFF, -3px 0px 1px #FFF, -3px 1px 1px #FFF, -3px 2px 1px #FFF, -2px 2px 1px #FFF, -1px 2px 1px #FFF, 2px 2px 5px rgba(0,0,0,.7); } .header_head_copy { display: none; } .header_company_name { display: none; } .header_company_tel { display: none; } .header_company_address { display: none; } /** ヘッダーアイコンリンク **/ #smt_head_base .header-icon-wrap { position: absolute; top: 10px; right: 55px; display: flex; z-index: 5; } #smt_head_base .header-icon-wrap.addSonar:before{ width: 100%; height: 100%; animation: headerIconWrapSonar 2s ease-in-out .1s 3; content: ""; display: block; right: 0px; pointer-events: none; position: absolute; border-radius: 3px; top: 0px; z-index: 0; } @keyframes headerIconWrapSonar{ 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 7px rgba(255, 0, 0, 0.3), 0 0 15px 13px rgb(255, 0, 0), 0 0 0 13px rgba(255, 0, 0,0.7); } 100% { box-shadow: 0 0 0 7px rgba(255, 0, 0, 0.3), 0 0 15px 13px rgb(255, 0, 0), 0 0 0 13px rgba(255, 0, 0,0.7); transform: scale(1.25); opacity: 0; } } #smt_head_base .header-icon-wrap .header-icon-tel, #smt_head_base .header-icon-wrap .header-icon-estimate, #smt_head_base .header-icon-wrap .header-icon-access{ width: 32px; height: 32px; display: block; margin-left: 2px; cursor: pointer; } #smt_head_base .header-icon-wrap .header-icon:nth-of-type(1){ margin-left: 0px; } #smt_head_base .header-icon-wrap .header-icon-tel a, #smt_head_base .header-icon-wrap .header-icon-estimate a, #smt_head_base .header-icon-wrap .header-icon-access a{ display: block; width: 100%; height: 100%; border-radius: 3px; transition: opacity .2s; } #smt_head_base .header-icon-wrap .header-icon-tel a, #smt_head_base .header-icon-wrap .header-icon-estimate a, #smt_head_base .header-icon-wrap .header-icon-access a{ pointer-events: none; } #smt_head_base .header-icon-wrap[data-is-mobile = "1"] .header-icon-tel[data-showing-toggle = "1"] a, #smt_head_base .header-icon-wrap[data-is-mobile = "1"] .header-icon-estimate[data-showing-toggle = "1"] a, #smt_head_base .header-icon-wrap[data-is-mobile = "1"] .header-icon-access[data-showing-toggle = "1"] a{ pointer-events: none; } #smt_head_base .header-icon-wrap .header-icon-tel[data-use = "0"] a, #smt_head_base .header-icon-wrap .header-icon-estimate[data-use = "0"] a, #smt_head_base .header-icon-wrap .header-icon-access[data-use = "0"] a{ opacity: .35; } #smt_head_base .header-icon-wrap[data-is-mobile = "0"] .header-icon-tel[data-use = "1"] a, #smt_head_base .header-icon-wrap[data-is-mobile = "0"] .header-icon-estimate[data-use = "1"] a, #smt_head_base .header-icon-wrap[data-is-mobile = "0"] .header-icon-access[data-use = "1"] a{ pointer-events: auto; } #smt_head_base .header-icon-wrap[data-is-mobile = "1"] .header-icon-tel[data-showing-toggle = "1"][data-use = "1"] a, #smt_head_base .header-icon-wrap[data-is-mobile = "1"] .header-icon-estimate[data-showing-toggle = "1"][data-use = "1"] a, #smt_head_base .header-icon-wrap[data-is-mobile = "1"] .header-icon-access[data-showing-toggle = "1"][data-use = "1"] a{ pointer-events: auto; } #smt_head_base .header-icon-wrap .header-icon-tel a{ background: rgba(0,0,0,.5) url(../images/header-tel.png.webp) no-repeat center center; } #smt_head_base .header-icon-wrap .header-icon-estimate a{ background: rgba(0,0,0,.5) url(../images/header-estimate.png.webp) no-repeat center center; } #smt_head_base .header-icon-wrap .header-icon-access a{ background: rgba(0,0,0,.5) url(../images/header-access.png.webp) no-repeat center center; } #smt_head_base .header-icon-wrap .header-icon .useSettingToggle{ width: 32px; height: 16px; display: block; border-radius: 8px; background: #FFF; pointer-events: none; opacity: 0; transition: opacity .2s; position: relative; top: -2px; right: 0px; } #smt_head_base .header-icon-wrap .header-icon[data-use = "0"] .useSettingToggle{ background: #999; } #smt_head_base .header-icon-wrap .header-icon[data-use = "1"] .useSettingToggle{ background: #36F; } #smt_head_base .header-icon-wrap .header-icon.loading{ position: relative; } #smt_head_base .header-icon-wrap .header-icon.loading:before{ content: ""; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background: url(../images/loader.svg) no-repeat center center; background-size: 24px 24px; } #smt_head_base .header-icon-wrap .header-icon.loading .useSettingToggle{ opacity: 1 !important; pointer-events: none !important; } #smt_head_base .header-icon-wrap[data-is-mobile = "0"] .header-icon:hover .useSettingToggle{ cursor: pointer; opacity: 1; pointer-events: auto; } #smt_head_base .header-icon-wrap[data-is-mobile = "1"] .header-icon[data-showing-toggle = "1"] .useSettingToggle{ cursor: pointer; opacity: 1; pointer-events: auto; } #smt_head_base .header-icon-wrap .header-icon .useSettingToggle:before{ content: ""; width: 14px; height: 14px; position: absolute; background: #fff; border-radius: 100%; z-index: 1; transition: .2s; top: 1px; } #smt_head_base .header-icon-wrap .header-icon[data-use = "0"] .useSettingToggle:before{ left: 17px; } #smt_head_base .header-icon-wrap .header-icon[data-use = "1"] .useSettingToggle:before{ left: 1px; } #smt_head_base .header-icon-wrap .header-icon .useSettingToggle:after { content: "ON"; font-size: 8px; position: absolute; top: 5px; line-height: 1; text-shadow: 0.5px 0.5px 1px rgb(0 0 0 / 50%); color: #fff; font-weight: bold; } #smt_head_base .header-icon-wrap .header-icon[data-use = "0"] .useSettingToggle:after{ content: "OFF"; left: 1px; } #smt_head_base .header-icon-wrap .header-icon[data-use = "1"] .useSettingToggle:after{ content: "ON"; left: 14px; } /** メインスライダー ********************************************************************/ #sliderContent { overflow:visible; width:auto; margin:0; } #slider { position:relative; overflow:visible; } li.sliderImage {position:relative !important;} .slider_text {margin:0 auto !important;} .sliderImage img { width:100%; min-height: 133px; } .sliderImage span { width: 94%; background: #111; bottom: 0px; color: #ccc; display: block !important; /*スマホモードでガクッと高さが変わるのを防ぐため（fadeInImageの矯正）*/ font: 10px/15px Arial, Helvetica, sans-serif; line-height: 150%; opacity: 1 !important;/*スマホモードでガクッと高さが変わるのを防ぐため（fadeInImageの矯正）*/ padding: 3%; text-shadow:none; } .useCustomSlider #sliderContent, .useCustomSlider .sliderImage, .useCustomSlider .sliderImage .detail_link{ height: auto !important; } #slider_change {display:none;} .sliderImage .detail_link strong{ display: block; font-size: 12px; margin: 0 0 2px; } #bgSlider .slider_icons .slider_icons_outer { width: auto !important; padding: 0 !important; height: 65px !important; } #bgSlider .slider_icons .delete_slider { display: none; } #bgSlider .slider_icons .add_slider { display: none; } #bgSlider .slider_icons .slideshow-pict-wrap { display: none; } #bgSlider .slider_icons .mainImageResizer, #bgSlider .slider_icons .mainImageTextMover{ float: right; width: 38px !important; height: 38px !important; } /** PrevNext系スライダー ********************************************************************/ #bgSlider{ box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.5); position: relative; transition: height .3s; } /** デキテルSPアカウント用 */ #main_img_wrapper.bgSlider--full #bgSlider.shop_id_15880 .sliderDiv:before{ display: none !important; } #main_img_wrapper.bgSlider--full #bgSlider.shop_id_15880 .sliderDiv .slider_content_wrap{ display: none !important; } #bgSlider .sliderDiv { width: 100%; min-height: 54vw; background-size: 100%; background-position: top center; background-repeat: no-repeat; } #bgSlider .slider_content_wrap { padding: 60vw 0 0; } /*** zoomout用 ***/ #bgSlider div.slideshow-zoomout { padding: 0; } #bgSlider div.slideshow-zoomout .slider_img{ width: 100%; } #bgSlider .slider_icons{ width: auto !important; height: 65px !important; top: 0 !important; left: 0; padding: 0 !important; } #sliderStepsContainer { top: 46vw !important; bottom: auto !important; position: absolute !important; height: 10px !important; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #bgSlider #sliderStepsContainer span { width: 12px; height: 12px; margin: 0 8px 0 0; box-shadow:0 0 0 1px #CCC inset; } #bgSlider #sliderStepsContainer span:last-child {margin: 0;} #sliderStepsContainer span.current {background: #CCC !important;} .slideshow-icon-area { display: none; } .slider_icons img { width: 38px !important; top: 0 !important; left: 0 !important; } .slideshow-icon-addbg { top: auto !important; left: auto !important; } #bgSlider .slider_caption_contents { margin: 0 auto 20px; color: #fff; text-align:center; font-size: 12px; display: block; text-shadow: 1px 1px 1px #000; } #bgSlider .slider_caption .slider_caption_contents { width: 75% !important; } #bgSlider .slider_strong_contents { font-size: 24px; max-height: 95px; /*font-size: 34px;*/ /*max-height: 76px;*/ overflow:hidden; font-weight: bold; display: block; width: 75%; margin: 0 auto 15px auto; line-height: 120%; color:#fff; text-align:center; text-shadow:0px 1px 1px #1EA21E, 0px 0px 1px #1EA21E, 1px 0px 1px #1EA21E, 0px -1px 1px #1EA21E, -1px -1px 1px #1EA21E, -1px 0px 1px #1EA21E, 0px 2px 1px #99cc00, 0px 1px 1px #99cc00, 1px 1px 1px #99cc00, 1px 0px 1px #99cc00, 2px 0px 1px #99cc00, 1px -1px 1px #99cc00, 1px -2px 1px #99cc00, 0px -2px 1px #99cc00, -1px -2px 1px #99cc00, -2px -2px 1px #99cc00, -2px -1px 1px #99cc00, -2px 0px 1px #99cc00, -2px 1px 1px #99cc00, -1px 1px 1px #99cc00, 0px 3px 1px #FFF, 0px 2px 1px #FFF, 1px 2px 1px #FFF, 2px 2px 1px #FFF, 2px 1px 1px #FFF, 2px 0px 1px #FFF, 3px 0px 1px #FFF, 2px -1px 1px #FFF, 2px -2px 1px #FFF, 2px -3px 1px #FFF, 1px -3px 1px #FFF, 0px -3px 1px #FFF, -1px -3px 1px #FFF, -2px -3px 1px #FFF, -3px -3px 1px #FFF, -3px -2px 1px #FFF, -3px -1px 1px #FFF, -3px 0px 1px #FFF, -3px 1px 1px #FFF, -3px 2px 1px #FFF, -2px 2px 1px #FFF, -1px 2px 1px #FFF; } #bgSlider .sliderPageLink { font-size: 14px; color: #FFFFFF; padding: 10px 0 ; border-radius: 20px; display: block; width: 180px; text-align: center; margin: 0 auto 0 ; background-image: url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp); background-color: #99cc00; background-repeat: no-repeat, repeat; background-size: contain, auto; background-position: center bottom 50%, center; text-decoration: none; cursor: pointer; text-shadow:none; } #sliderLoader span {background:#99cc00 !important;} #increment, #decrement { width: 22px !important; height: 20px !important; line-height: 20px !important; text-shadow: 0 0 6px #000 !important; padding: 40px 0 0 0; box-shadow: none !important; border: none !important; top: 100px !important; margin: 0; font-size: 10px; border-radius: 0 !important; background-size: contain !important; } #increment { right: 10px !important; background: url(../images/slide_arrow_r.png) no-repeat center top; } #decrement { left: 10px !important; background: url(../images/slide_arrow_l.png) no-repeat center top; } #sliderLoader { bottom: 15px !important; top: inherit !important; } /** グローバルメニュー ********************************************************************/ #menu_trigger, #menu_trigger span { display: inline-block; transition: all .4s; } #menu_trigger { position: absolute; background: rgba(255,255,255,0.3); background: linear-gradient(45deg, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); width: 50px; height: 50px; top: 0; right: 0; z-index: 12; } #menu_trigger:after { content: "menu"; position: absolute; bottom: 6px; line-height: 1; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); color:#FFFFFF; font-size: 11px; } .js-menuOpened #menu_trigger:after { content: "close"; } #menu_trigger span { position: absolute; left: 13px; width: 24px; height: 2px; background-color:#FFFFFF; } #menu_trigger span:nth-of-type(1) {top:10px;} #menu_trigger span:nth-of-type(2) {top:18px; width:16px;} #menu_trigger span:nth-of-type(3) {top:26px;} .js-menuOpened #menu_trigger span:nth-of-type(1) { -webkit-transform:translate(0, 8px) rotate(-45deg); transform:translate(0, 8px) rotate(-45deg); } .js-menuOpened #menu_trigger span:nth-of-type(2) {opacity:0;} .js-menuOpened #menu_trigger span:nth-of-type(3) { -webkit-transform:translate(0, -8px) rotate(45deg); transform:translate(0, -8px) rotate(45deg); } body[data-show-mobile-gmenu = "0"] #smt_3menu{ display: none; } #smt_3menu li { float:left; width: 33.33%; /*calc()非対応*/ /*width:calc(100% / 3);*/ /*calc()対応*//*IEでカラム落ちの原因となる*/ position: relative; overflow: hidden; height: 40px; max-height: 40px; word-break: break-all; } #smt_3menu li:after { content:""; display:block; width:1px; height:20px; background: #222; opacity:0.1; position: absolute; top:50%; right: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #smt_3menu li:last-child:after {display:none;} #smt_3menu li a { width: 200px; height: 40px; background: #EEE; background: linear-gradient(to bottom, #EEE 0%,#F9F9F9 50%,#EEE 50%,#F9F9F9 100%); background-size:cover; display: table-cell; text-align: center; vertical-align: middle; color: #222; text-decoration: none; font-size: 12px; } #smt_3menu li.hasChild a { padding-right: 20px; padding-left: 5px; } #smt_3menu li.hasChild .menuArrow { width: 40px; height: 100%; position: absolute; top: 0; right: 0; cursor: pointer; } #smt_3menu li.hasChild .menuArrow:after { content: ""; width: 10px; height: 10px; background-image: url(../images/globalMenuArrow.png.webp); background-position: center; background-repeat: no-repeat; background-size: cover; top: calc( 50% - 5px ); left: calc( 50% + 2px); position: absolute; } #smt_3menu li.hasChild .menuArrow.open:after { transform: rotate(180deg); } #menu_wrapper { height: 80%; /*calc()非対応*/ height: calc(100% - 90px); /*calc()対応*/ width: 100%; position: fixed; top: 90px; right: 0; box-sizing: border-box; padding: 0; background: #99cc00 url(../images/btn_Bg.png.webp); overflow: hidden; overflow-y: auto; visibility:hidden; z-index:-1; opacity:0; transition: opacity .3s; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; box-shadow: inset 0 10px 15px rgba(0,0,0,0.2), inset 0 0 50px rgba(0,0,0,0.05); } #menu_wrapper::-webkit-scrollbar{ width: 5px; } #menu_wrapper::-webkit-scrollbar-track { background:#EEE; opacity:0.6; } #menu_wrapper::-webkit-scrollbar-thumb { background: #ABABAB; border-radius: 5px; opacity: 0.6; } body[data-show-mobile-gmenu = "0"] #menu_wrapper { height: 85%; /*calc()非対応*/ height: calc(100% - 50px); /*calc()対応*/ top: 50px; } .js-menuOpened #menu_wrapper{ visibility:visible; z-index:99; opacity:0.97; } #menu_container {padding: 20px;} #menu ul li { position:relative; border-bottom: 1px solid rgba(255,255,255,.2); } #menu ul li[data-middle-menu-state="open"]{ border-bottom: none; } #menu ul li:after { content:""; width:100%; height:1px; background:#FFFFFF; opacity:0.3; position:absolute; bottom:0; left:0; } #menu > ul > li#gmenu_contact:after, #menu > ul > li#gmenu_estimate:after {display: none;} .expandUp { animation-name: expandUp; animation-duration: 0.5s; animation-timing-function: ease; visibility: visible; animation-fill-mode:forwards; animation-delay: 0.2s; } @media screen and (max-width: 480px) { @keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.8) scaleY(0.7); transform: translateY(100%) scale(0.8) scaleY(0.7); } 60% { -webkit-transform: translateY(-7%) scaleY(1.05); transform: translateY(-7%) scaleY(1.05); } 75% { -webkit-transform: translateY(3%); transform: translateY(3%); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); transform: translateY(0%) scale(1) scaleY(1); } } } #menu .ul_sub {display:block;} #menu > ul > li#gmenu_contact {margin: 45px 0 20px 0;} #menu > ul.MovedCvButton > li#gmenu_contact { width: 48%; margin: 0 4% 20px 0; border: none; float: left; position: relative; z-index: 1; } .no_estimate_page #menu > ul.MovedCvButton > li#gmenu_contact { width: 100%; margin: 0 0 20px; float: none; } #menu > ul.MovedCvButton > li#gmenu_estimate { width: 48%; float: left; border: none; margin: 0 0 20px; position: relative; z-index: 1; } #menu #gmenu_contact a, #menu #gmenu_estimate a { background-image: url(../images/btn_grass.png.webp), url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp); background-color: #FFCC00; background-repeat: no-repeat, no-repeat, repeat; background-size: contain, contain, auto; background-position: center bottom 50%, center bottom 50%, center; color:#000000; display: block; font-weight: bold; text-align: center; width: 100%; box-sizing: border-box; padding: 9px; height: auto; border-radius: 30px; } #menu li a { font-size: 14px; color: #FFFFFF; text-decoration: none; box-sizing: border-box; display: block; padding: 11px 45px 11px 10px; position: relative; } #menu li a:has(.pageNumByPageWrapper){ padding-right: 100px; } body:not(.menu-edit-mode) #menu li[data-is-new = "1"] > a:before { content: ""; width: 30px; height: 18px; display: block; background: url(../images/menu_list_mark_new.png) top center; position: absolute; top: 4px; left: 3px; } body:not(.menu-edit-mode) #menu li[data-is-new = "1"][data-included-middle-menu = "1"] > a:before{ content: ""; left: 8px; } .sp_freepage_accordion_btn { display:block; cursor:pointer; padding: 0; margin:0; position: absolute; right: 0; z-index: 1; } .sp_freepage_accordion_btn span { display:block; width:40px; text-align:center; height:40px; line-height:40px; color: #FFFFFF; } .sp_freepage_imgsize_max { width:100% !important; padding:0 !important; margin: 0 0 20px !important; } .middle-menu__trigger--sp{ width: 54px; height: 54px; display: block; position: absolute; right: 0px; top: 0px; cursor: pointer; } [data-use-custom-font-size = "1"] > a{ font-size: 16px !important; transition: all .2s; } [data-use-custom-font-size = "1"] .font-size--1 > a{ background-image: url(../images/menu_folder_icon_size--1.png) !important; background-repeat: no-repeat !important; background-position: left 14px top 14px !important; padding: 16px 45px 14px 60px !important; } [data-use-custom-font-size = "1"] [data-middle-menu-state = "open"].font-size--1 > a{ background-image: url(../images/menu_folder_icon_size--1--open.png) !important; background-repeat: no-repeat !important; background-position: left 14px top 14px !important; padding: 16px 45px 14px 60px !important; } [data-use-custom-font-size = "1"] .font-size--2 > a{ background-image: url(../images/menu_folder_icon_size--2.png) !important; background-repeat: no-repeat !important; background-position: left 11px top 11px !important; padding: 16px 45px 14px 60px !important; } [data-use-custom-font-size = "1"] [data-middle-menu-state = "open"].font-size--2 > a{ background-image: url(../images/menu_folder_icon_size--2--open.png) !important; background-repeat: no-repeat !important; background-position: left 11px top 11px !important; padding: 16px 45px 14px 60px !important; } [data-use-custom-font-size = "1"] .font-size--3 > a{ background-image: url(../images/menu_folder_icon_size--2.png) !important; background-repeat: no-repeat !important; background-position: left 11px top 11px !important; padding: 16px 45px 14px 60px !important; } [data-use-custom-font-size = "1"] [data-middle-menu-state = "open"].font-size--3 > a{ background-image: url(../images/menu_folder_icon_size--2--open.png) !important; background-repeat: no-repeat !important; background-position: left 11px top 11px !important; padding: 16px 45px 14px 60px !important; } [data-use-custom-font-size = "1"] .font-size--4 > a{ background-image: url(../images/menu_folder_icon_size--3.png) !important; background-repeat: no-repeat !important; background-position: left 8px top 10px !important; padding: 16px 45px 14px 60px !important; } [data-use-custom-font-size = "1"] [data-middle-menu-state = "open"].font-size--4 > a{ background-image: url(../images/menu_folder_icon_size--3--open.png) !important; background-repeat: no-repeat !important; background-position: left 8px top 10px !important; padding: 16px 45px 14px 60px !important; } [data-use-custom-font-size = "1"] .font-size--5 > a{ background-image: url(../images/menu_folder_icon_size--4.png) !important; background-repeat: no-repeat !important; background-position: left 3px top 2px !important; padding: 16px 45px 14px 60px !important; } [data-use-custom-font-size = "1"] [data-middle-menu-state = "open"].font-size--5 > a{ background-image: url(../images/menu_folder_icon_size--4--open.png) !important; background-repeat: no-repeat !important; background-position: left 3px top 2px !important; padding: 16px 45px 14px 60px !important; } [data-middle-menu-state="close"] .middle-menu__trigger--sp:after, [data-middle-menu-state="open"] .middle-menu__trigger--sp:after{ content: ""; display: block; width: 54px; text-align: center; height: 54px; line-height: 54px; color: #FFFFFF; font-size: 12px; font-weight: normal; } .middleMenuTitle{ margin-right: 5px; } .child-count__wrap{ color: inherit; font-size: 12px; line-height: 1; display: inline-block; padding: 0 0 0 16px; position: relative; } .child-count__wrap:before{ content: ""; width: 16px; height: 16px; background: url(../images/middle_menu_page_count_icon.png) no-repeat center left; position: absolute; left: 4px; bottom: -1px; } #menu .child-count__wrap{ width: 26px; text-align: center; color: inherit; font-size: 10px; line-height: 1; display: inline-block; position: absolute; left: 13px; top: 23px; letter-spacing: -.03em; transition: all .2s; transform-origin: top center; padding: 0; } #menu .middle-menu__trigger[data-middle-menu-state = "open"].font-size--1 .child-count__wrap, #menu .middle-menu__trigger[data-middle-menu-state = "open"].font-size--2 .child-count__wrap{ transform: rotateX(-50deg); top: 27px; } #menu .middle-menu__trigger[data-middle-menu-state = "open"].font-size--3 .child-count__wrap{ transform: rotateX(-50deg); top: 29px; } #menu .font-size--4 .child-count__wrap{ top: 26px; } #menu .middle-menu__trigger[data-middle-menu-state = "open"].font-size--4 .child-count__wrap{ transform: rotateX(-50deg); top: 32px; } #menu .font-size--5 .child-count__wrap{ top: 28px; } #menu .middle-menu__trigger[data-middle-menu-state = "open"].font-size--5 .child-count__wrap{ transform: rotateX(-50deg); top: 36px; left: 14px; } #menu .child-count__wrap:before{ display: none; } #menu a.private-menu__link .child-count__wrap{ display: none; } .js-childCount, .js-searchResultCount { line-height: 1; } .js-childCount[data-show="0"], .js-searchResultCount[data-show="0"]{ display: none !important; } .js-childCount[data-show="1"], .js-searchResultCount[data-show="1"] { display: inline-block; color: #926200 !important; font-weight: bold; font-family: "Arial" !important; } [data-middle-menu-state="close"] .middle-menu__trigger--sp:after{ content: "+"; } [data-middle-menu-state="open"] .middle-menu__trigger--sp:after{ content: "-"; } .middle-menu__wrap{ border-top: 1px solid rgba(255,255,255,.3); } #menu ul > li > ul > li { display:none; position:relative; } #menu ul > li > ul > li:after { content:""; width:100%; height:1px; background:#FFFFFF; opacity:0.2; position:absolute; top:0; left:0; } #menu .ul_sub li a, #menu .ul_sub li .private-menu__link { color: #FFFFFF; text-shadow: none; width: 100%; padding: 12px 45px 11px 15px; box-sizing: border-box; background-color: rgba(160,160,150,.15); background-repeat: no-repeat; } #menu .ul_sub li[data-is-private = "1"] a{ background-color: rgba(160,160,150,.7); } #menu .ul_sub li .private-menu__link{ background-color: rgba(160,160,150,.7); } #menu .ul_sub li[data-is-middle-menu = "0"] a, #menu .ul_sub li[data-is-middle-menu = "0"] .private-menu__link{ padding: 12px 15px 11px 15px; } #menu .ul_sub li[data-is-middle-menu = "0"][data-included-middle-menu="1"] a, #menu .ul_sub li[data-is-middle-menu = "0"][data-included-middle-menu="1"] .private-menu__link{ padding: 12px 15px 11px 30px; } #menu .ul_sub li .private-menu__link{ display: block; } #menu .middle-menu__list li a { padding: 12px 45px 11px 20px; } .middle-menu__wrap{ display: none; position: relative; z-index: 1; } .megamenuTitle, .megamenuMiniTitle, .megamenuTitleRight{ display: none !important; } #menu .sub--top b, #menu .pageTitle{ align-items: flex-start; display: flex; flex-wrap: nowrap; } #menu .pageTitle.searched{ display: block; } #menu .pageNum { text-align: center; font-family: "Arial" !important; text-decoration: none !important; display: inline-block; font-size: 9px; color: inherit; position: relative; margin: 0 7px 0 0; opacity: 0.7; top: 6px; z-index: 0; line-height: 1; } #menu .pageNum:before{ content: ""; color: inherit; display: block; position: absolute; top: -4px; left: 1px; z-index: -1; } #menu .pageNum:after { content: "."; } #menu .searched .pageNum{ display: none !important; } /** 見出し ********************************************************************/ h2, #midbox_wrapper:before, .subpageLink h3 { margin:0 auto 20px auto; font-size:18px; padding: 15px; background: #99cc00; background: linear-gradient(#99cc00, #1EA21E); color: #FFF; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 1px #99cc00 inset, 2px 2px 0 rgba(255, 255, 255, 0.2) inset; box-sizing: border-box; } h2.inplace span {padding:0;} .midashi_long a {color:#FFF;} h3 { margin: 0 0 10px 0; font-size:120%; } /** フッター ********************************************************************/ #footer_wrapper { padding: 15px 0 30px 0; background:#99cc00; } #footer ul { padding:0 5%; margin:0 0 15px 0; } #footer ul li { float:left; width: 33.33%; /*calc()非対応*/ width:calc(100% / 3); /*calc()対応*/ position: relative; } #footer ul li:nth-child(3n):after { display:none; } #footer ul li:after { content:""; width:1px; height:20px; display: block; position:absolute; top:50%; right:0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: #FFFFFF; opacity:0.3; } #footer ul li a { padding:0 5%; display:table-cell; vertical-align: middle; text-align: center; height:40px; width:240px; color: #FFFFFF; text-decoration: none; } .copy_right { color: #FFFFFF; text-align:center; font-size: 10px; } .sydeLink {display:block;} /** pagetop等 ********************************************************************/ #smt_foot_base { position:fixed; z-index: 5; } #smt_conversion_btn { width: 100px; height: 100px; border-radius: 100%; position: fixed; bottom: 5px; left: 5%; box-shadow: 1px 1px 3px rgb(0 0 0 / 30%); cursor: pointer; z-index: 5; background-color: rgba(0,0,0,0.8); background-size: 48px; background-repeat: no-repeat; background-position: top 10px center; } .smt_conversion_btn_text { color: #fff; text-decoration: none; position: absolute; bottom: 25px; font-size: 12px; width: 100%; text-align: center; } #smt_conversion_open a { ixed; width:100px; height:100px; border-radius:100%; display:none; opacity: 0; animation-fill-mode:forwards; background-size: contain; cursor:pointer; z-index: 5; background-size: 48px; background-color: rgba(0,0,0,0.8); background-repeat: no-repeat; background-position: top 10px center; } .smt_tel_btn_text, .smt_contact_btn_text, .smt_estimate_btn_text { position: absolute; bottom: 25px; color: #fff; font-size: 12px; width: 100%; text-align: center; } #smt_tel_btn { bottom: 140px; left: 5%; } #smt_contact_btn { bottom: 90px; left: 110px; } #smt_estimate_btn { bottom: 5px; left: 165px; } #smt_conversion_open a.active { animation-name: active; animation-duration: 0.5s; animation-timing-function: ease; animation-fill-mode:forwards; } #smt_tel_btn.active { animation-delay: 0s; } #smt_contact_btn.active { animation-delay: 0.1s; } #smt_estimate_btn.active { animation-delay: 0.2s; } @keyframes active { 0% { -webkit-transform: translateY(100%) scale(0.8) scaleY(0.7); transform: translateY(100%) scale(0.8) scaleY(0.7); opacity:0; } 60% { -webkit-transform: translateY(-7%) scaleY(1.05); transform: translateY(-7%) scaleY(1.05); } 75% { -webkit-transform: translateY(-7%) scaleY(1.05); transform: translateY(3%); } 100% { -webkit-transform: translateY(-7%) scaleY(1.05); transform: translateY(0%) scale(1) scaleY(1); opacity:1; } } .backtop { width:40px; height: 40px; background: url(../images/pagetop.png) no-repeat 5%; background-size: contain; border-radius:100%; position:fixed; bottom:5px; right:5%; cursor:pointer; z-index: 5; } body[data-use-conversion-button-sp = "1"] .backtop{ bottom: 85px; } #body_top #main_contents_wrapper {padding:30px 0 0 0;} /** 3連メニュー ********************************************************************/ #midbox_wrapper { padding: 90px 5% 30px 5%; margin: 0 0 45px 0; position: relative; } #midbox_wrapper:before { content: "メインメニュー"; font-weight:bold; display: block; position: absolute; top:0; left: 0; width: 100%; box-sizing: border-box; } .h2_box_1, .h2_box_2, .h2_box_3 { width: 32%; margin: 0 2% 0 0; float: left; text-align: center; position: relative; } .h2_box_3 {margin: 0;} .h2_box_1 a, .h2_box_2 a, .h2_box_3 a { display:table-cell; width: 240px; height:100px; text-decoration:none; color:#FFF; vertical-align: middle; background: rgba(0, 0, 0, 0.7); border-radius: 5px; position: relative; } #midbox_wrapper .text_left { height:100px; overflow: hidden; position: absolute; top:0; left:0; } #midbox_wrapper .img_left { height:100px; overflow: hidden; position: relative; border-radius:5px; } #midbox_wrapper .img_left img { display: block; height: 100px; max-width: inherit; background: rgba(0, 0, 0, 0.7); position:absolute; -webkit-transform:translate(-50% , 0); transform:translate(-50% , 0); top:0; left:50%; } /** 画像関係 ********************************************************************/ .edit_img_empty {margin:0 0 20px 0;} .img_box_left, .side_img_box_left { position: relative; z-index: 2; } .img_box_right, .side_img_box_right { position: relative; z-index: 2; } .img_box_right { float: right; } .img_box_left iframe, .img_box_right iframe { width: 90vw !important; max-width: 100%; margin: 0 0 5px; float: none; } .img_box_left img{ box-sizing: border-box; float: left; padding: 0; } .side_img_box_left img { box-sizing: border-box; float: left; padding: 0; } /*キャンペーンブロック画像挿入改修*/ .campaign_content .img_box_left img, .campaign_content .img_box_right img { float: none; } .img_box_right img{ box-sizing: border-box; float: right; padding: 0 0 0 5%; } .side_img_box_right img:not(.imageFixController) { box-sizing: border-box; float: right; padding: 0; } .img_box_right img { float: none; } .img_box_left img.size_max, .side_img_box_left img.size_max, .img_box_right img.size_max, .side_img_box_right img.size_max, .img_box_left .sp_freepage_imgsize_max, .side_img_box_left .sp_freepage_imgsize_max, .img_box_right .sp_freepage_imgsize_max, .side_img_box_right .sp_freepage_imgsize_max { max-width:100%; padding:0; } .box_flow img.size_big, .box_flow img.size_bigger, .box_flow img.size_middle, .box_flow img.size_small, .box_flow img.size_xsmall {width:64px;} .img_box_left iframe, .img_box_right iframe {width: 100%;} /** サイドバー ********************************************************************/ #side_bar_sub_top, .side_bar_sub { padding: 30px 0; position:relative; } .subpageLink p, .sidebar_shopinfo_block, #recruit_banner_block, #sidetopics01, #sidetopics02, .like_topics_block, .sidebar_linkbox_block, #eigyoubi_cal { padding: 0 5%; } #recruit_banner_block {float: none !important;} #sidebar_shp_inf {padding: 0 0 30px 0;} .map_box iframe, .leadAccessPageImage { margin: 0 auto; display: block; } .side_img_box { width:40% ; padding:0px ; margin:0px 15px 0px 0px ; float:left ; } .side_img_box img:not(.imageFixController) {width:100%;} #side_link_block {text-align:center;} #sidetopics01 .box_side_topics:last-child, #sidetopics02 .box_side_topics:last-child, .like_topics_block .box_side_topics:last-child { border-bottom: none; padding:0 0 30px 0; margin:0; display:block; } .edit_link_box { width: 170px; height: 28px; font-size: 12px; line-height: 28px; clear: both; margin: 10px auto; background-image: url(../images/btn_link_edit.jpg); background-repeat: no-repeat; background-position: center top; text-align: center; text-indent: 12px; transition: opacity .2s; } .edit_link_box a{ text-decoration: none; color: #000; } #side_link_block p.link_banner, #side_link_block p.link { margin:0 0 10px 0; } #side_link_block p:last-child { margin:0; padding:0 0 30px 0; } .subpageLink { margin: 0 0 45px 0; } .subpageLink p{ padding: 0 5% 5px; } .subpageLink .side-middle-menu__head { width: 100%; box-sizing: border-box; 26px 0 5%; margin: 0 0 7px; font-size: 110%; font-weight: 700; position: relative; } .subpageLink .side-middle-menu__list { display: none; margin: 0 0 10px; padding: 0 5% 5px; } .subpageLink .side-middle-menu__list, .subpageLink.layout--default .side-middle-menu__list{ display: block; } .subpageLink.layout--list .side-middle-menu__list, .subpageLink.layout--card .side-middle-menu__list{ display: flex; flex-wrap: wrap; align-items: flex-start; } .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: 26px; 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); } .subpageLink .side-middle-menu__list .grandson { box-sizing: border-box; font-size: 12px; padding: 3px 15px; position: relative; } .subpageLink .side-middle-menu__list .grandson:before { content: "-"; font-size: 12px; color: #CCC; margin: 0 5px; position: absolute; top: 3px; left: 0px; } .sidebar_review{margin-bottom: 15px;} /** 求人バナー ********************************************************************/ #recruit_banner_block {margin:0 0 15px 0;} #recruit_banner_block .link_banner_btn, .rec_scrl_btn { display: block; font-size: 16px; padding: 15px 10px; color: #FFF; text-decoration: none; text-align: center; background-image: url(../images/btn_grass.png), url(../images/btn_Bg.png.webp); background-color: #690; background-repeat: no-repeat, repeat; background-size: cover, auto; background-position: center bottom 5px, center; border-radius: 28px; cursor:pointer; } h4#shop_info_title, #side_link_block h4, #sidetopics01 h4, #sidetopics02 h4, #eigyoubi_cal h4, #sv_title, .like_topics_block h4, #side_lead_block_01 h4, #side_lead_block_02 h4{ color:#FFF; font-size:16px; font-weight:normal; background-image: url(../images/side_icon_free.png.webp), url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp); background-color: #777; background-repeat: no-repeat, no-repeat, repeat; background-size: auto, cover, auto; background-position: center left 10px, center bottom 5px, center; text-align:left; padding:12px 40px 12px; margin:0 0 15px 0; border-radius:5px; position:relative; cursor:pointer; } #side_lead_block_01 h4{background-image: url(../images/side_icon_estimate.png.webp), url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp);} #side_lead_block_02 h4{background-image: url(../images/side_icon_contact.png.webp), url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp);} h4#shop_info_title{background-image: url(../images/side_icon_shop.png.webp), url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp);} #side_link_block h4{background-image: url(../images/side_icon_link.png.webp), url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp);} #sidetopics01 h4{background-image: url(../images/side_icon_topics.png.webp), url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp);} #sidetopics02 h4{background-image: url(../images/side_icon_free.png.webp), url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp);} #eigyoubi_cal h4{background-image: url(../images/side_icon_calendar.png.webp), url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp);} h4#shop_info_title:before, #side_link_block h4:before, #sidetopics01 h4:before, #sidetopics02 h4:before, #eigyoubi_cal h4:before, #sv_title:before, .like_topics_block h4:before { content: ""; height: 6px; width: 6px; display: block; border: 2px solid #EEE; border-right-width: 0; border-top-width: 0; filter: drop-shadow(-1px 1px rgba(0,0,0,.3)); -webkit-transform: translate(0 , -50%) rotate(-45deg); transform: translate(0 , -50%) rotate(-45deg); position: absolute; top: calc(50% - 2px); right: 17px; transition: transform .3s; } h4#shop_info_title.activate:before, #side_link_block h4.activate:before, #sidetopics01 h4.activate:before, #sidetopics02 h4.activate:before, #eigyoubi_cal h4.activate:before, #sv_title.activate:before, .like_topics_block h4.activate:before { content: ""; -webkit-transform: translate(0 , 0%) rotate(135deg); transform: translate(0 , 0%) rotate(135deg); } /** 営業日カレンダー ********************************************************************/ #edittable01, #edittable02 {width: 100%;} #eigyoubi_cal #now, #eigyoubi_cal #next { width:80%; margin: 0 auto; } #eigyoubi_cal #now {padding: 0 0 15px 0;} #eigyoubi_cal #next {padding:0 0 30px 0;} div#eigyoubi_cal p { text-align: center; font-size: 16px; padding: 3px 0; color:#FFFFFF; background:#99cc00; } #eigyoubi_cal tr {background:#CCE57F;} #eigyoubi_cal th, #eigyoubi_cal td {text-align:center;} #eigyoubi_cal th { padding:5px 0; font-weight:normal; } #eigyoubi_cal th a { text-decoration:none; color:#FFFFFF; } #eigyoubi_cal td {background-color: #FFF;} #eigyoubi_cal td.closed span, #eigyoubi_cal td.regularClosed span, #eigyoubi_cal td.allholclosed span { display:block; width:100%; background-color:#CCE57F; color:#FFFFFF !important; } #eigyoubi_cal span { color:#333; font-size:14px; display: block; padding: 5px 0px; } #eigyoubi_cal .box_side_claendar #sideCalendar_01_1, #eigyoubi_cal .box_side_claendar #sideCalendar_01_1 span{ color: inherit; font-size:inherit; display: initial; padding: inherit; } #eigyoubi_cal span.sat {color:#1989fa;} #eigyoubi_cal span.sun, #eigyoubi_cal span.hday, #eigyoubi_cal span.hsat, #eigyoubi_cal span.hsun {color:#f51a0f;} #eigyoubi_cal .monthlyCalendarHead{ width: 80%; align-items: center; display: flex; justify-content: space-evenly; margin: 20px auto 5px; user-select: none; } #eigyoubi_cal .monthlyCalendarHead .prevMonth, #eigyoubi_cal .monthlyCalendarHead .nextMonth{ cursor: pointer; font-size: 12px; line-height: 1; } #eigyoubi_cal .monthlyCalendarHead .prevMonth{ background: url(../images/monthly_calender_prev_arrow.png.webp)no-repeat center left 0px; padding: 2px 10px 1px 15px; } #eigyoubi_cal .monthlyCalendarHead .nextMonth{ background: url(../images/monthly_calender_next_arrow.png.webp)no-repeat center right 0px; padding: 2px 15px 1px 10px; } #eigyoubi_cal .monthlyCalendarHead .prevMonth.disabled, #eigyoubi_cal .monthlyCalendarHead .nextMonth.disabled{ opacity: .0; pointer-events: none; } #eigyoubi_cal .monthlyCalendarHead .currentYear{ display: inline; } #eigyoubi_cal .monthlyCalendarHead .currentYearStr{ font-size: 125%; display: inline; } /*** パンくず ***/ #pan { color: #fff; background: #999; font-size: 12px; padding: 8px 3%; text-shadow: none; line-height: 15px; margin: 0 0 30px 0; } #pan li { float: left; background: url(../images/car_list_arw.png) no-repeat right 8px center; padding: 0 20px 0 0; } #pan li:last-child { background: none; padding: 0; } #pan li a { display:block; color:#fff; } /*** 料金表 ***/ .pricetable_block {position:relative;} .smt_scroll {overflow:auto;} .smt_scroll::-webkit-scrollbar { width:5px; background:#EEE; height:5px; } .smt_scroll::-webkit-scrollbar-button { width:5px; height:5px; background:rgba(0,0,0,0.15); } .smt_scroll::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.15); border-radius:2px; } h3.edit_table_title, .usedcar_p_title { border-left: 5px solid #99cc00; padding: 5px 0 0 10px; margin: 0 0 10px 0; font-weight:bold; } .pricetable th, .pricetable td { padding:5px; border:1px solid rgba(0,0,0,0.15); text-align:center; width:16%; } .pricetable th {background:url(../images/thBg.png), linear-gradient(to right, #E9E9E9, #E1E1E1);} .pricetable td strong {color: #C00;} table.pricetable { font-size:12px; width:auto; background:#F7F7F7; } .pricetabel_memo { padding: 10px 0 0 0; } /** その他ブロック ********************************************************************/ .div_box_feature, .div_box_coupon, .div_box_promise, .div_box_tokuten, .div_box_flow, .div_box_voice, .div_box_jirei, .div_box_setsubi, .div_box_staff, .div_box_gaiyo, .div_box_history, .div_box_campaign, .div_box_free, #car_list_base, .div_box_faq0, .access_info, #otoiawase_table_box, #mitumori_table_box, .map_big, .div_box_requirements01, .div_box_requirements02, .div_box_requirements03, .div_box_requirements04, .div_box_requirements05, .recruit_section, .div_box_company_pict, #usercar_base, .historyback_box, .right_link, .pricetable_content, .div_box_reco_car { margin: 0 auto; padding:0 0 45px 0; width: 90%; } .box_feature, .box_coupon, .box_promise, .box_tokuten, .box_voice, .box_jirei, .box_setsubi, .box_staff, .box_free, .box_side_topics, .box_side_claendar { clear:both; border-bottom:1px solid rgba(0,0,0,0.15); padding: 0 0 5px 0; margin:0 0 15px 0; } .box_side_claendar { border: none; } .box_feature:last-child, .box_coupon:last-child, .box_promise:last-child, .box_tokuten:last-child, .box_voice:last-child, .box_jirei:last-child, .box_setsubi:last-child, .box_staff:last-child, .box_free:last-child { margin: 0; } .box_feature p, .box_coupon p, .box_promise p, .box_tokuten p, .box_voice p, .box_jirei p, .box_setsubi p, .box_staff p, .box_free p, .box_side_topics p, .box_side_claendar #sideCalendar_01_1 { padding: 0 0 10px 0; } #eigyoubi_cal .box_side_claendar #sideCalendar_01_1{ display: block; } .campaign_content, #sidebar_shp_inf div.side_shop_info_mapbottom, #image_letter_block, .usercar_list, .box_flow, .map_box, .thumbnail_box, .shop_info_box { margin: 0 0 15px 0; background: #FFF; padding: 15px 5%; border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .usercar_list {position:relative;} .shop_info_box { width: 90%; margin: 0 auto 15px auto; box-sizing: border-box; } .box_flow div.img_box_left { /*width:64px;*/ float: left; margin: 0 15px 0 0; } .box_flow div.img_box_left a img { /*width:64px ;*/ } .box_flow div.img_box_right { /*width:64px ;*/ float: right; margin: 0 0 0 15px; } /*.box_flow div.img_box_right a img {width:64px;}*/ /*.box_voice div.img_box_left a img {width:64px;}*/ .box_voice div.img_box_left a img.size_max {padding:0 5% 0 0;} /*.box_voice div.img_box_right a img {width:64px;}*/ .div_box_faq {margin:0 0 15px 0;} .div_box_faq h3 { padding: 15px 15px 15px 45px; margin: 0; background: #FFF url(../images/q_bg.png) no-repeat left 0px; background-size: 35px 300px; } .div_box_faq p { padding: 15px 15px 15px 45px; background: #EEE url(../images/a_bg.png) no-repeat left 0px; background-size: 35px 300px; } p.flow_arrow { height:15px; margin:0 0 15px 0; background: url(../images/flow_arrow.png) no-repeat center top; background-size: 26px 15px; overflow: hidden; text-indent: 100%; white-space: nowrap; } .campaign_content h3 {margin:0 0 10px 0;} .b_campaign { display:block; margin: 0 0 10px 0; } #image_letter_block {margin: 0 5% 45px; line-height: 1.5} #image_letter_block a img {width:auto;} #image_letter_block #main_copy {margin: 0; width: 100%;} #main_copy {margin: 0 5% 15px 5%; width:90%;} /* 会社案内 */ .company_pict { width: 32%; margin: 0 2% 0 0; overflow: hidden; float: left; } .div_box_company_pict .company_pict:last-child { margin: 0; } .company_pict img {width:100%;} .n_table { border: 1px solid rgba(0,0,0,0.15); border-bottom: none; width:100%; } .n_table, .n_table tbody, .n_table tr { display:block; } .n_table th, .n_table td { display: block; text-align:left; font-weight:normal; padding: 10px; border-bottom: 1px solid rgba(0,0,0,0.15); } #otoiawase_table_box .n_table td, #mitumori_table_box .n_table td { padding: 10px 10px 5px 10px; } .n_table th {background: url(../images/thBg.png), linear-gradient(to right, #E9E9E9, #E1E1E1);} .n_table td {background: #F7F7F7;} /* お問合せ・お見積り */ input[type="text"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], select, textarea { border: 1px solid #CCC; border-radius: 5px; padding: 5px 10px; font-size: 16px; box-sizing: border-box; min-height: 39px; margin:0 0 5px 0; max-width:100%; } button, input, select, textarea, submit { font-family: inherit; font-size: 100%; -webkit-user-select: auto; vertical-align: middle; } input[type="file"] {width: 100%;} .select_point { font-size: 16px; margin: 0px 10px 3px 0; display: inline-block; } .inputarea, .inputarea3, .inputarea4 {width:100%;} .inputbtn, .right_link a { border: none; text-decoration: none; border-radius: 35px; display: block; width:100%; font-size: 16px; padding: 15px 10px; color: #FFF; text-align: center; background-image: url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp); background-color: #26e; background-repeat: no-repeat, repeat; background-size: contain, auto; background-position: center bottom 50%, center; box-sizing: border-box; cursor:pointer; } #otoiawase_table_box td span:not(.splited), #mitumori_table_box td span:not(.splited) { padding: 0 0 5px 0; display: inline-block; font-size:12px; } #otoiawase_table_box td span.syokushuToggle, #otoiawase_table_box td span.koyotypeToggle{ padding: 0; display: inline-block; } #form_syokusyu_free_txt, #form_koyo_type_free_txt{ margin-bottom: 5px; } .mail_body_edit .n_table th { width: 100%; box-sizing: border-box; display: block; } .np, #mitumori_table_box .n_table, #otoiawase_table_box .n_table, #form1 .n_table, .mail_body_edit { margin: 0 0 30px 0; width: 100%; } .mail_body_edit { margin: 0 auto 30px; width: 90%; } .link_cap_txt { text-align:center; margin-bottom:10px; } /* アクセス */ .map_big iframe{height: 300px;} .map_big #js-googleMapOuter { width: 100% !important; height: 100vw !important; } .access_info p { border-bottom:1px solid rgba(0,0,0,0.15); padding-bottom:5px; margin-bottom:5px; } .access_info p.link { border-bottom:none; padding-bottom:0; margin:10px 0 0 0; } /** 在庫車一覧 ********************************************************************/ #ucConpane .usercar_list { margin: 0 0 15px 0; position: relative; } .usercar_list h3 {margin:0 0 10px 0;} .usercar_list h3 img {padding:5px;} .list_status { display: inline-block; font-size: 12px; padding: 2px 10px; color: #FFF; border-radius: 12px; margin: 0 0 10px 0; } .zaiko_used {background:#339900;} .newcar_used {background:#E71870;} .baikyaku_used {background:#CC0000;} .syoudanchu_used {background: #FF9900;} .daiko_used {background: #6699FF;} .usercar_list h3 a { display: block; padding: 10px; background: #EEE url(../images/usercar_grass.png) no-repeat center top; color: #333; background-size: cover; border-left: 3px solid #99cc00; text-decoration: none; font-size: 16px; } .sample_name { padding:10px 0 0 0; color:#C00; font-size:12px; font-weight:normal; } .usercar_list h3 span { display: block; font-size: 10px; font-weight: normal; position: absolute; top: 16px; right: 5%; color: #AAA; } .more_carinfo_link { display:block; text-align: right; } .UsedCarEditBtnBlock img { padding:25px 0 0 0; height:130px; } .UsedCarListEditBtnBlock img { height: 71px; width: 100%; } .historyback_box, .more_carinfo_link {text-align: right;} .historyback_box a, .more_carinfo_link a { color: #06f; text-decoration:none; text-shadow:none; font-size: 14px; text-align:left; font-weight:normal; position:relative; background: url(../images/next_text.png) no-repeat right center; background-size:13px 12px; padding:0 15px 0 0; } .usedcar_info_body #wrapper a.carDetailPrintLink{ display: none; } .usercar_list .gradeName { font-size: 11px; padding: 5px 0 0 !important; margin: 0 !important; position: relative; z-index: 1; } #carlist_main_box .thumbnail_box .h3 span.gradeName { font-size: 11px; padding: 0 !important; position: relative; z-index: 1; display: block; } #body_top .base0_carlist01 #carlist_main_box, #body_sub .base0_carlist01 #carlist_main_box, #body_top #carlist_main_box #carListThumNail_wrapper, #body_sub #carlist_main_box #carListThumNail_wrapper { display: flex; align-items: stretch !important; flex-wrap: wrap; } #body_top #carlist_main_box #carListSlideShow_wrapper, #body_sub #carlist_main_box #carListSlideShow_wrapper { display: inline-flex; align-items: stretch !important; flex-wrap: wrap; } /**********************************************************************/ /* 中古車機能改修 ひとまず中古車関連を一まとめに */ /*在庫車リスト*/ /*2014-05-07 在庫車情報 */ a.thumbnail_box { color: #333; position: relative; display: block; text-decoration: none; float: left; width: 49%; box-sizing: border-box; margin: 0 2% 10px 0; } #carListThumNail_wrapper a.thumbnail_box:nth-of-type(even) {margin-right: 0;} .recomendcar_img_box {position: relative;} .thumbnail_box .carthumb_img { position:relative; display: block; margin:0 0 10px 0; } img.mainpict {width:100%;} .thumbnail_box .carthumb_img img.recomendmark_img { position: absolute; top:0; left: 0; width:60px; } .thumbnail_box .carthumb_img img.soldout_img { left:auto; right:0; } .soldout_img {left: 74px;} .thumbnail_box h3, .thumbnail_box .h3 { margin:0 0 10px 0; display:block; } .thumbnail_box .carthumb_txt { font-size: 75%; line-height: 130%; text-align: left; display:block; padding:5px 0 0 0; } .thumbnail_box .carthumb_date { font-size: 75%; line-height: 100%; display:block; padding:5px 0 0 0; } .thumbnail_box .carthumb_price { font-size: 12px; display: block; } .thumbnail_box .carthumb_price span strong { font-size: 16px; color:#C00; } .thumbnail_box .carthumb_price span.totalCost strong { font-weight:normal; font-size: 11px; } .thumbnail_box_last {margin:0 0 20px;} .thumbnail_box_lastrow1st {margin:20px 0 0 0;} #carListExchgMsg { width: 250px; margin: 0; padding: 20px 0; background: #fff; color: #333; opacity: .95; font-size: 16px; line-height: 150%; z-index: 100; text-align: center; box-sizing: border-box; border: 1px solid #DADADA; border-radius: 3px; box-shadow: 2px 2px 10px rgb(0 0 0 / 30%); overflow: hidden; } #carListExchgMsg h2 { color: #3366FF; font-size: 20px; font-weight: normal; line-height: 1.25; margin: 0 0 10px; padding: 0 15px; } #carListExchgMsg p { color: #666; font-size: 12px; line-height: 1.5; margin: 0; padding: 0 15px; } .UsedCarEditBtnBlock { text-align: center; border: #ccc dashed 4px; height: 244px; } .carlistEmptyMsg { margin: 30px 10px; text-align: center; padding: 30px; border: 1px solid rgba(0,0,0,0.15); font-size: 14px; } #usedcar_regi_btn_block span {font-size:12px;} #main_usedcarpage_link_box { margin:0 0 10px 0; text-align:right; } #main_usedcarpage_link_box a { font-size: 14px; display:inline-block; background:url(../images/next_text.png) no-repeat right center; background-size: 13px 12px; padding: 3px 20px 0 0; text-decoration: none; } .UsedCarListEditBtnBlock { text-align: center; border: #ccc dashed 4px; background-color: #fff; display:block; margin-bottom: 10px; } .list_main { margin: 0 2% 15px 0; float: left; width: 30%; } .list_main p {margin: 0 0 10px 0;} .list_main dt, .list_main dd { font-size: 12px; padding: 5px 0; } .list_main dt strong, .list_main dd strong { font-size: 16px; color:#C00; } .list_main dt {border-bottom: 1px solid rgba(0,0,0,0.15);} .list_main ul li { float: left; margin-bottom: 2px; } .usercar_list .list_tokuten_come { display: inline-block; width: 68%; box-sizing: border-box; background-color: #eee; border-radius: 3px; padding: 25px 7px 10px; background-position: top 7px left 6px; font-size: 13px; min-height: 45px; text-align: left; overflow: hidden; color: #000; } .usercar_list .list_pr_com { display: inline-block; width: 68%; box-sizing: border-box; background-color: #eee; border-radius: 3px; padding: 25px 7px 10px; background-position: top 7px left 6px; font-size: 13px; margin-right: 0px; min-height: 45px; text-align: left; overflow: hidden; color: #000; } .list_con table { margin: 0 0 15px 0; width: 68%; display: block; float: left; border-top: 1px solid rgba(0,0,0,0.15); border-right: 1px solid rgba(0,0,0,0.15); box-sizing: border-box; } .list_con tbody {display: block;} .list_con tr { display: block; width: 50%; float: left; box-sizing: border-box; } .list_con th { background: url(../images/thBg.png), linear-gradient(to right, #E9E9E9, #E1E1E1); font-weight: normal; } .list_con th, .list_con td { display: block; border-bottom: 1px solid rgba(0,0,0,0.15); border-left: 1px solid rgba(0,0,0,0.15); padding: 3px 3%; font-size: 12px; box-sizing: border-box; min-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } /*中古車 詳細 画像スライドショー*/ .reco_mark { display:block; margin:0 0 5px 0; } #carGallMask {overflow:hidden;} #car_gall ul { width: 10000px; display: block; } #car_gall ul li { float: left; width: 60px; height: 60px; margin: 0 5px 5px 0; position:relative; overflow:hidden; border-radius:100%; background:#EEE; } #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 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; margin:0 0 30px 0 ; } #usedcar_mainpict_no_image{ width: 100%; text-align: center; color: #c0c0c0; background-color: #FFFFFF; padding: 15px 0; display: inline-block; font-size: 20px; } #cgmCapWrapper { z-index:4; bottom:0px; left:0; background: url(../images/cgmBg.png), rgba(0,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; width:100%; text-shadow:none; } #cgmCap { display:block; padding:10px; } #cgmL, #cgmR { position:absolute; width:15%; height:100%; z-index:2; top:0; opacity:0; cursor:pointer; text-align:center; } #cgmL {left:0;} #cgmR {right:0;} #cgmLArrow, #cgmRArrow { position: absolute; width: 10%; top: 50%; -webkit-transform: translate(0 , -50%); transform: translate(0 , -50%); opacity: 0; } #cgmLArrow {left:0;} #cgmRArrow {right:0;} #carListCurrentDiv { width: 60px; height: 60px; border: 3px solid #f00; box-sizing: border-box; position: absolute; z-index: 4; top: 0px; left: 0px; border-radius: 100%; } .regidateDetail { font-size:12px; text-align: right; margin:0 0 15px 0; } .regidateDetail b {font-weight:normal;} .zaiko_base { margin: 0 0 20px 0; } .zaiko_base img { width: 32%; margin: 0 0 5px 0; } .gall_text { font-size:14px; clear:both; } .carlist_pager_box { height:auto; text-align:center; margin-bottom: 15px; } .carlist_pager_box .pager li span { display: block; font-weight: bold; color: #F5F5F5; background: #333; padding: 3px 8px; } .carlist_pager_box .pager li a { display:block; color: #333; border:1px solid #333; padding: 3px 8px; } .carlist_pager_box .pager { background:none; border:none; padding:0; } .carlist_pager_box .pager li { display:inline-block; } .carlist_pager_box .pager_str { clear: both; font-size: 12px; margin-bottom: 5px; text-align:center; } .kihon_tale, .kihon_tale2, .soubishiyou { margin: 0 0 30px 0; width: 100%; border:1px solid rgba(0,0,0,0.15); border-bottom:none; } .kihon_tale th, .kihon_tale td, .kihon_tale2 th, .kihon_tale2 td, .soubishiyou th, .soubishiyou td { display:block; border-bottom:1px solid rgba(0,0,0,0.15); padding:10px; font-size: 14px; font-weight: normal; text-align: left; min-height: 22px; } .kihon_tale th, .kihon_tale2 th, .soubishiyou th {background: url(../images/thBg.png), linear-gradient(to right, #E9E9E9, #E1E1E1);} .kihon_tale td, .kihon_tale2 td, .soubishiyou td { background: #FFF !important; opacity: 1 !important; } .tokuten_come { background: url(../images/tokuten.png) no-repeat left top; background-size:40px 17px; padding:0 0 0 50px; margin:0 0 10px 0; font-weight: bold; } .pr_come { background: url(../images/pr.png) no-repeat left top; background-size:40px 17px; padding:0 0 0 50px; margin:0 0 10px 0; font-weight: bold; } .tokuten_body { padding:0 0 10px 0; margin:0 0 15px 0; border-bottom: 1px solid rgba(0,0,0,0.15); } .pr_body { margin:0 0 45px 0; } .shop_name, .shop_adrs, .tel_num, .shop_hour { display: block; } .tel_num { font-size: 24px; font-weight: bold; color:#C00; padding:0 0 0 22px; background: url(../images/usedcar_tel_icon.png) no-repeat left center; background-size: 20px 20px; } /*バリデータJSで書かれたCSSの強制上書き*/ .baloon { left:auto !important; right:0; z-index: 10 !important;/*20230330バリデーションのアラートがヘッダーに被るため、スマホ時のみCSSで上書き*/ } /*2015-04-14 サンキューページ　アンケートクラス　高橋追記*/ .enquete_caption {margin-bottom:30px;} .enqate_question_block {margin-bottom:30px;} .enqate_question_block h3 {margin-bottom:10px;} .enqate_question_block label { cursor: pointer; line-height: 210%; display: block; font-size: 16px; } #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; } #enquete_main_copy, .pageback { width:90%; margin:0 auto 30px; } /*2018-02-14 youtubeBox対応 北川*/ .youtubeBox{ position: relative; width: 100%; padding-top: 56.25%; } .youtubeBox iframe{ position: absolute; top: -5px; right: 0; width: 100% !important; height: 100% !important; } /*2020-06-11 口コミ機能 北川*/ .reviewTopContentsOuter{ width: 100%; } .reviewTopContentsInner.js-imageBoxBackground { background-repeat: no-repeat !important; background-size: auto 320px !important; background-position: top left !important; width: 100%; min-height: 320px; box-sizing: border-box; padding: 5px 0; margin: 0 0 45px; border-bottom: none; } .reviewTopContents { width: 92%; height: auto; margin: 150px auto 0; } .js-imageBoxBackground .reviewTopContents .editTextOuter { width: 100%; padding: 20px; box-sizing: border-box; background: rgba(32, 32, 32, 0.9); margin: 0 auto 10px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); word-break: break-all; color: #FFF; } .reviewTopContentsLeadText{ border-bottom: 1px solid #FFF; padding: 0 0 5px; margin: 0 0 15px; } .reviewTopContentsLeadTextFront { font-size: 18px; } .reviewTopContentsLeadTextBack{ font-size: 12px; } .reviewTopContentsLeadTextBack:before, .reviewTopContentsLeadTextBack:after { content: "－"; } .reviewTopContentsCopyText{ font-size: calc(2rem + ((1vw - 3.2px) * 4.2553)); font-weight: 700; line-height: 1.3em; margin: 0 0 0.5em; } .reviewTopContentsCaptionText{ margin: 0 0 15px; } .reviewTopContentsShopInfoText{ text-align: right; } .reviewTopContentsInner.js-imageBoxBackground .changeBoxImageLayoutControllerOuter{ margin: 0; bottom: -45px; } .reviewSampleContentsOuter:after{ content: ""; clear:both; display: block; } .reviewSampleContents { display: inline-block; width: calc( ( 100% - 30px ) / 3 ); height: 50px; float: left; margin: 0 15px 0 0; background-position: center; background-repeat: no-repeat; } .reviewSampleContents:nth-of-type(1){ background-image: url(../images/review_1.png); background-size: contain; } .reviewSampleContents:nth-of-type(2){ background-image: url(../images/review_2.png); background-size: contain; } .reviewSampleContents:last-of-type { background-image: url(../images/review_3.png); background-size: contain; margin: 0; } .reviewMainContents, .reviewConversionContentsOuter{ width: 100%; margin-bottom: 4%; } .reviewConversionContentsOuter{ width: 92%; margin: 0 auto; } .sidebar_review{ text-align: center; } .sidebar_review a img{ width: 200px; } /*** 迷惑メールフィルタ機能 ***/ .spamFilterLevelSwitchOuter{ text-align: center; } .spamFilterToggleSwitch { width: 100px; padding: 2px 0px; box-sizing: border-box; display: inline-block; text-align: center; background: #eee; border-radius: 15px; margin-right: 15px; border: 1px solid #ddd; cursor: pointer; position: relative; } .spamFilterSettingBlock[data-current-value="0"] .spamFilterToggleSwitch[data-toggle-value="0"], .spamFilterSettingBlock[data-current-value="1"] .spamFilterToggleSwitch[data-toggle-value="1"]{ background-color: #36f; color: #fff; } .ec-cart .ec-cart__progress-item--current{ background: #99cc00; } .ec-cart .ec-cart__progress-item--current:after{ background: #99cc00; } .ec-cart .ec-cart__progress-item--current span{ color: #FFFFFF; font-weight: bold; } .checkbox__wrap{ text-align: center; margin: 45px 0 20px; } .checkbox__no-robot { display: none; } .label__no-robot{ background: #F9F9F9; border: 1px solid #CCC; cursor: pointer; color: #666666; display: inline-block; padding: 15px 25px 15px 62px; font-size: 14px; margin: 0 auto; position: relative; transition: .3s; } .label__no-robot: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 { 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 { 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%); } .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 10px; } .mobileImageSizeFixed .imageFixControllerInner[data-fix-type="imageSize"] { display: none; } /* 拡大・サイズボタン */ .mobileImageSizeFixed .btnWrap.imagePosition, .mobileImageSizeFixed .btnWrap.imageSize{ display: none; } /* img_box_xxx */ .mobileImageSizeFixed .img_box_left, .mobileImageSizeFixed .img_box_right{ width:100% !important; } /* img_box_xxx > div */ .mobileImageSizeFixed .imageBoxContents:not(.imageBoxContents[data-layout = "LAYOUT_2COLUMN"]):not(.imageBoxContents[data-layout = "LAYOUT_3COLUMN"]):not(.imageBoxContents[data-layout = "LAYOUT_4COLUMN"]):not(.imageBoxContents[data-layout = "LAYOUT_MULTI_SLIDESHOW"]){ margin-right:0 !important; margin-left:0 !important; } .mobileImageSizeFixed .imageBoxContents:not(.imageBoxContents[data-layout = "LAYOUT_2COLUMN"]):not(.imageBoxContents[data-layout = "LAYOUT_3COLUMN"]):not(.imageBoxContents[data-layout = "LAYOUT_4COLUMN"]):not(.imageBoxContents[data-layout = "LAYOUT_SLIDESHOW"]):not(.imageBoxContents[data-layout = "LAYOUT_MULTI_SLIDESHOW"]){ width:100%; } /* img要素 or スライダーそのもの */ .mobileImageSizeFixed .js-imageBlockImage, .mobileImageSizeFixed .js-imageBoxSlider{ width: 100% !important; padding-left:0 !important; padding-right:0 !important; } /* スライダーのコントローラー */ .mobileImageSizeFixed .js-imageBoxSlider .js-controllerOuter, .mobileImageSizeFixed .js-imageBoxSlider .boxImageSliderProgressOuter{ width:100% !important; } /* メインイメージ */ .sliderImage a { overflow:hidden; } /** * youtube動画埋め込み(iframe) */ /** 基本 **/ [data-size = "xsmall"] .imageBoxContents[data-included-tag = "iframe"], [data-size = "small"] .imageBoxContents[data-included-tag = "iframe"], [data-size = "middle"] .imageBoxContents[data-included-tag = "iframe"], [data-size = "big"] .imageBoxContents[data-included-tag = "iframe"], [data-size = "halfmax"] .imageBoxContents[data-included-tag = "iframe"]{ width: 135px; } [data-size = "bigger"] .imageBoxContents[data-included-tag = "iframe"], [data-size = "max"] .imageBoxContents[data-included-tag = "iframe"]{ width: 100%; } /** 1枚時 **/ .js-imageBox[data-included-tag = "iframe"][data-size = "halfmax"]{ width: 135px; box-sizing: border-box; } .js-imageBox[data-included-tag = "iframe"][data-size = "max"]{ width: 100%; box-sizing: border-box; } /** 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{ width: 200px; bottom: 0; left: calc(50% - 88px); opacity: .85; position: relative; margin-top: 20px; } .carTagName, .tagLabel{ word-break: break-all; } .plusBlockBtn_side{ padding: 0 5%; display: flex; font-size: 12px; flex-direction: row-reverse; align-items: center; } .plusBlockBtn_side ul li a{ display: inline-block; margin-left: 10px; } .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 !important; text-decoration: none; } body.notFoundPage .subpageLink, body.notFoundPage .block_outer_pagetitle{ display: none; } .block_outer_recommend--404 { display:none; } .block_outer_recommend--404-visible { display:block; } body.notFoundPage .lead__wrap{ display: none !important; /** SPでは出さない。必ず何が何でも display:none するので important **/ } /** TEL、フリーダイヤル、FAXのアイコン **/ /*各デザインファイルにフリーダイヤルのアイコンンのためのCSSがあるが、ここで打ち消して対応*/ #sidebar_shp_inf .side_shop_info_mapbottom p.freedial_tel{ background-image: none !important; font-weight: normal !important; padding-left: 0 !important; } #sidebar_shp_inf .side_shop_info_mapbottom .normal_tel .sidebar_tel01__head, #sidebar_shp_inf .side_shop_info_mapbottom .normal_tel .sidebar_tel02__head, #sidebar_shp_inf .side_shop_info_mapbottom .normal_fax .sidebar_fax__head{ font-family: initial !important; } .normal_tel, .freedial_tel, .normal_fax{ margin: 5px 0; } #sidebar_tel01{ font-weight: bold; } .sidebar_tel01__head, .sidebar_tel02__head, .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; } .freedial_tel .sidebar_tel01__head, .freedial_tel .sidebar_tel02__head { width: 24px; height: 14px; background: url(../images/sidebar_freedial.gif); padding: 0; position: relative; top: 3px; } .blog_item h2 #lead_title{ color: inherit; font-size: inherit; font-weight: inherit; } .monthlyCalendarBody #edittable01 td.closed span, .monthlyCalendarBody #edittable02 td.closed span, .monthlyCalendarBody #edittable01 td.regularClosed span, .monthlyCalendarBody #edittable02 td.regularClosed span, .monthlyCalendarBody #edittable01 td.allholclosed span, .monthlyCalendarBody #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; } /** * TOPへ戻るボタン 非表示用 */ .backtop.hiddenButton{ display: none; } /** * スマホスライド既存のスタイルリセット */ #main_img_wrapper.resetBgSlider, #main_img_wrapper.resetBgSlider #bgSlider, #main_img_wrapper.resetBgSlider #bgSlider .sliderDiv, #main_img_wrapper.resetBgSlider #bgSlider .slider_content_wrap, #main_img_wrapper.resetBgSlider #bgSlider .slider_text_wrap, #main_img_wrapper.resetBgSlider #bgSlider .slider_text, #main_img_wrapper.resetBgSlider #bgSlider .slider_strong, #main_img_wrapper.resetBgSlider #bgSlider .slider_caption, #main_img_wrapper.resetBgSlider #bgSlider #sliderStepsContainer{ all: initial; padding: 0 !important; position: static; } #main_img_wrapper.resetBgSlider{ background: none; } #main_img_wrapper.resetBgSlider #bgSlider:not(.js-loaded) .sliderDiv{ opacity: 0 !important; } #main_img_wrapper.resetBgSlider #bgSlider .sliderDiv{ width: 100% !important; transform: none; } #main_img_wrapper.resetBgSlider #bgSlider .slider_strong .slider_strong_contents, #main_img_wrapper.resetBgSlider #bgSlider .slider_caption .slider_caption_contents{ background: none !important; } #main_img_wrapper.resetBgSlider #bgSlider .slider_strong, #main_img_wrapper.resetBgSlider #bgSlider .slider_strong .slider_strong_contents, #main_img_wrapper.resetBgSlider #bgSlider .slider_caption, #main_img_wrapper.resetBgSlider #bgSlider .slider_caption .slider_caption_contents{ width: 100% !important; min-width: auto !important; max-width: none !important; min-height: auto !important; max-height: none !important; border: none; box-sizing: border-box; color: #FFF !important; display: block; padding: 0; margin: 0; max-height: none; text-shadow: 0 1px 1px rgba(0,0,0,.6) !important; transform: none; word-break: break-all; } #main_img_wrapper.resetBgSlider #bgSlider .sliderDiv:before, #main_img_wrapper.resetBgSlider #bgSlider .sliderDiv:after{ content: "" !important; border: none; display: none !important; transform: none; } #main_img_wrapper.resetBgSlider #bgSlider .slider_btn{ background-color: transparent !important; padding: 0; position: static !important; } #main_img_wrapper.resetBgSlider #bgSlider .slider_btn .slider_btn_inner{ max-width: 100%; } /** * スマホスライド（全画面） */ #main_img_wrapper.bgSlider--full{ position: relative; } #main_img_wrapper.bgSlider--full #bgSlider{ height: 133vw !important; min-height: 480px; max-height: 133vw; display: block; } /*.edit #main_img_wrapper.bgSlider--full #bgSlider{ height: calc( 100vh - 160px ) !important; max-height: calc( 100vh - 160px ); }*/ #main_img_wrapper.bgSlider--full #bgSlider .sliderDiv{ height: 133vw !important; min-height: 480px; max-height: 133vw; box-sizing: border-box; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 60px 6% 30px !important; } /*.edit #main_img_wrapper.bgSlider--full #bgSlider .sliderDiv{ height: calc( 100vh - 160px ) !important; max-height: calc( 100vh - 160px ); }*/ #main_img_wrapper.bgSlider--full #bgSlider .sliderDiv:before{ content: "" !important; width: 100%; height: 100%; background: rgba(0,0,0,.4); display: block !important; position: absolute; pointer-events: none; z-index: 0; top: 0; left: 0; } #main_img_wrapper.bgSlider--full #bgSlider .sliderDiv[data-content-text-disp-flag = "0"]:before{ content: "" !important; display: none !important; } #main_img_wrapper.bgSlider--full #bgSlider .slider_content_wrap{ display: flex; height: calc( 100% - 90px ) !important; align-content: center; justify-content: center; flex-wrap: wrap; position: relative; z-index: 2; } #main_img_wrapper.bgSlider--full #bgSlider .slider_text_wrap{ display: flex; justify-content: center; flex-wrap: wrap; } #main_img_wrapper.bgSlider--full #bgSlider .slider_strong{ font-size: 30px; max-height: none !important; overflow: hidden; margin: 0 0 15px !important; } #main_img_wrapper.bgSlider--full #bgSlider .slider_caption{ font-size: 14px; max-height: none !important; overflow: hidden; margin: 0 0 30px !important; } #main_img_wrapper.bgSlider--full #bgSlider .slider_btn{ min-width: 240px; } #main_img_wrapper.bgSlider--full #bgSlider .slider_strong .slider_strong_contents, #main_img_wrapper.bgSlider--full #bgSlider .slider_caption .slider_caption_contents{ font-size: inherit; } #main_img_wrapper.bgSlider--full #bgSlider .slider_strong, #main_img_wrapper.bgSlider--full #bgSlider .slider_strong .slider_strong_contents, #main_img_wrapper.bgSlider--full #bgSlider .slider_caption, #main_img_wrapper.bgSlider--full #bgSlider .slider_caption .slider_caption_contents{ height: auto; line-height: 1.33em; text-align: center; } #main_img_wrapper.bgSlider--full #bgSlider #sliderStepsContainer{ width: 180px !important; top: auto !important; left: calc( 50% - 87.5px ); display: block; bottom: 45px !important; text-align: center; position: relative; z-index: 5; } #main_img_wrapper.bgSlider--full #increment, #main_img_wrapper.bgSlider--full #decrement{ display: none; } #main_img_wrapper.bgSlider--full .slider_btn_inner .thickbox{ right: 10px; } /** * 各スライドパターン */ /** スライドダウン **/ #main_img_wrapper.bgSlider--full #bgSlider .slideshow-slidedown{ position:absolute; background-position: center -1200px; background-repeat:no-repeat; animation-timing-function : ease-in-out; animation-duration:.75s; animation-fill-mode:forwards; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-slidedown-passive { background-position: center -1200px; z-index:0; animation-name:slideup !important; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-slidedown-active { background-position: center center; z-index:1; animation-name:slidedown !important; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-slidedown .slider_icons, #main_img_wrapper.bgSlider--full #bgSlider .slideshow-slidedown .slider_content_wrap{ display:none; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-slidedown-active .slider_icons, #main_img_wrapper.bgSlider--full #bgSlider .slideshow-slidedown-active .slider_content_wrap{ display:flex; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-slidedown-wrap #sliderStepsContainer, #main_img_wrapper.bgSlider--full #bgSlider .slideshow-slidedown-wrap #sliderLoader{ z-index:2; } /** ズームイン **/ #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomin .slider_icons, #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomin .slider_content_wrap{ display: none; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomin-active .slider_icons, #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomin-active .slider_content_wrap{ display: flex; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomin { z-index: 0; opacity: 0; position: absolute; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomin-active{ opacity: 1; z-index: 1; animation-name: zoomin !important; animation-duration: 1s; animation-fill-mode: forwards; transform: scale( 1 ) rotate(0.1deg); } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomin-wrap #sliderStepsContainer, #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomin-wrap #sliderLoader{ z-index: 2; } /** ズームアウト **/ #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomout { width: 100%; height: 100%; position: absolute; transition: opacity .75s; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomout:before{ z-index: 2; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomout .slider_img_wrapper{ height: 100% !important; top: 0; left: 0; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomout-passive{ opacity: 0; z-index: 0; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomout-active{ opacity: 1; z-index: 1; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomout .slider_img_wrapper{ width: 100%; height: 100%; position: absolute; overflow: hidden; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomout .slider_img { background-size: cover; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomout .slider_img { width: 100%; height: 100% !important; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; transform: scale(1.2); transform-origin: center center; transition: transform 8s; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomout-active .slider_img { transform: scale(1) rotate(0.1deg); z-index: 1; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomout-active .slider_btn{ z-index: 2; } #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomout-wrap #sliderStepsContainer, #main_img_wrapper.bgSlider--full #bgSlider .slideshow-zoomout-wrap #sliderLoader{ z-index: 2; } .carlist_shohiyo_wrap{ margin-left: 7px; } .carlist_shohiyo_wrap strong{ font-size: 12px !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; } .list_main dd .carlist_cost_wrap strong{ font-size: 14px; } .thumbnail_box .carthumb_price .carthumb_cost_wrap, .thumbnail_box .carthumb_price .carthumb_shohiyo_wrap{ display: block !important; font-size: 11px; } .thumbnail_box .carthumb_price .carthumb_cost_wrap{ } .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 .carthumb_cost_wrap strong{ font-size: 14px !important; } .thumbnail_box .carthumb_price .carthumb_shohiyo_wrap strong{ font-size: 12px !important; font-weight: normal; } .thumbnail_box .carthumb_price .carthumb_totalcost_title .sp_none{ 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 { font-size: 10px; line-height: 1; margin-top: 5px; } .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; } .ex--usedcar-detail-changer-trigger{ cursor: pointer; } .list_main ul li, .ex--usedcar-icon__outer--thumbnail li, .ex--usedcar-icon__outer--slideshow 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{ } .pageNumByPageWrapper{ background: transparent; color: inherit; display: inline-block; font-size: 10px; font-weight: 400; line-height: 1.25; margin: 0; position: absolute; right: 35px; top: 13px; text-align: left; } #menu > ul > li:has(.js-pageOpened) .pageNumByPageWrapper{ /* display: none;*/ } .pageNumByPageWrapper .pageNumByPage{ display: inline-block; font-size: 12px; font-weight: bold; font-family: "Arial", serif; margin: 0 2px; position: relative; top: 1px; } /** * パララックスフィルタ用 */ .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); lter: 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); } /** * 在庫車表示・非表示切り替えボタン */ #carListOpenOrClose{ width: 90%; margin: 0 auto 20px; } #carListOpenOrClose p{ width: calc(50% - 10px); box-shadow: 1px 1px 3px rgba(0,0,0,0.4) inset; color: #fff; cursor: pointer; float: left; font-size: calc(0.875rem + ((1vw - 3.2px) * 2.5)); padding: 10px 5px; position: relative; text-align: center; } .changeHeaderBtnStateMessage{ position: fixed; background: #fff8dc; text-align: center; max-width: 100%; width: 320px; padding: 10px; border-radius: 2px; left: calc( 50% - 160px ); box-sizing: border-box; top: 120px; z-index: 100; font-size: 12px; border: 1px solid #ffcc00; transition: opacity .4s; box-shadow: 0 5px 20px -10px rgba(0,0,0,.5); opacity: 0; } .changeHeaderBtnStateMessage.first{ top: 5px; z-index: 2147483647; } .changeHeaderBtnStateMessage.mobileRightBox.first{ top: 120px; z-index: 2147483647; } .changeHeaderBtnStateMessage.first::before{ content: ''; position: absolute; display: block; width: 0; height: 0; left: 213px; bottom: -11px; border-top: 11px solid #ffcc00; border-right: 11px solid transparent; border-left: 11px solid transparent; } .changeHeaderBtnStateMessage.first::after{ content: ''; position: absolute; display: block; width: 0; height: 0; left: 209px; bottom: -10px; border-top: 15px solid #fff8dc; border-right: 15px solid transparent; border-left: 15px solid transparent; } .changeHeaderBtnStateMessage.display{ opacity: 1; } .changeHeaderBtnStateMessage.mobileRightBox.display{ animation: purun 1s ease forwards; } * { margin: 0; padding: 0; list-style-type: none; font-size: 100%; word-break: break-all; } *:not(font){ font-family: 'Noto Sans JP', sans-serif; } a, .midashi_long a{ color:#06f; } a:link { text-decoration: underline; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } body{ padding: 110px 0 0; } #wrapper{ background-image: url(../images/content_bg.jpg); overflow: visible; position: relative; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; color: #333; } #main_img_container .clear{ clear: none !important; } /*------ h2 ------*/ .h2_common{ background: none; box-shadow: none; font-family: "Yusei Magic", serif; font-size: 24px; font-weight: 400; letter-spacing: .05em; line-height: 1.4em; margin: 0 auto 45px; padding: 0 0 0 50px; color: #333; text-align: left; position: relative; display: block; border-bottom: 1px solid #ccc; text-shadow: rgba(255, 255, 255,1) 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; } .h2_common span{ font-family: "Yusei Magic", serif; font-size: 24px; font-weight: 400; letter-spacing: .05em; line-height: 1.4em; text-shadow: rgba(255, 255, 255,1) 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; } .h2_common a, .h2_common b, .h2_common i, .h2_common strike, .h2_common u{ font-family: "Yusei Magic", serif; } #block_outer_detail .h2_common, #block_outer_carlist .h2_common{ padding: 0 50px; } .h2_common:first-letter, #wrapper #main_contents .h2_common span.firstFired, #wrapper #block_outer_carlist .h2_common .splited:nth-of-type(2){ font-size: 36px; color: #b6b944; } .h2_common:before{ content: "Heading/"; width: 50px; font-size: 10px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; color: #999; position: absolute; bottom: 5px; 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: "Q&A"; width: 40px; left: 0; } #block_outer_flow .h2_common:before{ content: "flow/"; width: 34px; } #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, .parallaxContentOuter:nth-of-type(2n) .h2_common:before, .blog_item:nth-of-type(2n) .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: 60px; height: 50px; position: absolute; top: -50px; 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:after, .blog_item:nth-of-type(2n) .h2_common:after{ content: ""; width: 30px; height: 30px; position: absolute; top: -20px; left: 30px; background-image: url(../images/h3_l.png); background-size: auto; background-position: center; background-repeat: no-repeat; } #block_outer_detail .h2_common:after, #block_outer_carlist .h2_common:after{ content: ""; width: 50px; height: 22px; 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; top: 0; } /*------ h3 ------*/ #main_contents .b_voice, #main_contents .h3_common{ display: block; font-size: 18px; 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 span, #main_contents h3.h3_lead a, #main_contents h3.h3_lead b, #main_contents h3.h3_lead strike, #main_contents h3.h3_lead i, #main_contents h3.h3_lead u, #main_contents .b_voice span, #main_contents .b_voice a, #main_contents .b_voice b, #main_contents .b_voice strike, #main_contents .b_voice i, #main_contents .b_voice u, #main_contents .h3_common span, #main_contents .h3_common a, #main_contents .h3_common b, #main_contents .h3_common strike, #main_contents .h3_common i, #main_contents .h3_common u{ font-size: 18px; font-weight: 400; font-family: "Yusei Magic", serif; letter-spacing: 0.05em; line-height: 1.7em; } 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; border: none; position: relative; } /*------ header ------*/ #header a.editLogoCompany, #header a.editLogoCompany span { text-decoration: none; color: #f5f3e3; overflow: hidden; font-size: 16px; font-weight: 400; line-height: 1.25em; letter-spacing: 0; max-height: 70px; font-weight: 400; font-family: "Yusei Magic", serif; text-shadow: none; } #header a.editLogoCompany{ height: 70px; max-height: 70px; padding: 0 0 0 15px; } #smt_head_base .editLogoOuter{ height: 70px; max-height: 70px; } span.company_rogo { width: calc(100% - 70px); /*calc()対応*/ max-width: calc(100% - 70px); } /** アイコン 3個 */ #smt_head_base:has( [data-btn-num = "3"] ) .company_rogo, #smt_head_base:has( [data-btn-num = "4"] ) .company_rogo{ width: calc(100% - 180px); max-width: calc(100% - 180px); } /** アイコン 2個 */ #smt_head_base:has( [data-btn-num = "2"] ) .company_rogo{ width: calc(100% - 145px); max-width: calc(100% - 145px); } /** アイコン 1個 */ #smt_head_base:has( [data-btn-num = "1"] ) .company_rogo{ width: calc(100% - 110px); max-width: calc(100% - 110px); } #smt_head_base .header-icon-wrap{ right: 75px; } #smt_head_base{ background: none; box-shadow: 0 1px 1px 4px rgba(0, 0, 0, 0.1); } #smt_head_base:before{ width: 100%; height: 70px; content: ""; display: block; position: absolute; background-image: url(../images/sp_header_bg.png); background-color: #b6b944; background-size: contain; background-repeat: repeat; } body.js-menuOpened .js-header_minimize #smt_head_base{ top: 0 !important; } #smt_3menu:before{ content: ""; wi height: 6px; background-image: url(../images/99cc00.png); background-size: contain; background-repeat: repeat; display: block; position: absolute; top: 66px; z-index: 3; } #smt_3menu li a{ background-color: transparent; background: rgba(255, 255, 255, 0.8) url(../images/sp_header_bg.png); font-weight: 400; font-family: "Yusei Magic", serif; font-size: 14px; } #smt_3menu li:nth-of-type(1) a, #smt_3menu li:nth-of-type(3) a{ background: none; background-color: rgba(255, 255, 255, 0.8); background-image: url(../images/sp_header_bg.png), url(../images/pin_s.png); background-repeat: repeat, no-repeat; background-size: auto, 10px; } #smt_3menu li:nth-of-type(1) a{ background-position: left 5px center; } #smt_3menu li:nth-of-type(3) a{ background-position: right 5px center; padding-right: 30px; } #smt_3menu li:nth-of-type(3) .menuArrow:after{ left: calc( 50% - 10px ); } .edit #menu_trigger{ top: 55px !important; } #menu_trigger{ width: 60px; height: 60px; background-image: url(../images/menu.png); background-size: cover; position: fixed; top: 5px; right: 5px; } #menu_trigger span{ height: 2px; left: 18px; background-color: #b6b944; } #menu_trigger span:nth-of-type(1) {top:14px;} #menu_trigger span:nth-of-type(2){ width: 24px; top: 22px; } #menu_trigger span:nth-of-type(3) {top:30px;} #menu_trigger:after{ content: "MENU"; color: #b6b944; font-size: 14px; font-weight: 400; font-family: "Yusei Magic", serif; bottom: 10px; width: 36px; } .js-menuOpened #menu_trigger:after { width: 40px; content: "CLOSE"; } #menu_wrapper{ top: 110px; } .edit #menu_wrapper{ top: 160px; } #menu ul li{ border: none; } #menu_wrapper{ background: rgba(255,255,255,1); } #menu > ul > li:not(#gmenu_contact):not(#gmenu_estimate):not(#gmenu_search){ background-image: url(../images/pin_s.png); background-repeat: no-repeat; background-position: center left; padding: 0 0 0 15px; } #menu ul li.gmenu_company_tel{ display: none; } #menu li a, #menu .ul_sub li a, .pageNumByPageWrapper{ color: #333; } .sp_freepage_accordion_btn span, .middle-menu__trigger--sp{ color: #333; } #menu #gmenu_contact a, #menu #gmenu_estimate a{ max-width: none; min-height: 60px; background-image: url(../images/99cc00.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center left; background-color: transparent; border-radius: 0; color: #ffffff; display: flex; align-items: center; font-size: 16px; font-weight: normal; font-family: 'Yusei Magic', serif; padding: 10px 30px 10px 25px; 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; } #menu #gmenu_contact a:before, #menu #gmenu_estimate 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: 10px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /*ヘッダー用 電話番号・アドレス*/ /*------ main_img ------*/ #main_img_wrapper.bgSlider--full, #wrapper #main_img_wrapper{ padding: 15px 15px 0 0 !important; position: relative; } #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 70px; 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: 30px 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: 60px 30px; margin: 45px 0; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); box-sizing: border-box; } #main_contents .block_outer_carlist, #main_contents.sub_main .block_outer_usedcar_detail.blog_item{ padding: 60px 15px; } .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: 30px; border-bottom-left-radius: 30px; margin-right: 10px; margin-left: 15px; box-shadow: -5px 5px 3px rgba(0, 0, 0, 0.15); } .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: 50px; display: block; position: absolute; top: -20px; left: 0; background-image: url(../images/tag.png), url(../images/pin_l.png); background-position: top left 30px, top 15px center; background-size: 50px, 15px; 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: 10px; height: 100%; position: absolute; display: block; top: 0; right: -10px; background-image: url(../images/block_outer_bg_r.png); background-position: top right, center top; background-repeat: repeat-y, no-repeat; background-size: 10px; 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: 30px; border-bottom-right-radius: 30px; margin-left: 10px; margin-right: 15px; } .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: 50px; display: block; position: absolute; top: -15px; left: 0; background-image: url(../images/tape2.png); background-position: center top; background-size: 50px; 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: 10px; height: 100%; position: absolute; display: block; top: 0; left: -10px; background-image: url(../images/block_outer_bg_l.png); background-position: top left; background-repeat: repeat-y; background-size: 10px; opacity: 1; } .div_box_feature, .div_box_coupon, .div_box_promise, .div_box_tokuten, .div_box_flow, .div_box_voice, .div_box_jirei, .div_box_setsubi, .div_box_staff, .div_box_gaiyo, .div_box_history, .div_box_campaign, .div_box_free, #car_list_base, .div_box_faq0, .access_info, #otoiawase_table_box, #mitumori_table_box, .map_big, .div_box_requirements01, .div_box_requirements02, .div_box_requirements03, .div_box_requirements04, .div_box_requirements05, .recruit_section, .div_box_company_pict, #usercar_base, .historyback_box, .right_link, .pricetable_content, .div_box_reco_car{ width: 100%; padding: 0; } #block_outer_midbox{ background: none; padding: 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: 45px 15px; padding: 0; background: none; border-radius: 0; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); } #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: 40% auto, 15% auto; background-repeat: no-repeat; background-position: top 5px left, top 5px right; top: -15px; 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: 100px; height: 25px; position: absolute; display: block; top: -16px; left: calc(50% - 50px); z-index: 1; background-image: url(../images/usedcar_top.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .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: 15px 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; padding: 6px 15px 6px; margin: 0 0 15px; 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 15px; } #main_contents .block_outer.block_outer_pankuzu01:before{ display: none; } .block_outer_pagetitle{ display: none; } #carinfo_panlist_box{ color: #333; padding: 0; width: 100%; margin: 0 0 60px; 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; } #dksm_wrapper{ width: 100%; margin: 0 auto; } /*------ menu ------*/ /*------ slider ------*/ #main_img_wrapper.resetBgSlider{ all: inherit; } #main_img_wrapper:after{ width: 100px; height: 100px; content: ""; display: block; position: absolute; right: 5px; bottom: 20px; background-image: url(../images/scroll_sp.png); background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 2; } #bgSlider, #main_img_wrapper.bgSlider--full #bgSlider{ width: 100% !important; height: 560px !important; padding: 0px !important; left: -3px; box-shadow: 10px 10px 3px rgba(0, 0, 0, 0.15); position: relative; z-index: 1; } #main_img_wrapper.bgSlider--full #bgSlider{ min-height: auto !important; max-height: none !important; } #bgSlider:before{ content: ""; width: 100%; height: 102%; top: 25px; left: 30px; transform: rotate(5deg); background-color: #b6b94480; position: absolute; display: block; z-index: 0; } #bgSlider .sliderDiv, #main_img_wrapper.resetBgSlider #bgSlider .sliderDiv{ background-size: cover !important; -webkit-background-size: cover; position: absolute; top: 0px; width: 100% !important; height: 100% !important; border-top: 6px solid #fff; border-right: 6px solid #fff; border-bottom: 20px solid #fff; box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.3); } #main_img_wrapper.resetBgSlider #bgSlider .sliderDiv{ min-height: auto !important; max-height: none !important; padding: 0 !important; } #main_img_wrapper #bgSlider .slider_icons .slider_icons_outer{ width: 100%; } #bgSlider .slider_content_wrap, #main_img_wrapper.bgSlider--full #bgSlider .slider_content_wrap{ padding: 60px 0 0 !important; } #main_img_wrapper.bgSlider--full #bgSlider .slider_content_wrap{ display: block; height: auto !important; } .slider_text_wrap, #main_img_wrapper.bgSlider--full #bgSlider .slider_text_wrap{ margin: 0; width: auto; } #main_img_wrapper.bgSlider--full #bgSlider .slider_text_wrap{ display: block; } #bgSlider .slider_strong, #main_img_wrapper.bgSlider--full #bgSlider .slider_strong{ margin: 0 !important; text-align: left; font-size: 48px; font-weight: 700; font-family: "Yusei Magic", serif; line-height: 1.2em; color: #b6b944 !important; max-height: 3.8em !important; max-width: none !important; margin-bottom: 30px !important; text-shadow: rgba(255, 255, 255,1) 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(242, 213, 187,1) 8px 0px 0px, rgba(242, 213, 187,1) 7.93758px 0.997398px 0px, rgba(242, 213, 187,1) 7.7513px 1.97923px 0px, rgba(242, 213, 187,1) 7.44406px 2.93018px 0px, rgba(242, 213, 187,1) 7.02066px 3.8354px 0px, rgba(242, 213, 187,1) 6.48771px 4.68078px 0px, rgba(242, 213, 187,1) 5.85351px 5.45311px 0px, rgba(242, 213, 187,1) 5.12797px 6.14035px 0px, rgba(242, 213, 187,1) 4.32242px 6.73177px 0px, rgba(242, 213, 187,1) 3.44941px 7.21814px 0px, rgba(242, 213, 187,1) 2.52258px 7.59188px 0px, rgba(242, 213, 187,1) 1.55638px 7.84714px 0px, rgba(242, 213, 187,1) 0.565898px 7.97996px 0px, rgba(242, 213, 187,1) -0.433417px 7.98825px 0px, rgba(242, 213, 187,1) -1.42597px 7.87189px 0px, rgba(242, 213, 187,1) -2.39627px 7.63269px 0px, rgba(242, 213, 187,1) -3.32917px 7.27438px 0px, rgba(242, 213, 187,1) -4.21013px 6.80256px 0px, rgba(242, 213, 187,1) -5.02539px 6.22459px 0px, rgba(242, 213, 187,1) -5.76223px 5.54948px 0px, rgba(242, 213, 187,1) -6.40915px 4.78778px 0px, rgba(242, 213, 187,1) -6.95606px 3.95136px 0px, rgba(242, 213, 187,1) -7.39442px 3.05329px 0px, rgba(242, 213, 187,1) -7.71739px 2.10757px 0px, rgba(242, 213, 187,1) -7.91994px 1.12896px 0px, rgba(242, 213, 187,1) -7.9989px 0.132735px 0px, rgba(242, 213, 187,1) -7.95304px -0.865561px 0px, rgba(242, 213, 187,1) -7.78307px -1.85035px 0px, rgba(242, 213, 187,1) -7.49165px -2.80627px 0px, rgba(242, 213, 187,1) -7.08333px -3.71839px 0px, rgba(242, 213, 187,1) -6.56447px -4.57249px 0px, rgba(242, 213, 187,1) -5.94318px -5.35524px 0px, rgba(242, 213, 187,1) -5.22915px -6.05442px 0px, rgba(242, 213, 187,1) -4.43352px -6.65912px 0px, rgba(242, 213, 187,1) -3.5687px -7.15991px 0px, rgba(242, 213, 187,1) -2.6482px -7.54898px 0px, rgba(242, 213, 187,1) -1.68637px -7.82024px 0px, rgba(242, 213, 187,1) -0.698222px -7.96947px 0px, rgba(242, 213, 187,1) 0.300817px -7.99434px 0px, rgba(242, 213, 187,1) 1.29516px -7.89446px 0px, rgba(242, 213, 187,1) 2.2693px -7.67139px 0px, rgba(242, 213, 187,1) 3.20802px -7.32862px 0px, rgba(242, 213, 187,1) 4.09668px -6.87148px 0px, rgba(242, 213, 187,1) 4.92142px -6.30711px 0px, rgba(242, 213, 187,1) 5.66936px -5.64432px 0px, rgba(242, 213, 187,1) 6.32883px -4.89346px 0px, rgba(242, 213, 187,1) 6.88954px -4.06623px 0px, rgba(242, 213, 187,1) 7.34274px -3.17555px 0px, rgba(242, 213, 187,1) 7.68136px -2.23532px 0px, rgba(242, 213, 187,1) 7.90012px -1.26021px 0px, rgba(242, 213, 187,1) 7.9956px -0.265434px 0px !important; } #bgSlider .slider_strong .slider_strong_contents, #main_img_wrapper.bgSlider--full #bgSlider .slider_strong .slider_strong_contents{ width: calc( 100% - 60px ) !important; max-height: 3.65em !important; font-size: 48px; font-weight: 700; font-family: "Yusei Magic", serif; line-height: 1.2em; color: #b6b944 !important; padding: 0 10px; margin: 0 auto; box-sizing: border-box; text-shadow: rgba(255, 255, 255,1) 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(242, 213, 187,1) 8px 0px 0px, rgba(242, 213, 187,1) 7.93758px 0.997398px 0px, rgba(242, 213, 187,1) 7.7513px 1.97923px 0px, rgba(242, 213, 187,1) 7.44406px 2.93018px 0px, rgba(242, 213, 187,1) 7.02066px 3.8354px 0px, rgba(242, 213, 187,1) 6.48771px 4.68078px 0px, rgba(242, 213, 187,1) 5.85351px 5.45311px 0px, rgba(242, 213, 187,1) 5.12797px 6.14035px 0px, rgba(242, 213, 187,1) 4.32242px 6.73177px 0px, rgba(242, 213, 187,1) 3.44941px 7.21814px 0px, rgba(242, 213, 187,1) 2.52258px 7.59188px 0px, rgba(242, 213, 187,1) 1.55638px 7.84714px 0px, rgba(242, 213, 187,1) 0.565898px 7.97996px 0px, rgba(242, 213, 187,1) -0.433417px 7.98825px 0px, rgba(242, 213, 187,1) -1.42597px 7.87189px 0px, rgba(242, 213, 187,1) -2.39627px 7.63269px 0px, rgba(242, 213, 187,1) -3.32917px 7.27438px 0px, rgba(242, 213, 187,1) -4.21013px 6.80256px 0px, rgba(242, 213, 187,1) -5.02539px 6.22459px 0px, rgba(242, 213, 187,1) -5.76223px 5.54948px 0px, rgba(242, 213, 187,1) -6.40915px 4.78778px 0px, rgba(242, 213, 187,1) -6.95606px 3.95136px 0px, rgba(242, 213, 187,1) -7.39442px 3.05329px 0px, rgba(242, 213, 187,1) -7.71739px 2.10757px 0px, rgba(242, 213, 187,1) -7.91994px 1.12896px 0px, rgba(242, 213, 187,1) -7.9989px 0.132735px 0px, rgba(242, 213, 187,1) -7.95304px -0.865561px 0px, rgba(242, 213, 187,1) -7.78307px -1.85035px 0px, rgba(242, 213, 187,1) -7.49165px -2.80627px 0px, rgba(242, 213, 187,1) -7.08333px -3.71839px 0px, rgba(242, 213, 187,1) -6.56447px -4.57249px 0px, rgba(242, 213, 187,1) -5.94318px -5.35524px 0px, rgba(242, 213, 187,1) -5.22915px -6.05442px 0px, rgba(242, 213, 187,1) -4.43352px -6.65912px 0px, rgba(242, 213, 187,1) -3.5687px -7.15991px 0px, rgba(242, 213, 187,1) -2.6482px -7.54898px 0px, rgba(242, 213, 187,1) -1.68637px -7.82024px 0px, rgba(242, 213, 187,1) -0.698222px -7.96947px 0px, rgba(242, 213, 187,1) 0.300817px -7.99434px 0px, rgba(242, 213, 187,1) 1.29516px -7.89446px 0px, rgba(242, 213, 187,1) 2.2693px -7.67139px 0px, rgba(242, 213, 187,1) 3.20802px -7.32862px 0px, rgba(242, 213, 187,1) 4.09668px -6.87148px 0px, rgba(242, 213, 187,1) 4.92142px -6.30711px 0px, rgba(242, 213, 187,1) 5.66936px -5.64432px 0px, rgba(242, 213, 187,1) 6.32883px -4.89346px 0px, rgba(242, 213, 187,1) 6.88954px -4.06623px 0px, rgba(242, 213, 187,1) 7.34274px -3.17555px 0px, rgba(242, 213, 187,1) 7.68136px -2.23532px 0px, rgba(242, 213, 187,1) 7.90012px -1.26021px 0px, rgba(242, 213, 187,1) 7.9956px -0.265434px 0px !important; } #bgSlider .slider_text_wrap .slider_caption, #main_img_wrapper.bgSlider--full #bgSlider .slider_caption{ max-height: 5em !important; max-width: none !important; font-family: 'Noto Sans JP', sans-serif; margin: 0 auto 30px !important; } #bgSlider .slider_strong .slider_strong_contents a, #bgSlider .slider_strong .slider_strong_contents b, #bgSlider .slider_strong .slider_strong_contents i, #bgSlider .slider_strong .slider_strong_contents span, #bgSlider .slider_strong .slider_strong_contents strike, #bgSlider .slider_strong .slider_strong_contents u{ font-family: "Yusei Magic", serif; } #bgSlider .slider_text_wrap .slider_caption .slider_caption_contents, #main_img_wrapper.bgSlider--full #bgSlider .slider_caption .slider_caption_contents{ color: #fff !important; width: calc( 100% - 60px ) !important; max-height: 5em !important; font-size: 16px; font-weight: bold; letter-spacing: 0.15em; line-height: normal; text-align: left; margin: 0 auto; 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 !important; } #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: none; background-image: url(../images/btn_bg.png); background-size: auto; background-repeat: no-repeat; background-position: left top; position: relative; text-decoration: none; border-radius: 0; } #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 .slider_btn .sliderPageLink .slider_button_title{ line-height: 2.1em; text-decoration: none; font-size: 24px; font-weight: 400; font-family: "Yusei Magic", serif; } #bgSlider #sliderStepsContainer, #main_img_wrapper.bgSlider--full #bgSlider #sliderStepsContainer{ bottom: -20px !important; position: absolute; display: flex; align-items: center; justify-content: space-evenly; width: auto !important; left: calc( 50% - 15px ); top: auto !important; } #main_img_wrapper.bgSlider--full #bgSlider #sliderStepsContainer{ left: calc( 50% - 87.5px ); bottom: 5px !important; } #wrapper #bgSlider #sliderStepsContainer span{ margin: 0 12px 0 0; background-color: #555; width: 8px; height: 8px; box-shadow: none; } #wrapper #bgSlider #sliderStepsContainer span.current{ width: 15px; height: 15px; } #sliderStepsContainer span.current{ background: #b6b944 !important; } #sliderLoader { display: none; } #bgSlider #increment, #bgSlider #decrement{ top: auto !important; bottom: 5px; width: 70px !important; height: 49px !important; 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; padding: 0; } #main_img_wrapper.bgSlider--full #increment, #main_img_wrapper.bgSlider--full #decrement{ bottom: 25px; display: block; } #bgSlider #increment{ left: 125px; background-image: url(../images/next.png); bottom: 3px; } #bgSlider #decrement{ left: 50px !important; background-image: url(../images/prev.png); } #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); } .useCustomSlider .slideshow-zoomout .slider_img_wrapper{ height: 100%; } .slideshow-zoomout .slider_img{ background-size: cover; } body.dekamoji2-slider__body-item #bgSlider .sliderAddedDiv{ padding-top: 10px; } /*------ right_box ------*/ #wrapper #right_box { width: calc( 100% - 30px ); 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-color: rgba(255, 255, 255, 0.8); padding: 20px; margin: 0 auto; box-sizing: border-box; display: flex; } .edit #wrapper #right_box { display: block; } #wrapper #right_box:before{ content: ""; width: 50px; height: 50px; display: block; position: absolute; background-image: url(../images/catch_copy_bg_bottom.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; border: none; bottom: 0; left: 0; top: auto; padding: 0; } #wrapper #right_box:after{ width: calc( 100% - 50px ); height: 100%; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15 ); content:""; display: block; clear: both; content: ""; height: 100%; position: absolute; display: block; top: 0px; left: 49px; } .right_box_img{ position: relative; z-index: 1; } .right_box_img img{ width: 100%; } #right_box .side_shop_info_box{ width: calc(63% - 15px); margin: 0; margin-left: 15px; padding: 0; position: relative; } #right_box .side_shop_info_box p { font-size: 14px; line-height: 150%; text-align: left; color: #333; margin-bottom: 15px; } #right_box .side_shop_info_box p.headtel{ font-size: 24px; font-family: "Yusei Magic", serif; } #right_box .side_shop_info_box p.headtel a{ background: url(../images/99cc00.png) no-repeat center left; color: #b6b944; font-size: 24px; font-family: "Yusei Magic", serif; padding-left: 30px; } .side_shop_info_box p:not(.headtel){ letter-spacing: 0.05em; font-family: "Noto Sans JP", sans-serif; overflow: hidden; } .side_shop_info_box p.hourTitleOuter, .side_shop_info_box p.holidayTitleOuter{ margin-bottom: 0; } .rightboxTrigger .rightboxTriggerString{ color: #333; } .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; balor: transparent; border-radius: 0; color: #ffffff; display: flex; align-items: center; font-size: 18px; font-weight: normal; font-family: 'Yusei Magic', serif; padding: 10px 65px 10px 25px; 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 #lead_p a:last-of-type, .block_outer #main_usedcarpage_link_box a{ height: auto; background-size: 100% 100%; } .block_outer #lead_p a:last-of-type{ margin: 30px 0; text-shadow: none; padding-right: 70px; } .inputbtn span, .inputbtn span a, .inputbtn span b, .inputbtn span i, .inputbtn span u, .inputbtn span strike, .block_outer #lead_p a:last-of-type a, .block_outer #lead_p a:last-of-type b, .block_outer #lead_p a:last-of-type i, .block_outer #lead_p a:last-of-type u, .block_outer #lead_p a:last-of-type span, .block_outer #lead_p a:last-of-type strike{ font-family: 'Yusei Magic', serif; } .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; } .conversionButtonFixedOuter .conversionButtonFixedItem:link, .conversionButtonFixedOuter .conversionButtonFixedItem:visited, .conversionButtonFixedOuter .conversionButtonFixedItem:active{ color: #ffffff; } .ec-button__outer .nextCartButton{ color: #ffffff !important; } /* ------ footer ----- */ #footer_wrapper{ width: 100%; background: url(../images/footer_bg.jpg) repeat-y top left; background-size: 100%; box-sizing: border-box; margin: 30px auto 0; padding: 45px 15px 90px; position: relative; } #footer_wrapper:before{ content: ""; width: 100%; height: 100px; display: block; position: absolute; top: -96px; left: 0; background-image: url(../images/footer_top_l.png), url(../images/footer_top_bg.png); background-position: top 0px left 10%, bottom left; background-size: 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; padding: 0; } #footer li a{ text-decoration:none; font-size: 14px; color: #fff; font-family: "Yusei Magic", serif; font-weight: 400; max-height: 100px; text-align: left; letter-spacing: 0.2em; line-height: 1.5em; overflow: hidden; } #footer ul li a{ color: #fff; } #footer ul li:after{ background: #fff; } .copy_right{ font-size: 12px; color:#fcfcfc; font-family: 'Noto Sans JP', sans-serif; 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; } 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; text-align: left; } #menu > ul > li > a { font-size: 14px; line-height: 120%; } .nav_link { text-align: left; clear: both; float: right; } .imageBoxContents img.imageBlock, .imageBoxOuter .imageBoxInner img{ box-shadow: 6px 6px 2px rgba(0, 0, 0, 0.1); border: 6px solid #fff; box-sizing: border-box; } .imageBoxSlider img, .imageBoxSlider .imageBoxOuter img, .js-imageBoxBackground .imageBoxOuter img, .imageBoxMultiSlider .imageBoxOuter img{ box-shadow: none; border: none; } .imageBoxContents[data-included-tag="iframe"] .imageBoxInner, .imageBoxMultiSlider .imageBoxInner{ box-shadow: 6px 6px 2px rgba(0, 0, 0, 0.1); border: 6px solid #fff; } .block_outer .js-imageBoxBackground{ padding: 160px 0 0; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); } .js-imageBoxOuter:has(.imageBoxBlankOuter) img{ border: none; box-shadow: none; } .block_outer .img_box_right:not(.imageBoxSlider) .imageBoxContents, .block_outer .img_box_left:not(.imageBoxSlider) .imageBoxContents{ margin: 0 0 15px; } .block_outer .imageBoxContents{ float: none; margin: 0 0 15px; } .block_outer .imageBoxContents[data-layout="LAYOUT_2COLUMN"], .block_outer .imageBoxContents[data-layout="LAYOUT_3COLUMN"], .block_outer .imageBoxContents[data-layout="LAYOUT_4COLUMN"]{ margin: 0 15px 15px 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: 0; width: 100%; } .imageBoxSlider{ width: 100% !important; margin: 0 !important; } .imageBoxSlider .imageBoxOuter{ box-shadow: none; border: none; } .imageBoxSlider .imageBoxInner{ box-shadow: none; } .imageBoxSlider .imageBoxContents .js-imageBlockImage, .js-imageBoxSlider .js-imageBlockImage{ box-shadow: 6px 6px 2px rgba(0, 0, 0, 0.1); } .js-imageBox[data-size=max]{ width: 100% !important; float: none; margin: 0 0 15px; } .js-imageBox[data-size=max] .imageBoxOuter{ width: 100%; } .img_box_left:not(.imageBoxSlider)[data-size="max"] .imageBoxContents, .img_box_right:not(.imageBoxSlider)[data-size="max"] .imageBoxContents{ margin: 0 !important; } .js-imageBox[data-size=max]:not(.imageBoxSlider) .imageBoxContents{ width: 100%; float: none; margin: 0 0 15px; } .js-imageBox[data-size=max] .imageBoxInner { width: 100%; display: block; } .imageBoxMultiSlider .imageBoxContentsWrapper{ width: 100%; } .imageBoxMultiSlider .imageBoxOuter{ margin: 0 auto 15px; } .img_box_left img, .img_box_right img{ padding: 0; float: none; } .editTextOuter{ clear: both; } /*****************************************************************************************/ /*------toppage h2_box------*/ #midbox_wrapper .img_left{ border-radius: 50%; } #midbox_wrapper:before{ display: none; } .h2_box_1:before, .h2_box_2:before, .h2_box_3:before{ content: ""; display: block; position: absolute; width: 12px; height: 14px; top: -13px; left: calc( 50% - 6px ); background-image: url(../images/pin_s.png); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 3; } .h2_box_1 a, .h2_box_2 a, .h2_box_3 a { width: 100%; display: flex; align-items: center; justify-content: center; height: calc((96vw - 30px) / 3) !important; background: rgba(0,0,0,.4); border-radius: 100%; box-sizing: border-box; color: #fff; padding: 10px; text-decoration: none; vertical-align: middle; position: relative; font-weight: bold; font-family: "Yusei Magic", serif; line-height: 1.2em; font-size: 15px; overflow: hidden; } #midbox_wrapper .img_left { height: calc((96vw - 30px) / 3); border: solid 3px #fff; box-shadow: 0 5px 3px 0 rgba(0,0,0,.2); border-radius: 100%; position: relative; } #midbox_wrapper .img_left img { width: unset; max-width: inherit; height: calc((96vw - 30px) / 3); border-radius: unset; display: block; position: absolute; top: 0; left: 25%; } #midbox_wrapper .text_left{ width: 100%; height: calc((96vw - 30px) / 3) !important; } #midbox_wrapper .text_left a{ color: #fff; } .otherPictEditBtn[data-tsh-type="midbox"]{ left: 13px; } #midbox_wrapper .otherPictEditBtn[data-tsh-type="midbox"]{ bottom: 15px; left: 8px; } /*------------*/ #top_maincopy{ color: #333; } .main_copy { font-size: 16px; line-height: 200%; letter-spacing: .3em; margin: 0 auto 30px; width: 100%; text-align: center; } /***************************************************************************************/ /*注意！common.cssに残りの記述あり*/ .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; } .subpageLink p, .sidebar_shopinfo_block, #recruit_banner_block, #sidetopics01, #sidetopics02, .like_topics_block, .sidebar_linkbox_block, #eigyoubi_cal{ padding: 0; } #main_contents_wrapper .side_bar_sub .subpageLink{ padding: 30px !important; margin: 0 auto 45px; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); background-color: rgba(255, 255, 255, 0.8); position: relative; box-sizing: border-box; } .side_bar_sub .subpageLink:before{ content: ""; width: 25px; height: 55px; position: absolute; top: -10px; right: 30px; background-image: url(../images/clip.png); background-size: cover; background-position: top right; background-repeat: no-repeat; } #main_contents_container .side_bar_sub .subpageLink h3{ width: auto; font-size: 18px; font-weight: 400; font-family: "Yusei Magic", serif; letter-spacing: 0.05em; line-height: 1.7em; border-bottom: 1px solid #ccc; padding: 0; margin: 0 0 15px; color: #333; border: none; display: inline; box-sizing: border-box; background: none; border: none; box-shadow: none; background-image: url(../images/h3_line.png); background-size: 100% 100%; background-position: top left; background-repeat: no-repeat; position: relative; } .subpageLink .side-middle-menu__list{ padding: 0; } /***************************************************************************************/ /*サブページ*/ #sub_top_img, #sub_left_box{ display:none; } /*** 各セクション ***/ .box_common{ border: none; margin: 0 0 45px; position: relative; } .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 .captionHead{ padding: 0; } .block_outer .imageBoxContents .captionBody{ font-size: 14px; } .campaign_content .b_campaign{ font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.05em; margin: 0 0 5px; } .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{ width: 100%; margin-left: auto; margin-right: auto; font-family: 'Noto Sans JP', sans-serif; } /*料金表*/ h3.edit_table_title{ color: #333; margin: 0 0 15px; display: inline; font-size: 24px; font-weight: bold; font-family: "Yusei Magic", serif; } .pricetable_block{ margin: 15px 0 0; } #middle_top_price01 { clear: both; width: 100%; margin: 0 auto 15px; } .pricetable_content { clear: both; width: 100%; margin: 0 auto 30px; } .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{ background: none; box-shadow: none; margin-bottom: 15px; } p.flow_arrow { height: 50px; background: url(../images/flow.png) no-repeat center center; margin: 0 0 30px; text-indent: -9999px; } /*------ div_box_faq ------*/ .block_outer .div_box_faq{ padding-left: 60px; position: relative; } #block_outer_faq .h2_common:after{ content: ""; width: 50px; height: 45px; position: absolute; top: -40px; left: auto; right: 5px; background-image: url(../images/qa_h2_bg.png); background-size: 100%; background-repeat: no-repeat; background-position: center; } #block_outer_faq:before{ background-image: url(../images/tag.png), url(../images/pin_l.png); background-position: top left 30px, top 15px center; background-size: 50px, 15px; background-repeat: no-repeat; } .block_outer .div_box_faq:before{ content: ""; width: 50px; height: 50px; display: block; position: absolute; top: 0.4em; left: 0; background-image: url(../images/99cc00.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .div_box_faq h3{ background: none; } .div_box_faq .h3_common > span:before{ display: none; } .div_box_faq p{ background: none; padding: 0; } /*------ div_box_voice ------*/ #block_outer_voice .h3_common{ display: none; } /*------ div_box_campaign ------*/ /*問い合わせフォーム*/ .n_table { border: none; clear: both; width: 100%; border-collapse: collapse; margin: 0 auto 15px; } .n_table th { width: 100%; border: none; color: #fcfcfc; background: none; background-color: #676767; font-weight: normal; line-height: 150%; padding: 15px; text-align: left; vertical-align: middle; box-sizing: border-box; } .n_table th a:link, .n_table th a:visited{ font-size: 14px; color: #FFF; } .n_table td { width: 100%; background-color: #e4e4e4; color: #050505; line-height: 150%; padding: 15px; text-align: left; border-bottom: 1px solid #d5d5d5; box-sizing: border-box; } .n_table td p { color: #050505; } .n_table tr:last-of-type th, .n_table tr:last-of-type td{ border-bottom:none; } .conversionButtonFixedInner{ max-width: calc( 100% / 3); max-height: none; } body .conversionButtonFixedItem.inputbtn.formInputBtn{ justify-content: center; align-items: flex-start; background-size: 100%; font-family: 'Yusei Magic', serif; min-width: auto; min-height: auto; overflow: hidden; font-size: 12px!important; background-size: cover; padding: 10px 30px 10px 10px !important; text-decoration: none; } .conversionButtonFixedItem.inputbtn.formInputBtn:before{ width: 20px; height: 20px; background-size: contain; top: calc(50% - 10px); right: 5px; } .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%; } .mail_body_edit h3{ margin-bottom: 15px; } .progressDetail{ position: relative; top: -5px; } /*------ 会社案内 ------*/ .div_box_company_pict{ display: block; margin: 0 auto; padding: 0; } .company_pict:last-of-type{ margin-right: 0; } .company_pict a{ text-align: center; } .block_outer_company_contact{ 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 15px; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); box-sizing: border-box; } .block_outer .right_link{ line-height: 1em; border: none; padding: 15px 0 0; } /*------ access ------*/ #main_contents #block_outer_access_info{ 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 15px 90px; box-shadow: 5px 5px 3px 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 { cl margin:0 auto; width: 100%; padding: 0; } .googleMapOuter{ width: 100% !important; } .access_info{ text-align: center; color: #333; padding: 0; } .access_info p{ margin: 0 0 10px; } .access_info p:nth-of-type(2){ font-size: 32px; } .access_info p.link{ margin: 30px auto 0; border-bottom: none; } #main_copy{ letter-spacing: .05em; } /***************************************************************/ /*　中古車一覧　　*/ #main_contents #carSearch_public{ width: 100%; max-width: none; padding-left: 0; } #main_contents #carListOpenOrClose { width: 100%; margin: 0 auto 20px; } .block_outer .usercar_list { background: none; clear: none; width: 100%; padding: 10px; margin: 0 auto 20px; box-sizing: border-box; border: 1px solid #999; border-radius: 0; } .list_con table th { 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 { background: transparent; border-bottom: 1px solid #999; color: #333; font-size: 12px; font-weight: normal; padding: 5px 0 5px 8px; text-align: left; min-height: 30px; } .usercar_list h3 { background: none; 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; position: static; } .usercar_list h3 a:link, .usercar_list h3 a:visited { font-family: 'Yusei Magic', serif; text-decoration: none; display: inline-block; border: none; color: #333; background: none; background-image: url(../images/usedcar_h3_line.png); background-size: 100% auto; background-repeat: no-repeat; background-position: top left; padding: 0; } .usercar_list .sample_name{ font-size: 10px; } .usercar_list .list_con{ font-family: 'Noto Sans JP', sans-serif; } .list_main p{ width: 100%; padding-right: 0px !important; } .list_main a img { width: 100%; } .list_main dl { float: right; width: 100%; text-align: left; display: block; padding: 5px; border: 1px solid #CCCCCC; background-color: #F7F7F7; box-sizing: border-box; margin-bottom: 5px; } .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; } .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: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{ margin: 0 5px 0 0; } #car_list_base #carListSlideShow_wrapper .thumbnail_box{ margin-right: 15px; } /***************************************************************/ /*　中古車詳細　　*/ .block_outer #usercar_base { width: auto; margin-bottom: 30px; padding: 0; 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 { background-color: #e4e4e4 !important; padding: 5px; text-align: left; } .kihon_tale { margin-bottom: 25px; } .kihon_tale th, .kihon_tale2 th { background: none; background-color: #676767 !important; padding: 5px; line-height: 140%; } #usercar_base .kihon_tale td, #usercar_base .kihon_tale2 td{ background: none; background-color: #e4e4e4 !important; padding: 5px; } .kihon_tale2 { width: 100%; margin-bottom: 25px; font-size: 12px; } .soubishiyou { width: 100%; margin-bottom: 25px; font-size:10px; } .soubishiyou th { background: none; background-color: #676767 !important; padding: 5px; line-height: 120%; } .soubishiyou td { background-color: #e4e4e4 !important; padding: 5px; } .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 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{ width: calc( 100% - 30px ); color:#333; letter-spacing: .2em; font-weight: 400; margin: 0 auto; text-align: center; padding: 30px 30px 0; background-color: rgba(255, 255, 255, 0.8); box-sizing: border-box; position: relative; border-radius: 0; box-shadow: 5px 0px 3px -3px rgba(0, 0, 0, 0.15); } .usedcar_info_body .shop_info_box:before{ content: ""; width: 21px; height: 45px; position: absolute; top: -10px; right: 30px; background-image: url(../images/clip.png); background-position: top right; background-repeat: no-repeat; background-size: contain; } .usedcar_info_body .shop_info_box h3{ text-align: center; font-size: 14px; 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: 24px; font-weight: bold; margin: 0px; padding: 0px; } .usedcar_info_body .shop_info_box p .shop_name { clear:both; font-size: 18px; display: block; border: none; padding-bottom: 15px; } .usedcar_info_body .shop_info_box p .tel_num{ color: #C00; font-size: 24px; font-weight: bold; clear: both; display: block; padding-bottom: 15px; background: none; } .usedcar_info_body .shop_info_box p .tel_num span{ padding-left: 20px; position: relative; } .usedcar_info_body .shop_info_box p .tel_num span:before{ width: 20px; height: 20px; content: ""; display: block; position: absolute; background: url(../images/usedcar_tel_icon.png) no-repeat center; background-size: 17px 17px; top: 0.35em; bottom: 0.17em; left: 0; } .usedcar_info_body .shop_info_box p .shop_adrs { font-style: normal; font-size: 13px; font-weight: normal; display: block; clear: both; text-align: center; padding-bottom: 15px; } .usedcar_info_body .shop_info_box p .shop_hour { font-size: 12px; font-weight: normal; font-style: normal; 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; position: relative; } .pr_come:before{ content: "POINT"; width: 40px; height: 20px; position: absolute; top: 0; left: 0px; background-color: #333; color: #fff; font-size: 12px; 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; } .usedcar_regi_link { width: calc( 100% - 30px ); 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; border-radius: 0; box-shadow: 5px 0px 3px -3px rgba(0, 0, 0, 0.15); } .historyback_box { font-size: 16px; text-align: center; padding: 15px 30px 30px; height: 120px; margin: 0 auto 90px; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); box-sizing: border-box; width: calc( 100% - 30px ); background-color: rgba(255, 255, 255, 0.8); } .backtop { width: 60px; height: 60px; background: none; right: 0; } .backtop a { background-image: url(../images/99cc00.png); background-repeat: no-repeat; background-size: contain; color: transparent !important; display: block; width: 60px; height: 60px; position: absolute; z-index: 1; line-height: 0; right: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /*パンくずリスト(徳田仮追加)*/ #pan { clear: both; margin: 0 auto !important; width: 100%; box-sizing: border-box; background: none; } #pan:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } #pan li { color: #333; 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 { margin: 0; padding: 30px; width: 100%; box-sizing: border-box; border-radius: 0; background: rgba(255, 255, 255, 0.8); } 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: 2px 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: .05em; font-size: 16px; padding: 0; } /*------side_bar_sub------*/ .side_bar_sub { margin: 45px auto 100px; padding: 0 30px 30px !important; position: relative; box-sizing: border-box; background: none; box-shadow: none; } .side_bar_sub > div:not(.plusBlockBtn_side){ width: 100%; box-sizing: border-box; page-break-inside: avoid; break-inside: avoid; padding: 15px 0 !important; } .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; } #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 { 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; border-radius: 0; color: #ffffff; display: flex; align-items: center; font-size: 18px; font-weight: normal; font-family: 'Yusei Magic', serif; padding: 10px 65px 10px 25px; 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; } #sidebar_shp_inf .link 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; } /*サイドバーにあるリンクボタン*/ .side_bar_sub p.link { margin: 30px 0 0; padding: 0 5% 15px; } .subpageLink .side-middle-menu__list .grandson{ margin: 15px 0 0; } .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: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_link_block p.link_banner, #side_link_block p.link{ margin: 0; padding: 15px 5%; background-color: rgba(255, 255, 255, 0.8) !important; box-shadow: 5px 0px 3px -3px rgba(0, 0, 0, 0.15); } .side_bar_sub #side_link_block p:last-of-type{ box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); } .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 #side_lead_block_01 h4, .side_bar_sub #side_lead_block_02 h4, .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: 21px; font-family: 'Yusei Magic', serif !important; padding: 0 70px 0 15px; margin: 0 0 5px; height: 70px; box-sizing: border-box; color: #b6b944; font-weight: bold; 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; } .side_bar_sub #side_lead_block_01 h4:before, .side_bar_sub #side_lead_block_02 h4:before, .side_bar_sub #sidetopics01 h4:before, .side_bar_sub #sidetopics02 h4:before, .side_bar_sub .like_topics_block h4:before, .side_bar_sub #mobile_QR_info h4:before, .side_bar_sub h4#shop_info_title:before, .side_bar_sub #sv_title:before, .side_bar_sub #side_link_block h4:before, .side_bar_sub div#eigyoubi_cal h4: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; border: none; filter: none; -webkit-transform: translate(0, 0%) rotate(-90deg); transform: translate(0, 0%) rotate(-90deg); } .side_bar_sub #side_lead_block_01 h4.activate:before, .side_bar_sub #side_lead_block_02 h4.activate:before, .side_bar_sub #sidetopics01 h4.activate:before, .side_bar_sub #sidetopics02 h4.activate:before, .side_bar_sub .like_topics_block h4.activate:before, .side_bar_sub #mobile_QR_info h4.activate:before, .side_bar_sub h4#shop_info_title:before, .side_bar_sub #sv_title.activate:before, .side_bar_sub #side_link_block h4.activate:before, .side_bar_sub div#eigyoubi_cal h4.activate:before{ -webkit-transform: translate(0, 0%) rotate(90deg); transform: translate(0, 0%) rotate(90deg); } .side_bar_sub #side_lead_block_01 h4 > span, .side_bar_sub #side_lead_block_02 h4 > span, .side_bar_sub #sidetopics01 h4 > span, .side_bar_sub #sidetopics02 h4 > span, .side_bar_sub .like_topics_block h4 > span, .side_bar_sub #mobile_QR_info h4 > span, .side_bar_sub h4#shop_info_title > span, .side_bar_sub #sv_title > span, .side_bar_sub #side_link_block h4 > span, .side_bar_sub div#eigyoubi_cal h4 > span{ max-height: 2.5em; font-family: 'Yusei Magic', serif !important; overflow: hidden; line-height: 1.25em; } /*サイドバートピックス見出し*/ .box_side_topics h5 { box-sizing: border-box; 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.side_img_box_max, .side_img_box.box_side_topics_max{ width: calc( 100% - 20px ) !important; float: none !important; margin: 0 auto 15px; } .side_img_box_max img.side_pict{ width: 100% !important; } .map_box { background-color: rgba(255, 255, 255, 0.8); border-radius: 0; text-align: center; margin: 0; padding: 0 0 15px; box-shadow: 5px 0px 3px rgba(0, 0, 0, 0.15); } .side_bar_sub address{ padding: 0 5%; } #sidebar_shp_inf{ background-color: rgba(255, 255, 255, 0.8); border-radius: 0; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); } #sidebar_shp_inf div.side_shop_info_mapbottom{ background: none; border-radius: 0; box-shadow: none; } .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; padding: 30px 0; background-color: rgba(255, 255, 255, 0.8); box-shadow: 5px 0px 3px rgba(0, 0, 0, 0.15); } .side_bar_sub .box_side_topics:nth-last-of-type(2), .side_bar_sub .box_side_topics:last-of-type{ border: none; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); } #sidetopics01 .box_side_topics:last-child, #sidetopics02 .box_side_topics:last-child, .like_topics_block .box_side_topics:last-child{ padding: 30px 0; } .box_side_topics, .like_box_side_topics{ box-sizing: border-box; } .boxs p, #eigyoubi_cal .box_side_claendar #sideCalendar_01_1{ color: #333; line-height: 120%; font-size: 14px; } #eigyoubi_cal .monthlyCalendarHead{ background-color: rgba(255, 255, 255, 0.8); border-radius: 0; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); } .box_side_claendar{ background-color: rgba(255, 255, 255, 0.8); border-radius: 0; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.15); padding: 15px; } .side_bar_sub .plusBlockBtn_side{ clear: both !important; float: right !important; } /*お問い合わせボタン*/ .link_cap_txt{ color: #333; font-size: 14px !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 { border: none; 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{ border-radius: 0; box-sizing: border-box; padding: 10px 5px; color: #333; background: none; text-decoration: none; border: 1px solid #999; } .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; } .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%; clear: both; display: block; float: left; margin: 0 0 15px !important; overflow: hidden; padding: 0 !important; } .block_outer .thumbnail_box .carthumb_img img{ width: calc(100% - 4px); border: 3px solid #fff; box-shadow: 4px 4px 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; } .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; } /*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, .side_bar_sub #edittable02 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: 0 auto 45px; padding: 0; background: none; border-radius: 0; box-shadow: none; } #midbox_wrapper{ margin: 45px 0; padding: 0 5%; } #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 15px; } .block_outer .js-imageBoxBackground{ padding: 160px 0 0; } .block_outer .js-imageBoxBackground .editTextOuter{ min-height: 160px; backgr255, 255, 255, 0.95); box-shadow: none; } .edit .block_outer .js-imageBoxBackground .editTextOuter{ padding: 20px 20px 40px; } .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{ background: #b6b944; } .ec-cart .ec-cart__progress-item--current:after{ background: #b6b944; } #main_contents .ec-cart__progress{ margin: 5px 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{ 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; } #carDetailOpenOrClose p{ width: calc( 30% - 10px ) !important; } /* レビューページ */ #body_free.reviewPage #main_img_wrapper{ position: relative; } #body_free.reviewPage #main_img_wrapper:after{ display: none; } .reviewTopContents{ margin: 0 auto; } @font-face { font-family: "notoSerifJpBlack"; src: url(../fonts/notoSerifJpBlack.woff) format("woff"); font-display: swap; } @font-face { font-family: "sourceHanSansRegular"; src: url(../fonts/sourceHanSansRegular.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: "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: "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: u/logoTypeGothic.woff) format("woff"); font-display: swap; } @media screen and (max-width:480px) and (hover:hover){ *{ scrollbar-width: thin; } } th,td { word-break:break-all; } .disnon { disp } .js-bold{ font-weight:bold; } .disBlock { display: block; } #menu_trigger{ cursor: pointer; } body.no_pc_header_menu_top #menu_trigger, body.no_pc_header_menu_middle #menu_trigger, body.no_pc_header_menu_top #smt_3menu, body.no_pc_header_menu_middle #smt_3menu, body.no_footer_menu .footerContentOuter{ display:none !important; } body.no_pc_header_menu_left #menu_trigger, body.no_pc_header_menu_right #menu_trigger, body.no_pc_header_menu_left #smt_3menu, body.no_pc_header_menu_right #smt_3menu{ height:0; padding:0; overflow:hidden; border: none; background: none; } body.no_pc_header_menu_left.edit, body.no_pc_header_menu_right.edit, body.no_pc_header_menu_top.edit, body.no_pc_header_menu_middle.edit { margin: 30px 0 0; } .no_estimate_page #fmenu_estimate{ display:none !important; } .sliderImage .slider_title{ width: calc( 100vw - 80px ); display: block; left position: absolute; top: 40px; } .sliderImage .slider_title[data-disp-flag = "1"]{ display: none; } .sliderIr_title p{ font-family: 'M PLUS 1p', sans-serif; font-size: calc(0.75rem + ((1vw - 2.8px) * 2)); color: #FFF; line-height: 1.4; text-shadow: 0px 1px 1px rgba(0,0,0,0.8); } .sliderImage .slider_title p b{ font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 36px; color: #FFF; letter-spacing: -.01em; text-shadow: none; } .sliderImage .slider_title p b.str_num_under_8{font-size: calc(1.75rem + ((1vw - 2.8px) * 14.5));} .sliderImage .slider_title p b.str_num_8{font-size: calc(1.5625rem + ((1vw - 2.8px) * 12.5));} .sliderImage .slider_title p b.str_num_9{font-size: calc(1.375rem + ((1vw - 2.8px) * 11));} .sliderImage .slider_title p b.str_num_10{font-size: calc(1.25rem + ((1vw - 2.8px) * 10));} .sliderImage .slider_title p b.str_num_11{font-size: calc(1.125rem + ((1vw - 2.8px) * 9));} .sliderImage .slider_title p b.str_num_over_11{font-size: calc(1.0625rem + ((1vw - 2.8px) * 8));} .sliderImage .slider_title p.main_color_000000 b{ text-shadow: rgb(0, 0, 0) 3px 0px 0px, rgb(0, 0, 0) 2.83487px 0.981584px 0px, rgb(0, 0, 0) 2.35766px 1.85511px 0px, rgb(0, 0, 0) 1.62091px 2.52441px 0px, rgb(0, 0, 0) 0.705713px 2.91581px 0px, rgb(0, 0, 0) -0.287171px 2.98622px 0px, rgb(0, 0, 0) -1.24844px 2.72789px 0px, rgb(0, 0, 0) -2.07227px 2.16926px 0px, rgb(0, 0, 0) -2.66798px 1.37182px 0px, rgb(0, 0, 0) -2.96998px 0.42336px 0px, rgb(0, 0, 0) -2.94502px -0.571704px 0px, rgb(0, 0, 0) -2.59586px -1.50383px 0px, rgb(0, 0, 0) -1.96093px -2.27041px 0px, rgb(0, 0, 0) -1.11013px -2.78704px 0px, rgb(0, 0, 0) -0.137119px -2.99686px 0px, rgb(0, 0, 0) 0.850987px -2.87677px 0px, rgb(0, 0, 0) 1.74541px -2.43999px 0px, rgb(0, 0, 0) 2.44769px -1.73459px 0px, rgb(0, 0, 0) 2.88051px -0.838247px 0px,rgb(153, 153, 153) 5px 0px 0px, rgb(153, 153, 153) 4.90033px 0.993347px 0px, rgb(153, 153, 153) 4.60531px 1.94709px 0px, rgb(153, 153, 153) 4.12668px 2.82321px 0px, rgb(153, 153, 153) 3.48353px 3.58678px 0px, rgb(153, 153, 153) 2.70151px 4.20736px 0px, rgb(153, 153, 153) 1.81179px 4.6602px 0px, rgb(153, 153, 153) 0.849836px 4.92725px 0px, rgb(153, 153, 153) -0.145998px 4.99787px 0px, rgb(153, 153, 153) -1.13601px 4.86924px 0px, rgb(153, 153, 153) -2.08073px 4.54649px 0px, rgb(153, 153, 153) -2.94251px 4.04248px 0px, rgb(153, 153, 153) -3.68697px 3.37732px 0px, rgb(153, 153, 153) -4.28444px 2.57751px 0px, rgb(153, 153, 153) -4.71111px 1.67494px 0px, rgb(153, 153, 153) -4.94996px 0.7056px 0px, rgb(153, 153, 153) -4.99147px -0.291871px 0px, rgb(153, 153, 153) -4.83399px -1.27771px 0px, rgb(153, 153, 153) -4.48379px -2.2126px 0px, rgb(153, 153, 153) -3.95484px -3.05929px 0px, rgb(153, 153, 153) -3.26822px -3.78401px 0px, rgb(153, 153, 153) -2.4513px -4.35788px 0px, rgb(153, 153, 153) -1.53666px -4.75801px 0px, rgb(153, 153, 153) -0.560763px -4.96845px 0px, rgb(153, 153, 153) 0.437495px -4.98082px 0px, rgb(153, 153, 153) 1.41831px -4.79462px 0px, rgb(153, 153, 153) 2.34258px -4.41727px 0px, rgb(153, 153, 153) 3.17346px -3.86382px 0px, rgb(153, 153, 153) 3.87783px -3.15633px 0px, rgb(153, 153, 153) 4.4276px -2.32301px 0px, rgb(153, 153, 153) 4.80085px -1.39708px 0px, rgb(153, 153, 153) 4.98271px -0.415447px 0px; } .sliderImage .slider_title p.main_color_006600 b{ text-shadow: rgb(0, 102, 0) 3px 0px 0px, rgb(0, 102, 0) 2.83487px 0.981584px 0px, rgb(0, 102, 0) 2.35766px 1.85511px 0px, rgb(0, 102, 0) 1.62091px 2.52441px 0px, rgb(0, 102, 0) 0.705713px 2.91581px 0px, rgb(0, 102, 0) -0.287171px 2.98622px 0px, rgb(0, 102, 0) -1.24844px 2.72789px 0px, rgb(0, 102, 0) -2.07227px 2.16926px 0px, rgb(0, 102, 0) -2.66798px 1.37182px 0px, rgb(0, 102, 0) -2.96998px 0.42336px 0px, rgb(0, 102, 0) -2.94502px -0.571704px 0px, rgb(0, 102, 0) -2.59586px -1.50383px 0px, rgb(0, 102, 0) -1.96093px -2.27041px 0px, rgb(0, 102, 0) -1.11013px -2.78704px 0px, rgb(0, 102, 0) -0.137119px -2.99686px 0px, rgb(0, 102, 0) 0.850987px -2.87677px 0px, rgb(0, 102, 0) 1.74541px -2.43999px 0px, rgb(0, 102, 0) 2.44769px -1.73459px 0px, rgb(0, 102, 0) 2.88051px -0.838247px 0px,rgb(51, 204, 0) 5px 0px 0px, rgb(51, 204, 0) 4.90033px 0.993347px 0px, rgb(51, 204, 0) 4.60531px 1.94709px 0px, rgb(51, 204, 0) 4.12668px 2.82321px 0px, rgb(51, 204, 0) 3.48353px 3.58678px 0px, rgb(51, 204, 0) 2.70151px 4.20736px 0px, rgb(51, 204, 0) 1.81179px 4.6602px 0px, rgb(51, 204, 0) 0.849836px 4.92725px 0px, rgb(51, 204, 0) -0.145998px 4.99787px 0px, rgb(51, 204, 0) -1.13601px 4.86924px 0px, rgb(51, 204, 0) -2.08073px 4.54649px 0px, rgb(51, 204, 0) -2.94251px 4.04248px 0px, rgb(51, 204, 0) -3.68697px 3.37732px 0px, rgb(51, 204, 0) -4.28444px 2.57751px 0px, rgb(51, 204, 0) -4.71111px 1.67494px 0px, rgb(51, 204, 0) -4.94996px 0.7056px 0px, rgb(51, 204, 0) -4.99147px -0.291871px 0px, rgb(51, 204, 0) -4.83399px -1.27771px 0px, rgb(51, 204, 0) -4.48379px -2.2126px 0px, rgb(51, 204, 0) -3.95484px -3.05929px 0px, rgb(51, 204, 0) -3.26822px -3.78401px 0px, rgb(51, 204, 0) -2.4513px -4.35788px 0px, rgb(51, 204, 0) -1.53666px -4.75801px 0px, rgb(51, 204, 0) -0.560763px -4.96845px 0px, rgb(51, 204, 0) 0.437495px -4.98082px 0px, rgb(51, 204, 0) 1.41831px -4.79462px 0px, rgb(51, 204, 0) 2.34258px -4.41727px 0px, rgb(51, 204, 0) 3.17346px -3.86382px 0px, rgb(51, 204, 0) 3.87783px -3.15633px 0px, rgb(51, 204, 0) 4.4276px -2.32301px 0px, rgb(51, 204, 0) 4.80085px -1.39708px 0px, rgb(51, 204, 0) 4.98271px -0.415447px 0px; } .sliderImage .slider_title p.main_color_cc0000 b{ text-shadow: rgb(204, 0, 0) 3px 0px 0px, rgb(204, 0, 0) 2.83487px 0.981584px 0px, rgb(204, 0, 0) 2.35766px 1.85511px 0px, rgb(204, 0, 0) 1.62091px 2.52441px 0px, rgb(204, 0, 0) 0.705713px 2.91581px 0px, rgb(204, 0, 0) -0.287171px 2.98622px 0px, rgb(204, 0, 0) -1.24844px 2.72789px 0px, rgb(204, 0, 0) -2.07227px 2.16926px 0px, rgb(204, 0, 0) -2.66798px 1.37182px 0px, rgb(204, 0, 0) -2.96998px 0.42336px 0px, rgb(204, 0, 0) -2.94502px -0.571704px 0px, rgb(204, 0, 0) -2.59586px -1.50383px 0px, rgb(204, 0, 0) -1.96093px -2.27041px 0px, rgb(204, 0, 0) -1.11013px -2.78704px 0px, rgb(204, 0, 0) -0.137119px -2.99686px 0px, rgb(204, 0, 0) 0.850987px -2.87677px 0px, rgb(204, 0, 0) 1.74541px -2.43999px 0px, rgb(204, 0, 0) 2.44769px -1.73459px 0px, rgb(204, 0, 0) 2.88051px -0.838247px 0px,rgb(255, 0, 0) 5px 0px 0px, rgb(255, 0, 0) 4.90033px 0.993347px 0px, rgb(255, 0, 0) 4.60531px 1.94709px 0px, rgb(255, 0, 0) 4.12668px 2.82321px 0px, rgb(255, 0, 0) 3.48353px 3.58678px 0px, rgb(255, 0, 0) 2.70151px 4.20736px 0px, rgb(255, 0, 0) 1.81179px 4.6602px 0px, rgb(255, 0, 0) 0.849836px 4.92725px 0px, rgb(255, 0, 0) -0.145998px 4.99787px 0px, rgb(255, 0, 0) -1.13601px 4.86924px 0px, rgb(255, 0, 0) -2.08073px 4.54649px 0px, rgb(255, 0, 0) -2.94251px 4.04248px 0px, rgb(255, 0, 0) -3.68697px 3.37732px 0px, rgb(255, 0, 0) -4.28444px 2.57751px 0px, rgb(255, 0, 0) -4.71111px 1.67494px 0px, rgb(255, 0, 0) -4.94996px 0.7056px 0px, rgb(255, 0, 0) -4.99147px -0.291871px 0px, rgb(255, 0, 0) -4.83399px -1.27771px 0px, rgb(255, 0, 0) -4.48379px -2.2126px 0px, rgb(255, 0, 0) -3.95484px -3.05929px 0px, rgb(255, 0, 0) -3.26822px -3.78401px 0px, rgb(255, 0, 0) -2.4513px -4.35788px 0px, rgb(255, 0, 0) -1.53666px -4.75801px 0px, rgb(255, 0, 0) -0.560763px -4.96845px 0px, rgb(255, 0, 0) 0.437495px -4.98082px 0px, rgb(255, 0, 0) 1.41831px -4.79462px 0px, rgb(255, 0, 0) 2.34258px -4.41727px 0px, rgb(255, 0, 0) 3.17346px -3.86382px 0px, rgb(255, 0, 0) 3.87783px -3.15633px 0px, rgb(255, 0, 0) 4.4276px -2.32301px 0px, rgb(255, 0, 0) 4.80085px -1.39708px 0px, rgb(255, 0, 0) 4.98271px -0.415447px 0px; } .sliderImage .slider_title p.main_color_6633cc b{ text-shadow: rgb(102, 51, 204) 3px 0px 0px, rgb(102, 51, 204) 2.83487px 0.981584px 0px, rgb(102, 51, 204) 2.35766px 1.85511px 0px, rgb(102, 51, 204) 1.62091px 2.52441px 0px, rgb(102, 51, 204) 0.705713px 2.91581px 0px, rgb(102, 51, 204) -0.287171px 2.98622px 0px, rgb(102, 51, 204) -1.24844px 2.72789px 0px, rgb(102, 51, 204) -2.07227px 2.16926px 0px, rgb(102, 51, 204) -2.66798px 1.37182px 0px, rgb(102, 51, 204) -2.96998px 0.42336px 0px, rgb(102, 51, 204) -2.94502px -0.571704px 0px, rgb(102, 51, 204) -2.59586px -1.50383px 0px, rgb(102, 51, 204) -1.96093px -2.27041px 0px, rgb(102, 51, 204) -1.11013px -2.78704px 0px, rgb(102, 51, 204) -0.137119px -2.99686px 0px, rgb(102, 51, 204) 0.850987px -2.87677px 0px, rgb(102, 51, 204) 1.74541px -2.43999px 0px, rgb(102, 51, 204) 2.44769px -1.73459px 0px, rgb(102, 51, 204) 2.88051px -0.838247px 0px,rgb(204, 153, 255) 5px 0px 0px, rgb(204, 153, 255) 4.90033px 0.993347px 0px, rgb(204, 153, 255) 4.60531px 1.94709px 0px, rgb(204, 153, 255) 4.12668px 2.82321px 0px, rgb(204, 153, 255) 3.48353px 3.58678px 0px, rgb(204, 153, 255) 2.70151px 4.20736px 0px, rgb(204, 153, 255) 1.81179px 4.6602px 0px, rgb(204, 153, 255) 0.849836px 4.92725px 0px, rgb(204, 153, 255) -0.145998px 4.99787px 0px, rgb(204, 153, 255) -1.13601px 4.86924px 0px, rgb(204, 153, 255) -2.08073px 4.54649px 0px, rgb(204, 153, 255) -2.94251px 4.04248px 0px, rgb(204, 153, 255) -3.68697px 3.37732px 0px, rgb(204, 153, 255) -4.28444px 2.57751px 0px, rgb(204, 153, 255) -4.71111px 1.67494px 0px, rgb(204, 153, 255) -4.94996px 0.7056px 0px, rgb(204, 153, 255) -4.99147px -0.291871px 0px, rgb(204, 153, 255) -4.83399px -1.27771px 0px, rgb(204, 153, 255) -4.48379px -2.2126px 0px, rgb(204, 153, 255) -3.95484px -3.05929px 0px, rgb(204, 153, 255) -3.26822px -3.78401px 0px, rgb(204, 153, 255) -2.4513px -4.35788px 0px, rgb(204, 153, 255) -1.53666px -4.75801px 0px, rgb(204, 153, 255) -0.560763px -4.96845px 0px, rgb(204, 153, 255) 0.437495px -4.98082px 0px, rgb(204, 153, 255) 1.41831px -4.79462px 0px, rgb(204, 153, 255) 2.34258px -4.41727px 0px, rgb(204, 153, 255) 3.17346px -3.86382px 0px, rgb(204, 153, 255) 3.87783px -3.15633px 0px, rgb(204, 153, 255) 4.4276px -2.32301px 0px, rgb(204, 153, 255) 4.80085px -1.39708px 0px, rgb(204, 153, 255) 4.98271px -0.415447px 0px; } .sliderImage .slider_title p.main_color_ff6699 b{ text-shadow: rgb(255, 102, 153) 3px 0px 0px, rgb(255, 102, 153) 2.83487px 0.981584px 0px, rgb(255, 102, 153) 2.35766px 1.85511px 0px, rgb(255, 102, 153) 1.62091px 2.52441px 0px, rgb(255, 102, 153) 0.705713px 2.91581px 0px, rgb(255, 102, 153) -0.287171px 2.98622px 0px, rgb(255, 102, 153) -1.24844px 2.72789px 0px, rgb(255, 102, 153) -2.07227px 2.16926px 0px, rgb(255, 102, 153) -2.66798px 1.37182px 0px, rgb(255, 102, 153) -2.96998px 0.42336px 0px, rgb(255, 102, 153) -2.94502px -0.571704px 0px, rgb(255, 102, 153) -2.59586px -1.50383px 0px, rgb(255, 102, 153) -1.96093px -2.27041px 0px, rgb(255, 102, 153) -1.11013px -2.78704px 0px, rgb(255, 102, 153) -0.137119px -2.99686px 0px, rgb(255, 102, 153) 0.850987px -2.87677px 0px, rgb(255, 102, 153) 1.74541px -2.43999px 0px, rgb(255, 102, 153) 2.44769px -1.73459px 0px, rgb(255, 102, 153) 2.88051px -0.838247px 0px,rgb(255, 204, 255) 5px 0px 0px, rgb(255, 204, 255) 4.90033px 0.993347px 0px, rgb(255, 204, 255) 4.60531px 1.94709px 0px, rgb(255, 204, 255) 4.12668px 2.82321px 0px, rgb(255, 204, 255) 3.48353px 3.58678px 0px, rgb(255, 204, 255) 2.70151px 4.20736px 0px, rgb(255, 204, 255) 1.81179px 4.6602px 0px, rgb(255, 204, 255) 0.849836px 4.92725px 0px, rgb(255, 204, 255) -0.145998px 4.99787px 0px, rgb(255, 204, 255) -1.13601px 4.86924px 0px, rgb(255, 204, 255) -2.08073px 4.54649px 0px, rgb(255, 204, 255) -2.94251px 4.04248px 0px, rgb(255, 204, 255) -3.68697px 3.37732px 0px, rgb(255, 204, 255) -4.28444px 2.57751px 0px, rgb(255, 204, 255) -4.71111px 1.67494px 0px, rgb(255, 204, 255) -4.94996px 0.7056px 0px, rgb(255, 204, 255) -4.99147px -0.291871px 0px, rgb(255, 204, 255) -4.83399px -1.27771px 0px, rgb(255, 204, 255) -4.48379px -2.2126px 0px, rgb(255, 204, 255) -3.95484px -3.05929px 0px, rgb(255, 204, 255) -3.26822px -3.78401px 0px, rgb(255, 204, 255) -2.4513px -4.35788px 0px, rgb(255, 204, 255) -1.53666px -4.75801px 0px, rgb(255, 204, 255) -0.560763px -4.96845px 0px, rgb(255, 204, 255) 0.437495px -4.98082px 0px, rgb(255, 204, 255) 1.41831px -4.79462px 0px, rgb(255, 204, 255) 2.34258px -4.41727px 0px, rgb(255, 204, 255) 3.17346px -3.86382px 0px, rgb(255, 204, 255) 3.87783px -3.15633px 0px, rgb(255, 204, 255) 4.4276px -2.32301px 0px, rgb(255, 204, 255) 4.80085px -1.39708px 0px, rgb(255, 204, 255) 4.98271px -0.415447px 0px; } .sliderImage .slider_title p.main_color_ffcc00 b{ text-shadow: rgb(255, 153, 0) 3px 0px 0px, rgb(255, 153, 0) 2.83487px 0.981584px 0px, rgb(255, 153, 0) 2.35766px 1.85511px 0px, rgb(255, 153, 0) 1.62091px 2.52441px 0px, rgb(255, 153, 0) 0.705713px 2.91581px 0px, rgb(255, 153, 0) -0.287171px 2.98622px 0px, rgb(255, 153, 0) -1.24844px 2.72789px 0px, rgb(255, 153, 0) -2.07227px 2.16926px 0px, rgb(255, 153, 0) -2.66798px 1.37182px 0px, rgb(255, 153, 0) -2.96998px 0.42336px 0px, rgb(255, 153, 0) -2.94502px -0.571704px 0px, rgb(255, 153, 0) -2.59586px -1.50383px 0px, rgb(255, 153, 0) -1.96093px -2.27041px 0px, rgb(255, 153, 0) -1.11013px -2.78704px 0px, rgb(255, 153, 0) -0.137119px -2.99686px 0px, rgb(255, 153, 0) 0.850987px -2.87677px 0px, rgb(255, 153, 0) 1.74541px -2.43999px 0px, rgb(255, 153, 0) 2.44769px -1.73459px 0px, rgb(255, 153, 0) 2.88051px -0.838247px 0px,rgb(255, 204, 0) 5px 0px 0px, rgb(255, 204, 0) 4.90033px 0.993347px 0px, rgb(255, 204, 0) 4.60531px 1.94709px 0px, rgb(255, 204, 0) 4.12668px 2.82321px 0px, rgb(255, 204, 0) 3.48353px 3.58678px 0px, rgb(255, 204, 0) 2.70151px 4.20736px 0px, rgb(255, 204, 0) 1.81179px 4.6602px 0px, rgb(255, 204, 0) 0.849836px 4.92725px 0px, rgb(255, 204, 0) -0.145998px 4.99787px 0px, rgb(255, 204, 0) -1.13601px 4.86924px 0px, rgb(255, 204, 0) -2.08073px 4.54649px 0px, rgb(255, 204, 0) -2.94251px 4.04248px 0px, rgb(255, 204, 0) -3.68697px 3.37732px 0px, rgb(255, 204, 0) -4.28444px 2.57751px 0px, rgb(255, 204, 0) -4.71111px 1.67494px 0px, rgb(255, 204, 0) -4.94996px 0.7056px 0px, rgb(255, 204, 0) -4.99147px -0.291871px 0px, rgb(255, 204, 0) -4.83399px -1.27771px 0px, rgb(255, 204, 0) -4.48379px -2.2126px 0px, rgb(255, 204, 0) -3.95484px -3.05929px 0px, rgb(255, 204, 0) -3.26822px -3.78401px 0px, rgb(255, 204, 0) -2.4513px -4.35788px 0px, rgb(255, 204, 0) -1.53666px -4.75801px 0px, rgb(255, 204, 0) -0.560763px -4.96845px 0px, rgb(255, 204, 0) 0.437495px -4.98082px 0px, rgb(255, 204, 0) 1.41831px -4.79462px 0px, rgb(255, 204, 0) 2.34258px -4.41727px 0px, rgb(255, 204, 0) 3.17346px -3.86382px 0px, rgb(255, 204, 0) 3.87783px -3.15633px 0px, rgb(255, 204, 0) 4.4276px -2.32301px 0px, rgb(255, 204, 0) 4.80085px -1.39708px 0px, rgb(255, 204, 0) 4.98271px -0.415447px 0px; } .sliderImage .slider_title p.main_color_ffffff b{ text-shadow: rgb(153, 153, 153) 3px 0px 0px, rgb(153, 153, 153) 2.83487px 0.981584px 0px, rgb(153, 153, 153) 2.35766px 1.85511px 0px, rgb(153, 153, 153) 1.62091px 2.52441px 0px, rgb(153, 153, 153) 0.705713px 2.91581px 0px, rgb(153, 153, 153) -0.287171px 2.98622px 0px, rgb(153, 153, 153) -1.24844px 2.72789px 0px, rgb(153, 153, 153) -2.07227px 2.16926px 0px, rgb(153, 153, 153) -2.66798px 1.37182px 0px, rgb(153, 153, 153) -2.96998px 0.42336px 0px, rgb(153, 153, 153) -2.94502px -0.571704px 0px, rgb(153, 153, 153) -2.59586px -1.50383px 0px, rgb(153, 153, 153) -1.96093px -2.27041px 0px, rgb(153, 153, 153) -1.11013px -2.78704px 0px, rgb(153, 153, 153) -0.137119px -2.99686px 0px, rgb(153, 153, 153) 0.850987px -2.87677px 0px, rgb(153, 153, 153) 1.74541px -2.43999px 0px, rgb(153, 153, 153) 2.44769px -1.73459px 0px, rgb(153, 153, 153) 2.88051px -0.838247px 0px,rgb(0, 0, 0) 5px 0px 0px, rgb(0, 0, 0) 4.90033px 0.993347px 0px, rgb(0, 0, 0) 4.60531px 1.94709px 0px, rgb(0, 0, 0) 4.12668px 2.82321px 0px, rgb(0, 0, 0) 3.48353px 3.58678px 0px, rgb(0, 0, 0) 2.70151px 4.20736px 0px, rgb(0, 0, 0) 1.81179px 4.6602px 0px, rgb(0, 0, 0) 0.849836px 4.92725px 0px, rgb(0, 0, 0) -0.145998px 4.99787px 0px, rgb(0, 0, 0) -1.13601px 4.86924px 0px, rgb(0, 0, 0) -2.08073px 4.54649px 0px, rgb(0, 0, 0) -2.94251px 4.04248px 0px, rgb(0, 0, 0) -3.68697px 3.37732px 0px, rgb(0, 0, 0) -4.28444px 2.57751px 0px, rgb(0, 0, 0) -4.71111px 1.67494px 0px, rgb(0, 0, 0) -4.94996px 0.7056px 0px, rgb(0, 0, 0) -4.99147px -0.291871px 0px, rgb(0, 0, 0) -4.83399px -1.27771px 0px, rgb(0, 0, 0) -4.48379px -2.2126px 0px, rgb(0, 0, 0) -3.95484px -3.05929px 0px, rgb(0, 0, 0) -3.26822px -3.78401px 0px, rgb(0, 0, 0) -2.4513px -4.35788px 0px, rgb(0, 0, 0) -1.53666px -4.75801px 0px, rgb(0, 0, 0) -0.560763px -4.96845px 0px, rgb(0, 0, 0) 0.437495px -4.98082px 0px, rgb(0, 0, 0) 1.41831px -4.79462px 0px, rgb(0, 0, 0) 2.34258px -4.41727px 0px, rgb(0, 0, 0) 3.17346px -3.86382px 0px, rgb(0, 0, 0) 3.87783px -3.15633px 0px, rgb(0, 0, 0) 4.4276px -2.32301px 0px, rgb(0, 0, 0) 4.80085px -1.39708px 0px, rgb(0, 0, 0) 4.98271px -0.415447px 0px; } .sliderImage .slider_title p.main_color_99cc00 b{ text-shadow: rgb(102, 153, 0) 3px 0px 0px, rgb(102, 153, 0) 2.83487px 0.981584px 0px, rgb(102, 153, 0) 2.35766px 1.85511px 0px, rgb(102, 153, 0) 1.62091px 2.52441px 0px, rgb(102, 153, 0) 0.705713px 2.91581px 0px, rgb(102, 153, 0) -0.287171px 2.98622px 0px, rgb(102, 153, 0) -1.24844px 2.72789px 0px, rgb(102, 153, 0) -2.07227px 2.16926px 0px, rgb(102, 153, 0) -2.66798px 1.37182px 0px, rgb(102, 153, 0) -2.96998px 0.42336px 0px, rgb(102, 153, 0) -2.94502px -0.571704px 0px, rgb(102, 153, 0) -2.59586px -1.50383px 0px, rgb(102, 153, 0) -1.96093px -2.27041px 0px, rgb(102, 153, 0) -1.11013px -2.78704px 0px, rgb(102, 153, 0) -0.137119px -2.99686px 0px, rgb(102, 153, 0) 0.850987px -2.87677px 0px, rgb(102, 153, 0) 1.74541px -2.43999px 0px, rgb(102, 153, 0) 2.44769px -1.73459px 0px, rgb(102, 153, 0) 2.88051px -0.838247px 0px,rgb(153, 204, 0) 5px 0px 0px, rgb(153, 204, 0) 4.90033px 0.993347px 0px, rgb(153, 204, 0) 4.60531px 1.94709px 0px, rgb(153, 204, 0) 4.12668px 2.82321px 0px, rgb(153, 204, 0) 3.48353px 3.58678px 0px, rgb(153, 204, 0) 2.70151px 4.20736px 0px, rgb(153, 204, 0) 1.81179px 4.6602px 0px, rgb(153, 204, 0) 0.849836px 4.92725px 0px, rgb(153, 204, 0) -0.145998px 4.99787px 0px, rgb(153, 204, 0) -1.13601px 4.86924px 0px, rgb(153, 204, 0) -2.08073px 4.54649px 0px, rgb(153, 204, 0) -2.94251px 4.04248px 0px, rgb(153, 204, 0) -3.68697px 3.37732px 0px, rgb(153, 204, 0) -4.28444px 2.57751px 0px, rgb(153, 204, 0) -4.71111px 1.67494px 0px, rgb(153, 204, 0) -4.94996px 0.7056px 0px, rgb(153, 204, 0) -4.99147px -0.291871px 0px, rgb(153, 204, 0) -4.83399px -1.27771px 0px, rgb(153, 204, 0) -4.48379px -2.2126px 0px, rgb(153, 204, 0) -3.95484px -3.05929px 0px, rgb(153, 204, 0) -3.26822px -3.78401px 0px, rgb(153, 204, 0) -2.4513px -4.35788px 0px, rgb(153, 204, 0) -1.53666px -4.75801px 0px, rgb(153, 204, 0) -0.560763px -4.96845px 0px, rgb(153, 204, 0) 0.437495px -4.98082px 0px, rgb(153, 204, 0) 1.41831px -4.79462px 0px, rgb(153, 204, 0) 2.34258px -4.41727px 0px, rgb(153, 204, 0) 3.17346px -3.86382px 0px, rgb(153, 204, 0) 3.87783px -3.15633px 0px, rgb(153, 204, 0) 4.4276px -2.32301px 0px, rgb(153, 204, 0) 4.80085px -1.39708px 0px, rgb(153, 204, 0) 4.98271px -0.415447px 0px; } .sliderImage .slider_title p.main_color_0066ff b{ text-shadow: rgb(0, 51, 204) 3px 0px 0px, rgb(0, 51, 204) 2.83487px 0.981584px 0px, rgb(0, 51, 204) 2.35766px 1.85511px 0px, rgb(0, 51, 204) 1.62091px 2.52441px 0px, rgb(0, 51, 204) 0.705713px 2.91581px 0px, rgb(0, 51, 204) -0.287171px 2.98622px 0px, rgb(0, 51, 204) -1.24844px 2.72789px 0px, rgb(0, 51, 204) -2.07227px 2.16926px 0px, rgb(0, 51, 204) -2.66798px 1.37182px 0px, rgb(0, 51, 204) -2.96998px 0.42336px 0px, rgb(0, 51, 204) -2.94502px -0.571704px 0px, rgb(0, 51, 204) -2.59586px -1.50383px 0px, rgb(0, 51, 204) -1.96093px -2.27041px 0px, rgb(0, 51, 204) -1.11013px -2.78704px 0px, rgb(0, 51, 204) -0.137119px -2.99686px 0px, rgb(0, 51, 204) 0.850987px -2.87677px 0px, rgb(0, 51, 204) 1.74541px -2.43999px 0px, rgb(0, 51, 204) 2.44769px -1.73459px 0px, rgb(0, 51, 204) 2.88051px -0.838247px 0px,rgb(0, 153, 255) 5px 0px 0px, rgb(0, 153, 255) 4.90033px 0.993347px 0px, rgb(0, 153, 255) 4.60531px 1.94709px 0px, rgb(0, 153, 255) 4.12668px 2.82321px 0px, rgb(0, 153, 255) 3.48353px 3.58678px 0px, rgb(0, 153, 255) 2.70151px 4.20736px 0px, rgb(0, 153, 255) 1.81179px 4.6602px 0px, rgb(0, 153, 255) 0.849836px 4.92725px 0px, rgb(0, 153, 255) -0.145998px 4.99787px 0px, rgb(0, 153, 255) -1.13601px 4.86924px 0px, rgb(0, 153, 255) -2.08073px 4.54649px 0px, rgb(0, 153, 255) -2.94251px 4.04248px 0px, rgb(0, 153, 255) -3.68697px 3.37732px 0px, rgb(0, 153, 255) -4.28444px 2.57751px 0px, rgb(0, 153, 255) -4.71111px 1.67494px 0px, rgb(0, 153, 255) -4.94996px 0.7056px 0px, rgb(0, 153, 255) -4.99147px -0.291871px 0px, rgb(0, 153, 255) -4.83399px -1.27771px 0px, rgb(0, 153, 255) -4.48379px -2.2126px 0px, rgb(0, 153, 255) -3.95484px -3.05929px 0px, rgb(0, 153, 255) -3.26822px -3.78401px 0px, rgb(0, 153, 255) -2.4513px -4.35788px 0px, rgb(0, 153, 255) -1.53666px -4.75801px 0px, rgb(0, 153, 255) -0.560763px -4.96845px 0px, rgb(0, 153, 255) 0.437495px -4.98082px 0px, rgb(0, 153, 255) 1.41831px -4.79462px 0px, rgb(0, 153, 255) 2.34258px -4.41727px 0px, rgb(0, 153, 255) 3.17346px -3.86382px 0px, rgb(0, 153, 255) 3.87783px -3.15633px 0px, rgb(0, 153, 255) 4.4276px -2.32301px 0px, rgb(0, 153, 255) 4.80085px -1.39708px 0px, rgb(0, 153, 255) 4.98271px -0.415447px 0px; } .sliderImage .slider_title p.main_color_3399ff b{ text-shadow: rgb(51, 153, 255) 3px 0px 0px, rgb(51, 153, 255) 2.83487px 0.981584px 0px, rgb(51, 153, 255) 2.35766px 1.85511px 0px, rgb(51, 153, 255) 1.62091px 2.52441px 0px, rgb(51, 153, 255) 0.705713px 2.91581px 0px, rgb(51, 153, 255) -0.287171px 2.98622px 0px, rgb(51, 153, 255) -1.24844px 2.72789px 0px, rgb(51, 153, 255) -2.07227px 2.16926px 0px, rgb(51, 153, 255) -2.66798px 1.37182px 0px, rgb(51, 153, 255) -2.96998px 0.42336px 0px, rgb(51, 153, 255) -2.94502px -0.571704px 0px, rgb(51, 153, 255) -2.59586px -1.50383px 0px, rgb(51, 153, 255) -1.96093px -2.27041px 0px, rgb(51, 153, 255) -1.11013px -2.78704px 0px, rgb(51, 153, 255) -0.137119px -2.99686px 0px, rgb(51, 153, 255) 0.850987px -2.87677px 0px, rgb(51, 153, 255) 1.74541px -2.43999px 0px, rgb(51, 153, 255) 2.44769px -1.73459px 0px, rgb(51, 153, 255) 2.88051px -0.838247px 0px,rgb(102, 204, 255) 5px 0px 0px, rgb(102, 204, 255) 4.90033px 0.993347px 0px, rgb(102, 204, 255) 4.60531px 1.94709px 0px, rgb(102, 204, 255) 4.12668px 2.82321px 0px, rgb(102, 204, 255) 3.48353px 3.58678px 0px, rgb(102, 204, 255) 2.70151px 4.20736px 0px, rgb(102, 204, 255) 1.81179px 4.6602px 0px, rgb(102, 204, 255) 0.849836px 4.92725px 0px, rgb(102, 204, 255) -0.145998px 4.99787px 0px, rgb(102, 204, 255) -1.13601px 4.86924px 0px, rgb(102, 204, 255) -2.08073px 4.54649px 0px, rgb(102, 204, 255) -2.94251px 4.04248px 0px, rgb(102, 204, 255) -3.68697px 3.37732px 0px, rgb(102, 204, 255) -4.28444px 2.57751px 0px, rgb(102, 204, 255) -4.71111px 1.67494px 0px, rgb(102, 204, 255) -4.94996px 0.7056px 0px, rgb(102, 204, 255) -4.99147px -0.291871px 0px, rgb(102, 204, 255) -4.83399px -1.27771px 0px, rgb(102, 204, 255) -4.48379px -2.2126px 0px, rgb(102, 204, 255) -3.95484px -3.05929px 0px, rgb(102, 204, 255) -3.26822px -3.78401px 0px, rgb(102, 204, 255) -2.4513px -4.35788px 0px, rgb(102, 204, 255) -1.53666px -4.75801px 0px, rgb(102, 204, 255) -0.560763px -4.96845px 0px, rgb(102, 204, 255) 0.437495px -4.98082px 0px, rgb(102, 204, 255) 1.41831px -4.79462px 0px, rgb(102, 204, 255) 2.34258px -4.41727px 0px, rgb(102, 204, 255) 3.17346px -3.86382px 0px, rgb(102, 204, 255) 3.87783px -3.15633px 0px, rgb(102, 204, 255) 4.4276px -2.32301px 0px, rgb(102, 204, 255) 4.80085px -1.39708px 0px, rgb(102, 204, 255) 4.98271px -0.415447px 0px; } .sliderImage .slider_title p.main_color_ff9900 b{ text-shadow: rgb(255, 102, 0) 3px 0px 0px, rgb(255, 102, 0) 2.83487px 0.981584px 0px, rgb(255, 102, 0) 2.35766px 1.85511px 0px, rgb(255, 102, 0) 1.62091px 2.52441px 0px, rgb(255, 102, 0) 0.705713px 2.91581px 0px, rgb(255, 102, 0) -0.287171px 2.98622px 0px, rgb(255, 102, 0) -1.24844px 2.72789px 0px, rgb(255, 102, 0) -2.07227px 2.16926px 0px, rgb(255, 102, 0) -2.66798px 1.37182px 0px, rgb(255, 102, 0) -2.96998px 0.42336px 0px, rgb(255, 102, 0) -2.94502px -0.571704px 0px, rgb(255, 102, 0) -2.59586px -1.50383px 0px, rgb(255, 102, 0) -1.96093px -2.27041px 0px, rgb(255, 102, 0) -1.11013px -2.78704px 0px, rgb(255, 102, 0) -0.137119px -2.99686px 0px, rgb(255, 102, 0) 0.850987px -2.87677px 0px, rgb(255, 102, 0) 1.74541px -2.43999px 0px, rgb(255, 102, 0) 2.44769px -1.73459px 0px, rgb(255, 102, 0) 2.88051px -0.838247px 0px,rgb(255, 153, 0) 5px 0px 0px, rgb(255, 153, 0) 4.90033px 0.993347px 0px, rgb(255, 153, 0) 4.60531px 1.94709px 0px, rgb(255, 153, 0) 4.12668px 2.82321px 0px, rgb(255, 153, 0) 3.48353px 3.58678px 0px, rgb(255, 153, 0) 2.70151px 4.20736px 0px, rgb(255, 153, 0) 1.81179px 4.6602px 0px, rgb(255, 153, 0) 0.849836px 4.92725px 0px, rgb(255, 153, 0) -0.145998px 4.99787px 0px, rgb(255, 153, 0) -1.13601px 4.86924px 0px, rgb(255, 153, 0) -2.08073px 4.54649px 0px, rgb(255, 153, 0) -2.94251px 4.04248px 0px, rgb(255, 153, 0) -3.68697px 3.37732px 0px, rgb(255, 153, 0) -4.28444px 2.57751px 0px, rgb(255, 153, 0) -4.71111px 1.67494px 0px, rgb(255, 153, 0) -4.94996px 0.7056px 0px, rgb(255, 153, 0) -4.99147px -0.291871px 0px, rgb(255, 153, 0) -4.83399px -1.27771px 0px, rgb(255, 153, 0) -4.48379px -2.2126px 0px, rgb(255, 153, 0) -3.95484px -3.05929px 0px, rgb(255, 153, 0) -3.26822px -3.78401px 0px, rgb(255, 153, 0) -2.4513px -4.35788px 0px, rgb(255, 153, 0) -1.53666px -4.75801px 0px, rgb(255, 153, 0) -0.560763px -4.96845px 0px, rgb(255, 153, 0) 0.437495px -4.98082px 0px, rgb(255, 153, 0) 1.41831px -4.79462px 0px, rgb(255, 153, 0) 2.34258px -4.41727px 0px, rgb(255, 153, 0) 3.17346px -3.86382px 0px, rgb(255, 153, 0) 3.87783px -3.15633px 0px, rgb(255, 153, 0) 4.4276px -2.32301px 0px, rgb(255, 153, 0) 4.80085px -1.39708px 0px, rgb(255, 153, 0) 4.98271px -0.415447px 0px; } .sliderImage .slider_title p.main_color_333333 b{ text-shadow: rgb(102, 102, 102) 3px 0px 0px, rgb(102, 102, 102) 2.83487px 0.981584px 0px, rgb(102, 102, 102) 2.35766px 1.85511px 0px, rgb(102, 102, 102) 1.62091px 2.52441px 0px, rgb(102, 102, 102) 0.705713px 2.91581px 0px, rgb(102, 102, 102) -0.287171px 2.98622px 0px, rgb(102, 102, 102) -1.24844px 2.72789px 0px, rgb(102, 102, 102) -2.07227px 2.16926px 0px, rgb(102, 102, 102) -2.66798px 1.37182px 0px, rgb(102, 102, 102) -2.96998px 0.42336px 0px, rgb(102, 102, 102) -2.94502px -0.571704px 0px, rgb(102, 102, 102) -2.59586px -1.50383px 0px, rgb(102, 102, 102) -1.96093px -2.27041px 0px, rgb(102, 102, 102) -1.11013px -2.78704px 0px, rgb(102, 102, 102) -0.137119px -2.99686px 0px, rgb(102, 102, 102) 0.850987px -2.87677px 0px, rgb(102, 102, 102) 1.74541px -2.43999px 0px, rgb(102, 102, 102) 2.44769px -1.73459px 0px, rgb(102, 102, 102) 2.88051px -0.838247px 0px,rgb(204, 204, 204) 5px 0px 0px, rgb(204, 204, 204) 4.90033px 0.993347px 0px, rgb(204, 204, 204) 4.60531px 1.94709px 0px, rgb(204, 204, 204) 4.12668px 2.82321px 0px, rgb(204, 204, 204) 3.48353px 3.58678px 0px, rgb(204, 204, 204) 2.70151px 4.20736px 0px, rgb(204, 204, 204) 1.81179px 4.6602px 0px, rgb(204, 204, 204) 0.849836px 4.92725px 0px, rgb(204, 204, 204) -0.145998px 4.99787px 0px, rgb(204, 204, 204) -1.13601px 4.86924px 0px, rgb(204, 204, 204) -2.08073px 4.54649px 0px, rgb(204, 204, 204) -2.94251px 4.04248px 0px, rgb(204, 204, 204) -3.68697px 3.37732px 0px, rgb(204, 204, 204) -4.28444px 2.57751px 0px, rgb(204, 204, 204) -4.71111px 1.67494px 0px, rgb(204, 204, 204) -4.94996px 0.7056px 0px, rgb(204, 204, 204) -4.99147px -0.291871px 0px, rgb(204, 204, 204) -4.83399px -1.27771px 0px, rgb(204, 204, 204) -4.48379px -2.2126px 0px, rgb(204, 204, 204) -3.95484px -3.05929px 0px, rgb(204, 204, 204) -3.26822px -3.78401px 0px, rgb(204, 204, 204) -2.4513px -4.35788px 0px, rgb(204, 204, 204) -1.53666px -4.75801px 0px, rgb(204, 204, 204) -0.560763px -4.96845px 0px, rgb(204, 204, 204) 0.437495px -4.98082px 0px, rgb(204, 204, 204) 1.41831px -4.79462px 0px, rgb(204, 204, 204) 2.34258px -4.41727px 0px, rgb(204, 204, 204) 3.17346px -3.86382px 0px, rgb(204, 204, 204) 3.87783px -3.15633px 0px, rgb(204, 204, 204) 4.4276px -2.32301px 0px, rgb(204, 204, 204) 4.80085px -1.39708px 0px, rgb(204, 204, 204) 4.98271px -0.415447px 0px; } #tltpFlg { display:none; } .pict_edit_btn, .side_shop_info_edit_btn, .sidebarBoxImageSettingControllerOuter, .sidebarImageEditPallete { min-width: auto !important; background: #f5f5f5; border: 1px solid #ccc; display: flex; left: 0; margin: 0 !important; padding: 5px 3px; position: absolute; top: 0; z-index: 4; } .side_pict_edit_btn, .side_pict_edit_btn { min-width: auto !important; display: flex; left: 0; margin: 0 !important; padding: 5px 3px; position: absolute; top: 0; z-index: 4; } .side_img_box_right .sidebarImageEditPallete, .side_img_box_right .sidebarBoxImageSettingControllerOuter { right: 0; left: unset; } .sidebarImageEditPallete .sidebarImageFixTrigger[data-fix-type="sideSmall"] img, .sidebarImageEditPallete .sidebarImageFixTrigger[data-fix-type="sideBig"] img, .sidebarImageEditPallete .sidebarImageFixTrigger[data-fix-type="sideMax"] img { max-width: none !important; max-height: none !important; } .side_recruit_edit_btn{ left: 5%; } .img_box_left, .img_box_right{ transition: .25s opacity; } .img_box_right .pict_edit_btn { left: auto; right: 0; } .side_img_box.side_img_box_max, .side_img_box.box_side_topics_max { width: 93%; } .side_img_box.side_img_box_big { width: 240px; } .side_img_box.side_img_box_big ~ h5, .side_img_box.side_img_box_max ~ h5 { clear: both; } body .side_img_box { margin: 5px 5px 0 5px; } body .side_bar_sub .box_side_topics h5 { padding: 10px 10px 0 10px; } .side_bar_sub .box_side_topics p { padding: 0 10px 10px 10px; } .side_pict_edit_btn .clear, .pict_edit_btn .clear, .side_pict_edit_btn .clear{ display:none; } .edit .side_pict_edit_btn a, .edit .side_pict_edit_btn div.sidebarImageFixTrigger{ max-width: 23px; height: 23px; none !important; max-height: none !important; background-position: center center !important; box-sizing: content-box; float: none; padding: 0; } .edit .side_pict_edit_btn a img{ /* max-width: none !important; max-height: none !important;*/ } .edit .side_pict_edit_btn a[data-fix-type="delete"] img{ max-width: none !important; } .pict_edit_btn a img, .side_pict_edit_btn a img, .side_pict_edit_btn a img, #sidebar_shp_inf a img, .edit_link_box a img { width: auto !important; padding:0 5px 0 0; } .side_img_box { position: relative; } .side_img_box.side_img_box_right { float: right; } .side_img_box.side_img_box_left { float: left; } .side_img_box.edit_img_empty .side_pict_edit_btn { width: auto !important; box-sizing: border-box; } .side_shop_info_edit_btn .sidebarImageFixTrigger[data-fix-type="pictLeft"], .side_shop_info_edit_btn .sidebarImageFixTrigger[data-fix-type="pictRight"], .side_shop_info_edit_btn .sidebarImageFixTrigger[data-fix-type="sideSmall"], .side_shop_info_edit_btn .sidebarImageFixTrigger[data-fix-type="sideBig"], .side_shop_info_edit_btn .sidebarImageFixTrigger[data-fix-type="sideMax"], .side_recruit_edit_btn .sidebarImageFixTrigger[data-fix-type="pictLeft"], .side_recruit_edit_btn .sidebarImageFixTrigger[data-fix-type="pictRight"], .side_recruit_edit_btn .sidebarImageFixTrigger[data-fix-type="sideSmall"], .side_recruit_edit_btn .sidebarImageFixTrigger[data-fix-type="sideBig"], .side_recruit_edit_btn .sidebarImageFixTrigger[data-fix-type="sideMax"] { display: none; } #recruit_banner_block { elative; } #recruit_banner_block .side_recruit_edit_btn .sidebarImageFixTrigger[data-tsh="recruit_banner"], .side_shop_info_edit_btn .sidebarImageFixTrigger[data-tsh="shop_info"]{ border-radius: unset; padding: 0; } #recruit_banner_block .side_recruit_edit_btn .side_edit_pict_delete.sidebarImageFixTrigger[data-tsh="recruit_banner"], .side_shop_info_edit_btn .side_edit_pict_delete.sidebarImageFixTrigger[data-tsh="shop_info"]{ background: #C00; } .shop_info_outer { position: relative; } #recruit_banner_block a:before, #recruit_banner_block a:after { display: none; } #recruit_banner_block a.link_banner_btn { background: none; border: none; } #recruit_banner_block a.link_banner_btn:before, #recruit_banner_block a.link_banner_btn:after { display: none; } #recruit_banner_block .recruit_banner_page_link .link_banner_btn{ display: block; font-size: 16px; padding: 30px 10px; color: #FFF; text-decoration: none; text-align: center; background-size: cover; border-radius: 28px; box-sizing: border-box; cursor: pointer; background-image: url(../images/recuruit_text_en_sp.png), url(../images/recuruit_text_jp_sp.png), url(../images/recuruit_person.png), url(../images/btn_grass.png.webp), linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 30%, #690 80%, #6da108 100%, #6da108 100%); background-image: url(../images/recuruit_text_en_sp.png), url(../images/recuruit_text_jp_sp.png), url(../images/recuruit_person.png), url(../images/btn_grass.png.webp), -webkit-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 30%, #690 80%, #6da108 100%, #6da108 100%); background-image: url(../images/recuruit_text_en_sp.png), url(../images/recuruit_text_jp_sp.png), url(../images/recuruit_person.png), url(../images/btn_grass.png.webp), -moz-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 30%, #690 80%, #6da108 100%, #6da108 100%); background-image: url(../images/recuruit_text_en_sp.png), url(../images/recuruit_text_jp_sp.png), url(../images/recuruit_person.png), url(../images/btn_grass.png.webp), -ms-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 30%, #690 80%, #6da108 100%, #6da108 100%); background-position: top 15px center,top 27px center,top 15px left,center bottom 2px,top left; background-size: 85px, 65%, 50px, cover, 100%; background-repeat: no-repeat,no-repeat,no-repeat,no-repeat; border-radius: 5px; } #recruit_banner_block .linkOverlay[href=""] { display: none; } .linkOverlay:not([href=""]) { opacity: 0; } .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; } .fixed_menu_list{ width: 98%; margin: 0 auto; } .edit .side_recruit_edit_btn.edit_img_empty{ width: auto; } #fixed_menu2_button { display: none; } #fixed_menu2 { width: 100%; height: 50px; /* other_service_panel => 70px に */ background: #333; background-image: linear-gradient(to bottom, #3c3c3c, #292929); display: block; position: fixed; top: 0; 0; } /*.fixed_menu_sub, .fixed_menu_sub_right, .palette-icons-list { display:none; } */ #rest_day, #sudo_link, #first_release_schejule{display: none;} .fixed_menu_trial { display: block; float: left; width: 104px; height: 53px; background: url(../images/palette_edit_demo_m.png) no-repeat center; background-size: 100%; image-rendering: -webkit-optimize-contrast; box-sizing: border-box; } .fixed_menu_trial a { display: block; width:100%; height:100%; } .fixed_menu_trial img { display: none; } #contentl, #design_chng, #add_free_page_panel, #movieSelectMenu, #contract_status_update, #fixed_menu_diagnose_panel, .cz_btn, .add_examplewidth, .openpage_btn { min-width: 55px; cursor: pointer; display: block; } #openpage_menu_panel{ scrollbar-width: none; -ms-overflow-style: none; } #openpage_menu_panel::-webkit-scrollbar { display: none; } #openpage_menu_panel .openButton{ color: #fff !important; background: url(../images/palette_btn_dot.png), url(../images/palette_btn_luster_light.png), linear-gradient(315deg, #ee3a3b, #FE4C4D 50%); background-repeat: repeat, no-repeat; background-position: left top, top center; border-radius: 3px; border-bottom: none; font-size: 14px; font-weight: bold; text-align: center; text-indent: 22px; align-items: center; margin: 0 0 15px; padding: 20px 0 !important; position: relative; box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,38,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); transition: 0.3s; } #openpage_menu_panel .openButton:active{ box-shadow: inset 0 0 100px rgba(0,0,0,.15), inset 1px 1px 4px rgba(163,38,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2); } #openpage_menu_panel .openButton:hover{ text-decoration: none; } #openpage_menu_panel .openButton:before { content: ""; width: 20px; height: 20px; background: url(../images/edit_hp_release.png) no-repeat; background-size: 20px; display: block; position: absolute; top: calc(50% - 11px); left: calc( 50% - 83px); } #fixed_menu2 .openButton.unchecked{ background-color: #ccc; background-image: url(../images/palette_btn_dot.png), url(../images/palette_btn_luster_light.png), url(../images/edit_hp_release.png), linear-gradient(315deg, #ccc, #ccc 50%); background-repeat: repeat, no-repeat, no-repeat; background-position: left top, top center, left 15px center; pointer-events: none; } #openpage_menu_panel .checkOpenPage{ border-bottom: none; background:url(../images/palette_btn_dot.png), linear-gradient(to bottom, #f3f3f3 50%, #eaeaea 50%); font-size: 12px; text-align: center; text-indent: 30px; align-items: center; margin: 0 0 15px; padding: 15px 0 !important; position: relative; box-shadow: inset 1px 1px 4px rgba(0,0,0,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); transition: 0.3s; } #openpage_menu_panel .checkOpenPage:active{ box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2); background: url(../images/palette_btn_dot.png), linear-gradient(to bottom, #eeeeee 50%, #e4e4e4 50%); } #openpage_menu_panel .checkOpenPage:hover{ text-decoration: none; } #openpage_menu_panel .checkOpenPage:before { content: ""; width: 24px; height: 18px; background: url(../images/edit_hp_confirm.png) no-repeat; display: block; position: absolute; top: calc(50% - 9px); left: calc( 50% - 90px); } #openpagl .latestUpdateDate{ font-size: 12px; margin: 0 0 5px; } .fixed_menu_panel .openButtonDisabled{ color: #fff !important; background-color: #aaa; background-image: url(../images/edit_hp_release.png); background-repeat: no-repeat; backtion: left 70px center; background-size: 20px; border-radius: 3px; font-size: 14px; text-align: center; align-items: center; margin: 0 0 2px; padding: 10px 0 10px 0 !important; } .smt_dialog_btn{ width: 100%; align-items: center; background: url(../images/palette_btn_dot.png), url(../images/palette_btn_luster_light.png), url(../images/edit_hp_release.png), linear-gradient(315deg, #ee3a3b, #FE4C4D 50%); background-repeat: repeat, no-repeat, no-repeat; background-position: left top, top center, left 15px center; border-bottom: none; border-radius: 3px; color: #fff !important; display: block; font-size: 14px; font-weight: bold; text-align: center; text-indent: 22px; margin: 0 0 15px; padding: 20px 0 !important; position: relative; box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,38,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); transition: 0.3s; } .smt_dialog_btn:active{ box-shadow: inset 0 0 100px rgba(0,0,0,.15), inset 1px 1px 4px rgba(163,38,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2); } .smt_dialog_btn:hover{ text-decoration: none; } .smt_dialog_btn:before{ content: ""; width: 20px; x; background: url(../images/edit_smt_dialog_btn.png); background-size: 20px; display: block; position: absolute; top: calc(50% - 11px ); left: calc( 50% - 70px ); } #fixed_menu2 .openButtonTrial { width: 100%; align-items: center; background: url(../images/palette_btn_dot.png), url(../images/palette_btn_luster_light.png), url(../images/edit_hp_release.png), linear-gradient(315deg, #acacac, #b8b8b8 50%); background-repeat: repeat, no-repeat, no-repeat; background-position: left top, top center, left 15px center; om: none; border-radius: 3px; color: #fff !important; display: block; font-size: 14px; font-weight: bold; text-align: center; text-indent: 22px; margin: 0 0 15px; padding: 20px 0 !important; position: relative; box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(0,0,0,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); transition: 0.3s; } #fixed_menu2 .openButtonTrial:active { box-shadow: inset 0 0 100px rgba(0,0,0,.15), inset 1px 1px 4px rgba(0,0,0,0.1), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2); } #fixed_menu2 .openButtonTrial:hover{ text-decoration: none; } #modal_dialog .term dl dt{ width: 100%; } #modal_dialog .term dl dd{ margin-bottom: 5px; } .openButtonDisabled span{ cursor: default; } .openButtonDisabled:after{ display: none !important; } .openButtonDisabledComment{ color: #fd4c4c; font-size: 12px; margin-bottom: 5px; } .palette-icons-list{ cursor: pointer; display: block; } .palette-icons-list ul{ display: flex; } body div.paletteClosedBtn{ position: absolute; width: 24px; height: 24px; background: url(../images/close.png); background-size: cover; right: 10px; top: 10px; } /** * scrollable */ .scrollable__wrapper{ width: calc( 100% - 197px ); float: left; } .fixed_menu_list:has(#fixed_menu_information_panel):has(.fixed_menu_sub__ai-outer) .scrollable__wrapper{ width: calc( 100% - 235px ); } .scrollable__wrapper--has-contract-status-update { width: calc( 100% - 235px ) !important; } .scrollable__wrapper.existInformationPanel{ width: calc( 100% - 227px ) !important; } .scrollable__wrapper.notExistContractUpdateBtn{ width: calc( 100% - 120px ) !important; } .fixed_menu_list:has(.fixed_menu_sub__ai-outer) .scrollable__wrapper.notExistContractUpdateBtn{ width: calc( 100% - 197px ) !important; } .paletteScrollArrowRightSP{ width: 30px; height: 50px; background: rgb(51,51,51); background: -moz-linear-gradient(90deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 30%); background: -webkit-linear-gradient(90deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 30%); background: linear-gradient(90deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 30%); position: absolute; content: ""; display: block; left: calc( 54px + ( 100% - 167px ) - 32px); top: 0px; /* other_service_panel => 20px に */ cursor: pointer; } .paletteScrollArrowRightSP--has-contract-status-update { left: calc( 54px + ( 100% - 182px ) - 32px); } .paletteScrollArrowLeftSP{ width: 30px; height: 50px; background: rgb(51,51,51); background: -moz-linear-gradient(270deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 30%); background: -webkit-linear-gradient(270deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 30%); background: linear-gradient(270deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 30%); position: absolute; content: ""; display: block; top: 0px; /* other_service_panel => 20px に */ cursor: pointer; z-index: 1; } .scrollable__wrapper.existInformationPanel .paletteScrollArrowRightSP{ left: calc( 54px + ( 100% - 175px ) - 32px); } .scrollable__wrapper.existInformationPanel .paletteScrollArrowLeftSP{ /*left: 0;*/ } .scrollable__wrapper.notExistContractUpdateBtn .paletteScrollArrowRightSP{ left: calc( 54px + ( 100% - 120px ) - 32px); } .paletteScrollArrowRightSP:after{ width: 30px; height: 100%; background-image: url(../images/palette_edit_arrow_h_scroll.png); background-position: center right 7px; background-repeat: no-repeat; position: absolute; content: ""; display: block; } .paletteScrollArrowLeftSP:after{ width: 30px; height: 100%; background-image: url(../images/palette_edit_arrow_h2_scroll.png); background-position: center left 7px; background-repeat: no-repeat; position: absolute; content: ""; display: block; } .scrollable__wrapper[data-show-palettescroll-icon="0"] .paletteScrollArrowRightSP{ pointer-events: none; } .scrollable__wrapper[data-show-palettescroll-icon-left="0"] .paletteScrollArrowLeftSP{ pointer-events: none; display: none; } .scrollable__wrapper[data-show-palettescroll-icon="0"] .paletteScrollArrowRightSP:after{ display: none; } .scrollable__wrapper[data-show-palettescroll-icon-left="0"] .paletteScrollArrowLeftSP:after{ display: none; } .scrollable__container{ width: auto; /** TOPと下層で要素数が異なる **/ height: 50px; display: flex; overflow-x: auto; overflow-y: hidden; padding: 0 20px 0 0; opacity: 1; transition: opacity .4s; -ms-overflow-style: none; scrollbar-width: none; } .scrollable__container.show{ opacity: 1; } .scrollable__container::-webkit-scrollbar { display: none; } body[data-show-open-panel="1"] .scrollable__container, body[data-show-open-panel="1"] .paletteScrollArrowRightSP:after, body[data-show-open-panel="1"] .paletteScrollArrowLeftSP:after, body[data-show-open-panel="1"] .sp_helpSupport, body[data-show-open-panel="1"] #contract_status_update img, body[data-show-open-panel="1"] .fixed_meu_sub__ai-item--sp, body[data-show-support-panel="1"] .scrollable__container, body[data-show-support-panel="1"] .paletteScrollArrowRightSP:after, body[data-show-support-panel="1"] .paletteScrollArrowLeftSP:after, body[data-show-support-panel="1"] .fixed_menu_sub_right img, body[data-show-support-panel="1"] .fixed_meu_sub__ai-item--sp, #fixed_menu2:has(.active_palette) .fixed_menu2_menu:not(.active_palette), #fixed_menu2:has(.active_palette) .paletteScrollArrowRightSP:after, #fixed_menu2:has(.active_palette) .paletteScrollArrowLeftSP:after, #fixed_menu2:has(.active_palette) .fixed_menu_sub_right img, #fixed_menu2:has(.active_palette) .sp_helpSupport, #fixed_menu2:has(.active_palette) .fixed_meu_sub__ai-item--sp, #fixed_menu2:has(.active_palette) .palette-icon{ filter: brightness(0.5); } .helpSupport{ display: block; float: left; height: 50px; cursor: pointer; } /* .shop_example{ font-size:14px; } .shop_example li { float: left; margin: 0 25px 15px 0; width: 345px; height: 330px; border-bottom: 1px dashed #ccc; } .shop_example li h4 { margin-bottom: 15px; font-size: 12px; color:#333; line-height: 150%; } .shop_example li h4 a{ text-decoration:none; } .shop_example li.example_right{ margin: 0 0 20px; } .shop_example li img { float: left; margin: 0 10px 5px 0; z-index: 5; width: 160px; } .shop_example__indent{ min-height:44px; } .stringIcon__shopExample { font-weight: normal; background-color: #ec726c; padding: 0px 5px; border-radius: 2px; display: none; } .examplePanel__h3{ float:left; } .examplePanel__a{ font-size:14px; color: #36f; background-image: url(../images/out_link.gif); background-repeat: no-repeat; background-position: right center; padding: 0 16px 0 0; float:right; } .shop_example_link{ background: url(../images/palette_btn_dot.png), linear-gradient(to bottom, #f3f3f3 50%, #eaeaea 50%); border-radius: 3px; color: #303236 !important; padding: 2px 15px; display: inline-block; font-size: 11px; margin-top: 5px; width: calc(100% - 30px); text-decoration: none !important; text-align: center; box-shadow: inset 1px 1px 4px rgba(0,0,0,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); transition: 0.3s; } .shop_example_link:active{ box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2); } .shop_example__shopInfo .pref, .shop_example__shopInfo .city{ font-size: 12px; } .shop_example__shopInfo span{ font-size: 11px !important; } .shop_example__shopInfo b{ font-size: 12px; } .shop_example__shopInfo{ margin:0 0 15px; } .casePageTitle{ margin:0 5px 0 0; font-size: 11px; } .casePageBody{ font-weight: normal; font-size: 12px; } .caseMore{ font-weight: normal; background-image: url(../images/out_link.gif); background-repeat: no-repeat; background-position: right top 4px; padding-right: 13px; background-size: 10px; margin-left: 5px; font-size:12px; } .introduceCaseHeaderCaptionOuter{ display: none; } .caseOuter{ position: relative; } .shop_example.clearfix{ margin: 0 5px; } .shop_example li{ margin: 0; width: 45%; display: inline-block; padding-top: 25px; padding-bottom:10px; } .shop_example li:nth-child(-n+2){ padding-top: 20px; } .shop_example li:nth-child(odd){ padding-right: 10%; } */ /** 実例パレット **/ #fixed_menu2 .add_examplewidth h3 { color: #EC726C; font-size: 14px; } #fixed_menu2 .introduceCaseHeaderCaptionOuter{ display: block; text-align: right; } #fixed_menu2 .introduceCaseHeaderCaption{ color: #333; margin-right:10px; } #fixed_menu2 .leadIntroduceCaseDetail{ color: #36f; text-decoration: none; position: relative; padding-right: 30px; } #fixed_menu2 .leadIntroduceCaseDetail:hover{ text-decoration: underline; } .introduceSlideWrapper{ overflow: hidden; } #fixed_menu2 .leadIntroduceCaseDetail:after{ content: ""; background-image: url(../images/out_link.gif); display: inline-block; width: 12px; height: 12px; background-repeat: no-repeat; vertical-align: middle; position: absolute; top: 2px; right: 15px; } #fixed_menu2 .examplePallet .spPaletteCloseButton{ width: 35px; height: 35px; position: absolute; top: 10px; right: 10px; z-index: 10; } .introduceCaseHeaderOuter{ position: relative; margin-bottom: 5px; } .switchShowMethod{ position: absolute; right: 0px; bottom: 60px; width: 100%; box-sizing: border-box; padding: 0 10px; } .switchingShowCaseOuter{ display: none; justify-content: space-between; align-items: flex-end; cursor: default; } .switchShowMethod[data-showed-method="random"] .showedRandomCasesOuter, .switchShowMethod[data-showed-method="menu"] .showedSortMenuCasesOuter{ display: flex; } #fixed_menu2 .showedSwitch{ display: inline-block; color: #36f; font-family: "Noto Sans JP"; text-decoration: underline; cursor: pointer; } .showedSwitch:hover{ text-decoration: none; } #fixed_menu2 .showing{ display: inline-block; color: #333; font-family: "Noto Sans JP"; font-weight: bold; } .showSortMenu, .showingSortMenu{ width: 120px; } .successCaseBlock{ width: 250px; height: 400px; box-sizing: border-box; } #fixed_menu2 .fixed_menu_panel_inner:has(.introduceCaseHeaderOuter) .introducePrevArrow{ padding-top: 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 5px; background-image: url(../images/design_pallet_thumb_arrow_left_first.png); background-repeat: no-repeat; background-position: center top; background-size: 30px; cursor: pointer; z-index: 10; color: #555; font-family: "Noto Sans JP"; width: 24px; } #fixed_menu2 .fixed_menu_panel_inner:has(.introduceCaseHeaderOuter) .introduceNextArrow{ padding-top: 30px; position: absolute; top: 50%; transform: translateY(-50%); right: 5px; background-image: url(../images/design_pallet_thumb_arrow_right_last.png); background-repeat: no-repeat; background-position: center top; background-size: 30px; cursor: pointer; z-index: 10; color: #555; font-family: "Noto Sans JP"; width: 24px; } #fixed_menu2 .caseOuter{ position: relative; } #fixed_menu2 .caseOuter a{ position: relative; z-index: 5; } #fixed_menu2 .caseOrder{ width: 20px; height: 20px; position: absolute; left: -10px; top: -10px; background-color: #587ec1; background-image: linear-gradient(315deg, #587ec1, #8face0); box-shadow: inset 2px 2px 2px rgba(0,0,0,0.15), inset 1px 1px 1px rgba(255,255,255,0.3); color: #fff; line-height: 20px; transform: scale(0.9) translateY(-1px); text-align: center; border-radius: 100%; font-weight: bold; font-size: 10px; z-index: 6; } #fixed_menu2 .fixed_menu_panel.examplePallet .shop_example { display: flex; flex-direction: row; justify-content: flex-start; transition: all 0.3s; } .paletteMenuHeader:before { content: ''; position: absolute; bottom: -3px; left: 20px; display: inline-block; width: 40px; height: 2px; -webkit-transform: translateX(-50%); transform: translate(-50%); background-color: #fc0; } .caseOrder{ position: absolute; left: -9px; top: -9px; color: #fff; background-color: #587ec1; background-image: linear-gradient(315deg, #587ec1, #8face0); box-shadow: inset 2px 2px 2px rgba(0,0,0,0.15), inset 1px 1px 1px rgba(255,255,255,0.3); width: 20px; height: 20px; line-height: 20px; transform: scale(0.9) translateY(-1px); text-align: center; border-radius: 10px; font-weight: bold; font-size: 10px; } #contract_status_update, .openpage_btn { margin:0px !important; float:right; padding-bottom: 0px; width: 54px; } .fixed_menu_sub.trial_openpage_btn { margin-right: 5px !important; } #contract_status_update {width:74px;} #contract_status_update[data-visible="0"]{ width: auto; } .fixed_menu_panel, .slide-palette-contents-wrap{ display:none; position: absolute; overflow: auto; background-color:#f9f9f9; background-image: url(../images/palette_bg_middle_right.png), url(../images/palette_bg_middle_left.png), radial-gradient(farthest-corner at right bottom, #f9f9f9, #fcfcfc 70%, #f9f9f9 70%); background-repeat: no-repeat, no-repeat; background-position: right bottom, left bottom; height: auto; max-height: calc(100vh - 60px); padding: 15px; width: 96% !important; left: 2%; top: 50px; /* other_service_panel => 70px に */ color:#000; box-shadow: 1px 3px 3px rgba(0,0,0,0.3); box-sizing: border-box; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 10; } .palette-icon-wrap{ float:left; text-align:left; height:50px; } .palette-icon{ width: 46px; height: 32px; float: left; background-size: 34px 26px; background-position: center center; background-repeat: no-repeat; background-color: #484848; border-radius: 1px; margin: 9px 0 9px 9px; } .agency-regist .palette-icon { background-image: url(../images/palette_edit_agent_h.png); } .palette--info .palette-icon{ background-image: url(../images/palette_edit_info_h.png); position: relative; } #fixed_menu_panel_edit_movie a.thickbox { display:block; margin: 10px 0 15px 0; padding: 5px 0 0 0; } .paletteButtonItem.changeMainImageUploaded{ margin:0 0 30px; } .slide-palette-contents{ transition: .8s background-color; border-radius: 3px; } .slide-palette-contents.unread{ } .slide-palette-contents .paletteDateStringIcon{ position: relative; transition: .5s; } .slide-palette-contents.unread .paletteDateStringIcon{ background: #fd4c4c; } .slide-palette-contents .paletteDateStringIcon:after{ background: #fd4c4c; border-radius: 2px; color: #FFFFFF; content :"未読"; font-size: 10px; opacity: 0; padding: 1px 7px 1px 6px; position: absolute; right: -44px; top: 2px; transition: .5s; } .slide-palette-contents.unread .paletteDateStringIcon:after{ content: "未読"; transform: translateY(0px); opacity: 1; } .slide-palette-contents.readed .paletteDateStringIcon:after{ content: "未読"; background: #777777; transform: translateY(-7px); opacity: 0; } .slide-palette-contents.mouseenter{ animation: unreadSonar 1.7s 1; } @keyframes unreadSonar { 0% { box-shadow: 0 0 0 0 rgba(253,76,76,.2); } 100% { box-shadow: 0 0 5px 20px rgba(253,76,76,.0); } } .slide-palette-contents-wrap h2.diagnose_name{ background: #EEE; color: #535353; font-size: 14px; margin: 0 0 20px !important; padding: 10px; border-left: 2px solid #999; border-bottom: 1px solid #999; } .slide-palette-contents-wrap > div { width: 100%; box-sizing: border-box; padding: 10px; margin: 0 0 30px; clear: both; } .slide-palette-contents-wrap > div:last-of-type { margin: 0; } #fixed_menu2 .slide-palette-contents-wrap .next_btn{ background: url(../images/palette_btn_dot.png), linear-gradient(to bottom, #e9635b 50%, #e05a52 50%); display: block; width:100%; margin: 0 auto; padding: 15px; border-radius: 3px; text-align: center; font-size: 16px; color: #fff; text-decoration:none; box-sizing:border-box; box-shadow: inset 0 0 100px rgba(0,0,0,.0), inset 1px 1px 4px rgba(100,38,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); transition: 0.3s; } #fixed_menu2 .slide-palette-contents-wrap .next_btn:active{ background: url(../images/palette_btn_dot.png), linear-gradient(to bottom, #d6574f 50%, #cf524b 50%); box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(100,38,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2); } /*.slide-palette-contents-wrap * { cursor:auto; }*/ .slide-palette-contents-wrap a, .slide-palette-contents-wrap input[type="submit"]{ cursor:pointer; } .slide-palette-contents-wrap h2{ width: 100%; box-sizing: border-box; padding: 0 10px; margin: 0 0 15px; } .slide-palette-contents h3 { color: #535353; font-size: 18px; font-weight: bold; margin: 0 0 10px; } .slide-palette-contents .mb20 { margin-bottom: 15px; } .paletteButtonItem.designChange { display: inline-block !important; background: -moz-linear-gradient(45deg, #e9e9e9 0%, #eeeeee 100%); background: -webkit-linear-gradient(45deg, #e9e9e9 0%,#eeeeee 100%); background: linear-gradient(45deg, #e9e9e9 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#eeeeee',GradientType=1 ); padding: 10px 10px 10px 36px !important; border-radius: 5px; background-repeat: no-repeat; position: relative; text-decoration: none !important; color: #333 !important; cursor: pointer !important; } .paletteButtonItem.designChange { padding: 10px 36px 10px 10px !important; float: right; } .paletteButtonItem.designChange:after{ content: url(../images/info_link_arrow.png); position: absolute; right: 10px; top: 50%; transform: translate(0px, -50%); } .paletteDateStringIcon{ background-color: #AAA; background-image: linear-gradient(45deg, #AAA, #B9B9B9); box-shadow: inset 1px 1px rgba(0,0,0,.075), inset -1px -1px rgba(255,255,255,.3); color: #fff; font-weight: normal; margin: 0 0 10px; display: inline-block; padding: 2px 10px; border-radius: 2px; font-size:12px; } .slide-palette-contents-wrap .slide-palette-contents:nth-of-type(n+2) .paletteDateStringIcon{ margin: 20px 0 10px; } .ssl-entry-button{ width: 100%; border-radius: 5px; box-sizing: border-box; color: #FFF; cursor: pointer; display: block; font-size: 20px; padding: 15px; margin: 20px auto; text-align: center; text-decoration: none; text-shadow: -1px -1px 0 rgb(0 0 0 / 20%); font-weight: bold; border: 1px solid #FFF; border-radius: 3px; 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; } .ssl-entry-button:link, .ssl-entry-button:visited { color: #FFF; text-decoration: none; } #fixed_menu2 .ssl-entry-button, #fixed_menu2 .ssl-entry-button:link, #fixed_menu2 .ssl-entry-button:visited{ color: #FFF; } #midbox_wrapper .img_left a{ position: static; } #movie_change{ margin:0 0 15px; display:block; } #movie_img_btn{ font-size:10px; display: flex; flex-wrap: wrap; } .movie_change2{ width: 100%; display: block; font-size: 14px; margin: 0 0 10px; } .paletteButtonMainImageOuter{ margin: 0 0 15px; } .paletteButtonMainImageOuter .otherFastUploadTriggerOuter[data-tsh="slider01"] { width: calc(100% / 3 - 5px); display: inline-block; margin-right: 2px; } .paletteButtonMainImageOuter .otherFastUploadTriggerOuter .js-otherFastUploadTrigger[data-tsh="slider01"] .otherPict{ width: auto; height: auto; } .paletteButtonMainImageOuter .movie_change { display: block; } /** * サイト診断パレット */ .site_acc_rank .to_optionplan, .site_acc_rank .option_link{ display: none; } .diagnose_dktlmax{ display: none; } .checkEditOff, .checkEditOn{ display: none; } .diagnosePalette{ font-size: calc(0.75rem + ((1vw - 3.2px) * 2.1277)); } .diagnoseLinks{ margin: 0 0 15px; } .diagnoseLinks a{ display: inline-block; } .site_acc_rank{ margin: 0 0 15px; } .diagnoseHead, .diagnoseLinks .current{ display: block; font-weight: bold; margin: 0 0 5px; } .diagnose_ranking__wrap { width: 66%; margin: 0 0 3px; padding: 0px 0; position: relative; } .diagnose_ranking__wrap:nth-last-of-type(1) { margin: 0; } .diagnose_ranking__wrap .page_view{ color: #EC726C; font-size: 175%; line-height: 1; } .unopenedLabel{ color: #fff; background-color: #ec726c; padding: 2px 5px 1px; us: 2px; font-size: 10px; margin: 0 0 0 30px; position: absolute; right: 0; top: calc(50% - 9px); } .s_matrics{ width: 100%; margin: 0 0 15px; } .s_matrics th{ width: 60%; background-color: #EEE; background-image: linear-gradient(30deg, #ECECEC, #F6F6F6); box-shadow: inset 1px 1px rgba(0,0,0,.075), inset -1px -1px rgba(255,255,255,.3); font-weight:normal; line-height: 1; padding: 10px; text-align: left; vertical-align: middle; } .s_matrics td { width: 40%; background-color: #FFF; box-shadow: inset 1px 1px rgba(0,0,0,.03), inset -1px -1px rgba(0,0,0,.015); line-height: 1; padding: 10px; text-align: right; vertical-align: middle; } .diagnose_graph{ position:relative; } .graph_kbn{ position: absolute; } .graph_bg{ position: absolute; z-index: 0; } .graph_bg--triangle{ width: 216px; height: 216px; background: url(../images/radar_chart_bg.png) no-repeat center center; top: calc(0.75rem + ((1vw - 3.2px) * 2.1277) + 1px); left: calc(50% - 108px); } .graph_bg--square{ width: 208px; height: 208px; background: url(../images/radar_chart_bg_square.png) no-repeat center center; top: calc(0.75rem + ((1vw - 3.2px) * 2.1277) + 5px); left: calc(50% - 104px); } .advice_ttl, .seo_kaiseki_ttl{ color: #EC726C; font-weight: bold; margin: 0 0 5px; } .diagnose_graph .mb15{ margin: 0 0 10px; } .site_acc_data .addPageHistoryLink { font-size: 11px; text-decoration: underline; color: #36F; letter-spacing: 0.3px; cursor: pointer; position: relative; padding-right: 15px; margin: 5px 0 0; display: inline-block; } .site_acc_data .addPageHistoryLink:after { content: ""; background: url(../images/arrowDown.png); background-repeat: no-repeat; width: 9px; height: 9px; position: absolute; top: calc(50% - 5px); right: 0; background-size: contain; } .site_acc_data .addPageHistoryLink[data-table-showing="1"]:after { background: url(../images/arrowUp.png); background-repeat: no-repeat; background-size: contain; } .addPageHistoryTableOuter { scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/ -ms-overflow-style: none;/*Internet Explore対応のスクロールバー非表示コード*/ overflow-y: scroll; max-height: 150px; margin-top: -5px; margin-bottom: 30px; padding-bottom: 1px; display: none; } .addPageHistoryTableOuter .titleLink { position: relative; } .addPageHistoryTableOuter .privateString { display: block; color: #aaa; } .addPageHistoryTableOuter[data-show="1"] { display: block; } .addPageHistoryTableOuter[data-show="1"].header { } .addPageHistoryTableOuter.header .pageTitleHeader { text-align: center; } .addPageHistoryTableOuter.row { margin-top: -47px; margin-bottom: 30px; } .addPageHistoryTableOuter.row .addTime { width: 30%; background: #fff; text-align: left; } .addPageHistoryTableOuter.row .addPageTitle { background: #fff; text-align: left; padding: 5px 10px; } .addPageHistoryTableOuter::-webkit-scrollbar { width: 3px; } .addPageHistoryTableOuter::-webkit-scrollbar-track { background-color: #eee; } .addPageHistoryTableOuter::-webkit-scrollbar-thumb { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .addPageHistoryTableOuter.header .number { width: 15%; padding: 3px 5px; font-size: 12px; text-align: center; background: #444; color: #fff; border: none; } .addPageHistoryTableOuter.header .addTimeHeader { padding: 3px 5px; width: 30%; text-align: center; background: none; font-size: 12px; background: #444; color: #fff; position: sticky; top: 0; left: 0; z-index: 1; border: none; } .addPageHistoryTableOuter .pageTitleHeader { padding: 3px 5px; background: #444; color: #fff; text-align: center; font-size: 12px; position: sticky; top: 0; left: 0; z-index: 1; border: none; } .addPageHistoryTableOuter.row .number { width: 15%; font-size: 10px; text-align: center; } .addPageHistoryTableOuter .addTime { width: 107px; text-align: left; background: none; font-size: 10px; padding: 5px 10px; } .addPageHistoryTableOuter .titleLink { position: relative; } .addPageHistoryTableOuter .privateString { color: #959595; background: #dbdbdb; font-size: 10px; padding: 2px 5px 0px; display: inline-block; margin-left: 2px; line-height: 1.25; border-radius: 3px; } .addPageHistoryTableOuter .addPageTitle { background: none; text-align: center; font-size: 12px; padding: 3px 0; width: auto; } .addPageCountOuter { display: none; } .addPageCountOuter[data-show="1"] { display: table-row; } .s_matrics .addPageCountOuter th { background: #444; color: #fff; } /** * 前に戻るパレット */ #fixed_menu2 .cz_btn .czContent { display: block; text-align: left; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.05); box-shadow: 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,.6); padding: 11px 0 10px; background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0)); transition: 0.3s; border-radius: 3px; } #fixed_menu2 .cz_btn .czContent:active{ background: linear-gradient(to left, #eee, #f3f3f3); box-shadow: 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); padding: 11px 0 10px; } #fixed_menu2 .cz_btn .palette_menu1:after{ content:""; display: block; clear: both; } .cz_btn .mb15{ margin-bottom: 15px; } .cz_btn .czContent:before { content : attr(data-order); width: 22px; height: 22px; border-radius: 50%; color: #AAA; display: inline-block; font-size: 10px; line-height: 22px; letter-spacing: 0px; transform: scale(0.9) translateY(-1px); margin-right: 5px; text-align: center; vertical-align: middle; box-shadow: inset 0 0 0 1px #d3d3d3, inset 3px 3px 5px rgba(0,0,0,0.05); } .czPalette .czTitle, .czPalette .adminEditIcon{ font-size: 11px; display: inline-block; } .czCategory .categoryName .count{ font-size: 10px; } .czPageNameOuter{ text-align: right; } .czPalette .czPageNameOuter .czPageName{ width: auto; } .imgCzList .lastEditTimeDiff, .palette_menu1:has(.czPageNameOuter) .lastEditTimeDiff{ display: block; float: none; text-align: right; } .lastEditTimeDiff{ color:#666; float:right; } .lastEditTimeDiff .time, .lastEditTimeDiff .unit { display: inline-block; } .czPalette .lastEditTimeDiff .unit { font-size: 10px; transform: translate(-2px, 0px); } .lastEditTimeDiff .time { font-size: 11px; margin: 0; } .czPalette .czPageNameOuter .title, .czPalette .czPageNameOuter .czPageName{ font-size: 10px !important; } .czPalette__lead{ margin-bottom: 5px; } .czCategoryOuter{ text-align: right; } .czCategoryTag{ background: #777; color: #eee; padding: 0 5px; font-size: 10px; border-radius: 2px; cursor: pointer; } /** * 制作代行パレット */ .duptize-schedule .duptizePalette{ height: calc(100vh - 75px) !important; overflow: auto; } .duptize-schedule .duptizeContact, .duptize-schedule .duptizeSchedule{ padding: 0; } .duptize-schedule .duptizeScheduleTitle{ background: none; text-shadow: none; color: #333; padding: 0 !important; border: none; box-shadow: none; font-weight: normal; margin: 10px 0 0; font-size: 14px; text-align: left; font-weight: bold; position: relative; margin: 0 0 15px; font-size: 16px; top: 0; text-align: left; } .duptize-schedule .duptizeScheduleTitle:after { content: ""; width: 30px; height: 2px; background: #fc0; position: absolute; bottom: -2px; left: 0px; } .duptize-schedule .duptizeContactCommentOuter:before, .duptize-schedule .duptizeContactCommentOuter:after { top: auto; width: 14px; height: 14px; content: ""; position: absolute; border: none; border-radius: 0px; background: #eee; right: -7px; bottom: calc( 50% - 10px ); transform: rotate(45deg); left: auto; box-shadow: 1px -1px 1px rgb(0 0 0 / 15%); border-top-left-radius: 0px; border-top-right-radius: 2px; } .duptize-schedule .duptizeContactSupport { width: 37%; position: absolute; top: 10%; right: -44%; text-align: center; } .duptize-schedule .duptizeContactSupport .supportImage { width: 100%; height: auto; border-radius: 100%; border: 3px solid #FFDD34; box-sizing: border-box; padding: 0; margin: 0 0 5px; box-shadow: 1px 1px 3px rgb(0 0 0 / 30%); } .duptize-schedule .duptizeContactCommentOuter { width: 70%; background: #eee; border:none; border-radius: 5px; box-shadow: 1px 1px 1px rgb(0 0 0 / 20%); box-sizing: border-box; font-size: 12px; margin-bottom: 15px; padding: 10px; position: relative; } .duptize-schedule .duptizeContactSupport .supportTitle { display: block; font-size: 10px; } .duptize-schedule .duptizeContactSupport .supportName { display: block; font-size: 10px; } .duptize-schedule .duptizeScheduleTableInner .duptizeNumberOuter { width: 48px; } .duptize-schedule .duptizeScheduleTableInner .duptizeListTitleOuter { width: calc((100% - 48px) * 0.6); padding: 0 0 0 10px; font-size: 12px; } .duptize-schedule .duptizeScheduleTableInner .duptizeListTitle { font-size: 14px; font-weight: bold; } .duptize-schedule .duptizeScheduleTableInner .duptizeListDateOuter { width: calc((100% - 48px) * 0.4); text-align: right; position: relative; font-size: 12px; } .duptize-schedule .duptizeListDate .date, .duptize-schedule .duptizeListDate .time { width: auto; } .duptize-schedule .duptizeScheduleTable:after { content: ""; position: absolute; top: 50px; left: 22px; width: 4px; height: 277px; background: #abc2f5; z-index: 1; box-shadow: 0px -5px 2px #ccc; } .duptize-schedule .completedStr, .duptize-schedule .dateTime{ display: inline-block; } .duptize-schedule .js-duptizeListDate[data-duptize-undecided="0"]:before { content: "予定"; position: absolute; top: -8px; left: 0px; background: #999; padding: 1px 5px; margin-right: 5px; border-radius: 2px; color: #eee; font-size: 10px; } .duptize-schedule .duptizeScheduleTableInner[data-completed="1"] .duptizeListTitle, .duptize-schedule .duptizeScheduleTableInner[data-completed="1"] .completedDateTime { opacity: 0.5; margin-bottom: 0px; } .fixed_menu_panel::-webkit-scrollbar { width: 5px; } .fixed_menu_panel::-webkit-scrollbar-track { background:#EEE; opacity:0.6; } .fixed_menu_panel::-webkit-scrollbar-thumb { background:#ABABAB; border-radius:5px; opacity:0.6; } #design_btn_ajax:after, #color_btn_ajax:after {content:"."; display:block; clear:both; height:0; visibility:hidden;} #design_btn_ajax a { display: block; float: left; width: 19%; margin: 0 1% 5px 0; } .movie_img_chng { display: block; width: 19%; margin: 0 1% 5px 0; } #color_btn_ajax a { display: block; float: left; width: 7.6%; margin: 0 0.8% 0 0; } #color_btn_ajax a:last-child { margin: 0; } #design_btn_ajax a img, #color_btn_ajax a img, .movie_img_chng img {width:100%;} .fixed_menu_title2 { display:block; } #header_wrapper { position:relative; z-index:5; } #contents_edit_panel .fixed_menu_panel a, #contents_edit_panel .fixed_menu_panel br { display: none; } #contents_edit_panel .fixed_menu_panel .palette_menu1 { display: block; padding: 10px 0; border-bottom: 1px dotted #ccc; text-decoration: none; text-shadow:none; } body:not(#body_free) #contents_edit_panel .fixed_menu_panel .menuPalettePageEditOuter{ display: none; } #contents_edit_panel .fixed_menu_panel .menuPalettePageEditOuter { padding: 10px 0; border-bottom: 1px dotted #ccc; display: flex; flex-direction: row; } #contents_edit_panel .fixed_menu_panel .menuPalettePageEditOuter .palette_menu1 { border-bottom: none; padding: 0; display: inline-block; } #contents_edit_panel .fixed_menu_panel .menuPalettePageEditOuter .palette_menu1:first-child { padding: 0 12px 0 0; margin: 0 12px 0 0; border-right: 1px dotted #ccc; position: relative; } #contents_edit_panel .fixed_menu_panel #page_content_edit { display:none; } #liquidr_chng_ajax, #menu_position_ajax, #company_name_ajax { display:none; } .add_examplewidth hr { border-width: 1px 0px 0px 0px; border-style: dashed; border-color: #ccc; height: 1px; clear: both; padding-bottom: 10px; display:block; } .add_examplewidth .fixed_menu_panel { font-size:12px; } ul#shop_example_hybrid, ul#shop_example { margin:0 0 10px; } ul#shop_example_hybrid a, ul#shop_example a { width: 25%; float: left; } ul#shop_example_hybrid a.palette_menu1, ul#shop_example a.palette_menu1 { clear: none; display: block; float: left; width: 75%; } ul#shop_example_hybrid li, ul#shop_example li { float: left; margin: 0 0 10px; padding: 10px 0 5px; position: relative; width: 100%; } ul#shop_example_hybrid li.example_right, ul#shop_example li.example_right { margin: 0 0 10px; } ul#shop_example li:nth-child(2), ul#shop_example li:nth-child(4), ul#shop_example li:nth-child(6), ul#shop_example li:nth-child(8), ul#shop_example li:nth-child(10), ul#shop_example li:nth-child(12) { background:#f0f0f0; } ul#shop_example_hybrid li span.mainmenu, ul#shop_example li span.mainmenu { display:none; } ul#shop_example_hybrid li span.access, ul#shop_example li span.access { padding: 0 30px 0 0; } ul#shop_example_hybrid li img, ul#shop_example li img { float: left; padding: 0 2.5% 0 0; z-index: 5; width:95%; } a.option_link2 { background: #EC726C; clear: both; color: #FFF; padding: 0px 10px; border-radius: 3px; font-size: 14px; text-decoration: none; margin: 0 auto 20px; display: block; width: 160px; text-align: center; line-height: 180%; } .jirei_movie p {padding:10px 0 0 0;} #syde-wysiwyg_toolbar{ position : absolute; left : 0; box-sizing : border-box; width : 100% !important; border : none !important; border-bottom : 2px solid #EDE9D7; text-shadow: none; z-index:1000 !important; /*background:#fff url(../images/drag_glip_m.png) no-repeat left top !important;*/ background-size:contain !important; top: 0px; } #syde-wysiwyg_area a { padding: 5px !important; /* margin: 0 5px 0px 0 !important; */ } #toolbar_submenu_size span{ font-size: 12px!important; margin-left: 3px; } .syde-wysiwyg span { font-size: 16px; } #link_area { margin:0 !important; } #link_input { width: 100% !important; padding: 5px; margin-bottom:5px; font-size: 16px; border: 1px solid #CCC; box-shadow: none; border-radius: 5px; box-sizing: border-box; position: relative; z-index: 1; } .pictedit_left_btn, .pictedit_right_btn, .pictedit_minimum_btn, .pictedit_small_btn, .pictedit_big_btn, .pictedit_maximum_btn { display:none; } /* 中古車 編集*/ #carDetailHeadBtn { text-align: center; margin: 0px 0 20px 0; color: #fff; z-index: 1; display:block; } .clDelete { display:none; } #carDetailOpenOrClose p{ width: 30%; padding: 5px; float: left; text-align: center; position: relative; cursor: pointer; font-size: 12px; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); } #js-spImageEdit, #js-spFirstImageUplode { background-color: #333; border: 1px solid #999; display: block; text-decoration: none; color: #fff; padding: 8px; position: absolute; cursor: pointer; top: 0; right: 0; z-index: 2; } .usedcar_info_body .boxImageSettingControllerOuter, .usedcar_info_body .boxImageImageControllerOuter { right: 0; } .usedcar_info_body .boxImageSettingControllerOuter, .usedcar_info_body .boxImageImageControllerOuter { right: 0; } .usedcar_info_body .imageFixControllerInner[data-fix-type="image"], .usedcar_info_body .imageFixControllerInner[data-fix-type="delete"] { width: 29px; height: 29px; background: #333; border: 1px solid #999; ock; padding: 1px; margin: 0 2px; line-height: 29px; color: #FFF; /* border-bottom: none; */ text-decoration: none; font-weight: bold; } .usedcar_info_body .imageFixController { position: relative; top: 3px; left: 3px; } .usedcar_info_body .imageFixControllerInner[data-fix-type="delete"] { background: #C00; } .usedcar_info_body .insert_file_wrap { width: 100%; text-align: left; background: #FFDD34; background: #eee; padding: 10px; box-sizing: border-box; margin-bottom: 15px; } .usedcar_info_body .insert_file_wrap .insertFile { display: inline-block; width: 100px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 2px; background: #eee; box-shadow: 0 0 4px rgb(204 204 204 / 25%); cursor: pointer; padding: 5px 10px; font-size: 11px; } .usedcar_info_body .carImageChangeTrigger { position: absolute; top: 2px; right: 5px; font-size: 13px; } .usedcar_info_body .imageDetailControllerTitleText { display: block; text-align: left; font-size: 22px; margin-bottom: 15px; } .usedcar_info_body .insert_order_select { padding: 0; width: 60px; margin: 0; font-size: 12px; margin-left: 5px; min-height: 32px; } .usedcar_info_body .insert_file_wrap .insert_order_wrap { display: inline-block; width: 150px; box-sizing: border-box; } .clOpen { background: #00B789; } .clocArrow { position: absolute; bottom: -8px; left: 50%; margin: 0 0 0 -12px; } .clocIcon { margin: 0 5px 0 0; } .clOff { background: #ccc !important; color: #666 !important; } .clClose { background: #939; } .clOff .clocArrow { opacity: 0.01 !important; } #carDetailOpenOrClose #deleteUsedCarBtn { float: right; z-index: 2; background: #ccc; color: #000; } #syde_data_holder { display:none !important; } .fixed_menu2_menu { width: 55px; height: 50px; display: table-cell; vertical-align: middle; cursor: pointer; position:relative; transition: background 0.5s; box-shadow: inset 0 0 0 rgba(0,0,0,0); } #palette_edit_menu {background: url(../images/palette_edit_menu_h.png) no-repeat center;} #palette_edit_design {background: url(../images/palette_edit_design_h.png) no-repeat center;} #palette_edit_movie {background: url(../images/palette_edit_movie_h.png) no-repeat center;} #palette_ex {background: url(../images/palette_ex_h.png) no-repeat center;} #palette_diagnose {background: url(../images/palette_diagnose_h.png) no-repeat center;} #palette_ctrlZ {background: url(../images/palette_ctrlZ_h.png) no-repeat center;} #palette_edit_page {background: url(../images/palette_edit_page_h.png) no-repeat center;} #palette_edit_menu.active_palette {background: url(../images/palette_edit_menu_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);} #palette_edit_design.active_palette {background: url(../images/palette_edit_design_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);} #palette_edit_movie.active_palette {background: url(../images/palette_edit_movie_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);} #palette_ex.active_palette {background: url(../images/palette_ex_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);} #palette_diagnose.active_palette {background: url(../images/palette_diagnose_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);} #palette_ctrlZ.active_palette {background: url(../images/palette_ctrlZ_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);} #palette_edit_page.active_palette {background: url(../images/palette_edit_page_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);} #palette_edit_menu, #palette_edit_design, #palette_edit_movie, #palette_ex, #palette_diagnose, #palette_ctrlZ, #palette_edit_page, #palette_edit_menu.active_palette, #palette_edit_design.active_palette, #palette_edit_movie.active_palette, #palette_ex.active_palette, #palette_diagnose.active_palette, #palette_ctrlZ.active_palette, #palette_edit_page.active_palette{ background-repeat: no-repeat, repeat; background-position: center bottom 12px, left center; } #palette_edit_menu.active_palette, #palette_edit_design.active_palette, #palette_edit_movie.active_palette, #palette_ex.active_palette, #palette_diagnose.active_palette, #palette_ctrlZ.active_palette, #palette_edit_page.active_palette{ box-shadow: inset 0 4px 8px rgba(0,0,0,0.5); } #palette_edit_menu:after, #palette_edit_design:after, #palette_edit_movie:after, #palette_ex:after, #palette_diagnose:after, #palette_ctrlZ:after, #palette_edit_page:after { content: ""; background-image: url(../images/palette_edit_arrow_h.png); width: 10px; height: 5px; display: block; position: absolute; left: 50%; bottom: 5px; margin-left: -4px; } .freedial_img { padding-left:22px; background: url(../images/mailbody_freetel.jpg) no-repeat left center; font-size:16px; display: inline-block; } #fixed_menu_information_panel { display:block; position:static; } #fixed_menu_information_panel ul a { width:100%; display: block; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #ccc; text-decoration: none; text-shadow: none; } #openpage_menu_panel { left: initial; padding: 15px; right: 2%; top: 50px; /* other_service_panel => 70px に */ } #rteditor_loader { position:fixed !important; top:50%; left:50%; transform:translate(-50% , -50%); width:auto; } #fixed_menu2 .dktl_q, #contents_edit_panel .fixed_menu_panel #replacement {display:none;} #ui-datepicker-div {z-index: 100 !important;} /* 画像添付フォーム */ .input_pict_file { font-size:12px; margin:0 0 15px 0; } .pict_plus_minus_btn_block { width:50%; } .pict_form_plus { float:left; padding:0 10px 0 0 !important; cursor:pointer; margin:0; } .pict_form_minus { padding:0 0 0 0 !important; cursor:pointer; } .usedcar_info_body .usercarRegisterButtonOuter { text-align: center; margin: 0 0 10px; } .usedcar_info_body .usercarRegisterButtonOuter>span { display: flex; font-size: 12px; align-content: center; justify-content: center; } .usedcar_info_body .usedcarRegisterButton { padding: 15px 35px 15px 80px; margin: 0 0 10px; background-color: #06f; border: 1px solid #ccc; border-radius: 2px; color: #fff !important; display: inline-block; font-size: 14px; position: relative; line-height: 1; text-decoration: none !important; font-weight: bold; } .usedcar_info_body .usedcarRegisterButton:after { width: 10px; height: 10px; opacity: 0.75; background: #fff; color: #fff; padding: 1px; display: block; position: absolute; font-size: 10px; bottom: calc(50% - 5px); left: 15px; border-radius: 100%; content: ''; z-index: 9; box-sizing: content-box; animation: sonarEffect 1.3s ease forwards 3; } .usedcar_info_body .usedcarRegisterButton:before { content: ""; width: 35px; height: 20px; background-image: url(../images/car_icon.png); background-repeat: no-repeat; background-size: 35px 20px; position: absolute; top: calc(50% - 13px); left: 35px; } .usedcar_info_body .usedcarRegisterButton span{ font-weight: bold; font-size: 12px; color: #FD4C4C; background: #fff; margin: 0 5px 0 0; padding: 0px 4px; border-radius: 100%; } /* HTMLブロック */ #HTMLBlock_20_htmlcode01_01_1 iframe, #HTMLBlock_20_htmlcode01_01_1 img { width:95%; } #ShereBtnBox { background: none repeat scroll 0 0 #FFF; padding: 0px; position: fixed; right: 0px; bottom: 50px; z-index: 99; cursor:pointer; } #HTMLBlock_102_htmlcode01_01_1 img { width:100%; } .edit1, .edit1_top_campaign, .edit_table_long2, .edit1_top_info, .edit2, .edit2_long, .editLine04, .editLine01, .editLine01p, .editLine02, .editLine02p, .editLine03, .editLine03p, .editLine04, .editLine04p, .editLine05, .editLine05p, .edit1_top_campaign_p { cursor:default !important; } h4#shop_info_title .editLine01p, #side_link_block h4 .editLine01p, #sidetopics01 h4 .editLine01p, #sidetopics02 h4 .editLine01p, .subpageLink h3, #sv_title { cursor:pointer !important; /*サイドバーの文字はポインターにするため上から外す*/ } #ShereBtnBox, #NonEditCheck_PopupBox, #NonEditCheckBtnBox, .video_edit_btn { display:none !important; /*setup_HTMLBlockが表示されるケースがあるのでimportantを付ける*/ } .setup_HTMLBlock p{ margin-bottom: 10px; } .setup_HTMLBlock p:last-of-type{ margin-bottom: 0; } div.syde_tweetbtn iframe, div.syde_fbbtn iframe, div.syde_hbbtn iframe, div.syde_mixibtn iframe, div.syde_gplusbtn iframe { margin:0; padding:0; } /* image_letter_block */ div#img_h2_0_change {left: 0;} div#img_h2_0_change input[type="text"] {width:100%;} /* image_letter_block */ #enquete-Popup, #paymentThanx-Popup { width: 90% !important; left: 5% !important; } #enquete-Popup #enquete_PopupWrapper { width:100% !important; } #enquete_popupclose_top, #old_brawser_popupclose_top, #popupclose_btn_topright { top: 0 !important; right: 0 !important; } #paymentThanx-Popup.aboutChargePopup{ top: 5% !important; height: 90% !important; overflow-y: scroll; } #paymentThanx-Popup.aboutChargePopup .alertChargePopup__inner{ width: 100% !important; box-sizing: border-box; padding: 15px !important; } #paymentThanx-Popup.aboutChargePopup .alertChargePopup__inner .popup_close_btn{ width: 100% !important; box-sizing:border-box; } body #edit-popup { width: 90%; right: 5%; padding: 25px 15px; top: 60px; background-image: url(../images/long_time_login_head_bg.png); background-repeat: no-repeat; background-position: top -0px left; background-size: 100%; box-sizing: border-box; } body #edit-popup .editCheckGifOuter { width: 100%; border: none; margin: 0 0 10px; } body #edit-popup .editCheckGifOuter img { width: 100%; border: none; border: 1px solid #dfdbdb; } body .editCheckExplainOuter { display: block; } #edit-popup .popupTitle h2 { color: #5D5450; background: none; border: none; box-shadow: none; text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; } /***************************************************************/ /********** 抱きしめーるブロック **********/ /* ブロック全体 */ #dksm_wrapper{ width:90%; margin:0 auto 45px; } .addPadding{ padding:30px; } .dksm_regist{ position:relative; } #dksm_wrapper .about_dksm{ margin:0 0 15px; } /* ブロックの中身 */ #dksm_form_01, #dksm_form_02{ width:100%; margin:0 0 10px; } #dksm_form_02, .dksm_regist td{ margin: 0; } .dksm_regist th, .dksm_regist td{ width:100%; box-sizing: border-box; font-weight:normal; } .dksm_regist th{ font-size:14px; text-align: left; } .dksm_regist .n_table{ margin-bottom: 10px; } /* ブロックのフォーム */ .dksm_regist select[name="name"], .dksm_regist select[name="tel_1"], .dksm_regist input[name="tel_2"], .dksm_regist input[name="tel_3"], .dksm_regist select[name="shaken_expired_year"],.dksm_regist select[name="shaken_expired_month"], .dksm_regist select[name="shaken_expired_day"], .dksm_regist select[name="shaken_term"], .dksm_regist textarea{ padding: 5px; } .dksm_regist select[name="tel_1"], .dksm_regist input[name="tel_2"], .dksm_regist input[name="tel_3"]{ width:70px; font-size:14px; } .dksm_regist select[name="shaken_expired_year"]{ max-width:130px; } .dksm_regist select[name="shaken_expired_month"], .dksm_regist select[name="shaken_expired_day"]{ max-width:75px; } .dksm_regist textarea{ min-width: 100%; min-height: 150px; } /* ブロックにかかるオーバーレイ・スライダー */ #js_dksmSliderContents{ width:500%; } #dksm_wrapper .overLay{ position: absolute; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index:2; top:0; left:0; border-radius: 10px; border:none; } .dksm_regist .dksmSlider{ position: absolute; margin: 30px; height: 414px; top: calc( 50% - 207px ); background: #fff; overflow:hidden; z-index:3; left:0; border-radius: 10px; box-shadow: 5px 5px 5px rgba( 0,0,0, 0.6); } #js_dksmSliderContents div{ width:calc( 20% - 30px ); float:left; padding: 15px; } #js_dksmSliderButtonNext, #js_dksmSliderButtonPrev{ display:none; } #js_dksmSliderStep{ position:absolute; bottom:30px; width:100%; } #js_dksmSliderStep span:nth-child(5n) { margin-right:0; } #js_dksmSliderStep .current{ background:#36f; } #js_dksmSliderContents h2{ background:none !important; box-shadow:none !important; border:none !important; width: 100%; border: none; font-size: 20px; line-height: 120%; font-weight: normal; padding: 15px 0 0; margin:0 0 30px; text-align: center; ; 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 !important; } #js_dksmSliderContents h2:before, #js_dksmSliderContents h2:after{ display:none; } #js_dksmSliderContents p, #js_dksmSliderContents span { color: #000; } #js_ontents div > img{ margin:0 0 30px 0; width:100%; } #js_dksmSliderStep p{ width:90px; margin:0 auto; } #js_dksmSliderStep span{ display: block; width: 8px; height: 8px; border: 1px solid #ccc; border-radius: 100%; float: left; margin-right: 10px; cursor: pointer; } /***スライダーの3枚目が対象***/ #js_dksmSliderContents div:nth-child(3) p{ margin:0 0 15px; } #js_dksmSliderContents div:nth-child(3) p b{ display:block; } .dksmSliderContents p img { display: none; } /***スライダーの3枚目が対象 ここまで***/ #js_dksmSliderContents .dksmBtn { border: none; color: #fff; background-image: url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp); background-repeat: no-repeat, repeat; background-size: cover, auto; background-position: center bottom 2px, center; padding: 10px 0; margin: 0 auto 15px; font-size: 16px; border-radius: 5px; cursor: pointer; max-width: 80%; 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; } .dksmBtn.signin { background-color: #d51c5a; } .dksmBtn.login { background-color: #26e; } /*-----中古車対応-----*/ #carGallMask{ position:relative; margin: 0 0 15px; height:60px; } #js-slideIconWrapped{ height:60px; position:absolute; z-index:1; } #js-currentMask{ height: 60px; position: absolute; width: 80px; z-index: 2; top: 0; left: 0; border: 3px solid #c00; box-sizing: border-box; } #js-slideIcon{ height: 60px; position: absolute; top: 0; left: 0; max-width: none; z-index:0; } #js-slideImage{ max-width:none; } .car_gall_main{ overflow:hidden; max-width:640px; } #cgmLArrow, #cgmRArrow{ z-index:0; } .cgm{ position: absolute; height: 100%; width: 20%; z-index:1; } .cgm.cgmRight{ right:0; } .carthumb_img img{ min-height:13px; } #js-ImageLink{ float:left; } #cgmCapWrapper{ clear:both; } #carGallMask .cgmLArrow { top: 0; left: 0; position: absolute; margin: 0; opacity: 0; z-index: 1; width: 10%; height: 100%; background: rgba(0,0,0,0.5); padding: 17.5px 10px; box-sizing: border-box; border-radius: 0 4px 4px 0; } #carGallMask .cgmLArrow img { height: 25px; } #carGallMask .cgmRArrow { top: 0; right: 0; position: absolute; margin: 0; opacity: 0; z-index: 1; width: 10%; height: 100%; background: rgba(0,0,0,0.5); padding: 17.5px 10px; box-sizing: border-box; border-radius: 4px 0 0 4px; } #carGallMask .cgmRArrow img { height: 25px; } #carGallMask .cgm { position: absolute; width: 10%; top: 0px; right: 0; background: #fff url(../images/cgmBg.png); opacity: 0; text-align: center; z-index: 4; } #carGallMask .cgmLeft{ left: 0; } /* 在庫車検索のブロック */ .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:active{ 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); } #car_search_area { text-align: center; display: none; font-size: 12px; color: #222; margin: 30px 0 10px; } #carSearch_public { max-width: 960px; margin: 15px auto 35px auto; padding-left: 20px; } #carSearchForm_public { font-size: 14px; } #car_name { margin-bottom: 15px; } .search_title { width: 30%; display: inline-block; } #carMaker_public { width: 62%; } #carName_public { width: 62%; } .car_search_select { font-size: 13px; width: 100px; } .pager { font-size: 12px; clear: both; background-color: #F7F7F7; width: 650px; padding-top: 4px; padding-right: 9px; padding-bottom: 0px; padding-left: 9px; margin: 0 auto; background: none; border: none; width: 100%; } .pager li { margin-bottom: 10px; 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; text-align: center; } .pager li a { display: block; background: #DDD; border: 1px solid #333; margin: 0 5px 0; padding: 10px 15px; } #car_loader_wrap { text-align: center; } #car_loader_wrap span { margin-left: 10px; } #car_rteditor_loader { width: 35px; } #messagePanel { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.6; color: #FFF; z-index: 2; } #carSearchSubmit_public { margin: 15px auto; } .sidebarSvSubmit { color: #FFF; width: 50%; height: 30px; font-size: 11px; background: linear-gradient(#FFDD34, #FFA74D); cursor: pointer; border: 1px solid #FFF; border-radius: 3px; display: none; } #streetViewSubmit { margin-top: 15px; } .company_fax_str { margin : 0 0 0 20px; } .unused { background: #36f; } .link_banner img { max-width: 100%; } #recruit_banner_block .recruit_banner_bg { background: none; } #car_recommend_area .noneUsedcarImageThumb { min-height: 80px; } .carinfo_wrapped { x 0; } .carsort_wrapped { margin: 0 0 10px; } .display_sort_str, .display_extra_search_parameter_str{ display: inline-block; width: 27%; vertical-align: top; } .extra_search_parameter_wrapped{ margin: 0 auto 10px; } .display_search_parameter_wrapped{ display: inline-block; } .display_search_parameter_wrapped .search_parameter_str{ font-size: 14px; } .display_sort_wrapped { display: inline-block; font-size: 13px; } .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; padding: 0 10px; } .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; padding: 0 10px; /* border-bottom: 4px solid #555; */ } .sort_wrapped { margin: 0 0 5px; } .order_wrapped { text-align: center; margin: 10px 0; } #sort_order_asc { display: none; } #sort_order_desc { display: none; } .detail_link a:visited, .detail_link a:link { color: #eee; } .main_pict_img { vertical-align: middle; } #car_free_search_wrapped { margin: 0 0 15px; } #car_free_search_wrapped .search_title { width: 40%; } #car_free_search { width: 52%; font-size:13px; } .trialEnqueteHtmlWrapped{ display:none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 2147483647; overflow: hidden; } .trialEnqueteHtmlWrapped iframe{ width: calc( 100% - 30px ); height: calc( 100% - 30px ); position: absolute; top: 15px; left: 15px; background: #fefefe; bord5px; border: none; } #js-trialFormSubmitButton{ width: 80px; height: 80px; position: absolute; background-image: url(../images/trial_end_btn_unable.png); background-size: cover; background-repeat: no-repeat; bottom: 15px; left: calc( 50% - 40px ); z-index: 2; transition: .25s; } #js-trialFormSubmitButton.js-able{ background-image: url(../images/trial_end_btn.png); cursor:pointer; } .validate-comment{ position: absolute; bottom: 65px; left: calc( 50% - 70px ); width: 140px; height: 140px; background-image: url(../images/fukidashi.png); background-size: cover; background-repeat: no-repeat; padding: 20px; box-sizing: border-box; font-size: 14px; line-height: 18px; z-index: 2; transition: opacity .3s, transform .3s, visibility 0s ease .3s; opacity: 0; visibility: hidden; -webkit-transform: translateY(30px) scale(0.75); transform: translateY(30px) scale(0.75); text-align: center; cursor: pointer; } .validate-comment.isset{ opacity: 1; transition-delay: 0s; transition : .3s; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .validate-comment.isset.more{ animation-name: validateCommentEmphasis; animation-duration:.3s; animation-iteration-count: 2; } @keyframes validateCommentEmphasis{ 0%{ -webkit-transform: translateX(0) translateY(0) scale(1); transform: translateX(0) translateY(0) scale(1); } 50%{ -webkit-transform: translateX(0) translateY(0) scale(1.1); transform: translateX(0) translateY(0) scale(1.1); } 100%{ -webkit-transform: translateX(0) translateY(0) scale(1); transform: translateX(0) translateY(0) scale(1); } } .validate-comment p{ position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) translateY( -15px ); transform: translateX(-50%) translateY(-50%) translateY( -15px ); width: calc( 100% - 30px ); line-height: 18px; font-size: 14px; color: #f00; margin-top:5px; } #js-trialEnqueteLoader{ position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 3; opacity:0; transition:.25s; } #js-trialEnqueteLoader.isset{ opacity:1; } #js-trialEnqueteLoader:after { content: url(../images/loader.svg); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .display_change_icon { width: 38px !important; height: 38px !important; background-image: url(../images/setting.gif),linear-gradient(0deg, #e4e4e4 0%, #ffffff 43%, #ffffff 100%); background-size: cover !important; background-repeat: no-repeat; box-shadow: inset 1px 0 0 #FFF, inset -1px 0 0 #FFF, inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF; display: inline-block; } .leadOriginalDesign { margin: 10px 0; } .requiredLabel{ font-size: 10px; background: #f33; padding: 1px 5px 1px 3px; margin-left: 7.5px; border-radius: 2px; vertical-align: middle; color: #fff; } .ui-datepicker{ box-sizing:border-box; } .js-datePicker .ui-datepicker-title span { display: inline !important; } .datePickTriggerIcon{ vertical-align:middle; margin: 0 0 0 5px; } .js-datePicker{ position:absolute; display:none; z-index:2; } .n_table .js-datePicker table, .n_table .js-datePicker tbody, .n_table .js-datePicker tr{ display:table-row-group; } .n_table .js-datePicker th, .n_table .js-datePicker td{ display:table-cell; padding:inherit !important; } .js-datePicker .ui-datepicker{ width:280px !important; padding: 5px; } .js-datePicker .ui-datepicker th, .js-datePicker .ui-datepicker td { width: calc( 280px / 7 ) !important; } .js-datePicker .ui-datepicker td a { padding: 3px 3px 3px 0 !important; } .js-datePicker .ui-datepicker th span{ padding:5px 0px !important; } .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%; } .estimateCategory { display: inline-block; width: calc( ( 100% - 20px ) / 3 ); box-sizing: border-box; margin: 0 5px 0 0; background: #eee; border-radius: 15px; border: 1px solid #ccc; padding: 3px 0; text-align: center; font-size:14px; } .estimateCategory.current{ background:#222; color:#eee; } .est_table_car .estimateCategory:not(.current) { opacity: .5; } .estimateCategory input{ display:none; } td .estimateCategory:nth-of-type(3n) { margin: 0 0 0 0; } .datePickTriggerIcon{ vertical-align:middle; margin:0 0 0 15px; cursor:pointer; } .checkedValidIcon{ width: 18px; vertical-align: middle; margin-left: 10px; opacity : 0; } .checkedValidIcon.no-animate { opacity:1; } .checkedValidIcon.js-checked:not(.no-animate){ animation-name:addCheckIconAction; animation-duration:.45s; animation-fill-mode:forwards; opacity:1; } .checkedValidIcon.js-checked:not(.no-animate).js-removing{ animation-name:removeCheckIconAction; animation-duration:.45s; animation-fill-mode:forwards; opacity:0; } .overAlert { font-weight: bold !important; color: #fff !important; } .overAlert .tagstrip_button_image{ background: #fd4c4c !important; } @keyframes addCheckIconAction{ 0% { transform: scale(7.5) rotate(-72deg); -webkit-transform: scale(7.5) rotate(-72deg); opacity: 0.1; } 100% { transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); opacity: 1; } } @keyframes removeCheckIconAction{ 0% { opacity: 1; } 100% { opacity: 0; } } #mitumori_table_box .input_pict_file span { display: inline !important; } /**************************************/ /**************************************/ /*------ 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; transform:translate(0, 60px);} 100% {opacity:1; transform:none;} } .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, 20px);} 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(-20px, 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(20px, 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, 20px);} 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(-20px,0,0); transform: translate3d(-20px,0,0); opacity: 0; } 30% {opacity: 1;} 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } .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;} } .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; } } .textCounter__wrapper{ display:none; } #main_contents_container{ overflow: hidden; } /* ImageBox */ #js-directUploadImageInput{ display:none; } .js-changeableBoxImageLayoutBox { transition:.25s; -webkit-transition:.25s; position:relative; } [data-transparent="0"]{ opacity:1; } [data-transparent="1"]{ opacity:0; } .imageBoxContents { position: relative; margin:0 0 15px; float: left; } .img_box_left.imageBoxSlider{ float:left; } .img_box_right.imageBoxSlider{ float:right; } .img_box_left.imageBoxSlider{ margin: 0 5% 0 0; } .img_box_right.imageBoxSlider{ margin: 0 0 0 5%; } .img_box_left:not(.imageBoxSlider) .imageBoxContents{ margin: 0 10px 10px 0; } .img_box_right:not(.imageBoxSlider) .imageBoxContents{ margin: 0 0 10px 10px; } .img_box_left:not(.imageBoxSlider)[data-size="max"] .imageBoxContents, .img_box_right:not(.imageBoxSlider)[data-size="max"] .imageBoxContents{ margin: 0 0 10px 0 !important; } .imageBoxSlider .imageBoxContents, .imageBoxSlider img{ float:left; padding:0; } .imageBoxSlider .imageBoxContents img{ float:none; } .imageBoxOuter{ margin: 0 0 15px; position: relative; } .edit .imageBoxOuter{ width: 100%; display: table; } .captionHead{ margin:10px 0; font-weight: bold; } .imageBoxClearfix{ display:none; } .size_max:not(iframe){ height: auto !important; padding: 0 !important; } .js-activeControll .js-imageBox{ z-index: 12; } .imageBoxContents[data-layout="LAYOUT_2COLUMN"], .imageBoxContents[data-layout="LAYOUT_3COLUMN"], .imageBoxContents[data-layout="LAYOUT_4COLUMN"]{ float: left; width: calc( 50% - 7.5px ); margin-right: 15px; } .imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_2COLUMN"]:last-of-type, .imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_3COLUMN"]:nth-of-type(2), .imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_3COLUMN"]:nth-of-type(3), .imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_4COLUMN"]:nth-of-type(2), .imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_4COLUMN"]:nth-of-type(4){ margin-right: 0; } .imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_3COLUMN"]:nth-of-type(3){ clear:both; } .imageFixControllerInner{ position:relative; } .imageFixControllerInner.current:after { content: ""; width: 15px; height: 15px; position: absolute; background-image: url(../images/check_min_red.png); background-position: center center; background-repeat: no-repeat; background-size: contain; top: -6px; right: -8px; } /* ImageBox Controller */ .changeBoxImageLayoutControllerOuter { background: #f5f5f5; border: 1px solid #d0d0d0; box-sizing: border-box; float: right; margin: 5px 0; opacity: 1; padding: 5px; transition: .25s; position: relative; } .changeBoxImageLayoutControllerInner{ float: left; margin: 0 10px 0 0; position: relative; } .changeBoxImageLayoutControllerInner.current:after { content: ""; width: 15px; height: 15px; background-image: url(../images/check_min_red.png); background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; top: -5px; right: -5px; } .changeBoxImageLayoutControllerOuter .changeBoxImageLayoutControllerInner:last-child{ margin:0; } .changeBoxImageLayoutControllerInner img{ width: 30px; cursor: pointer; } .boxImageImageControllerOuter, .boxImageSettingControllerOuter { position: absolute; background: #f5f5f5; top: 0px; border:1px solid #ccc; padding: 5px 3px; } .boxImageImageControllerOuter{ z-index: 5; } .boxImageSettingControllerOuter{ z-index: 4; } .boxImageImageControllerOuter[data-layout="LAYOUT_2COLUMN"][data-image-order="1"], .boxImageImageControllerOuter[data-layout="LAYOUT_3COLUMN"][data-image-order="1"], .boxImageImageControllerOuter[data-layout="LAYOUT_4COLUMN"][data-image-order="1"], .boxImageImageControllerOuter[data-layout="LAYOUT_4COLUMN"][data-image-order="3"]{ right: 0px; left: auto; } .img_box_left .boxImageImageControllerOuter, .img_box_left .boxImageSettingControllerOuter{ left: 0px; right: auto; } .img_box_right .boxImageImageControllerOuter, .img_box_right .boxImageSettingControllerOuter{ right: 0px; left: auto; } .ai__boot-icon-outer--multi{ left: auto !important; right: 0px !important; } .img_box_right .ai__boot-icon-outer--multi{ left: 0px !important; right: auto !important; } .imageDetailControllerOuter{ width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; transition: .25s; } .imageDetailControllerMask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 100; } .imageDetailControllerInner { background-color: #f5f5f5; padding: 30px; z-index: 101; position: absolute; border-radius: 5px; width: 90vw; box-sizing: border-box; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); text-align: center; } .usedcar_info_body .imageDetailControllerInner { /* min-height: 520px;*/ padding: 20px; width: 91vw; } .imageDetailControllerInner.leftBlank{ margin-left: 7.5px; } .imageDetailControllerTitle, .imageDetailControllerCurrentLinkOuter { padding: 0 !important; } .imageDetailControllerTitle{ margin: 0 0 5px; } .imageDetailControllerCurrentLinkOuter{ margin:0 0 20px; } .imageDetailControllerAbout { color: #aaa; font-size: 12px; } .imageDetailControllerCaption{ font-size:12px; text-align:left; margin: 0 0 5px; color:#666; padding:0 !important; } .imageDetailControllerSubmit{ color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.1); font-weight: bold; font-size: 16px; padding: 10px 45px; border: 1px solid #FFF; border-radius: 3px; 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; transform: translateY(-1px); display:block; margin:0 auto; } .imageDetailControllerlabelOuter{ margin:0 0 30px; text-align: left; } .imageDetailControllerTitle{ font-size: 16px !important; color: #333; } input[type="text"].imageDetailControllerInputText { width: 100%; margin:0 0 5px; } .deleteEditorThumbNailOuter, .usedcar_info_body .editorThumbNailOuter{ margin: 0 0 30px; border: 5px solid #fc0; border-radius: 5px; padding: 15px; } .imageDetailControllerLabelAbout{ font-size: 12px; vertical-align: top; color:#333; } .deleteEditorThumbNailOuter img, .usedcar_info_body .editorThumbNailOuter img { float: none; max-height: 120px; width: auto !important; } .deleteEditorThumbNailOuter iframe{ margin:0; float:none; max-width: 100%; } .usedcar_info_body .imageDetailControllerDetail .imagePreview { font-size: 15px; margin-bottom: 5px; } .usedcar_info_body .editorThumbNailOuter[data-show="0"], .usedcar_info_body .imagePreview[data-show="0"] { display: none; } .imageDetailControllerTab { margin: 5px 0 10px; padding: 0; } .imageDetailControllerTab .tab__item, .imageDetailControllerTab .car_tab__item{ display: inline-block; text-align: center; padding: 15px 5px; border-radius: 5px; background: #eee; color: #CCC !important; cursor: pointer; line-height: 1; font-size: 12px; transition: all .3s; width: 123px; box-sizing: border-box; } .imageDetailControllerTab .car_tab__item { margin-bottom: 15px; transition: none; } .imageDetailControllerTab .car_tab__item[data-show="0"] { display: none; } .imageDetailControllerTextOuter[data-active = "link"] [data-tab = "link"], .imageDetailControllerTextOuter[data-active = "popup"] [data-tab = "popup"], .imageDetailControllerTextOuter[data-active = "imageAdd"] [data-tab = "imageAdd"], .imageDetailControllerTextOuter[data-active = "imageChange"] [data-tab = "imageChange"]{ background: #3366FF !important; color: #FFF !important; box-shadow: inset 2px 2px 6px rgba(0,0,0,.15); font-weight: bold; } .imageDetailControllerDetail{ margin: 0 0 15px; position: relative; text-align: left; } .imageDetailControllerDetail:after{ content: ""; clear: both; display: block; } .imageDetailControllerOuter .imageLinkDelete { margin: 0 0 0 auto; background: none; border: none; color: #3366FF !important; cursor: pointer; display: block; font-size: 12px; } .imageDetailControllerDetail.detail__item{ display: none; } .imageDetailControllerTextOuter[data-active = "link"] [data-detail = "link"], .imageDetailControllerTextOuter[data-active = "popup"] [data-detail = "popup"], .imageDetailControllerTextOuter[data-active = "imageAdd"] [data-detail = "imageAdd"], .imageDetailControllerTextOuter[data-active = "imageChange"] [data-detail = "imageChange"]{ display: block; } .imageDetailControllerTextOuter[data-active = "imageAdd"] [data-detail = "imageAdd"], .imageDetailControllerTextOuter[data-active = "imageChange"] [data-detail = "imageChange"]{ position: relative; } .imageDetailControllerDetail p{ font-size: 12px; margin: 0 0 3px; } .imageDetailControllerDetail .attention{ color: #999; font-size: 12px; } .imageDetailControllerDetail[data-detail = "popup"] .attention{ width: 100%; text-align: center; background: #f8f8f8; border: 1px solid #e1e1e1; box-sizing: border-box; color: #999 !important; padding: 20px; } .imageDetailControllerDetail input[type = "text"]{ width: 100%; border: 1px solid #CCC; border-radius: 5px; padding: 7px; box-sizing: border-box; } .imageDetailControllerOuter .imageLinkSelect{ width: 100%; background: #FFF; border: 1px solid #CCC; border-radius: 5px; box-sizing: border-box; display: none; padding: 7px; } .imageDetailControllerOuter .imageLinkSelect.show{ display: block; } .imageDetailControllerOuter .imageLinkSelectShowTrigger, .imageDetailControllerOuter .imageLinkUrlFormShowTrigger{ background: #e0e0e0; border-radius: 3px; color: #999 !important; cursor: pointer; display: inline-block; font-size: 12px; padding: 4px 12px; user-select: none; text-align: center; float: right; } .imageDetailControllerOuter .imageLinkDelete.hide, .imageDetailControllerOuter .imageLinkSelectShowTrigger.hide, .imageDetailControllerOuter .imageLinkUrlFormShowTrigger.hide{ display: none; } .imageDetailControllerDetail input[type = "text"]::placeholder{ color: #CCC; } .imageDetailControllerOuter[data-editor="delete"] .imageDetailControllerTextOuter{ margin: 0 0 15px; } .imageDetailControllerCancelString{ color:#36f; } .imageDetailControllerFormOuter{ text-align:center; } .js-loadingDirectUpload:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255,255,255,0.9); background-image: url(../images/loader.svg); background-repeat: no-repeat; background-position: center center; opacity:0; transition:.5s; } .js-loadingDirectUpload.js-activeLoading:after{ opacity:1; } .closeDetailController { position: absolute; right: -5px; top: -5px; padding: 0 !important; } .imageDetailControllerCurrentLink{ margin: 0 0 15px !important; color: #36f !important; background-image: url(../images/out_link.gif); background-position: right top 2px; padding: 0 18px 0 0; background-repeat: no-repeat; font-size: 12px; } .imageDetailControllerLabel{ display:block; margin: 0 0 10px; } .imageFixControllerInner[data-fix-type="captionHead"].disabled .imageFixController, .imageFixControllerInner[data-fix-type="captionBody"].disabled .imageFixController{ cursor:default; opacity:0.5; } .imageFixController[data-fix-type="disabled"]{ width:19px; padding: 2px 0px 2px 2px; cursor:not-allowed; } .controllerErrorMessage{ color: #e00 !important; margin: 5px 0 !important; font-size: 12px !important; } /* imageBox Slider */ .imageBoxSlider{ overflow:hidden; padding:0; position:relative; } .imageBoxSlider .imageBoxContentsWrapper{ transition: .5s; } .imageBoxSlider .imageBoxContents{ max-width:100% !important; } .imageBoxSlider .imageBoxOuter{ height:100%; width:100%; display:table; text-align:center; margin:0; } .imageBoxSlider .imageBoxInner{ display:table-cell; vertical-align:middle; } .js-controllerOuter{ position: absolute; top: 50%; } .boxImageSliderController[data-active="1"], .boxImageSliderProgress[data-active="1"]{ opacity:1; } .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.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: 30px; z-index:1; } /* boxImageMultiSlider */ .imageBoxMultiSlider{ width: 100%; align-items: center; display: flex; flex-wrap: wrap; padding: 0 0 45px; position: relative; } .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[data-max-slider-num = "0"], .imageBoxMultiSlider[data-max-slider-num = "1"]{ padding: 0; } .imageBoxMultiSlider[data-max-slider-num = "0"] .imageBoxContentsWrapper, .imageBoxMultiSlider[data-max-slider-num = "1"] .imageBoxContentsWrapper{ overflow: hidden !important; } .imageBoxMultiSlider[data-max-slider-num = "0"] .numberingOuter, .imageBoxMultiSlider[data-max-slider-num = "1"] .numberingOuter, .imageBoxMultiSlider[data-max-slider-num = "0"] .controllerOuter, .imageBoxMultiSlider[data-max-slider-num = "1"] .controllerOuter{ display: none; } .imageBoxMultiSlider .imageBoxContentsWrapper{ width: 90%; margin: 0 auto 15px; /*overflow: hidden;*/ } .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; } .imageBoxMultiSlider .captionBody{ font-size: 12px; } .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; } /* ImageBox BlankImage */ .imageBoxBlankOuter { width: 100%; display: block; text-align: center; border: 2px dashed #ccc; background-color: #fff; box-sizing:border-box; color: #36f; font-size: 12px; padding: 10px; } .imageBoxBlank{ display:block; color: #151515; } .img_box_left .imageBoxBlankOuter img, .img_box_right .imageBoxBlankOuter img { padding: 0; float: none; } .alertAboutCaption{ position: absolute; font-size: 12px; top: 100%; background: #fefefe; width: 100%; padding: 15px; left: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; display: none; cursor: pointer; border: 2px solid #fc0; box-sizing: border-box; } .header_logo_img { width: 150px; height: 40px; } .visibilityHidden { visibility: hidden; } .visibilityVisible { visibility: visible; } .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; } .js-imageBoxBackground .changeBoxImageLayoutControllerOuter{ bottom: 0; right: 0; position: absolute; margin: 10px 0 0; } .js-imageBoxBackground .editTextOuter { width: 100%; padding: 20px; box-sizing: border-box; background: rgba(255, 255, 255, 0.85) url(../images/ibbBg.png); margin: 0 auto; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); word-break: break-all; } .js-imageBoxBackground .editTextOuter h3 { float: none; width: auto; } .js-imageBoxBackground .editTextOuter b, .js-imageBoxBackground .editTextOuter p { float: none; padding: 0; width: auto; background: none; } .box_voice.js-imageBoxBackground .editTextOuter b { display: inline-block; margin-bottom: 10px; } .campaign_content.js-imageBoxBackground .editTextOuter span { color: #000; } .js-imageBoxBackground .imageNone { display: none; } .js-imageBoxBackground .imageBlock { display: block; background: transparent; border: 0; margin: 0; } .div_box_flow .js-imageBoxBackground.box_flow:after { content: ""; } .bgImageUploadLoader { position: absolute; top: calc(50% - 52.5px); left: calc(50% - 52.5px); } .bgImageUploadLoaderOuter { background: transparent; position: absolute; opacity: 0; transition: .25s; z-index: 2; } .bgImageUploadLoaderActive { opacity: 1; } .js-imageBoxBackground .js-imageBox { position: unset; } .js-imageBoxBackground .imageBoxContents { position: unset; } .js-imageBoxBackground.isRight { text-align: right; } .js-imageBoxBackground.isLeft { text-align: left; } .resetWidth { width: auto; } .resetHeight { height: auto; } .wrap{ display: flex; min-width: auto !important; } .wrap.hide{ display: none; } .imageBoxBlank ~ .wrap{ display: none; } .img_box_left .wrap img, .img_box_right .wrap img{ float: none; margin: 0; padding: 0; } body:not(.noClearImage) .img_box_right[data-size = "middle"] + .editTextOuter, body:not(.noClearImage) .img_box_left[data-size = "middle"] + .editTextOuter, body:not(.noClearImage) .img_box_right[data-size = "big"] + .editTextOuter, body:not(.noClearImage) .img_box_left[data-size = "big"] + .editTextOuter, body:not(.noClearImage) .img_box_right[data-size = "bigger"] + .editTextOuter, body:not(.noClearImage) .img_box_left[data-size = "bigger"] + .editTextOuter, body:not(.noClearImage) .img_box_right[data-size = "halfmax"] + .editTextOuter, body:not(.noClearImage) .img_box_left[data-size = "halfmax"] + .editTextOuter, body:not(.noClearImage) .img_box_right[data-size = "max"] + .editTextOuter, body:not(.noClearImage) .img_box_left[data-size = "max"] + .editTextOuter { clear: both; } body.noClearImage .img_box_right[data-size = "middle"] .js-imageBlockImage, body.noClearImage .img_box_left[data-size = "middle"] .js-imageBlockImage, body.noClearImage .img_box_right[data-size = "big"] .js-imageBlockImage, body.noClearImage .img_box_left[data-size = "big"] .js-imageBlockImage, body.noClearImage .img_box_right[data-size = "bigger"] .js-imageBlockImage, body.noClearImage .img_box_left[data-size = "bigger"] .js-imageBlockImage, body.noClearImage .img_box_right[data-size = "halfmax"] .js-imageBlockImage, body.noClearImage .img_box_left[data-size = "halfmax"] .js-imageBlockImage, body.noClearImage .img_box_right[data-size = "max"] .js-imageBlockImage, body.noClearImage .img_box_left[data-size = "max"] .js-imageBlockImage { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } body.noClearImage .img_box_right[data-size = "middle"], body.noClearImage .img_box_left[data-size = "middle"], body.noClearImage .img_box_right[data-size = "big"], body.noClearImage .img_box_left[data-size = "big"], body.noClearImage .img_box_right[data-size = "bigger"], body.noClearImage .img_box_left[data-size = "bigger"], body.noClearImage .img_box_right[data-size = "halfmax"], body.noClearImage .img_box_left[data-size = "halfmax"], body.noClearImage .img_box_right[data-size = "max"], body.noClearImage .img_box_left[data-size = "max"] { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } body.noClearImage .img_box_right[data-size = "middle"]> div.imageBoxContents, body.noClearImage .img_box_left[data-size = "middle"]> div.imageBoxContents, body.noClearImage .img_box_right[data-size = "big"]> div.imageBoxContents, body.noClearImage .img_box_left[data-size = "big"]> div.imageBoxContents, body.noClearImage .img_box_right[data-size = "bigger"]> div.imageBoxContents, body.noClearImage .img_box_left[data-size = "bigger"]> div.imageBoxContents, body.noClearImage .img_box_right[data-size = "halfmax"]> div.imageBoxContents, body.noClearImage .img_box_left[data-size = "halfmax"]> div.imageBoxContents, body.noClearImage .img_box_right[data-size = "max"]> div.imageBoxContents, body.noClearImage .img_box_left[data-size = "max"]> div.imageBoxContents { margin: 0 !important; width: 100% !important; } .btnWrap{ background: #EEE; cursor: pointer; } .btnWrap:active{ transform: scale(0.95); } .parentBtn, .sidebarParentBtn{ width: 29px; height: 29px; box-sizing: border-box; border: 1px solid #ccc; background-image: linear-gradient(0deg, #e4e4e4 0%, #ffffff 43%, #ffffff 100%); box-shadow: inset 1px 0 0 #FFF, inset -1px 0 0 #FFF, inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF; padding: 1px; text-align: left; margin: 0 2px; display: block; } .parentBtn[data-fix-type="imageCaption"] { background: #333; border: none; box-shadow: none; } .parentBtn > img, .sidebarParentBtn .imageFixController{ position: relative; top: 1px; left: 1px; } .parentBtn[data-fix-type="library"] > img{ width: 18px; float: none; margin: 4px auto 0; display: block; top: auto; left: auto; } .parentBtn > img[data-fix-type="imageCaption"]{ left: 2px; top: 2px; } .boxImageImageControllerOuter[data-layout="LAYOUT_DEFAULT"] .imageFixControllerInner[data-fix-type="sort"], .boxImageImageControllerOuter[data-layout="LAYOUT_SLIDESHOW"] .imageFixControllerInner[data-fix-type="sort"], .boxImageImageControllerOuter[data-layout="LAYOUT_2COLUMN"] .imageFixControllerInner[data-fix-type="sort"], .boxImageImageControllerOuter[data-layout="LAYOUT_3COLUMN"] .imageFixControllerInner[data-fix-type="sort"], .boxImageImageControllerOuter[data-layout="LAYOUT_4COLUMN"] .imageFixControllerInner[data-fix-type="sort"]{ display: none; } .parentBtn .imageFixController[data-fix-type="sort"]{ width: 23px; height: 23px; } .childBtn{ width: 33px; height: 33px; position: relative; margin: 0 3px; } .childBtn img{ width: 33px; height: 33px; } .sidebarImageEditPallete.hide, .sidebarBoxImageSettingControllerOuter.hide { display: none; } .childBtnWrap{ display: none; padding: 10px; background: #FFF; border-radius: 10px; position: absolute; bottom: 38px; transform: translateX(-50%) translateX(18px); box-shadow: 0 5px 10px rgb(0 0 0 / 10%); } .childBtnWrap:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -9px; border: 9px solid transparent; border-top: 9px solid #FFF; } .childBtnWrap--active{ display: flex; animation: buttonExpandUp 0.3s ease forwards; } .tapExpandUp{ animation: tapExpandUp 0.3s ease forwards; } .tapOpacityAnimation{ animation: tapOpacityAnimation 1s ease forwards; } @keyframes tapExpandUp { 0% {transform: scale(0.6) scaleY(0.5);} 60%{transform: scale(1.08) scaleY(1.12);} 100% {transform: scale(1) scaleY(1);} } @keyframes tapOpacityAnimation { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes buttonExpandUp { 0% {transform: translateX(-50%) translateX(18px) scale(0.6) scaleY(0.5);} 60%{transform: translateX(-50%) translateX(18px) scale(1.08) scaleY(1.12);} 100% {transform: translateX(-50%) translateX(18px) scale(1) scaleY(1);} } @media all and (-ms-high-contrast:none){ /** IE11用 **/ .imagePosition .childBtnWrap, .imageLink .childBtnWrap, .imageCaption .childBtnWrap{ width: 78px; } } #smt_head_base .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; } #smt_head_base .editLogoOuter { height: auto; padding-right: 0; } #smt_head_base .editLogoOuter a.editLogoCompany { vertical-align: middle; position: relative; top: unset; box-sizing: border-box; font-size: 16px; } #smt_head_base .editLogoOuter.logoEditMark1 .editLogoCompany { padding: 0 3%; } #smt_head_base .editLogoOuter.logoEditMark1 .editLogoCompany:first-letter { font-size: 130%; } #smt_head_base .editLogoOuter.logoEditMark2 { background: url(../images/logoEditMark2.png) no-repeat; background-position: left 10px top calc(50% - 1px); background-size: auto 34px; } #smt_head_base .editLogoOuter.logoEditMark3 { background: url(../images/logoEditMark3.png) no-repeat; background-size: auto 36px; background-position: left 10px center; } #smt_head_base .editLogoOuter.logoEditMark4 { background: url(../images/logoEditMark4.png) no-repeat; background-size: auto 36px; background-position: left 10px center; } #smt_head_base .editLogoOuter.logoEditMark5 { background: url(../images/logoEditMark5.png) no-repeat; background-size: auto 36px; background-position: left 10px center; } #smt_head_base .editLogoOuter.logoEditMark6 { background: url(../images/logoEditMark6.png) no-repeat; background-size: auto 34px; background-position: left 10px center; } #smt_head_base .editLogoOuter.logoEditMark7 { background: url(../images/logoEditMark7.png) no-repeat; background-size: auto 36px; background-position: left 10px center; } #smt_head_base .editLogoOuter.logoEditMark8 { background: url(../images/logoEditMark8.png) no-repeat; background-size: auto 30px; background-position: left 10px center; } #smt_head_base .editLogoOuter.logoEditMark9 { background: url(../images/logoEditMark9.png) no-repeat; background-size: auto 34px; background-position: left 10px center; } #smt_head_base .editLogoOuter.logoEditMark10 { background: url(../images/logoEditMark10.png) no-repeat; background-size: auto 34px; background-position: left 10px top calc(50% - 1px); } #smt_head_base .editLogoOuter.logoEditMark11 { background: url(../images/logoEditMark11.png) no-repeat 10px center; background-size: 65% 65%; } #smt_head_base .editLogoOuter.logoEditMark12 { background: url(../images/logoEditMark12.png) no-repeat; background-size: auto 34px; background-position: left 10px center; } #smt_head_base .editLogoOuter.logoEditMark13 { background: url(../images/logoEditMark13.png) no-repeat; background-size: auto 32px; background-position: left 10px center; } #smt_head_base .editLogoOuter.logoEditMark14 { background: url(../images/logoEditMark14.png) no-repeat; background-size: auto 34px; background-position: left 10px center; } #smt_head_base .editLogoOuter.logoEditMark2 .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark5 .editLogoCompany{ padding: 0 0 0 40px; } #smt_head_base .editLogoOuter.logoEditMark3 .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark6 .editLogoCompany{ padding: 0 0 0 50px; } #smt_head_base .editLogoOuter.logoEditMark9 .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark10 .editLogoCompany{ padding: 0 0 0 51px; } #smt_head_base .editLogoOuter.logoEditMark4 .editLogoCompany{ padding: 0 0 0 47px; } #smt_head_base .editLogoOuter.logoEditMark7 .editLogoCompany{ padding: 0 0 0 44px; } #smt_head_base .editLogoOuter.logoEditMark8 .editLogoCompany{ padding: 0 0 0 53px; } #smt_head_base .editLogoOuter.logoEditMark12 .editLogoCompany{ padding: 0 0 0 60px; } #smt_head_base .editLogoOuter.logoEditMark13 .editLogoCompany{ padding: 0 0 0 48px; } #smt_head_base .editLogoOuter.logoEditMark14 .editLogoCompany{ padding: 0 0 0 46px; } .editLogoOuter.logoEditMarkReverse5 { background: url(../images/logoEditMarkReverse5.png) no-repeat; background-size: auto 36px; background-position: right 10px center; } .editLogoOuter.logoEditMarkReverse7 { background: url(../images/logoEditMarkReverse7.png) no-repeat; background-size: auto 36px; background-position: right 10px center; } #smt_head_base .editLogoOuter.logoEditMark2.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMark3.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMark4.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMark5.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMarkReverse5.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMark6.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMark7.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMarkReverse7.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMark8.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMark9.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMark10.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMark12.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMark13.logoPositionRight, #smt_head_base .editLogoOuter.logoEditMark14.logoPositionRight{ background-position: right center; } #smt_head_base .editLogoOuter.logoEditMark2.logoPositionRight .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark3.logoPositionRight .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark4.logoPositionRight .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark5.logoPositionRight .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark6.logoPositionRight .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark7.logoPositionRight .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark8.logoPositionRight .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark9.logoPositionRight .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark10.logoPositionRight .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark12.logoPositionRight .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark13.logoPositionRight .editLogoCompany, #smt_head_base .editLogoOuter.logoEditMark14.logoPositionRight .editLogoCompany{ padding: 0 0 0 10px; } .editLogoOuter.logoEditMarkReverse5.logoPositionRight .editLogoCompany { padding: 0 3%; } .editLogoOuter.logoEditMarkReverse7.logoPositionRight .editLogoCompany { padding: 0 3%; } #header .editLogoOuter .originalHeaderLogoOuter, #smt_head_base .editLogoOuter .originalHeaderLogoOuter { display: none; } #header .editLogoOuter .originalHeaderLogoOuter, #smt_head_base .editLogoOuter .originalHeaderLogoOuter { display: none; } .notoSansJpLight .smtCompanyName { font-family: "notoSansJpLight", serif !important; } .mplus1pRegular .smtCompanyName { font-family: "mplus1pRegular", serif !important; } .notoSansJpBlack .smtCompanyName { font-family: "notoSansJpBlack", serif !important; } .notoSansJpBold .smtCompanyName { font-family: "notoSansJpBold", serif !important; } .notoSerifJpExtraLight .smtCompanyName { font-family: "notoSerifJpExtraLight", serif !important; padding-bottom: 3px !important; } .sourceHanSansRegular .smtCompanyName { font-family: "sourceHanSansRegular", serif !important; padding-bottom: 2px !important; } .notoSerifJpBlack .smtCompanyName { font-family: "notoSerifJpBlack", serif !important; padding-bottom: 2px !important; } .mPlusRounded1cLight .smtCompanyName { font-family: "mPlusRounded1cLight", serif !important; } .mPlusRounded1cBold .smtCompanyName { font-family: "mPlusRounded1cBold", serif !important; } .logoTypeGothic .smtCompanyName { font-family: "logoTypeGothic", serif !important; } /* スマホではフォントサイズを変える */ #smt_head_base .editLogoOuter.company_rogo a.logoTextSizeSmall { font-size: 12px; } /* スマホではフォントサイズを変える */ #smt_head_base .editLogoOuter.company_rogo a.logoTextSizeMedium { font-size: 16px; } /* スマホではフォントサイズを変える */ #smt_head_base .editLogoOuter.company_rogo a.logoTextSizeLarge { font-size: 18px; } .logoNone { display: none !important; } .company_rogo a.logoEditEffect2 { text-shadow: #EEE 1px 0px 0px, #EEE 0.75517px 0.958851px 0px, #EEE 0.0806px 0.68294px 0px, #EEE 0.141474px 1.99499px 0px, #EEE -0.832294px 1.81859px 0px, #EEE -1.60229px 1.19694px 0px, #EEE -0.97998px 0.28224px 0px, #EEE -0.87291px -0.701566px 0px, #EEE -0.30729px -1.5136px 0px, #EEE -0.421592px -0.95506px 0px, #EEE 0.567324px -0.91785px 0px, #EEE 0.41734px -0.41108px 0px, #EEE 0.92034px -0.558831px 0px; } /* .company_rogo a.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; } */ .company_rogo a.logoEditEffectCC0000 { 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, #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; } .company_rogo a.logoEditEffectFF9900 { 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, #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; } .company_rogo a.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; } .company_rogo a.logoEditEffect99cc00 { 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, #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; } .company_rogo a.logoEditEffect006600 { 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, #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; } .company_rogo a.logoEditEffect3399ff { 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, #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; } .company_rogo a.logoEditEffect0066ff { 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, #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; } .company_rogo a.logoEditEffect6633cc { 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, #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; } .company_rogo a.logoEditEffectFF6699 { 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, #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; } .company_rogo a.logoEditEffect333333 { 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, #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; } .company_rogo a.logoEditEffect000000 { 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, #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; } .company_rogo a.logoEditEffectFFFFFF { text-shadow: #000000 1px 0px 2px, #000000 -1px 0px 2px, #000000 0px 0px 2px, #000000 0px 0px 2px, #000000 0px 1px 2px, #000000 0px -1px 2px, #000000 0px 0px 2px, #000000 0px 0px 2px, #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; } .company_rogo a.logoEditEffect4 { text-shadow: 1px 1px 1px #EEE, 1px -1px 1px #EEE, 0px 1px 1px #EEE, -1px -1px 1px #EEE, 0px 2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px -2px 2px #fff; } .company_rogo a.logoEditEffect5 { text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 1.928px 2.5px 2px rgba(20, 18, 16, 0.5); } .company_rogo a.logoEditEffect6 { text-shadow: #FFFFFF 1px 0px 1px, #FFFFFF -1px 0px 1px, #FFFFFF 0px 0px 1px, #FFFFFF 0px 0px 1px, #FFFFFF 0px 1px 1px, #FFFFFF 0px -1px 1px, #FFFFFF 0px 0px 1px, #FFFFFF 0px 0px 2px, #EEE 0px -2px 0px, #EEE -1px 1px 0px, #EEE 1px 1px 1px, #EEE -2px 1px 0px, #EEE 2px -1px 0px, #EEE -2px -1px 0px, #EEE 1px 2px 0px, #EEE -1px 2px 0px, #EEE 1px -2px 0px, #EEE -1px -2px 0px, #EEE 1px 1px 0px, #EEE -1px 1px 0px, #EEE 1px -1px 0px, #EEE -2px -1px 0px, #EEE 1px 1px 0px, #EEE -1px 1px 0px; } .company_rogo a.logoEditEffect7 { text-shadow: 1px 0px 3px rgba(204, 204, 204, 0.5), -1px 0px 3px rgba(204, 204, 204, 0.5), 0px -1px 3px rgba(204, 204, 204, 0.5), 0px 1px 3px rgba(204, 204, 204, 0.5), 1.5px 0px 5px rgba(204, 204, 204, 0.3), -1.5px 0px 5px rgba(204, 204, 204, 0.5), 0px 1.5px 5px rgba(204, 204, 204, 0.5), 0px -1.5px 5px rgba(204, 204, 204, 0.5); } .company_rogo a.logoEditEffect8 { text-shadow: 0.707px 1.707px 2px rgba(0, 0, 0, 0.6), -1.207px -0.207px 2px rgba(255, 255, 255, 0.6); } .company_rogo a.logoEditEffect9 { text-shadow: 1px 1.7px 3px rgba(255, 255, 255, 0.7), -1px -1px 2px rgba(119, 119, 119, 0.7); } .company_rogo a.logoEditEffect10 { text-shadow: none; } .company_rogo a.logoEditEffect10:before { position: absolute; top: 1em; content: attr(data-text); color: inherit; opacity: 0.3; transform: rotateX(180deg) translateY(-5px); } #smt_head_base .editLogoOuter a.editLogoCompany.textShadowNone { text-shadow: none; } .company_rogo a.logoEditEffect10 { text-shadow: none; } .editLogoOuter .editLogoCompany.logoEditEffect11 { text-shadow: none; } .editLogoOuter.originalHeaderLogo { background-size: 40px; height: 40px; } .fontPreload { visibility: hidden; } #carlist_main_box { overflow: hidden; } #car_list_base .carlist_slider_count { text-align: center; margin: 25px 0; opacity: 0; } #car_list_base .count_outer { display: inline-block; vertical-align: middle; margin: 0 15px; background: transparent; transition: .3s; } .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: .25s; } .carlist_slider_count .loop_first { background: #fcc !important; } #car_list_base .prev_img_outer, #car_list_base .next_img_outer { display: inline-block; vertical-align: middle; position: relative; } #carListSlideShow_wrapper a.thumbnail_box { width: 180px; padding: 10px; margin-right: 10px; display: inline-block; transition: .2s; } .thumbnail_box, .thumbnail_box * { user-select: none; -webkit-user-drag: none; } /* 少数点以下の発生による崩れを防ぐための処理 */ @media screen and (max-width:414px){ /* iPhone XS Max, iPhone 11 Pro Max, iPhone 8 Plus, Pixel 2 etc...*/ #carListSlideShow_wrapper a.thumbnail_box { width: 173px; } } @media screen and (max-width:375px){ /* iPhone X Pro, iPhone 8, Nexus 5, Pixel 2 etc...*/ #carListSlideShow_wrapper a.thumbnail_box { width: 157px; } } @media screen and (max-width:320px){ /* iPhone 5, iPhone SE etc...*/ #carListSlideShow_wrapper a.thumbnail_box { width: 140px; } } #carListSlideShow_wrapper .js-current { z-index: 2; } .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; } #carListSlideShow_wrapper .thumbnail_box:not(.js-current):after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FFF; opacity: 0.3; visibility: visible; } #carListSlideShow_wrapper .js-current .h3 { padding-top: 5px; } .base0_carlistSlideShow01 .slideshow_box { padding-top: 10px; } .plusBlockBtn, .plusBlockBtnPrice, .plusBlockBtn_side{ width: 90%; align-items: center; display: flex !important; flex-direction: row-reverse; flex-wrap: wrap; font-size: 12px; margin: 0 auto 45px; vertical-align: bottom; } .plusBlockBtnPrice{ width: 100%; margin: 10px auto; } .plusBlockBtn_side{ margin: 5px auto; } .plusBlockBtn ul, .plusBlockBtnPrice ul, .plusBlockBtn_side ul{ align-items: flex-end; display: flex; flex-direction: row-reverse; flex-wrap: wrap; float: right; margin: 0 0 0 5px; } .plusBlockBtn ul li, .plusBlockBtnPrice ul li, .plusBlockBtn_side ul li{ margin: 0 2px; } .plusBlockBtn .plusBlockBtn_p, .plusBlockBtnPrice .plusBlockBtn_p, .plusBlockBtn_side .plusBlockBtn_p{ max-width: calc( 100% - 110px ); text-align: right; } .shop_info_box .plusBlockBtn .plusBlockBtn_p{ max-width: calc( 100% - 60px ); } .catch_copy { font-size: 18px; margin-bottom: 15px; } .catch_copy, .catch_copy *{ font-family: 'Noto Serif JP', sans-serif !important; } .catch_copy_text_white { color: #FFFFFF; } .catch_copy_text_black { color: #000000; } .paletteButtonItem.changeMainImageUploaded, .paletteButtonItem.uploadMainImage{ display: inline-block !important; background: -moz-linear-gradient(45deg, #e9e9e9 0%, #eeeeee 100%); background: -webkit-linear-gradient(45deg, #e9e9e9 0%,#eeeeee 100%); background: linear-gradient(45deg, #e9e9e9 0%,#eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#eeeeee',GradientType=1 ); padding: 10px 10px 10px 36px !important; border-radius: 5px; background-repeat: no-repeat; position: relative; text-decoration:none !important; color: #333 !important; cursor:pointer !important; box-sizing:border-box; width: 100%; } .paletteButtonItem.changeMainImageUploaded:after{ content: url(../images/main_pict_use.png); position: absolute; left: 10px; top: 50%; transform: translate(0px, -50%); } .paletteButtonItem.uploadMainImage:after{ content: url(../images/main_pict_upload.png); position: absolute; left: 10px; top: 50%; transform: translate(0px, -50%); } .fixed_menu_panel_design .paletteButtonItem{ display: inline-block !important; background: url(../images/palette_btn_dot.png), linear-gradient(to bottom, #f3f3f3 50%, #eaeaea 50%); padding: 9px 8px 8px 36px !important; border-radius: 3px; background-repeat: no-repeat; box-shadow: inset 1px 1px 4px rgba(0,0,0,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); position: relative; text-decoration:none !important; color: #303236 !important; cursor:pointer !important; transition: 0.3s; } .fixed_menu_panel_design .paletteButtonItem:active{ box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2); background: url(../images/palette_btn_dot.png), linear-gradient(to bottom, #eeeeee 50%, #e4e4e4 50%); } .fixed_menu_panel_design .paletteButtonItem.hasStringIcon{ display:block; font-size: 12px; padding: 7px !important; } .fixed_menu_panel_design .paletteButtonItem .paletteButtonInnerStringIcon { background-color: #587ec1; color: #fff; padding: 0px 5px; font-size: 10px; border-radius: 3px; display: inline-block; transform: translateY(-1px); margin-right: 5px; } #fixed_menu2 .paletteMenuHeader{ background: none; text-shadow: none; font-family: 'Noto Sans JP', sans-serif; color: #333; padding: 0 !important; border: none; box-shadow: none; font-weight: normal; margin: 10px 0 0; font-size: 14px; text-align: left; font-weight: bold; position: relative; margin: 0 0 15px; font-size: 16px; top: 0; text-align: left; } #fixed_menu2 .paletteMenuHeader span:not(.paletteOrder){ font-family: 'Noto Sans JP', sans-serif; } #contents_edit_panel .fixed_menu_panel .palette_menu1, #fixed_menu2 .paletteMenuListItem, #fixed_menu2 .paletteMenuMainItem{ border-bottom: 1px solid rgba(0,0,0,.05); box-shadow: 0 -1px rgba(255,255,255,.3), 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); font-size: 14px; padding: 11px 5px 9px 26px !important; box-sizing: border-box; margin: 0; background: url(../images/next_txt_arw.png), linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0)); background-repeat: no-repeat; background-position:left 12px center, left center; border-radius: 3px; transition: 0.3s; } #contents_edit_panel .fixed_menu_panel .palette_menu1:hover, #fixed_menu2 .paletteMenuListItem:hover, #fixed_menu2 .paletteMenuMainItem:hover{ text-decoration: none; } #contents_edit_panel .fixed_menu_panel .palette_menu1:active, #fixed_menu2 .paletteMenuListItem:active, #fixed_menu2 .paletteMenuMainItem:active{ background: url(../images/next_txt_arw.png), linear-gradient(to left, #eee, #f3f3f3); background-repeat: no-repeat; background-position:left 16px center, left center; box-shadow: 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); padding: 11px 5px 9px 30px !important; } #contents_edit_panel .fixed_menu_panel .palette_menu1:last-of-type, #fixed_menu2 .paletteMenuListItem:last-of-type, #fixed_menu2 .paletteMenuMainItem:last-of-type{ border-bottom: none; box-shadow: 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); } .examplePallet .paletteMenuHeader{ margin:0; } .paletteMenuHeader:before, .paletteMenuHeader:after{ display:none; } .buyButtonMini, .favoriteButtonMini, .toCartButtonMini, .detailButtonMini, .buyButton, .favoriteButton, .toCartButton, .detailButton{ border-radius:5px; display: inline-block; color:#fff; text-decoration:none; background-repeat:no-repeat; } .usercar_list .buyButtonMini, .usercar_list .favoriteButtonMini, .usercar_list .toCartButtonMini{ padding: 10px 10px 10px; } .usercar_list .inCarlist{ display: block; text-align: right; margin: 10px 0 0 0; } .buyButtonMini{ background-color: #d31715; } .thumbnail_box .inCarlist{ text-align:center; } .usercar_list .buyButtonMini{ } .favoriteButtonMini{ background-color: #555555; } .favoriteButtonMini.disable{ } .usercar_list .buyButtonMini{ position:relative; padding: 10px; margin: 0 10px 0 0; text-align: center; } .usercar_list .buyButtonMini:before{ content: ""; height: 16px; width: 16px; display: inline-block; background: url(../images/cart_icon_w.png); background-size: cover; vertical-align: middle; margin: 0 5px 0 0; } .usercar_list .toCartButtonMini{ position:relative; padding: 10px; text-align: center; } .usercar_list .toCartButtonMini:before{ content: ""; height: 16px; width: 16px; display: inline-block; background: url(../images/cart_icon_w.png); background-size: cover; vertical-align: middle; margin: 0 5px 0 0; } .usercar_list .favoriteButtonMini { margin: 0; padding: 10px; } .usercar_list .favoriteButtonMini:before{ content: ""; width: 16px; height: 16px; background-image: url(../images/star_icon_w.png); background-size: cover; background-repeat: no-repeat; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; transform: translateY(-1px); } .usercar_list .favoriteButtonMini.disable:before, .thumbnail_box .favoriteButtonMini.disable:before{ background-image: url(../images/star_icon_y.png); } .thumbnail_box .buyButtonMini{ display: block; padding: 5px; background-position: left 10px center; background-size: 16px; font-size: 10px; margin: 5px 0px; } .thumbnail_box .buyButtonMini:before{ content: ""; height: 16px; width: 16px; display: inline-block; background: url(../images/cart_icon_w.png); background-size: cover; vertical-align: middle; margin: 0 5px 0 0; } .thumbnail_box .toCartButtonMini{ display: block; padding: 5px; background-position: left 10px center; background-size: 16px; font-size: 10px; margin: 10px 0px; } .thumbnail_box .toCartButtonMini:before{ content: ""; height: 16px; width: 16px; display: inline-block; background: url(../images/cart_icon_w.png); background-size: cover; vertical-align: middle; margin: 0 5px 0 0; } .thumbnail_box .favoriteButtonMini{ width: calc( 60% - 5px ); padding: 5px 5px 5px 5px; background-size: 12px; background-position: left 5px top 7px; font-size: 10px; margin: 0 5px 0 0; box-sizing: border-box; text-align:center; } .thumbnail_box .favoriteButtonMini:before{ content: ""; width: 11px; height: 11px; background-image: url(../images/star_icon_w.png); background-size: cover; background-repeat: no-repeat; display: inline-block; margin: 0 3px 0 0; vertical-align: middle; transform: translateY(-1px); } .usercar_list .favoriteButtonMini{ margin:0; } .thumbnail_box .toCartButtonMini, .usercar_list .toCartButtonMini{ background-color: #d31715; } .thumbnail_box .detailButtonMini{ width:40%; background-color: #ec872f; padding: 5px; background-size: 12px; font-size: 10px; clear: both; box-sizing: border-box; text-align:center; float:right; } .thumbnail_box .detailButtonMini:before{ content: ""; width: 11px; height: 11px; display: inline-block; background-image: url(../images/detail_icon.png); background-size: cover; background-position: center center; vertical-align: middle; transform: translateY(-1px); margin: 0 3px 0 0; } .usercar_list .detailButtonMini{ display:none; } .buyButtonOuter{ text-align:center; } .buyButton, .toCartButton{ background-color: #d31715; } .buyButton{ background-color:#d31715; } .buyButton, .toCartButton{ width: calc( 60% - 10px ); margin: 0 10px 0 0; padding: 15px 0px; font-size: 14px; vertical-align: middle; text-align: center; } .toCartButton{ width: 90%; margin: 0 auto; display: block; font-size: 16px; } .buyButton:before, .toCartButton:before{ content: ""; width: 16px; height: 16px; background-image: url(../images/cart_icon_w.png); display: inline-block; background-size: cover; background-repeat: no-repeat; margin: 0 5px 0 0; vertical-align: middle; } .toCartButton:before{ width: 18px; height: 18px; margin: -3px 10px 0 0; } .favoriteButton { background-color: #555; text-align: center; box-sizing: border-box; display: flex; justify-content: center; } .favoriteButton:before { content: ""; width: 16px; height: 100%; background-image: url(../images/star_icon_w.png); display: inline-block; background-size: 16px; background-position:center; background-repeat: no-repeat; margin: 0 5px 0 0; vertical-align: middle; } .favoriteButton.js-favorited:before, .favoriteButton.disable:before{ background-image: url(../images/star_icon_y.png); } .reserve_datetime_hour { display: inline-flex; } #form1 .reserve_datetime_hour span { font-size: 15px; margin: auto 5px; } .cartListOuter{ margin-bottom: 20px; padding-bottom: 0; } .cartListOuter:empty{ position:relative; } .cartListOuter:empty:before { content: "カートの中身を読み込んでいます…"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% + 60px)); font-size: 14px; width: 100%; text-align: center; } .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; } .cartListOuter.js-favoriteListOuter.js-loaded:empty:after{ display:none; } .js-until .nextCartButton{ display:none; } .favoriteList { padding:0 5%; } .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; } .favoriteList img, .cartList img { max-width: 50%; margin: 0 15px 15px 0px; } .actionButtonOuter{ margin: 15px 0 45px; text-align: right; } .carList .about + div{ margin:0 0 45px; } .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; } .selectPaymentItemOuter{ margin:0 0 15px; } #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{ display: block; margin:0 0 5px; } #otoiawase_table_box .selectPaymentItem span, #mitumori_table_box .selectPaymentItem span{ display:inline; } .aboutPaymentOuter{ display: none; padding: 0 15px; } .aboutPaymentLabel{ display: inline-block !important; margin: 0 0 5px; background: #666; color: #fff; font-size: 11px; padding: 0 5px !important; } .noteDeliveryTime{ display: inline-block; margin: 5px 0 0 0px; } .noteTop{ display: block; text-align: left; margin-bottom: 5px; } .nextCartButton{ color:#fff !important; text-align:center !important; text-decoration:none !important; } .js-purchaseInput[readonly]{ border:none !important; box-shadow:none; } .js-purchaseInput{ resize: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; } .paletteMenuHeader:before, .paletteMenuHeader:after{ display:none; } .contactAboutShoppingOuter{ padding: 20px 0px; border: 1px solid #ccc; text-align: center; margin: 0 auto 15px; box-sizing: border-box; display: block; border-radius:5px; background:#fff; } .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:26px; color:#333; display: block; margin-bottom: 0; padding: 0; } .paymentWayOuter, .aboutTotalCostOuter, .aboutPaymentWayOuter{ margin-bottom: 15px; } .paymentWayOuter .key, .aboutPaymentWayOuter .key, .aboutTotalCostOuter .key{ font-size: 14px; margin: 0 0 5px; display: block; font-weight:bold; } .finishShoppingImage{ margin-bottom: 15px; } .thankyouDekky{ background: #fff; border-radius: 5px; padding: 15px; box-sizing: border-box; } .aboutSendMail{ margin:0 0 15px; font-weight:bold; } .cartActionOuter{ position: fixed; box-sizing: border-box; background: #fff; width: 75vw; bottom: 0px; left: 50%; padding: 10px 5%; border-top-left-radius: 15px; border-top-right-radius: 15px; z-index: 3; display:flex; justify-content: center; align-items: center; transform: translateX(-50%) translateY(100%); -webkit-transform: translateX(-50%) translateY(100%); box-shadow: 0px -1px 3px rgba(0,0,0,0.3) } .aboutCartIcon{ font-size:12px; margin:0 0 10px; } .aboutCartIcon:empty{ margin:0; } .cartActionOuter .triggerItem.js-hidden{ display:none; } .cartActionOuter .triggerItem{ display:flex; vertical-align:middle; margin-right: 2vw; cursor:pointer; transition:.3s; float:left; font-size:0.75rem; align-items:center; text-align:center; } .triggerItem.js-lastTriggerItem{ margin-right: 0px; } .cartButton{ width: calc( 67.5vw * 0.4 ); height: calc( 82.5vw * 0.16 ); background-color:#CE1919; color:#fff; border-radius: 5px; padding: calc( 82.5vw * 0.16 * 0.1 ) 0; box-sizing: border-box; display: flex; justify-content: center; } .favoriteButton{ width: calc( 72.5vw * 0.28 ); height: calc( 82.5vw * 0.16 ); } .cartIcon, .favoriteIcon{ width: calc( 82.5vw * 0.16 ); height: calc( 82.5vw * 0.16 ); } .cartButton.js-carted{ background-color:#aaa; cursor:default; } .cartButton:before{ content: ""; width: 18px; height: 100%; background-image: url(../images/cart_icon_w.png); background-repeat: no-repeat; background-size: 18px; background-position: center; display: inline-block; margin: 0 8px 0 0; } .cartIcon{ border: 3px solid #6EA86C; box-sizing: border-box; border-radius: 4px; background-image: url(../images/cart_icon_w_filled.png); background-position: center center; background-size: 25px; background-repeat: no-repeat; background-color: #6EA86C; position: relative; } .favoriteIcon{ border: 3px solid #6EA86C; box-sizing: border-box; border-radius: 4px; background-image: url(../images/star_icon_w_emphasis.png); background-position: center; background-size: 30px; background-repeat: no-repeat; position: relative; background-color: #6EA86C; } .favoriteButton.js-favorited{ cursor:default; } .favoriteButton.js-disabled{ background-color:#aaa; cursor:default; } .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%; } .cartActionOuter { display:none; } .cartActionOuter.js-ready{ display:flex; z-index:3; } .cartActionOuter.js-ready.js-animated{ transition:.3s; transform: translateX(-50%) translateY(0%); -webkit-transform: translateX(-50%) translateY(0%); } .cartActionOuter.js-hidden, .cartActionOuter.js-empty{ display:none; } .cartActionOuter{ display:none; } .cartActionOuter *.js-hidden{ display:none; } /* 請求書 */ .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; } .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; } .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; } td.emptyTd { display: none; } #hash-favorite{ position:absolute; top: -140px; } #js-totalCostAbout{ font-size:12px; display:block; margin:5px 0 0; display:none; } #js-totalCostAbout.show{ display:block; } .detail_text_none { display: none; } /*** 実例ページ ***/ .sidebar_review{ position:relative; } .sidebar_review .closed_label{ right: calc( 50% - 100px ); } #body_free.reviewPage #main_img_wrapper{ display:block; height:initial; } .block_outer_review_main .box_free{ box-sizing:border-box; } .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"] { display: block; } .reviewTopContentsInner{ background-position: top center !important; } .reviewTopContents *{ color:#fff; } /** * 成功事例ページ */ #body_free.reviewPage .reviewTopContentsInner{ } /* フェイスブックブロック */ .block_outer_facebook_block .facebook_wrapper{ position: relative; margin-bottom: 60px; text-align: center; width: 90%; margin: 0 auto 60px; } #facebook_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; } #facebook_wrapper .facebookModal{ color: #333; width: calc( 100% - 0px ); top: calc(50% - 330px / 2); left: calc(50% - (100% + 10px) / 2 ); 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: 30px auto 15px; font-size: 18px; font-weight: normal; } .facebookIdInput{ font-size: 13px; border: 1px solid #CCCCCC; border-radius: 3px; padding: 5.5px 5px; margin: 0 0 5px; box-sizing: border-box; display: inline-block; width: 95%; } .facebookErrorMsg{ color: #e00; visibility: hidden; height: 0px; transition: 0.25s; font-size: 12px; } /** * レイアウトバー位置変更　上部に */ #lead_p a:last-of-type{ background-image: url(../images/btn_grass.png), url(../images/btn_Bg.png.webp); background-color: #26e; background-repeat: no-repeat, repeat; background-size: cover, auto; background-position: center bottom 2px, center; color: #fff; padding: 15px; font-size: 14px; 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; } .edit .js-imageBoxBackground .imageBoxOuter{ position: static; } .edit .block_outer .js-imageBox > div.imageBoxContents:first-of-type, .edit .block_outer .js-imageBox .imageBoxContentsWrapper, .edit .block_outer .editTextOuter > h3 { /*margin-top: 15px;*/ } .facebookErrorMsg.active{ visibility: visible; height: 25px; margin-top: -10px; } .facebookRegistBtn{ color: #FFF; text-shadow: -1px -1px 0 rgba(0,0,0,0.2); font-weight: bold; font-size: 14px; padding: 8px; background: #FFA74D url(../images/create_btn.png) repeat-x; border: 1px solid #FFF; border-radius: 3px; width: 100px; 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; } .facebookRegistBtn:active{ 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); } .facebookFrame{ opacity: 0; position: absolute; z-index: 1; border-radius: 10px; visibility: hidden; transition: .3s; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .facebookContentOuter{ height: 500px; max-width: 280px; } .facebookFrameBackNotes{ position: absolute; z-index: 0; border-radius: 10px; } .facebookNotes{ font-size: 12px; margin: 0px auto 15px; width: 100%; } .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; } .facebookFrame.Loaded{ opacity: 1; visibility: visible; } .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; } .facebookFrameBackNotes{ position: absolute; z-index: 0; border-radius: 10px; height: 500px; width: 280px; 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; } /*スマホ機能解放*/ #syde-wysiwyg_area{ display: flex!important; /*インラインで指定されているため*/ display: -webkit-box; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-top: 25%; } #edit_frame{ order: 3; -webkit-order: 3; } .js-focused #syde-wysiwyg_toolbar{ top: -62px; background-color: #fff; padding: 0; overflow-x: hidden; -webkit-transition: none; transition: none; padding-top: 48px; border: 2px solid #EDE9D7 !important; box-shadow: 10px 10px 20px -5px rgb(0 0 0 / 15%); margin: 0 0; } #syde-wysiwyg_toolbar.showContextForAndroid{ margin-bottom: 40px; } #syde-wysiwyg_toolbar.showContextForIos{ margin-bottom: 40px; } #syde-wysiwyg_toolbar.stateDrag{ background-color: #ddd; transform:translateY(-3px); -webkit-transform:translateY(-3px); } #syde-wysiwyg_area .syde_toolbar_button.stateDrag{ background-color: #ddd!important; } #syde-wysiwyg_toolbar .syde_toolbar_button.stateDrag.change_function{ background-color:#eee !important; } #syde_wysiwyg_content{ width: calc(200vw - 25px); position: absolute; top: 0; left: 25px; -webkit-transition: .25s; transition: .25s; } #syde_wysiwyg_content.function2{ left: calc( -100vw + 50px - 4px ); /** border分のpxを減算しないとズレる **/ } #syde-wysiwyg_area #link_submit, #toolbar_submenu_size .anyFontSizeTrigger{ padding: 5px 10px !important; } #syde-wysiwyg_area #toolbar_submenu_backcolor, #syde-wysiwyg_area #toolbar_submenu_color, #syde-wysiwyg_area #toolbar_submenu_size, #syde-wysiwyg_area #link_area, #syde-wysiwyg_area #toolbar_submenu_font, #syde-wysiwyg_area #tagstrip{ margin-top: 0px; padding: 0 10px; } #syde-wysiwyg_area #toolbar_line_through { margin-top: 0px; padding: 0px 10px 0px 53px; margin-top: -18px !important; } .toolbar_animation_menu{ display: block; padding-top: 28px; margin: 10px; width: 300px; } .toolbar_animation_menu:after{ content: ""; clear: both; display: block; } @keyframes slide { 0%{ left: 0; } 100% { left: calc(100% - 25px ); } } #syde-wysiwyg_toolbar{ overflow: hidden; } .syde_toolbar{ width: calc( 100vw - 46px ); position: relative; -webkit-transition: .25s; transition: .25s; background-size:contain !important; padding: 5px 0; display: inline-block; box-sizing:border-box; } .syde_toolbar.function2{ left: 25px; } .syde_toolbar_parent{ width: 100%; box-sizing: border-box; left: 0px; position: absolute; } .change_function.next{ background-image : url(../images/menu_arrow_mega_vl.png); background-position: 60% center; background-size: 8px 12px !important; } .change_function.prev{ background-image : url(../images/menu_arrow_mega_vr.png); background-position: 40% center; background-size: 8px 12px !important; } .syde_toolbar_2 :nth-child(1){ margin: 0 0 0 10px!important; } #syde-wysiwyg_area .syde_toolbar_button:not(.text_shadow_button){ font-size: 90%; padding: 6px 1px !important; display: inline-block; background-color: #fff; } #syde-wysiwyg_area .syde_toolbar_button.text_shadow_button{ font-size: 90%; padding: 6px 1px !important; display: inline-block; } #syde-wysiwyg_area .syde_toolbar_button.animation_button{ height: auto; box-sizing: border-box; padding: 2px 1px !important; } #syde-wysiwyg_area #syde-wysiwyg_toolbar #save_button{ background-color: #fff; } #syde-wysiwyg_area #syde-wysiwyg_toolbar #save_button.stateDrag{ background-color:#ddd; } .toolbar_sub_menu{ width: calc( 50% - 54px ); display: block; } .toolbar_sub_menu { position: absolute; top: 55px !important; left: 0px !important; margin: 0 !important; } #syde-wysiwyg_toolbar .toolbar_sub_menu{ margin-left: 10px; } #syde-wysiwyg_toolbar .toolbar_sub_menu.function2{ margin-left: calc( 100vw - 20px ) !important; } #toolbar_submenu_font > span{ font-size: 12px!important; display: inline-block; padding:5px 0; } #syde-wysiwyg_toolbar .change_function{ position: absolute; right: -8px; border-radius: 50%; width: 24px; height: 24px; background-size: 35%; background-repeat: no-repeat; top: calc(50% - 23px / 2 ); padding: 0px!important; box-shadow: none; border: none; } #syde-wysiwyg_toolbar .change_function2{ right:0px; } #syde-wysiwyg_toolbar .syde_toolbar.function2 .change_function{ right: -10px; } #syde-wysiwyg_toolbar #link_area{ text-align: left; } #syde-wysiwyg_toolbar #link_area a{ float: none; display: inline-block; } #tagstrip .function2{ margin-left: 50%; } .change_design_loader:before{ content: ""; background: url(../images/loader.svg) no-repeat; position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 2147483647; /* mask_windowが2147483646のため */ background-color: #fff; background-position: center; } #syde-wysiwyg_area .syde_toolbar_button img, #syde-wysiwyg_area .syde_toolbar_button p{ background-color: #eee; padding: 1px; } #syde-wysiwyg_area .syde_toolbar_button.save img{ background-color: #fc0; font-weight: bold; } .drag_area{ background: url(../images/drag_glip.jpg) no-repeat left top; width: 25px; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } #toolbar_submenu_color, #toolbar_submenu_size{ margin-left: 10px; } #syde_wysiwyg_content .toolbar_sub_menu{ background-color: transparent!important; } .toolbar_sub_menu .anyFontSizeOuter { margin-left: 0; margin: 0; vertical-align: middle; transform: none; -webkit-transform: none; } .anyFontSizeUnit { margin-left: 5px; } .toolbar_sub_menu .anyFontSizeInput { width: 35px; padding: 5px 5px; min-height: auto; font-size: 12px !important; vertical-align: middle; } .toolbar_sub_menu .anyFontSizeError { top: 40px; left: 0px; } .dummyButtonArea{ position: absolute; top: -20px; left: 0; height: 60px; width: 100%; background-color: transparent; } #syde-wysiwyg_area #link_input{ margin: 0 0 5px; } #syde-wysiwyg_area #link_submit{ border-radius: 3px; vertical-align: middle; text-align: center; margin-top: 0; padding: 0 15px 0 0 !important; margin-left:5px; transform:translateY(-3px); -webkit-transform:translateY(-3px); } #toolbar_submenu_size .anyFontSizeTrigger{ border-radius: 3px; vertical-align: middle; text-align: center; margin-top: 0; margin-left:5px; transform:translateY(-3px); -webkit-transform:translateY(-3px); } #syde-wysiwyg_area #link_submit { border-radius: unset; } #linkBtnPosition { margin-right: 5px; } #toolbar_submenu_color span { margin: 2px 0 0 2px; font-size: 24px!important; line-height: 26px; } #toolbar_submenu_size,#toolbar_submenu_color{ width: 45%; } #syde-wysiwyg_toolbar.dragDisabled #syde_toolbar_drag { display: none; } #syde-wysiwyg_toolbar.dragDisabled #syde_wysiwyg_content{ left: 5px; } #syde-wysiwyg_toolbar.dragDisabled #syde_wysiwyg_content.function2{ left: calc(-100% + 5px); } #syde-wysiwyg_toolbar.dragDisabled .change_function{ right: 10px; } /*************/ #carListSlideShow_wrapper .free_search_hit_str { bottom: -7px; font-size: 10px; } h3 span.highlightFormatCar, .h3 span.highlightFormatCar { background: #f3f314 !important; float: none; padding: 0; margin: 0; font-size: inherit; font-weight: bold; color: #000000; position: relative; top: unset; right: unset; display: inline-block; } .block_outer_usedcar_detail .highlightFormatCar { background: #f3f314 !important; } .thumbnail_box .free_search_hit_str { font-size: 10px; text-align: right; display: block; box-sizing: border-box; color: #fb0; text-shadow: 0 0 #000000; text-decoration: underline; margin: 10px 0 0; } .usercar_list .free_search_hit_str { font-size: 13px; display: block; box-sizing: border-box; color: #fb0; text-shadow: 0 0 #000000; z-index: 2; text-decoration: underline; text-align: right; margin: 15px 0; } #menu .ul_sub.recruit_link_pc { display: none; } .recruit_invalid_str { margin: 0 0 0 15px; } /* EFO対策第1弾 */ .inputFileContollerOuter,.inputFileViewer, .inputFileController, .inputFileDeleter{ display:none !important; } .inputFileTriggerIcon { width: 72px; height: 54px; display: inline-block; border: 2px dashed #ddd; background-image: url(../images/camera48ccc.png.webp); background-size: 24px; background-position: center top 4px; background-repeat: no-repeat; margin-right: 4px; margin-bottom: 8px; 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.js-hasImage{ border:none; background:none; } .inputFileViewer{ max-width: 100%; max-height: 100%; } .js-hasImage .inputFileViewer{ display:inline-block !important; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); } .inputFileTriggerIcon:last-child{ margin-right:0px; } .inputFileTriggerIcon.js-hasImage .inputFileDeleter{ display: inline-block !important; 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: 16px; font-size: 14px; border: 2px solid #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); transition: .25s; padding: 0 !important; z-index: 1; } #recontract_menu_panel li { border-bottom: 1px dotted #ccc; padding: 0 0 10px; } #recontract_menu_panel a { text-decoration: none; } .n_table .open_modal{ position: relative; } .n_table .open_modal .touchLink{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .n_table .open_modal:hover{ background: #fc0; } /* メニュー表示・非表示切り替え */ .no_estimate_page #gmenu_estimate{ display:none !important; } #gmenu_contact .ul_sub{ display:none; } #menu ul li.js-subPageWrapper[data-show="0"] { display: none; } #menu ul li.js-subPageWrapper:after { background: none; } .js-searchTargetList[data-show="0"] { display: none !important; } .js-middleMenuOpenTrigger[data-show="0"] { display: none !important; } .searchedResultStringOuter { text-align: center; color: #fff; } .searchedResultStringOuter[data-show="0"] { display: none; } .js-subPageWrapper .js-searchMenuTextSp { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.1); color: #333; width: 85%; font-size: 13px; } .js-subPageWrapper .js-searchMenuTextSp::placeholder { color: #777; } .searchedEmpty { display: none; text-align: center; color: #999; } #menu_wrapper[data-searched-empty-show="1"]{ background: #333; } .searchedEmpty[data-show="1"] { background: #fef0ef; border: 1px solid #c83335; border-radius: 3px; display: block; padding: 15px; } .searchedEmpty .emptyMenuTitle { display: block; } .searchedEmpty[data-show="1"] .emptyMenuTitle, .searchedEmpty[data-show="1"] .emptyString, .searchedEmpty[data-show="1"] .resetMegaMenuSearch{ color: #e23839; font-size: 12px; } .js-searchTargetList .stringHighlight { background: #fc0; padding: 0 2px; } .resetMegaMenuSearch { margin: 15px 0; text-align: center; cursor: pointer; color: #fff; display: none; } #gmenu_search { clear: both; padding: 0 5px; } #gmenu_search .searchMenuOuter { margin-bottom: 15px; } .searchMenuOuter .searchMenuSubmitSp { display: inline-block; position: absolute; top: 0; right: 0px; width: 35px; height: 35px; text-align: center; cursor: pointer; } .searchMenuOuter .searchMenuIcon { width: 22px; height: 22px; position: absolute; top: calc(50% - 11px); right: 10px; opacity: .9; } .searchedKeywordWrap .searchedKeyword { font-size: 18px; font-weight: bold; } .searchedResultStringOuter .searchedCount { font-size: 18px; font-weight: bold; } @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; } } /* 画像ポップアップ機能関連 */ /* 編集画面UI用 */ .imageDetailControllerOuter .imageDetailControllerpopUpTrigger{ color: #36F !important; cursor: pointer; font-size: 12px; text-decoration: underline; position: relative; top: 0px; } .imageDetailControllerPopup{ text-align: center; color: #333; font-size: 12px; margin: 0 0 15px; } .imageDetailControllerPopup label{ cursor: pointer; } .imageDetailControllerPopup input[type = "checkbox"]{ transform: translate(-4px,-1px); } .imageDetailControllerFormOuter .linkurlForm { margin: 0 0 5px !important; } .imageDetailControllerFormOuter .linkurlForm.hide{ display: none; } .imageDetailControllerOuter .linkUrlFormOverlay { width: 100%; background: rgba(0,0,0,0.75); color: #F5F5F5 !important; display: none; font-size: 14px; padding: 15px 10px; position: absolute; text-align: center; top: -7px; left: -10px; } .imageDetailControllerOuter .link-url__overlay { width: 100%; background: rgba(0,0,0,0.75); color: #F5F5F5 !important; display: none; font-size: 10px; padding: 15px 10px; position: absolute; text-align: center; top: -3px; left: -10px; } .imageDetailControllerOuter .link-url__overlay--visible{ display: block; } /* 公開側　ポップアップトリガー */ .popupImageBoxInnerOpen:after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.75); translate: opacity .3s; opacity: 0; } .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,.5) url(../images/popup_overlay_bg.png) no-repeat center center; background-size: 64px 64px; transition: opacity .4s; position: absolute; left: 0; top: 0; } /* JSで動的にHTML生成されるもの */ .popup-wrapper{ width: 100vw; height: 100vh; background: rgba(0,0,0,.85); /*display: none;*/ left: 0; position: fixed; top: 0; z-index: 101; transform-origin: center center; opacity: 0; } .popup-wrapper.show{ animation: show .4s linear; display: block; opacity: 1; } .popup-wrapper.hide{ animation: hide .6s linear; } .fileSizeProgressBarOuter { position: relative; } .fileSizeOverAlert.js-error { background-color: #fcc; border-color: #f99; } .fileSizeProgressBarInner { display: inline-block; vertical-align: middle; max-width: 100%; width: 100%; 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 !important; margin: 0 5px; display: inline-block !important; 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; } #otoiawase_table_box p.remainingSizeOuter.hidden, #mitumori_table_box p.remainingSizeOuter.hidden { display: none; } .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 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; margin: 10px 0; vertical-align: middle; line-height: 15px; cursor: pointer; border: 1px solid #eee; border-radius: 10px; background: #eee !important; padding: 0 10px; color: #111 !important; font-weight: normal !important; box-shadow: 0px 0px 2px rgb(0 0 0 / 25%); } #otoiawase_table_box p.fileSizeOverAlert, #mitumori_table_box p.fileSizeOverAlert { color: #fd4c4c !important; vertical-align: middle; font-size: 11px; background: none !important; } .pict_input_block { margin-bottom: 15px; } .progressDetailTotal, .progressDetailMax, .remainingSizeOuter .maxSize { font-size: 11px !important; display: inline-block !important; } .progressDetailTotal { font-size: 12px !important; } #otoiawase_table_box td .progressDetailTotal span.sizeUnit, #mitumori_table_box td .progressDetailTotal span.sizeUnit { font-weight: normal; font-size: 10px; margin-left: 2px; display: inline-block; } .progressDetailMax { margin-right: 2px; font-size: 11px !important; } #otoiawase_table_box td span.progressAppended, #mitumori_table td span.progressAppended { display: inline-block; word-break: keep-all; white-space: nowrap; font-size: 11px; margin-left: 5px; font-family: 'Kosugi'; } .progressAppended.hidden { display: none; } #otoiawase_table_box td span.fileSizeOverAppended, #mitumori_table_box td span.fileSizeOverAppended { font-size: 10px; margin: 0 5px; display: inline-block; line-height: 20px; word-break: keep-all; white-space: nowrap; color: #fefefe; font-family: 'Kosugi'; display: none; } #otoiawase_table_box td span.fileSizeOverAppended.show, #mitumori_table_box td span.fileSizeOverAppended.show { display: inline-block; } @keyframes show{ from{ opacity: 0; } to{ opacity: 1; } } @keyframes hide{ 0%{ opacity: 1; } 60%{ opacity: 1; } 100%{ opacity: 0; } } .popup-container{ width: 78%; height: 100%; align-items: center; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; } .hide .popup-container{ animation: zoomout .4s ease forwards; } .show .popup-container{ animation: zoomup .6s ease forwards; } @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; } .edit .popup-figure { /* 編集ページはfixed_menuがある分調整 */ position: relative; top: 30px; } .head-background { display:none; } [data-popup-mode = "pdf"] .popup-figure{ width: 90vw; height: 50vh; } .edit [data-popup-mode = "pdf"] .popup-figure { /* 編集ページはfixed_menuがある分調整 */ height: calc( 85vh - 70px ); position: relative; top: 30px; } .popup-figure__image{ background: none; border: 5px solid #FFF; box-shadow: 10px 20px 20px rgba(0,0,0,0.25); box-sizing: border-box; display: block; max-width: 100%; min-width: 50px; max-height: 70vh; 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__caption{ opacity: 0; margin: 10px 0 0; } .popup-figure__caption-head{ max-width: 85vw; color: #FFF; text-shadow: 1px 1px 1px #111; margin: 5px 0 0; font-size: 20px; font-weight: bold; } .popup-figure__caption-body{ max-width: 85vw; color: #FFF; text-shadow: 1px 1px 1px #111; margin: 5px 0 0; font-size: 16px; } .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; } @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: -7px; } .popup-controll-item{ position: absolute; width: 36px; height: 36px; 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; box-sizing: border-box; transition: .3s; } .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); font-weight: bold; letter-spacing: 1px; } 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: 0px; } .popup-controll-item[data-key = "next"] { background-image: url(../images/slide_arrow_r.png); left: calc( 100% - 36px ); } .fixed-menu-content__large{ display: none; } .fixed-menu-content__large.hide{ display: none; } /*** EC機能 ***/ /** * 各デザインCSSで上書きする際、importantは不要です。 * .ec-cart を指定して優先度を高くしてください。 */ .ec-cart__progress{ border-radius: 5px; counter-reset: flag; margin: 30px auto 20px; position: relative; overflow: hidden; z-index: 1; width: 96%; } .ec-cart__progress-item{ width: calc( 200% / 4 - 6px); background: #ededed; color: white; display: block; float: left; font-size: 12px; line-height: 32px; outline: none; padding: 0 0px 0 0px; position: relative; transition: all .25s; border-radius: 15px; margin: 3px; } .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: 15px; line-height: 20px; margin: 6px 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 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: 30px 0; } .ec-form__explain{ margin-bottom: 30px; padding: 15px; 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; } [data-show-grandson-count = "0"] .child-count__wrap{ display: none; } p.designNewIcon{ position: relative; } .spDesignNewIcon:before { content: "NEW"; width: 25px; height: 15px; background-color: #ff8080; font-size: 10px; border-radius: 10px; padding: 0 2px; color: #fff; position: absolute; top: -9px; left: -2px; z-index: 123; } @media screen and (max-width: 480px) { #syde-wysiwyg_area .syde_toolbar_button--gpt:not(.text_shadow_button){ background-position: top 4px right 0px; background-size: auto 21px; margin: 6px 0 0 2px; height: 26px; padding: 0 !important; } } @media screen and (max-width:320px){ #syde-wysiwyg_area .syde_toolbar_button.save p{ display:none; } #syde-wysiwyg_area .syde_toolbar_button.save:after { content: "更新"; background-color: #fc0; font-weight: bold; font-size: 12px; height: 24px; display: block; padding: 0 3px; } .fixed_menu2_menu{ width: 50px; } #helpPalette__wrapper .helpPalette__freeDial{ color: #333; font-size: 33px; } #helpPalette__wrapper .helpPalette__questionText { font-size: 13px; } #helpPalette__wrapper .helpPalette__questionButton{ width: 140px; } #helpPalette__wrapper .helpPalette__questionWrapper{ width: 48%; } #helpPalette__wrapper .helpPalette__suportImage{ width: 41px; } #helpPalette__wrapper .helpPalette__links a, #helpPalette__wrapper .helpPalette__links span{ font-size: 10px; } #helpPalette__wrapper .helpPalette__sydeInfo-head{ font-size: 12px } .helpSupport span{ font-size: 14px; } #helpPalette__wrapper .helpPalette__links a{ padding: 2px 0 2px 20px; } #fixed_menu2 .helpPalette__videoChatRoomLinkInputOuter .helpPalette__videoChatRoomLinkInputButton:hover{ 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); } #fixed_menu2 .helpPalette__videoChatRoomLinkInputOuter .helpPalette__videoChatRoomLinkInputButton:active{ 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); } .shop_example_link{ padding: 2px 23px; } .shop_example__shopInfo b{ font-size: 12px; } .js-focused #syde-wysiwyg_toolbar{ padding-top: 54px; } #syde-wysiwyg_area .syde_toolbar_button{ font-size: 90%; display: inline-block; } #syde-wysiwyg_area .syde_toolbar_button.fixed{ } } /** * 2021-10-08 スマホスライダーアップデートに伴う対応 */ #slider{ transition: height .3s; } #slider .sliderAddedDiv, #bgSlider .sliderAddedDiv{ display: block; position: absolute; } .sliderImage2, .sliderImage3 { display: none; } #bgSlider .sliderAddedDiv{ transition: opacity .3s; } #bgSlider .sliderAddedDiv.changing{ opacity: 0; } .silderDotsWrap { width: 40px; height: 10px; bottom: 10px; margin: auto; position: absolute; right: 10px; z-index: 2; } .silderDotsWrap .sliderDot { width: 10px; height: 10px; background: #fff; border-radius: 100%; cursor: pointer; display: block; float: left; margin: 0 5px 0 0; padding: 0; } .silderDotsWrap .sliderDot:nth-last-of-type(1) { margin: 0; } .silderDotsWrap .sliderDot.active{ background: #36F; } #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; } /* パララックス */ .parallaxContent{ position: relative; width: 100vw; height: 240px; background-attachment: fixed; background-position: 50% 50%; background-repeat: repeat; background-size: cover; box-shadow: 2px 2px 5px rgb(0 0 0 / 50%) inset, -2px 2px 4px rgb(0 0 0 / 50%) inset; overflow: hidden; } .parallaxContentOuter[data-field-id = "subtop"] .parallaxContent { box-shadow: none; background-attachment: scroll; background-repeat: no-repeat !important; } .liquid_off .parallaxContent{ width: 100%; } .parallaxContentOuter[data-loading="1"] .parallaxContent{ opacity: 0; } .parallaxContentOuter.empty .parallaxContent{ height: auto; text-align: center; box-shadow: none; overflow: hidden; } .ios .parallaxContent{ background-attachment: scroll; } .no_footer_menu .footerContentOuter { display: none; } /*** 見出し演出 ***/ 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; } /* 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; } /* アニメーション指定 共通ここまで */ /* 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; } } /* 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%); } } /* H2 Animation label */ .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 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 *, .h2-animation__label-outer--lined:first-letter { opacity:0; transform:translateY(20px); } .h2-animation__label-outer--animated, .h2-animation__label-outer--animated *, .h2-animation__label-outer--lined:first-letter { opacity:1; transform:translateY(0px); transition-duration:.5s; } .h2-animation__label-item { position:absolute !important; background-color:#333 !important; transition-duration:.5s; } /** フェードイン（上から） */ .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(-15px); } 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(15px); } 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(-10px); } 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(-30px); } 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(10px); } 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(30px); } 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(20px); } 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(-25px, -25px) scale(0.85); transform: translate(-25px, -25px) 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(25px, -25px) scale(0.85); transform: translate(25px, -25px) 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(-25px, 25px) scale(0.85); transform: translate(-25px, 25px) 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(25px, 25px) scale(0.85); transform: translate(25px, 25px) 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% { box-shadow: 0 0 0 0 rgba(227,56,56,.7); } 50% { box-shadow: 0 0 2px 5px rgba(227,56,56,.7); } 100% { box-shadow: 0 0 2px 4px rgba(227,56,56,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--passive:before, .parallaxContentOuter[data-field-id="carlist"] h2.midashi_long.animation__h2--photo7--passive:after, .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, .parallaxContentOuter.animation__h2--photo7--active:nth-of-type(4n):after, .blog_item.animation__h2--photo7--active:nth-of-type(4n):after, 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="carlist"] h2.midashi_long.animation__h2--photo7--active:after, .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_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; } } .layout--default p.link img{ display: none; } .subpageLink{ opacity: 1; transition: .3s all; } .subpageLink.layout--list p.link:before, .subpageLink.layout--list p.link:after, .subpageLink.layout--card p.link:before, .subpageLink.layout--card p.link:after{ content: ""; display: none; } .subpageLink.layout--list, .subpageLink.layout--card{ display: flex; flex-wrap: wrap; } .subpageLink.layout--list h3, .subpageLink.layout--card h3{ width: 100%; } .subpageLink.layout--card{ align-items: flex-start; } .subpageLink.layout--list p.link{ width: 100%; box-sizing: border-box; margin: 0 0 10px 0 !important; padding: 0 5% 5px; } p.link.thumbnail-empty:before{ content: ""; display: none !important; } .layout--list p.link.current-record.thumbnail-empty:nth-of-type(5n-4), .layout--list p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-4) a{ background-image: url(../images/no_image_1_s.jpg); } .layout--card p.link.current-record.thumbnail-empty:nth-of-type(5n-4), .layout--card p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-4) a{ background-image: url(../images/no_image_1.png); } .layout--list p.link.current-record.thumbnail-empty:nth-of-type(5n-3), .layout--list p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-3) a{ background-image: url(../images/no_image_2_s.jpg); } .layout--card p.link.current-record.thumbnail-empty:nth-of-type(5n-3), .layout--card p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-3) a{ background-image: url(../images/no_image_2.png); } .layout--list p.link.current-record.thumbnail-empty:nth-of-type(5n-2), .layout--list p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-2) a{ background-image: url(../images/no_image_3_s.jpg); } .layout--card p.link.current-record.thumbnail-empty:nth-of-type(5n-2), .layout--card p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-2) a{ background-image: url(../images/no_image_3.png); } .layout--list p.link.current-record.thumbnail-empty:nth-of-type(5n-1), .layout--list p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-1) a{ background-image: url(../images/no_image_4_s.jpg); } .layout--card p.link.current-record.thumbnail-empty:nth-of-type(5n-1), .layout--card p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-1) a{ background-image: url(../images/no_image_4.png); } .layout--list p.link.current-record.thumbnail-empty:nth-of-type(5n), .layout--list p.link:not(.current-record).thumbnail-empty:nth-of-type(5n) a{ background-image: url(../images/no_image_5_s.jpg); } .layout--card p.link.current-record.thumbnail-empty:nth-of-type(5n), .layout--card p.link:not(.current-record).thumbnail-empty:nth-of-type(5n) a{ background-image: url(../images/no_image_5.png); } .layout--list p.link.current-record.thumbnail-empty, .layout--list p.link:not(.current-record).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 p.link.current-record.thumbnail-empty{ padding: 15px 5% 15px calc( 84px + 5% ) !important; background-position: left 5% center; } .layout--list p.link.current-record{ display: flex; align-items: center; } .layout--list p.link:not(.current-record) a{ align-items: center; display: flex; text-decoration: none; } .layout--list p.link img{ width: 64px; max-width: 64px; margin: 0 20px 0 0; } .layout--card .foot-middle-menu__list{ align-items: flex-start; } .subpageLink.layout--card p.link{ width: 49%; margin: 0 1% 1% 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; } .subpageLink.layout--card p.link img{ width: 100%; max-width: 100%; margin: 0 0 10px; } .subpageLink.layout--card p.link.thumbnail-empty.current-record, .subpageLink.layout--card p.link.thumbnail-empty:not(.current-record) a{ padding: calc( 100% * 0.75 + 10px ) 0 0 0 !important; background-size: 100% auto; background-repeat: no-repeat; background-position: top center; } .subpageLink.layout--card p.link.thumbnail-empty.current-record{ padding: calc( (49% - 5px) * 0.75 + 10px ) 10px 10px 10px !important; background-size: calc( 100% - 20px ) auto; background-position: top 10px center; } .subpageLink.layout--card p.link a{ display: block; } .subpageLink.layout--card p.link 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; } .lead__wrap .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: -13px; position: absolute; top: 7px; } .changeLeadLayoutOuter, .changeSortedOrderOuter { width: 25px; height: 25px; box-sizing: border-box; cursor: pointer; line-height: 25px; position: relative; } .display_change_outer{ box-sizing: border-box; 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: 270px; background-color: #fff; box-sizing: border-box; box-shadow: 2px 2px 10px rgba(0,0,0,0.3); cursor: auto; display: none; left: -225px; line-height: 1; padding: 30px 0; position: relative; text-align: center; top: -120px; } .display_change_outer .carList_layout_change_icon_wrapper{ width: 320px; border-radius: 3px; box-shadow: 2px 2px 10px rgba(0,0,0,0.15); left: -245px; letter-spacing: normal !important; padding: 30px 5px; position: absolute; top: -95px; z-index: 2; } .changeLeadLayoutOuter .changeLeadLayoutInner{ left: -200px; } .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; transform: rotate(0deg); bottom: calc( 0px - 35px ); border-top: 40px solid #FFF; border-left: 10px solid transparent; border-right: 10px solid transparent; right: 25px; top: 53px; pointer-events: none; } .display_change_outer .carList_layout_change_icon_wrapper:after{ right: 55px; } .changeLeadLayoutOuter .changeLeadLayoutInner:after{ right: 50px; } .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{ text-decoration: underline !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; text-decoration: none !important; } .rtButton{ /** ベース **/ min-width: 75px; max-width: 100%; color: #FFF; display: inline-block; margin: 15px 0; padding: 12px 20px; text-align: center; text-decoration: none !important; } .rtButton:link, .rtButton:visited{ color: #FFF; } .rtButton.normal{ background-image: url(../images/btn_grass.png.webp), url(../images/btn_Bg.png.webp); background-color: #26e; background-repeat: no-repeat, repeat; background-size: contain, auto; background-position: center bottom 50%, center; border-radius: 5px; text-shadow: 1px 1px 0px rgba(0, 0, 0, .3); transition: opacity .3s; } .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; color: #333; } /** 直感編集時色が変わったことがわかるように */ 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 **/ .syakenAllPrice { font-size: 14px; color: #CC0000; font-weight: bold; } .js-otherFastUploadTriggerOuter .otherPictEditBtn[data-tsh-type="price"] { display: block; transform: translateY(0); -webkit-transform: translateY(0px); } /* 固定CVボタン（新式） */ .fixedConversionButtonOuter{ display: none; } body[data-use-conversion-button-sp = "1"] { padding-bottom: 60px; } body[data-empty-conversion-button-sp = "1"] .conversionButtonFixedOuter, body[data-use-conversion-button-sp = "0"] .conversionButtonFixedOuter{ transform: translateY(100%) translateY(20px); } .conversionButtonFixedOuter{ position: fixed; bottom: 0px; display: flex; justify-content: center; align-items: center; width: 100%; z-index: 1002; background-color: #fff; box-shadow: 0px -1px 3px rgb(0 0 0 / 30%); padding: 10px; box-sizing: border-box; border-radius: 16px 16px 0 0; transition: .2s; } .conversionButtonFixedInner{ position: relative; flex-grow: 1; max-width: 45vw; max-height: 80px; margin: 0 5px; opacity: 1; transition: .4s; } .conversionButtonFixedInner[data-display-sp = "0"]{ opacity: 0; max-width: 0; max-height: 0; margin: 0; overflow: hidden; } .conversionButtonFixedItem.inputbtn.formInputBtn{ font-size: 12px !important; padding: 10px !important; width: 100% !important; margin: 0 !important; } .conversionButtonFixedItem.inputbtn.formInputBtn.useImage{ min-height: 50px; 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.inputbtn.formInputBtn.useImage:before, .conversionButtonFixedItem.inputbtn.formInputBtn.useImage:after{ content: ""; display: none; } .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: 4px 5px 3px; 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; } /* 買い物中は出さない */ body[data-shopping = "1"] .conversionButtonFixedOuter{ transform: translateY(130%) translateX(-50%); } body:not(.edit) .conversionButtonFixedOuter[data-force-hide-sp = "1"], body:not(.edit) .conversionButtonFixedInner[data-select-unable-link = "1"], body:not(.edit) .conversionButtonFixedInner[data-is-open-error = "1"], body:not(.edit) .conversionButtonFixedInner[data-force-hide-sp = "0"][data-zooming-hide="1"]{ display:none; } .conversionButtonFixedOuter .deletefixedConversionButton { position: absolute; right: 0; top: -15px; box-sizing: border-box; cursor: pointer; } .conversionButtonFixedOuter .deletefixedConversionImgButton { display: none; } .conversionButtonFixedOuter .deletefixedConversionButton { background-image: url(../images/close-conversion.png.webp); background-repeat: no-repeat; background-size: 25px 25px; width: 25px; height: 25px; border-radius: 100%; } div.ui-widget-overlay { opacity: .5; z-index: 2147483647; } div.ui-dialog { z-index: 2147483647; } .ui-dialog.tagstripDialog{ width: 96% !important; background: #F9F9F9; box-shadow: 0 10px 25px -8px rgba(0, 0, 0, .4); border: none; padding: 0 0 20px; left: 2% !important; } .ui-dialog.tagstripDialog .ui-dialog-titlebar-close{ width: 23px; height: 23px; background: url(../images/imageBoxDeleteImage_w.png) no-repeat center center; border: none; margin: -12px 0 0 0; right: 14px; } .ui-dialog.tagstripDialog .ui-dialog-titlebar{ background: #3366ff; border: none; border-radius: 3px 3px 0 0; color: #FFF; cursor: default; font-size: 14px; margin: 0 0 15px; padding: 10px 20px; } .ui-dialog.tagstripDialog .ui-dialog-title{ margin: 0; } .ui-dialog.tagstripDialog .ui-dialog-content{ padding: 0; } .ui-dialog.tagstripDialog .ui-dialog-content h2{ padding: 5px 10px; background: #36F; color: #FFF; font-size: 14px; } .ui-dialog.tagstripDialog .ui-dialog-content p{ color: #575757; font-size: 14px; padding: 5px 20px; } .ui-dialog.tagstripDialog .ui-dialog-buttonpane{ background: none; border: none; margin: 25px 0 0; padding: 0 20px; } .ui-dialog.tagstripDialog .ui-dialog-buttonpane .ui-dialog-buttonset{ display: flex; flex-wrap: wrap; float: none; justify-content: flex-end; } .ui-dialog.tagstripDialog .ui-dialog-buttonpane button:nth-of-type(1){ background: #F00; border: none; color: #FFF; margin: 0 10px 0 0; outline: none; } .ui-dialog.tagstripDialog .ui-dialog-buttonpane button:nth-of-type(2){ background: #EEE; margin: 0; } .ui-dialog.tagstripDialog .ui-dialog-buttonpane button:nth-of-type(1) .ui-button-text{ border: none; color: #FFF; font-size: 12px; padding: 6px 10px; } .ui-dialog.tagstripDialog .ui-dialog-buttonpane button:nth-of-type(2) .ui-button-text{ color: #888; font-size: 12px; padding: 6px 10px; } /* 公開側　画像リンク */ .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; } .edit .imageBoxOverlay { width: 32px; height: 32px; left: auto; right: 0; box-sizing: border-box; opacity: 1; visibility: visible; background: rgba(0,0,0,.6); } .edit .imageBoxOverlay[data-tsh="recruit_banner"] { display: none; } .edit .img_box_left .imageBoxOverlay, .edit .img_box_left .imageBoxOverlay { right: 0; left: auto; } .edit .img_box_right .imageBoxOverlay, .edit .img_box_right .imageBoxOverlay { right: auto; left: 0; } .edit .side_img_box_right .imageBoxOverlay { right: unset; left: 0; } .edit .side_img_box_left .imageBoxOverlay { right: 0; left: unset; } .edit .js-imageBoxSlider .js-imageBoxContents[data-layout="LAYOUT_SLIDESHOW"] .imageBoxOverlay, .edit .img_box_right .imageBoxOverlay { left: auto; right: 0; } .imageBoxOverlay.disnone{ display: none !important; } .imageBoxOverlay .linkTriggerEdit, .imageBoxOverlay .popUpTriggerEdit{ color: rgba(255,255,255); cursor: pointer; width: 24px; height: 24px; 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: 24px 24px; } .side_bar_sub .imageBoxOverlay .linkTriggerEdit { background-size: 50%; } .side_bar_sub .side_img_box_max .imageBoxOverlay .linkTriggerEdit { background-size: 24px 24px; } .imageBoxOverlay .popUpTriggerEdit{ background: url(../images/popup_overlay_bg.png) no-repeat center center; background-size: 24px 24px; } .edit::-webkit-scrollbar { width: 6px; } .edit::-webkit-scrollbar-track { background-color: #F0F0F0; } .edit::-webkit-scrollbar-thumb { border: 5px solid transparent; border-radius: 100px; background-color: #AAA; } #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: flex; flex-direction: column; } .usedcar_info_body #carTagSearchWrapped { display: flex; flex-direction: column; } .usedcar_info_body #carTagSearchWrapped { border: none; margin: 30px 0; } #carTagSearchWrapped .tagShowBtn { position: absolute; top: 0; right: 20px; cursor: pointer; z-index: 1; } #carTagSearchWrapped .tagTitle { margin: 0 5px 10px 0; box-sizing: border-box; vertical-align: top; float: left; display: flex; font-size: 15px; align-items: center; } #carTagSearchWrapped .carTagOuter { 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 { position: absolute; 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: 11px; box-sizing: border-box; cursor: pointer; margin: 0 15px 10px 0; padding: 5px 13px 4px; position: relative; box-shadow: inset -1px -1px 2px rgba(255,255,255,0.2), inset 1px 1px 2px rgba(0,0,0,0.2); } .edit #carTagSearchWrapped .carTag { margin: 0 40px 10px 0; } #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; } #carTagSearchWrapped .addTagBtnOuter { clear: both; text-align: left; } .usedcar_info_body #carTagSearchWrapped .addTagBtnOuter { margin: 0 0 0 5px; } #carTagSearchWrapped .addTagBtnOuter .addTagBtn { display: inline-block; padding: 5px 10px; box-sizing: border-box; border-radius: 3px; font-size: 10px; background: #587ec1; color: #fff; cursor: pointer; box-shadow: 0 1px 3px rgb(0 0 0 / 20%); transition: all .2s; margin-left: 5px; } #carTagSearchWrapped .addTagBtnOuter .addTagBtn .openString[data-show="1"], #carTagSearchWrapped .addTagBtnOuter .addTagBtn .closeString[data-show="1"] { display: block; } #carTagSearchWrapped .addTagBtnOuter .addTagBtn .openString[data-show="0"], #carTagSearchWrapped .addTagBtnOuter .addTagBtn .closeString[data-show="0"] { display: none; } #carTagSearchWrapped .addTagFormOuter { margin: 7px 0 0; text-align: left; } #carTagSearchWrapped .addTagFormOuter .addTagText { padding: 5px; border: 1px solid #CCCCCC; border-radius: 3px; width: 70%; 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); } .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: 120px; margin: 5px 0 0; } .usedcar_edit_btn .addTagFormSelect[data-show="0"], .usedcar_edit_btn .createTagFormText[data-show="0"] { display: none; } .usedcar_edit_btn .addTagSubmitBtn[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 .addTagSubmitBtn[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: 5px; position: absolute; right: -10px; top: 25px; z-index: 91; width: 174px; } .addTagOuter[data-show="0"] { display: none; } .addTagOuter[data-show="1"] { display: block; } .addTagSubmitBtn.loading:before { content: ""; background-image: url(../images/ajax-loader.svg); background-color: #fff; background-size: 18px 18px; width: 18px; height: 18px; position: absolute; top: calc( 50% - 9px ); left: calc( 50% - 9px ); } #carTagSearchWrapped:after, .addTagOuter:after, .usedcar_info_body .imageDetailControllerInner: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; } #carTagSearchWrapped.js-activeLoading:after, .addTagOuter.js-activeLoading:after, .usedcar_info_body .imageDetailControllerInner.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; } .list_main p{ position: relative; } #carListThumNail_wrapper .isSoldOut .tagLabelOuter, #carListSlideShow_wrapper .isSoldOut .tagLabelOuter{ left: auto; right: 0; } .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 .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; } .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; } .tagLabelOuter { position: absolute; top: 0; left: 0; } .usercar_list h3 span.tagLabelOuter { padding: 0; float: none; position: relative; top: unset; left: unset; right: unset; } .tagLabelOuter .tagLabel, .tagLabelOuter .otherLabel { font-size: 10px; background: #555; color: #fff; padding: 0 5px; letter-spacing: 1px; } .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; } .usercar_list h3 span.tagLabelOuter .tagLabel { position: relative; top: unset; left: unset; right: unset; } .usercar_list h3 span.tagLabelOuter .otherLabel { display: none; } #fixed_menu2 .menuPalettePageEditOuter { display: none; } #body_free #fixed_menu2 .menuPalettePageEditOuter { display: block; } #recontract_menu_panel{ padding: 10px 15px 10px; height: auto; overflow: hidden; border-radius: 0 0 5px 5px; } #recontract_menu_panel li{ border-bottom: none; padding: 0; } #recontract_menu_panel .palette_menu1{ display: block; padding: 10px; border-bottom: 1px dotted #CCC; } #recontract_menu_panel .palette_menu1:nth-last-of-type(1){ display: block; padding: 10px; border-bottom: none; } #recontract_menu_panel .palette_menu1{ display: block; padding: 10px; border-bottom: 1px dotted #CCC; } #recontract_menu_panel .invoice_pdf_list.small:after{ right: 15px; } #openpage_menu_panel { height: auto; max-height: calc( 100vh - 100px ); overflow-y: scroll; border-radius: 0 0 5px 5px; box-sizing: border-box; } #openpage_menu_panel:after{ content: ""; display: none; } #fixed_menu_information_panel ul a:nth-last-of-type(1) { border-bottom: none; margin: 0; } .notAllowedByPlanAlias { color: #999 !important; cursor: not-allowed; text-decoration: none !important; } p.palette_menu1.changedPlanMessage{ background-color: #fff; padding: 10px !important; font-size: 12px; color: #777 !important; border: 1px dashed #ccc !important; border-radius: 2px; margin: 10px 0 20px; text-align: left; position: relative; } p.palette_menu1.changedPlanMessage:after{ content: ""; position: absolute; left: 0; bottom: -11px; width: 100%; height: 1px; border-bottom: 1px dotted #ccc; display: block; } span.freeTelAlias{ width: auto; display: inline-block; text-align: center; background-image: url(../images/freedial_gr.png); background-repeat: no-repeat; background-position: left center; background-size: 18px; padding-left: 24px; font-weight: bold; letter-spacing: 1px; box-sizing: border-box; margin: 10px 0 0; font-size: 14px; } span.staffNameAlias{ display: block; text-align: left; font-size: 12px; } #trial_openpage_menu_panel { height: auto; overflow: hidden; border-radius: 0 0 5px 5px; } .js-imageBoxContentsWrapper .imageBoxOuter { position: relative; } .js-imageBoxContentsWrapper .multisliderIframePlayTrigger { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .multisliderIframePlayTrigger.triggerNoClick { z-index: -1; } #TB_ajaxContent { width: 90% !important; } .TB_window{ background-color:#f9f9f9; background-image: url(../images/palette_bg_middle_right.png), url(../images/palette_bg_middle_left.png), radial-gradient(farthest-corner at right bottom, #f9f9f9, #fcfcfc 70%, #f9f9f9 70%); background-repeat: no-repeat, no-repeat; background-position: right bottom, left bottom; color: #333; } .TB_window.resposiveModal{ max-width: 90%; left: 50%; transform: translateX(-50%); margin-left: 0 !important; } .side_img_box.fadeAnimation { opacity: 0; } .fadeAnimation .side_pict_edit_btn, .fadeAnimation .side_recruit_edit_btn { display: none; } .topEditPageBlockOuter { display: none; } .edit .parallaxContentOuter.empty[data-phase-init="0"] .parallaxContent { bottom: 0 !important; } .cart_h2 em{ font-style: normal; } /*在庫車検索フォーム表示・非表示の操作*/ #carSearch_public[data-show-form = "0"] #car_free_search_wrapped{ display: none; } #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; } #mitumori_table_box td .reserveDateOuter { position: relative; margin-bottom: 15px; } #mitumori_table_box td .reserveDateOuter span.dayString { display: inline-block; } #mitumori_table_box td .reserveDateOuter .datePickTriggerIcon { position: absolute; top: 0; right: -25px; } #mitumori_table_box td.js-dateWrapper { position: relative; padding: 10px 35px 5px 10px; } #mitumori_table_box td .datePickTriggerIcon { position: absolute; top: 10px; right: 10px; } .block_outer_estimate_form .addHopeDate, .block_outer_estimate_form .addHopeTime { color: #3366FF; text-decoration: underline; font-size: 13px; cursor: pointer; display: inline-block; margin: 0 0 15px; } .img_box_left.js-imageBox[data-included-movie="1"], .img_box_right.js-imageBox[data-included-movie="1"]{ width:100% !important; } .img_box_left.js-imageBox[data-included-movie="1"] .js-imageBoxContents, .img_box_right.js-imageBox[data-included-movie="1"] .js-imageBoxContents { width:100% !important; } .autoReplyMailMessage { font-weight: bold; text-align: left; } /*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.33); border: 1px solid rgba(205, 205, 205, 0.5); border-radius: 5px; color: #39f !important; padding: 10px 30px; text-decoration: none !important; } .imageBoxMultiSlider .boxImageMultiSliderController{ opacity: 1; transition: .3s; } .imageBoxMultiSlider .boxImageMultiSliderController.loadingNow{ opacity: .2; 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; } /* 「今日」のあしらい */ #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{ content: ""; height: 26px; width: 26px; display: block; z-index: -1; position: absolute; background: #dddddd; top: calc(50% - 13px); left: calc(50% - 13px); border-radius: 100%; } td#edittable01 .closed.currentDay:after, td#edittable02 .closed.currentDay:after, td#edittable01 .regularClosed.currentDay:after, td#edittable02 .regularClosed.currentDay:after, td#edittable01 .allholclosed.currentDay:after, td#edittable02 .allholclosed.currentDay:after{ display: none; } /* 「今日」のあしらい ここまで */ /*20230901辰巳追加　開発用のスライド停止ボタンのあしらい*/ .slidePlayController{ position: fixed; left: 50px; z-index: 10; } .slidePlayController[data-display="visible"]{ bottom: 80px; 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; cursor: pointer; display: inline-block; margin: 0; padding: 0; text-align: center; } .img_history{ width: 45px; padding-right: 5px; vertical-align: middle; } #fixed_menu2 a.imageBackBtn:hover{ text-decoration: none; } .imgCzList{ margin-bottom: 15px; } .js-noticeInterestUser, .js-noticeInterestUser .diagnoseImg, .js-noticeInterestUser .inline_option_link{ cursor: pointer; } body[data-hide-around-screen-button = "1"] #chat_open_btn_sp, body[data-hide-around-screen-button = "1"] #smt_foot_base .backtop, body[data-hide-around-screen-button = "1"] .cartActionOuter{ display: none; } /* リンク・ポップアップをわかりやすく */ .imageBoxContents .hasLink:before{ content: ""; background: url(../images/img_link.png.webp) no-repeat center center; background-size: 24px 24px; background-color: rgba(0,0,0,.6); width: 32px; height: 32px; position: absolute; top: 0; right: 0; opacity: .7; } .popUpTriggerOpen:before{ content: ""; background: url(../images/popup_overlay_bg.png) no-repeat center center; background-size: 24px 24px; background-color: rgba(0,0,0,.6); width: 32px; height: 32px; position: absolute; top: 0; right: 0; opacity: .7; } #bgSlider.flickingSlide, #bgSlider.flickingSlide *, .js-imageBoxContentsWrapper.flickingSlide, .js-imageBoxContentsWrapper.flickingSlide .js-imageBlockImage, .js-imageBoxContentsWrapper.flickingSlide *{ pointer-events: none; user-select: none; } .boxImageSliderProgressOuter, .boxImageSliderProgressOuter .boxImageSliderProgress{ user-select: none; } /*20240209追加 お客様へのメール文面で改行が反映されていないのでCSSで対応*/ .mail_body_preview{ white-space: pre-wrap; } /*ボタンのホバーアクション一括解除 activeに指定*/ #fixed_menu2 .helpPalette__videoChatRoomLinkInputOuter .helpPalette__videoChatRoomLinkInputButton:hover, .videoChatBlock input[type="submit"]:hover, .helpBlock .preview button:hover, .enqueteSubmitBtn:hover, .irekaekettei input[type="submit"]:hover, .imageDetailControllerSubmit:hover, .ssl-announcement .like-button:hover, .ssl-announcement__modal-inner .like-button:hover, .ssl-entry-button:hover, .new-middle-menu-modal__wrap button:hover{ 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); } #fixed_menu2 .helpPalette__videoChatRoomLinkInputOuter .helpPalette__videoChatRoomLinkInputButton:active, .videoChatBlock input[type="submit"]:active, .helpBlock .preview button:active, .enqueteSubmitBtn:active, .irekaekettei input[type="submit"]:active, .imageDetailControllerSubmit:active, .ssl-announcement .like-button:active, .ssl-announcement__modal-inner .like-button:active, .ssl-entry-button:active, .new-middle-menu-modal__wrap button:active{ 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); } #box_base input[type="submit"]:hover, #bill_download a:hover, #anq_thanks a:hover, #bill_lead:hover, .consensus__button-item:hover{ box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(38,70,163,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); } #box_base input[type="submit"]:avtive, #bill_download a:avtive, #anq_thanks a:avtive, #bill_lead:avtive, .consensus__button-item:active{ box-shadow: inset 0 0 100px rgba(0,0,0,.15), inset 1px 1px 4px rgba(38,70,163,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2); } body#body_to_open input.next_btn:hover{ box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,38,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); } body#body_to_open input.next_btn:active{ box-shadow: inset 0 0 100px rgba(0,0,0,.15), inset 1px 1px 4px rgba(163,38,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2); } html[data-typed = "1"][data-checked-all = "1"][data-agreed = "1"] .consensus__button-item--submit:hover{ box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(38,70,163,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05); } html[data-typed = "1"][data-checked-all = "1"][data-agreed = "1"] .consensus__button-item--submit:active{ box-shadow: inset 0 0 100px rgba(0,0,0,.25), inset 1px 1px 4px rgba(38,70,163,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2); } .slider_strong--dammy, .slider_caption--dammy{ visibility:hidden; } #fixed_menu2 .fixed_menu_sub__ai-outer{ position: relative !important; left: auto !important; width: 50px; float: left; } .fixed_meu_sub__ai-item{ height:53px; } #js-aiModalItem.ai-modal__item{ max-width: 90%; max-height: 90%; top: 5%; left: 5%; } .switchableRadioWrapper[data-open-page="1"] .syokushuToggle, .switchableRadioWrapper[data-open-page="1"] .koyotypeToggle, .switchableRadioWrapper[data-open-page="1"][data-display="0"]{ display: none; } /*会社案内が非表示の時、詳しい店舗情報のリンクボタンを出さないようにする対応*/ .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; } #otoiawase_table_box td span.addedTextShadow, #otoiawase_table_box td span.addedTextShadow .splited, #mitumori_table_box td span.addedTextShadow, #mitumori_table_box td span.addedTextShadow .splited{ display: inline !important; } #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.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), 1px 1px 3px rgba(0, 0, 0, 0.7) !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 : 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), 2px 2px 3px rgba(0, 0, 0, 0.7) !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 : 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), 3px 3px 3px rgba(0, 0, 0, 0.7) !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) , 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), 1px 1px 3px rgba(0, 0, 0, 0.7) !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 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), 2px 2px 3px rgba(0, 0, 0, 0.7) !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) , 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), 3px 3px 3px rgba(0, 0, 0, 0.7) !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.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), 1px 1px 3px rgba(255, 255, 255, 0.7) !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 : 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), 2px 2px 3px rgba(255, 255, 255, 0.7) !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 : 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), 3px 3px 3px rgba(255, 255, 255, 0.7) !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) , 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), 1px 1px 3px rgba(255, 255, 255, 0.7) !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 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), 2px 2px 3px rgba(255, 255, 255, 0.7) !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) , 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), 3px 3px 3px rgba(255, 255, 255, 0.7) !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 !important; background:none; top:0; left:0; visibility:hidden; } body.dekamoji2-slider__body-item .sliderDiv--visible { opacity:1 !important; visibility: visible; } body.dekamoji2-slider__body-item #main_img_wrapper.bgSlider--full .sliderDiv--visible{ background:none !important; } 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; } @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 .editLogoOuter, body#body_top.dekamoji2-slider__body-item #header p.headadd a:before, body#body_top.dekamoji2-slider__body-item #header p.headtel a, body#body_top.dekamoji2-slider__body-item #header p.headtel a, body#body_top.dekamoji2-slider__body-item #header p.headmail a, body#body_top.dekamoji2-slider__body-item .headmail, body#body_top.dekamoji2-slider__body-item .editLogoOuter, body#body_top.dekamoji2-slider__body-item #header:before, body#body_top.dekamoji2-slider__body-item #bgSlider:after, body#body_top.dekamoji2-slider__body-item #pc_menu_trigger, body#body_top.dekamoji2-slider__body-item #increment, body#body_top.dekamoji2-slider__body-item #decrement, body#body_top.dekamoji2-slider__body-item #sliderStepsContainer, body#body_top.dekamoji2-slider__body-item #headerH1Title{ opacity:0; } body#body_top.dekamoji2-slider__body-item--gone .editLogoOuter, body#body_top.dekamoji2-slider__body-item--gone #header p.headadd a:before, body#body_top.dekamoji2-slider__body-item--gone #header p.headtel a, body#body_top.dekamoji2-slider__body-item--gone #header p.headtel a, body#body_top.dekamoji2-slider__body-item--gone #header p.headmail a, body#body_top.dekamoji2-slider__body-item--gone .headmail, body#body_top.dekamoji2-slider__body-item--gone .editLogoOuter, body#body_top.dekamoji2-slider__body-item--gone #header:before, body#body_top.dekamoji2-slider__body-item--gone #pc_menu_trigger, body#body_top.dekamoji2-slider__body-item--gone #bgSlider:after, body#body_top.dekamoji2-slider__body-item--gone #increment, body#body_top.dekamoji2-slider__body-item--gone #decrement, body#body_top.dekamoji2-slider__body-item--gone #sliderStepsContainer, body#body_top.dekamoji2-slider__body-item--gone #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; } } body.dekamoji2-slider__body-item #main_img_wrapper:not(.bgSlider--full) .sliderDiv { background-size:0; } .parallaxCaption{ max-width: 70%; color: #fff; cursor: pointer; 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: 28px; } .parallaxCaptionBody{ font-size: 20px; } .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; } .parallaxContet[data-is-full="1"] .parallaxCaptionWrapper{ position: absolute; top: 0; } .parallaxCaptionContainer{ width: 100%; padding: 20px; } .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; } /* ファーストビュー強化対応 店舗毎の調整は専用クラスで*/ .bgSlider_alias--sp { position: absolute; top: 0px; left: 0; padding: 30px 0; width: 100%; height: 133vw; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 2; box-sizing: border-box; } .use_original_design #wrapper .bgSlider_alias--sp .slider_content_wrap { padding:103vw 0 0; } #main_img_wrapper:has(.bgSlider_alias--sp) #bgSlider { visibility:visible; } #main_img_wrapper:has(.bgSlider_alias--sp) #bgSlider .sliderDiv { display:none; } #main_img_wrapper:has(.bgSlider_alias--sp) #sliderStepsContainer > span:first-child { background-color:#ccc; } .horizontal-slider__body-item #bgSlider { visibility:hidden; opacity:0; overflow-x:hidden !important; overflow-y:hidden !important; position:relative; background:none; } .horizontal-slider__body-item--ready #main_img_wrapper #bgSlider, .horizontal-slider__body-item--ready #main_img_wrapper.resetBgSlider #bgSlider { visibility:visible; opacity:1 !important; 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; } #bgSlider .horizontal-slider__slide-item { opacity:0 !important; z-index:0; position:absolute !important; top:0px; left:0px; width:100% !important; margin:0 !important; } #bgSlider .horizontal-slider__slide-item--current { opacity:1 !important; z-index:2 !important; } #bgSlider .horizontal-slider__slide-item-alias { opacity:1 !important; transition:3s !important; 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; } #bgSlider .horizontal-slider__slide-item-alias--prev { transform:translateX(-100%) !important; } #bgSlider .horizontal-slider__slide-item-alias--next { transform:translateX(100%) !important; } .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; } #bgSlider.horizontal-slider__slide-outer--nexting .horizontal-slider__slide-item--current { transform:translateX(-40%) !important; transition-duration:3s !important; } #main_img_wrapper:not(.bgSlider--full) #bgSlider.horizontal-slider__slide-outer--nexting .horizontal-slider__slide-item--current { opacity:0 !important; transition-duration:3s !important; } #bgSlider.horizontal-slider__slide-outer--nexting .horizontal-slider__slide-item-alias--next { transform:translateX(0%) !important; } .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; } #bgSlider.horizontal-slider__slide-outer--preving .horizontal-slider__slide-item--current { transform:translateX(40%) !important; transition-duration:3s !important; } #main_img_wrapper:not(.bgSlider--full) #bgSlider.horizontal-slider__slide-outer--preving .horizontal-slider__slide-item--current { opacity:0 !important; transition-duration:3s !important; } #bgSlider.horizontal-slider__slide-outer--preving .horizontal-slider__slide-item-alias--prev { transform:translateX(0%) !important; } .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{ margin: 0 auto 25px; } .car-search-empty__text-item{ margin-bottom: 10px; text-align: center; } .imageFixControllerInnerBg{ box-sizing: border-box; border: 1px solid #ccc; background-image: linear-gradient(0deg, #e4e4e4 0%, #ffffff 43%, #ffffff 100%); box-shadow: inset 1px 0 0 #FFF, inset -1px 0 0 #FFF, inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF; } .imageFixControllerInnerBg:not(:has(img)){ display: none; } html:has(.popup-wrapper.show) #main_contents_wrapper, html:has(.popup-wrapper.show) #main_contents_wrapper, html:has(.popup-wrapper.show) #main_contents_container { overflow-x: visible; overflow-y: visible; } .editBlockCountButton[data-activate-button='0']{ display: none; } .editBlockCountButton[data-activate-button='1']{ display: inline-block; } .editBlockCountButtonOverlay{ width: 100%; height: 21px; background-color: rgba(255, 255, 255, .5); display: none; left: 0; position: absolute; text-align: center; } .editBlockCountButtonOverlay.active{ display: inline-block; z-index: 2; } #add_free_page_panel .addFreePage label { width: 100%; font-family: 'Noto Sans JP', sans-serif; max-width: 100%; display: block; font-size: 14px; margin: 0; user-select: none; cursor: auto; } #add_free_page_panel .addFreePage label[for="useDifferTitleCheckbox"]{ width: 90%; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; font-family: 'Noto Sans JP', sans-serif; } .add_free_page_contents_ret { width: 98%; margin: 10px auto 0; } #add_free_page_panel .addFreePage .pagetitle-wrap{ margin: 0 0 15px; position: relative; } #add_free_page_panel .addFreePage .pagetitle-wrap:has(.titleCandidate.close){ z-index: 10; } #add_free_page_panel #edit_page_index.addFreePage { width: 100% !important; box-sizing: border-box; border: none; padding: 20px 4% 140px 4% !important; background: #eee !important; margin: 0 !important; padding: 2%; box-sizing: border-box; } #add_free_page_panel #edit_page_index input#pageTitleInput, #add_free_page_panel #edit_page_index input#metaTitleInput { width: 100%; height: auto; } #add_free_page_panel .addFreePage #titleSuggestionList{ width: 100%; z-index: 2; position: absolute; background-color: #eee; box-sizing: border-box; border: none !important; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); top: 39px; border-radius: 5px; } #add_free_page_panel .addFreePage .pagetitle-wrap:has(.titleCandidate.close) #titleSuggestionList{ border: 2px solid #aaa; border-top: none; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #add_free_page_panel .addFreePage .metatitle-wrap { visibility: hidden; height: 0; transition: all .3s; overflow: hidden; margin-bottom: 15px; } #add_free_page_panel .addFreePage .metatitle-wrap[data-show = "1"]{ visibility: visible; height: 60px; } #add_free_page_panel .addFreePage #input_pageTitle, #add_free_page_panel .addFreePage #input_metaTitle { width: 100%; float: none; margin: 0 0 0.75rem; } #add_free_page_panel .addFreePage #input_pageTitle{ margin: 0; } #add_free_page_panel #edit_page_index input[type="radio"], #add_free_page_panel #edit_page_index input[type="checkbox"]{ display: inline-block; width: auto; } #add_free_page_panel #input_pageTitle li:has(.error_message) #titleSuggestionList { top: 105px; } #add_free_page_panel #input_pageTypes label{ width: auto; display: inline-block; font-size: 14px; } #add_free_page_panel #input_pageTypes .checkbox-wrap{ display: inline-block; top: 0; position: static; pointer: cursor; } #add_free_page_panel #input_pageTypes .checkbox-wrap:nth-of-type(1){ margin-right: 15px; } #add_free_page_panel .addFreePage .select-box__parent, #add_free_page_panel .addFreePage .select-box__middle-menu{ width: 100%; float: none; } #add_free_page_panel .addFreePage .select-box__parent{ margin-right: 15px; } #add_free_page_panel #edit_page_index .select-box__middle-menu{ position: relative; min-height: 70px; } #add_free_page_panel #edit_page_index .middle-menu__iist.active.show { display: block; } #add_free_page_panel #edit_page_index .select-box__middle-menu select{ position: absolute; top: 20px; display: none; z-index: 1; } #add_free_page_panel #edit_page_index .upload_button input, #edit_page_index input[type="submit"]{ width: 100%; } #add_free_page_panel #edit_page_index #titleSuggestionList p { padding: 5px 0 0 5px !important; margin: 0 0 5px !important; font-weight: bold; } #add_free_page_panel #edit_page_index p{ padding: 0 5px 10px !important; margin: 15px 0 !important; } #add_free_page_panel #edit_page_index p#js-optionToggle{ padding: 0 0 10px 20px !important; } #add_free_page_panel .addFreePage label[for = "useDifferTitleCheckbox"]{ margin: 0px 3px 5px 3px; } #add_free_page_panel .addFreePage .metatitle-wrap[data-show = "1"]{ visibility: visible; height: 60px; } #add_free_page_panel #edit_page_index h2 span{ display: inline; } #add_free_page_panel #edit_page_index select{ width: 100% !important; min-width: 180px; font-family: 'Noto Sans JP', sans-serif; font-size: 14px !important; display: block; margin: 5px 0 10px 0 !important; box-sizing: border-box; padding: 5px; box-shadow: inset 1px 1px 3px rgb(0 0 0 / 8%); border-radius: 3px; border: 1px solid #CCCCCC !important; } #add_free_page_panel .addFreePage .titleCandidate{ margin: 0; 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; float: right; display: inline-block; } #add_free_page_panel #edit_page_index .titleCandidate.close { background-color: #000; color: #fff; } #add_free_page_panel .addFreePage .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 .titleCandidate.close:before { background-image: url(../images/arrow_up.png); background-size: contain; background-repeat: no-repeat; } #add_free_page_panel #edit_page_index option{ font-family: 'Noto Sans JP', sans-serif; font-size: 14px !important; } #add_free_page_panel #edit_page_index .select-box__middle-menu{ position: relative; min-height: 70px; display: none; } #add_free_page_panel #edit_page_index .select-box__middle-menu:has(.show){ display: block; } #add_free_page_panel .addFreePage .create_page_btn{ width: 100%; margin: 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; padding: 20px; box-sizing: border-box; } #add_free_page_panel .addFreePage .create_page_btn #submit_btn{ width: 80% !important; box-sizing: border-box; font-family: 'Noto Sans JP', sans-serif; font-size: 14px !important; 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 .addFreePage .create_page_btn .ai__button-item--palette{ width: 80%; margin-top: 16px; position: relative; top: auto; left: auto; border: none; padding: 10px; } #add_free_page_panel .addFreePage #new_and_important-wrap .checkbox-wrap{ width: 100%; margin: 0 0 5px; position: relative; } #add_free_page_panel .addFreePage #new_and_important-wrap .checkbox-wrap label{ width: auto; display: inline-block; font-size: 14px; font-weight: normal; } #add_free_page_panel .addFreePage #new_and_important-wrap .checkbox-wrap .q_and_a_btn{ position: absolute; right: 90px; top: 0; } #add_free_page_panel .addFreePage #titleSuggestionList ul.title_list li.madeByDktl{ font-size: 12px !important; max-width: 100%; text-overflow: ellipsis; white-space: pre; overflow: hidden; margin: 0 0 5px !important; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 5px 0 !important; text-align: left; } #add_free_page_panel .addFreePage #titleSuggestionList ul.title_list li.madeByDktl:last-of-type{ margin: 0 !important; border: none; } #add_free_page_panel .addFreePage #titleSuggestionList ul.title_list li.madeByDktl:after{ right: 5px; top: 5px; } #add_free_page_panel #edit_page_index .usingSampleAttention{ margin: 0 0 5px !important; padding: 0 !important; } #add_free_page_panel #edit_page_index .usingSampleAttention span{ margin: 0; } #add_free_page_panel .addFreePage #chat_open_btn_sp { display: none !important; } #add_free_page_panel .addFreePage #js-metatagElem th{ width: 100%; } #add_free_page_panel .addFreePage #js-metatagElem td{ width: 100%; background-color: transparent; } #add_free_page_panel #edit_page_index h2{ width: 90% !important; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: normal; margin: 0 auto 0.875em; color: #333; background: none !important; border: none; box-shadow: none; line-height: 1.2em; text-shadow: none; padding: 0; } #add_free_page_panel #edit_page_index span{ font-family: 'Noto Sans JP', sans-serif; font-size: 14px; } #add_free_page_panel #edit_page_index h2 span.menuName { font-size: 20px; } #add_free_page_panel #edit_page_index h2 .miniH2{ font-size: 90%; font-family: 'Noto Sans JP', sans-serif; } #add_free_page_panel #edit_page_index span.must_field{ color: #C00; display: inline; float: none; } #add_free_page_panel #edit_page_index .openSelectWrap, #add_free_page_panel #edit_page_index .lead_block_display_wrap{ margin: 0 0 15px; } #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; font-family: 'Noto Sans JP', sans-serif; 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 #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 #js-optionElem, #add_free_page_panel #edit_page_index #js-metatagElem{ display: none; margin: 0 0 20px; } #add_free_page_panel #edit_page_index #js-optionElem.visible, #add_free_page_panel #edit_page_index #js-metatagElem.visible{ display: block; } #add_free_page_panel #edit_page_index #js-optionElem p{ font-size: 12px; } #add_free_page_panel #edit_page_index #js-metatagElem .metatagCautionText{ font-size: 12px; line-height: 1.5; color: #555; font-family: 'Noto Sans JP', sans-serif; } #add_free_page_panel #edit_page_index .inputPageTitleCounter{ position: absolute; bottom: auto; top: 10px; right: 10px; } #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 #input_pageTitle .count--num, #add_free_page_panel #edit_page_index #input_metaTitle .count--num{ font-weight: bold; margin: 0 2px 0 0; } #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 #input_pageTitle li.HintList{ font-size: 12px; text-align: center; display: none; } #add_free_page_panel #edit_page_index #titleSuggestionList li .title_list{ background-color: #ffffef; padding: 5px; } #add_free_page_panel #edit_page_index #titleSuggestionList li.madeByPast{ font-size: 12px !important; max-width: 100%; text-overflow: ellipsis; white-space: pre; overflow: hidden; margin: 0 0 5px !important; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 5px 0 !important; text-align: left; } #add_free_page_panel #edit_page_index #titleSuggestionList li.madeByPast:last-of-type{ margin: 0 !important; border: none; } #add_free_page_panel #edit_page_index .usingSampleAttention{ margin: 0 0 5px !important; padding: 0 !important; color: #555; font-family: 'Noto Sans JP', sans-serif; display: grid; grid-template-rows: 0fr; transition: 300ms grid-template-rows ease; transition-delay: .5s; } #add_free_page_panel #edit_page_index .usingSampleAttention span{ display: block; overflow: hidden; color: #C00; margin: 0; } #add_free_page_panel #edit_page_index input#pageTitleInput, #add_free_page_panel #edit_page_index input#metaTitleInput{ padding: 8px 10px; } #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 .edit--page_title#pageTitleInput{ min-height: auto; display: block; width: 100% !important; margin: 5px 0 10px 0 !important; box-sizing: border-box; font-size: 14px; } #fixed_menu2 #add_free_page_panel .addPageFrame{ position: relative; transform: translate(0); } #add_free_page_panel #edit_page_index #js-metatagElem th{ background-color: #EEE; background-image: linear-gradient(30deg, #ECECEC, #F6F6F6); box-shadow: inset 1px 1px rgba(0, 0, 0, .075), inset -1px -1px rgba(255, 255, 255, .3); color: #555560; font-family: 'Noto Sans Jp', sans-serif; font-size: 16px; font-weight: bold; padding: 16px 12px; width: 100%; display: block; box-sizing: border-box; } #add_free_page_panel #edit_page_index #js-metatagElem td{ background: #FAFAFA; box-shadow: inset 1px 1px rgba(0, 0, 0, .03), inset -1px -1px rgba(0, 0, 0, .015); font-family: 'Noto Sans Jp', sans-serif; font-size: 15px; padding: 16px 12px; width: 100%; word-break: break-all; display: block; box-sizing: border-box; position: relative; text-align: left; } #add_free_page_panel #edit_page_index #js-metatagElem .count_wrapper{ font-family: 'Noto Sans JP', sans-serif; font-size: 14px; display: block; margin: 3px 0 0 0; text-align: right; } #add_free_page_panel #edit_page_index #js-metatagElem .count_wrapper span{ font-size: 12px; font-family: 'Noto Sans JP', sans-serif; color: #AAA; letter-spacing: 0.05em; } #add_free_page_panel .addPageFrameContentsOuter #edit_page_index.addFreePage h2 .q_and_a_btn{ position: static; } #fixed_menu2 .preOpenCheckLink{ display: block; font-size: 16px; font-weight: bold; text-align: center; color: #37f; position: relative; } #fixed_menu2 .preOpenCheckLink:before{ content: ""; position: absolute; width: 6px; height: 12px; background-image: url(../images/next_txt_arw.png); background-repeat: no-repeat; background-position: center; left: calc(50% - 60px); top: 5px; } body:has(#masonryOverlayConsole){ overflow: hidden; } #masonryOverlayConsole{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2147483640; background: rgba(0, 0, 0, 0.7); overflow: auto; box-sizing: border-box; padding: 30px 5% 0; transition: all 0.3s; } #masonryOverlayConsole .masonryOverlay{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } #masonryOverlayConsole .masonryShell{ position: relative; background-image: url(../images/ai_r4_lt.png), url(../images/ai_r4_rt.png), url(../images/ai_r4_lb.png), url(../images/ai_r4_rb.png), linear-gradient(to top, #550A1D 10%, #ED4671 35%, #ED4671 65%, #550A1D 90%), linear-gradient(to top, #550A1D 10% 10%, #ED4671 35%, #ED4671 65%, #550A1D 90%), linear-gradient(to left, #550A1D 10%, #ED4671 35%, #ED4671 65%, #550A1D 90%), linear-gradient(to left, #550A1D 10%, #ED4671 35%, #ED4671 65%, #550A1D 90%); background-size: 5px, 5px, 5px, 5px, 5px 100%, 5px 100%, 100% 5px, 100% 5px; background-position: left top, right top, left bottom, right bottom, left center, right center, center top, center bottom; background-repeat: no-repeat; border-radius: 5px; padding: 0; background-color: #FFf; } #masonryOverlayConsole .masonryWrapper{ padding: 0 7.5%; } #masonryOverlayConsole .masonryWrapper .loadingLibraryOverlay{ position: absolute; width: 100%; height: calc(55vh + 30px); display: none; top: -15px; left: 0px; background-image: url(../images/ajax-loader.svg); background-repeat: no-repeat; background-size: auto; background-position: center; background-color: rgba(255, 255, 255, 0.95); z-index: 2; text-align: center; font-size: 14px; line-height: 38; font-family: "Noto Sans JP", sans-serif; transition: all 0.3s; opacity: 0; } #masonryOverlayConsole .masonryWrapper[data-loading-add="0"].js-activeLoading .loadingLibraryOverlay{ display: block; opacity: 1; } #masonryOverlayConsole .masonryHeader{ position: relative; height: 50px; padding: 20px 0 10px; box-sizing: border-box; } #masonryOverlayConsole .masonryTitleText{ font-size: 16px; font-weight: bold; font-family: "Noto Sans JP", sans-serif; display: inline-block; position: relative; color: #ed4671; } #masonryOverlayConsole .masonrySortType{ font-family: 'Noto Sans JP'; color: #555; font-size: 12px; padding: 0px 0 0 10px; vertical-align: bottom; position: absolute; right: 0px; top: 25px; } #masonryOverlayConsole .masonryTitle b{ font-family: 'Noto Sans JP'; margin: 0 5px 0 0; } #masonryOverlayConsole .libraryImagePopupClose, #masonryOverlayConsole .masonryClose{ width: 36px; height: 36px; display: inline-block; position: absolute; right: -30px; top: -10px; transform: rotate(45deg); cursor: pointer; background-color: #ed4671; border-radius: 100%; border: 2px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } #masonryOverlayConsole .libraryImagePopupClose{ top: -20px; right: -15px; } #masonryOverlayConsole .libraryImagePopupClose:before, #masonryOverlayConsole .libraryImagePopupClose:after, #masonryOverlayConsole .masonryClose:after, #masonryOverlayConsole .masonryClose:before{ content: ""; background-color: #fff; display: inline-block; position: absolute; } #masonryOverlayConsole .libraryImagePopupClose:before, #masonryOverlayConsole .masonryClose:before{ top: 4px; left: 50%; height: 24px; width: 3px; transform: translateX(-50%); } #masonryOverlayConsole .libraryImagePopupClose:after, #masonryOverlayConsole .masonryClose:after{ top: 50%; left: 4px; height: 3px; width: 24px; transform: translateY(-50%); } #masonryOverlayConsole .showImageReload{ width: 36px; height: 36px; display: inline-block; position: absolute; right: 60px; top: 20px; cursor: pointer; border-radius: 100%; border: 2px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); cursor: pointer; background-image: url(../images/slider_change_btn_fff.png); background-repeat: no-repeat; background-size: 36px; background-position: center; background-color: #777; display: none; } #masonryOverlayConsole .masonryGridOuter{ overflow-x: hidden; overflow-y: scroll; height: 55vh; padding: 15px 0; position: relative; opacity: 0; transition: all 0.5s; } #masonryOverlayConsole .masonryGridOuter[data-loaded="1"]{ opacity: 1; } #masonryOverlayConsole .masonryWrapper .loadingAddImagesOverlay{ position: absolute; width: calc(100% - 10px); height: 120px; bottom: 89px; left: 5px; display: none; justify-content: center; align-items: flex-end; background-image: url(../images/ajax-loader.svg), linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 1) 20%); background-repeat: no-repeat; background-size: auto; background-position: center top 30px, center; z-index: 3; text-align: center; font-size: 14px; font-family: "Noto Sans JP", sans-serif; transition: all 0.3s; opacity: 0;} #masonryOverlayConsole .masonryWrapper[data-loading-add="1"].js-activeLoading .loadingAddImagesOverlay{ display: flex; opacity: 1; } #masonryOverlayConsole .masonryGridInner{ position: relative; } #masonryOverlayConsole .masonryImageAdd{ width: 100%; height: 120px; position: absolute; bottom: -16px; left: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 1) 50%); z-index: 2; } #masonryOverlayConsole .masonryImageAdd[data-is-show="0"]{ display: none; } #masonryOverlayConsole .masonryImageAdd .addArrow:first-of-type{ width: 40px; height: 8px; position: absolute; transform: rotate(45deg); background-color: #777; z-index: 2; left: calc(50% - 32px); bottom: 43px; border-radius: 30px; transition: all 0.3s; } #masonryOverlayConsole .masonryImageAdd .addArrow:nth-of-type(2){ width: 40px; height: 8px; position: absolute; transform: rotate(-45deg); background-color: #777; z-index: 2; left: calc(50% - 8px); bottom: 43px; border-radius: 30px; transition: all 0.3s; } #masonryOverlayConsole .masonryImageAdd:hover .addArrow:first-of-type{ transform: rotate(45deg) translateY(5px); left: calc(50% - 28px); } #masonryOverlayConsole .masonryImageAdd:hover .addArrow:nth-of-type(2){ transform: rotate(-45deg) translateY(5px); left: calc(50% - 12px); } #masonryOverlayConsole .masonryImageAdd .allLibraryImageCount{ font-size: 18px; font-family: "Noto Sans JP", sans-serif; } #masonryOverlayConsole .masonryImageAdd .imageAddText{ position: absolute; bottom: 0; text-align: center; left: 50%; transform: translateX(-50%); } #masonryOverlayConsole .masonryImageAdd.js-activeLoading .addArrow, #masonryOverlayConsole .masonryImageAdd.js-activeLoading .imageAddText{ display: none; } #masonryOverlayConsole .masonryColumn{ margin: 0; padding: 0; box-sizing: border-box; } #masonryOverlayConsole .masonryItem{ margin-bottom: 4px; border-radius: 5px; overflow: hidden; background: #f3f3f3; padding: 0; box-sizing: border-box; border: 1px solid #eee; cursor: pointer; transition: transform 0.3s; position: relative; width: calc( (100% / 3) - 4px); transition: all 0.2s; } #masonryOverlayConsole .masonryItem:hover{ transform: scale(1.05) !important; z-index: 1; } #masonryOverlayConsole .masonryItem img{ display: block; width: 100%; height: auto; box-sizing: border-box; } #masonryOverlayConsole #js-uploadImageLibrary.masonryItem{ padding: 15px 10px; } #masonryOverlayConsole #js-uploadImageLibrary.masonryItem img{ width: 36px; padding: 0; margin: 0 auto 5px; transform: translateX(3px); } #masonryOverlayConsole #js-uploadImageLibrary.masonryItem span{ font-size: 12px; color: #36f; font-family: 'Noto Sans JP'; letter-spacing: 1px; display: block; position: relative; bottom: auto; left: auto; text-align: center; width: 100%; } #masonryOverlayConsole .masonryItem:before{ width: 20px; height: 20px; border-radius: 100%; background-color: #ed4671; border: 2px solid #fff; color: #fff; left: 5px; top: 5px; position: absolute; text-align: center; line-height: 1.25; font-size: 12px; font-weight: bold; font-family: "Noto Sans JP", sans-serif; z-index: 1; box-sizing: border-box; } #masonryOverlayConsole .masonryItem[data-selected-num="1"]:before{ content: "1"; } #masonryOverlayConsole .masonryItem[data-selected-num="2"]:before{ content: "2"; } #masonryOverlayConsole .masonryItem[data-selected-num="3"]:before{ content: "3"; } #masonryOverlayConsole .masonryItem[data-selected-num="4"]:before{ content: "4"; } #masonryOverlayConsole .masonryItem[data-selected-num="5"]:before{ content: "5"; } #masonryOverlayConsole .masonryItem[data-selected-num="6"]:before{ content: "6"; } #masonryOverlayConsole .masonryItem[data-selected-num="7"]:before{ content: "7"; } #masonryOverlayConsole .masonryItem[data-selected-num="8"]:before{ content: "8"; } #masonryOverlayConsole .masonryItem[data-selected-num="9"]:before{ content: "9"; } #masonryOverlayConsole .masonryItem[data-selected-num="10"]:before{ content: "10"; } #masonryOverlayConsole .masonryItem.selected:after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,0.5); z-index: 0; } #masonryOverlayConsole .masonryFooter{ display: flex; align-items: center; justify-content: center; padding: 20px 0; position: relative; z-index: 2; } #masonryOverlayConsole .insertImageBlockBtn{ color: #FFF; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2); font-weight: bold; font-size: 16px; font-family: "Noto Sans JP", sans-serif; padding: 12px; border: 1px solid #FFF; border-radius: 3px; width: 100%; 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; text-align: center; display: block; height: 50px; box-sizing: border-box; } #masonryOverlayConsole .insertImageBlockBtn:hover{ 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); } #masonryOverlayConsole .insertAndCreateBtn{ background-color: #ed4671; display: inline-block; padding: 6px 20px; color: #fff; font-size: 16px; font-weight: bold; font-family: "Noto Sans JP", sans-serif; width: 260px; text-align: center; height: 50px; box-sizing: border-box; line-height: 1.2; cursor: pointer; border-radius: 2px; transition: all 0.3s; display: none; } #masonryOverlayConsole .uploadBtnOuter{ position: absolute; display: flex; flex-direction: column; right: -10px; bottom: 80px; text-align: center; } #masonryOverlayConsole .uploadBtnOuter .uploadImageLibrary{ width: 60px; height: 60px; 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); border-radius: 100%; position: relative; margin: 0 auto; border-color: transparent; transition: all 0.3s; } #masonryOverlayConsole .uploadBtnOuter .uploadImageLibrary:hover{ 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); } #masonryOverlayConsole .uploadBtnOuter .uploadImageLibrary span:first-of-type{ width: 35px; height: 3px; background-color: #fff; position: absolute; left: 11px; top: calc(50% - 1.5px); } #masonryOverlayConsole .uploadBtnOuter .uploadImageLibrary span:nth-of-type(2){ width: 35px; height: 3px; background-color: #fff; position: absolute; left: 11px; transform: rotate(90deg); top: calc(50% - 1.5px); } #masonryOverlayConsole .lineQrCode{ width: 90px; height: 90px; position: relative; cursor: pointer; display: none; } #masonryOverlayConsole .lineQrCode .lineQrImg{ width: 100%; } #masonryOverlayConsole .lineQrCode .q_and_a_btn{ right: -15px; top: 0px; } #masonryOverlayConsole .insetImageCheckbox{ position: absolute; right: 10px; bottom: 10px; transform: scale(1.4); z-index: 1; } #masonryOverlayConsole .insetImageCheckboxAlias{ position: absolute; right: 15px; bottom: 15px; transform: scale(2); z-index: 1; } .libraryPopupElem{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); justify-content: center; align-items: center; z-index: 100; opacity: 0; transition: all 0.3s; } .libraryPopupElem[data-is-show="1"]{ display: flex; opacity: 1; } #masonryOverlayConsole .libraryPopupOverlay{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; } #masonryOverlayConsole .libraryImagePopupOuter{ position: relative; max-width: 50%; cursor: pointer; z-index: 1; } .libraryPopupElem .libraryImgPopup{ width: 100%; min-width: 150px; max-height: 80vh; border-radius: 4px; box-shadow: 0 0 20px #000; } #masonryOverlayConsole .loadingOeverlayText{ display: none; letter-spacing: 2px; color: #555; } #masonryOverlayConsole .loadingOeverlayText[data-is-show="1"]{ display: block; } #masonryOverlayConsole .loadingLibraryOverlay .loadingOeverlayText{ width: auto; } #masonryOverlayConsole .loadingAddImagesOverlay .loadingOeverlayText{ width: 250px; } #masonryOverlayConsole .libraryPopupTrigger{ width: 26px; height: 26px; display: inline-block; position: absolute; right: 0; top: 0; background-image: url(../images/popup_overlay_bg.png); background-repeat: no-repeat; background-position: center; background-size: 26px; transition: all 0.2s; z-index: 2; } #masonryOverlayConsole .libraryPopupTrigger:hover{ transform: scale(1.05); } #masonryOverlayConsole .slideLibraryArrow{ width: 40px; height: 40px; position: absolute; display: none; } #masonryOverlayConsole.image-library__outer--with-ai .masonryWrapper .image-library__caption-text--with-ai{ padding-bottom: 15px; } #masonryOverlayConsole.image-library__outer--with-ai .masonryFooter .image-library__caption-text--with-ai{ display: 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; }