/*フォント変更機能*/



*: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(../img/copy2open/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(/cms/img/common/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(/cms/img/menu_back/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(./../img/copy2open/btn_grass.png.webp), url(./../img/copy2open/btn_Bg.png.webp);
    background-color: #CC0000;
    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 #B00000, 0px 0px 1px #B00000, 1px 0px 1px #B00000, 0px -1px 1px #B00000, -1px -1px 1px #B00000, -1px 0px 1px #B00000, 0px 2px 1px #CC0000, 0px 1px 1px #CC0000, 1px 1px 1px #CC0000, 1px 0px 1px #CC0000, 2px 0px 1px #CC0000, 1px -1px 1px #CC0000, 1px -2px 1px #CC0000, 0px -2px 1px #CC0000, -1px -2px 1px #CC0000, -2px -2px 1px #CC0000, -2px -1px 1px #CC0000, -2px 0px 1px #CC0000, -2px 1px 1px #CC0000, -1px 1px 1px #CC0000, 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("../img/copy2open/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("../img/copy2open/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("../img/copy2open/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('../img/common/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 #B00000,
                0px 0px 1px #B00000,
                1px 0px 1px #B00000,
                0px -1px 1px #B00000,
                -1px -1px 1px #B00000,
                -1px 0px 1px #B00000,

                0px 2px 1px #CC0000,
                0px 1px 1px #CC0000,
                1px 1px 1px #CC0000,
                1px 0px 1px #CC0000,
                2px 0px 1px #CC0000,
                1px -1px 1px #CC0000,
                1px -2px 1px #CC0000,
                0px -2px 1px #CC0000,
                -1px -2px 1px #CC0000,
                -2px -2px 1px #CC0000,
                -2px -1px 1px #CC0000,
                -2px 0px 1px #CC0000,
                -2px 1px 1px #CC0000,
                -1px 1px 1px #CC0000,

                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(../img/copy2open/btn_grass.png.webp), url(../img/copy2open/btn_Bg.png.webp);
    background-color: #CC0000;
    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:#CC0000 !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(../img/copy2open/slide_arrow_r.png) no-repeat center top;
}
#decrement {
    left: 10px !important;
    background: url(../img/copy2open/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(../img/copy2open/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: #CC0000 url(./../img/copy2open/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(./../img/copy2open/btn_grass.png.webp), url(./../img/copy2open/btn_grass.png.webp), url(./../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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("../img/copy2open/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: #CC0000;
    background: linear-gradient(#CC0000, #B00000);
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 1px #CC0000 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:#CC0000;
}

#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 {
    position: fixed;
    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(./../img/copy2open/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(../img/common/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;
    padding: 0 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(../img/copy2open/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(./../img/copy2open/btn_grass.png), url(./../img/copy2open/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(./../img/copy2open/side_icon_free.png.webp), url(./../img/copy2open/btn_grass.png.webp), url(./../img/copy2open/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(./../img/copy2open/side_icon_estimate.png.webp), url(./../img/copy2open/btn_grass.png.webp), url(./../img/copy2open/btn_Bg.png.webp);}
#side_lead_block_02 h4{background-image: url(./../img/copy2open/side_icon_contact.png.webp), url(./../img/copy2open/btn_grass.png.webp), url(./../img/copy2open/btn_Bg.png.webp);}
h4#shop_info_title{background-image: url(./../img/copy2open/side_icon_shop.png.webp), url(./../img/copy2open/btn_grass.png.webp), url(./../img/copy2open/btn_Bg.png.webp);}
#side_link_block h4{background-image: url(./../img/copy2open/side_icon_link.png.webp), url(./../img/copy2open/btn_grass.png.webp), url(./../img/copy2open/btn_Bg.png.webp);}
#sidetopics01 h4{background-image: url(./../img/copy2open/side_icon_topics.png.webp), url(./../img/copy2open/btn_grass.png.webp), url(./../img/copy2open/btn_Bg.png.webp);}
#sidetopics02 h4{background-image: url(./../img/copy2open/side_icon_free.png.webp), url(./../img/copy2open/btn_grass.png.webp), url(./../img/copy2open/btn_Bg.png.webp);}
#eigyoubi_cal h4{background-image: url(./../img/copy2open/side_icon_calendar.png.webp), url(./../img/copy2open/btn_grass.png.webp), url(./../img/copy2open/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:#CC0000;
}

#eigyoubi_cal tr {background:#E57F7F;}
#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:#E57F7F;
    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("../img/copy2open/monthly_calender_prev_arrow.png.webp")no-repeat center left 0px;
    padding: 2px 10px 1px 15px;
}

#eigyoubi_cal .monthlyCalendarHead .nextMonth{
    background: url("../img/copy2open/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(../img/copy2open/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 #CC0000;
    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(./../img/copy2open/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(../img/copy2open/q_bg.png) no-repeat left 0px;
    background-size: 35px 300px;
}
.div_box_faq p {
    padding: 15px 15px 15px 45px;
    background: #EEE url(../img/copy2open/a_bg.png) no-repeat left 0px;
    background-size: 35px 300px;
}
p.flow_arrow {
    height:15px;
    margin:0 0 15px 0;
    background: url(../img/copy2open/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(./../img/copy2open/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(../img/copy2open/btn_grass.png.webp), url(../img/copy2open/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(./../img/copy2open/usercar_grass.png) no-repeat center top;
    color: #333;
    background-size: cover;
    border-left: 3px solid #CC0000;
    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(./../img/copy2open/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(./../img/copy2open/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(./../img/copy2open/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(../img/usedcar/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(../img/usedcar/cgmBg.png), rgba(0,0,0,0.75);
    background: url(../img/usedcar/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(./../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/review_1.png);
    background-size: contain;
}

.reviewSampleContents:nth-of-type(2){
    background-image: url(../img/copy2open/review_2.png);
    background-size: contain;
}

.reviewSampleContents:last-of-type {
    background-image: url(../img/copy2open/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: #CC0000;
}

.ec-cart .ec-cart__progress-item--current:after{
    background: #CC0000;
}

.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(../img/copy2open/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(../img/copy2open/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('../img/common/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(../img/copy2open/texture/worn-dots.png);
    opacity: .8;
}

.parallaxContent[data-texture = "grange"]:before{
    background-image: url(../img/copy2open/texture/grunge-wall.png);
    opacity: .8;
}

.parallaxContent[data-texture = "mosaic"]:before{
    background-image: url(../img/copy2open/texture/bright-squares.png);
    opacity: 1;
}

.parallaxContent[data-texture = "tire"]:before{
    background-image: url(../img/copy2open/texture/dark-tire.png);
    opacity: 1;
}

.parallaxContent[data-texture = "stripe"]:before{
    background-image: url(../img/copy2open/texture/dark-stripes-light.png);
    opacity: .6;
}

.parallaxContent[data-texture = "alum"]:before{
    background-image: url(../img/copy2open/texture/brushed-alum.png);
    opacity: .6;
}

.parallaxContent[data-texture = "leather"]:before{
    background-image: url(../img/copy2open/texture/leather.png);
    opacity: .6;
}

.parallaxContent[data-texture = "renga"]:before{
    background-image: url(../img/copy2open/texture/brick-wall.png);
    opacity: .6;
}

.parallaxContent[data-texture = "flower"]:before{
    background-image: url(../img/copy2open/texture/gray-floral.png);
    opacity: .4;
}

.parallaxContent[data-texture = "noisy"]:before{
    background-image: url(../img/copy2open/texture/noisy.png);
    opacity: .9;
}


.parallaxContent[data-color = "1"]:before{ /** 1977 **/
    -webkit-backdrop-filter: sepia(.5) hue-rotate(-30deg) saturate(1.4);
    backdrop-filter: sepia(.5) hue-rotate(-30deg) saturate(1.4);
}

.parallaxContent[data-color = "2"]:before{ /** lofi **/
    -webkit-backdrop-filter: saturate(1.1) contrast(1.5);
    backdrop-filter: saturate(1.1) contrast(1.5);
}

.parallaxContent[data-color = "3"]:before{ /** reyes **/
    -webkit-backdrop-filter: sepia(.75) contrast(.75) brightness(1.25) saturate(1.4);
    backdrop-filter: sepia(.75) contrast(.75) brightness(1.25) saturate(1.4)
}

.parallaxContent[data-color = "4"]:before{ /** clarendon **/
    -webkit-backdrop-filter: sepia(.15) contrast(1.25) brightness(1.25) hue-rotate(5deg);
    backdrop-filter: sepia(.15) contrast(1.25) brightness(1.25) hue-rotate(5deg);
}

.parallaxContent[data-color = "5"]:before{ /** inkwell **/
    -webkit-backdrop-filter: brightness(1.25) contrast(.85) grayscale(1);
    backdrop-filter: brightness(1.25) contrast(.85) grayscale(1)
}

.parallaxContent[data-color = "6"]:before{ /** walden **/
    -webkit-backdrop-filter: sepia(.35) contrast(.8) brightness(1.25) saturate(1.4);
    backdrop-filter: sepia(.35) contrast(.8) brightness(1.25) saturate(1.4)
}

.parallaxContent[data-color = "7"]:before{ /** willow **/
    -webkit-backdrop-filter: brightness(1.2) contrast(.85) saturate(.05) sepia(.2);
    backdrop-filter: brightness(1.2) contrast(.85) saturate(.05) sepia(.2);
}

.parallaxContent[data-color = "8"]:before{ /** rise **/
    -webkit-backdrop-filter: sepia(.25) contrast(1.25) brightness(1.2) saturate(.9);
    backdrop-filter: sepia(.25) contrast(1.25) brightness(1.2) saturate(.9);
}

.parallaxContent[data-color = "9"]:before{ /** nashville **/
    -webkit-backdrop-filter: sepia(.25) contrast(1.5) brightness(.9) hue-rotate(-15deg);
    backdrop-filter: sepia(.25) contrast(1.5) brightness(.9) hue-rotate(-15deg);
}

.parallaxContent[data-color = "10"]:before{ /** x-pro **/
    -webkit-backdrop-filter: sepia(.45) contrast(1.25) brightness(1.75) saturate(1.3) hue-rotate(-5deg);
    backdrop-filter: sepia(.45) contrast(1.25) brightness(1.75) saturate(1.3) hue-rotate(-5deg);
}

/**
 * 在庫車表示・非表示切り替えボタン
 */
#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;
}





/**
 * デザイン個別のCSSはここから
 */


/*背景仮で指定*/

body{
    color: #151515;
    background-image: url(../img/cmscss/mobile_first4/common/sbgimg01.jpg);
    background-attachment: fixed;
}

a{
    color: #66b3ff;
}

#smt_head_base{
    background: rgba(255,255,255,.9);
}

#menu_container {
    padding: 20px 20px 60px;
}

#menu_wrapper{
    background: #F6F6F6;
    color: #404040;
}

#menu li a{
    color: #404040;
    font-family: 'Noto Sans JP', sans-serif;
}

#menu > ul > li:after{
    background: #cccccc;
}

.sp_freepage_accordion_btn span{
    color: #404040;
}

[data-middle-menu-state="close"] .middle-menu__trigger--sp:after, [data-middle-menu-state="open"] .middle-menu__trigger--sp:after{
    color: #404040;   
}

#menu .ul_sub li a, #menu .ul_sub li .private-menu__link{
    color: #666666;
    background: #F1F1F1;
}

#menu li ul li:after{
    background: #C9C9C9;
}

.company_rogo a{
    color: #151515;
    text-shadow: 1px 1px 8px #fff;
}

.company_rogo .smtCompanyName {
    font-family: 'Noto serif', serif;
}

#menu_trigger{
    background: rgba(255, 255, 255, .8);
    box-shadow: 1px 1px 13px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    border-radius: 0 0 0 5px;
    position: fixed;
    top: 0;
    right: 0;
}

.edit #menu_trigger{
    top: 50px;
}

#menu_trigger span{
    background-color: #333333;
}

#menu_trigger:after{
    color: #333333;
}

#smt_3menu li a{
    background: rgb(68,68,68);
    background: -moz-linear-gradient(top,  rgba(68,68,68,1) 0%, rgba(51,51,51,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(51,51,51,1) 100%);
    background: linear-gradient(to bottom,  rgba(68,68,68,1) 0%,rgba(51,51,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=0 );
    color:#FCFCFC;
    padding: 2px 0 3px;
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
}

#smt_3menu li:after {
    background: #fff;
}

/*------ スライダー ------*/

#bgSlider{
  box-shadow: none;
  height: 500px;
}

#bgSlider .sliderDiv{
  background-size: auto 500px;
  min-height: 500px;
  background-position: top center;
  margin-right: auto;
  width: 90%;
  box-shadow: 1px 1px 20px #111;
}

#bgSlider .sliderDiv:after {
  display: block;
  content: "";
  background: url(../img/cmscss/mobile_first4/common/sp_main_bg.png) top left no-repeat;
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 560px;
  top: 0;
  left: 0;
}

#bgSlider .sliderDiv:before {
  display: block;
  content: "";
  background: rgba(0, 0, 0, .2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#bgSlider .slideshow-zoomout .slider_img_wrapper{
  height: 500px !important;
}

#bgSlider .slideshow-zoomout .slider_img{
  height: 500px;
  background-size: cover;
}

#bgSlider .slider_strong .slider_strong_contents{
  width: 100%;
  color: #fff;
  height: auto;
  text-align: left;
  font-size: 40px;
  font-weight: bold;
  max-height: 110px;
  letter-spacing: .05em;
  line-height: 1.3;
  box-sizing: border-box;
  margin: 0 0 20px;
  overflow: hidden;
  font-family: 'Noto Serif JP', serif;
  text-shadow: 1px 1px 8px #000;
  padding: 0 10px;
}

#conteiner .slider_text{
  z-index: 1;
  max-height: none;
  color: #3b3c3d;
  margin: 0 0 0 20px !important;
}

#bgSlider .slider_content_wrap {
  padding: 90px 0 0;
}

#main_img_wrapper #bgSlider .slider_btn {
  z-index: 2;
  box-sizing: border-box;
  width: 90%;
  margin: 0 auto;
  padding: 30px 0 0;
}

#main_img_wrapper.resetBgSlider #bgSlider .slider_btn .slider_btn_inner {
  width: 240px;
}

#bgSlider .slider_caption .slider_caption_contents{
  width: 290px !important;
  text-align: left;
  font-size: 16px;
  color: #fff;
  letter-spacing: .15em;
  max-height: 95px;
  line-height: 1.5;
  text-shadow: none !important;
  box-sizing: border-box;
  text-align: left;
  font-family: 'Noto Sans JP', san-serif;
  padding: 0 10px;
  text-shadow: 1px 1px 4px #000 !important ;
  margin: 0;
}

#bgSlider .slider_strong {
  padding: 0;
  max-height: none;
  width: 300px;
}

#increment,
#decrement{
  display: none;
}

#sliderStepsContainer{
  top: 460px !important;
  left: 40% !important;
}

#bgSlider #sliderLoader{
  display: none;
}

#sliderStepsContainer span{
  background: #fff !important;
  box-shadow: none !important;
}

#sliderStepsContainer span.current{
  background: #8e3c3c !important;
}

/*スライドダウン個別指定*/

#bgSlider .slideshow-slidedown-passive {
  z-index:0;
  animation-name:slideup-original;
}

#bgSlider .slideshow-slidedown-active {
  z-index:1;
  animation-name:slidedown-original;
}

@keyframes slidedown-original{
    0%{
        background-position-y: -1000px;
        opacity:0;
    }
    100%{
        background-position-y: top;
        opacity:1;
    }
}

@keyframes slideup-original{
    0%{
        background-position: center top;
    }
    100%{
        background-position: center -1000px;
    }
}


/*------ h2 ------*/


h2.h2_common{
    font-family: 'Noto Serif JP', serif !important;
    font-weight: bold;
    font-size: 20px;
    max-width: 6.5em;
    overflow: hidden;
    margin: 0 auto 45px;
    max-height: 280px;
    font-size: 30px;
    writing-mode: vertical-rl;
    text-orientation: upright;
    opacity: 1 !important;
    letter-spacing: .2em;
    position: relative;
    box-sizing: border-box;
    padding: 15px 0 0;
    line-height: 1.3;
    z-index: 0;
    background: none;
    box-shadow: none;
    color:#151515;
    text-shadow: none;
    display: inline-block;
    text-align: left;
}

#main_contents > .block_outer:nth-of-type(3n-1) .h2_common,
#main_contents > .block_outer:nth-of-type(3n-1) .h2_common,
#main_contents > .block_outer:nth-of-type(3n) .h2_common,
#main_contents > .block_outer:nth-of-type(3n) .h2_common,
#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer .h2_common,
#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer .h2_common,
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .h2_common,
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .h2_common {
    color: #fcfcfc;
}

h2.h2_common span{
    font-family: 'Noto Serif JP', serif;
}

h2.h2_common a{
    font-family: 'Noto Serif JP', serif;
    color: #66b3ff;
}

/*------ h3 ------*/

#main_contents_wrapper{
    overflow: hidden;
}

.h3_common{
    font-family: 'Noto Sans JP', sans-serif !important;
    color: #151515;
    font-size: 20px;
    line-height: 135%;
    padding: 0 0 15px;
    margin: 0 0 20px;
    letter-spacing: .2em;
    font-weight: normal;
    position: relative;
    border-bottom:1px solid #B1B1B1;
    text-align: left;
}

.h3_common:before {
    content: "";
    display: block;
    background: #8e3c3c;
    width: 40px;
    height: 4px;
    position: absolute;
    bottom: -4px;
    right: 0;
}


#main_contents > .block_outer:nth-of-type(3n-1) .h3_common,
#main_contents > .block_outer:nth-of-type(3n) .h3_common,
#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer .h3_common,
#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer .h3_common,
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .h3_common,
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .h3_common {
    color: #fcfcfc;
    border-bottom: 1px solid #fcfcfc;
}

#main_contents > .block_outer:nth-of-type(3n) .h3_common:before,
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .h3_common:before {
    background: #fcfcfc;
}


.box_common .img_box_right ~ .js-editTextOuter h3:before {
    right: auto;
    left: 0;
}

.box_common h3 > b {
    display: none;
}

.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,
.box_voice img.size_big, .box_voice img.size_bigger, .box_voice img.size_middle, .box_voice img.size_small, .box_voice img.size_xsmall {
    width: 30% !important;
    margin-right: 15px;
}

#wrapper p.captionHead{
    padding: 0;
}

body .imageBoxMultiSlider .imageBoxContents[data-layout="LAYOUT_MULTI_SLIDESHOW"]{
    margin-bottom: 30px;    
}

.mitsumori_title {
  text-align: left;
}

/* メインコンテンツ */

.div_box_common {
    padding: 0;
}

.div_box_common p,
.div_box_common h3 > span {
    font-family: 'Noto Sans JP', sans-serif;
}

.img_box_left img, .side_img_box_left img{
    padding: 0;
}

.img_box_right img, .side_img_box_right img{
    padding: 0;
}

.img_box_left .imageBoxContents{
    margin: 0 15px 15px 0;
}

.img_box_right .imageBoxContents{
    margin: 0 0 15px 15px;
}

.img_box_left:not(.imageBoxSlider) .imageBoxContents,
.img_box_right:not(.imageBoxSlider) .imageBoxContents{
    margin-bottom: 20px !important;
}

.imageBoxSlider .imageBoxContents{
    margin: 0 0 15px 0;
}

.imageBoxSlider img{
    margin: 0;
}

#body_top #main_contents_wrapper {
    padding: 0;
}

.campaign_content,
#sidebar_shp_inf div.side_shop_info_mapbottom,
#image_letter_block,
.usercar_list,
.box_flow,
.map_box,
.thumbnail_box,
.shop_info_box{
    background: none;
    box-shadow: none;
}

.campaign_content{
    padding: 0;
}

.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{
    margin: 0 0 20px 0;
}

#wrapper .box_common{
    border-bottom: none;
    margin-bottom: 30px;
    position: relative;
}

#wrapper .box_common:last-of-type{
    padding: 0;
}

.box_common p {
    letter-spacing: .2em;
    line-height: 175%;
    color: #333;
    text-align: left;
}

.campaign_content .b_campaign{
    font-size: 14px;
    letter-spacing: .2em;
    line-height: 175%;
}

#sidebar_shp_inf div.side_shop_info_mapbottom,
#image_letter_block,
.usercar_list,
.box_flow,
.map_box,
.thumbnail_box,
.shop_info_box{
    padding: 0;
}

.shop_info_outer address {
    font-style: normal;
}


/* 画像つきメニュー */

#midbox_wrapper{
    padding: 0 5%;
    margin: 0;
}

#midbox_wrapper:before{
    display: none;
}

.h2_box_1,
.h2_box_2,
.h2_box_3 {
    width: 100%;
    margin: 0 2% 10px 0;
}

.h2_box_1 a, .h2_box_2 a, .h2_box_3 a{
    display: block;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100px !important;
    text-decoration: none;
    color: #fff;
    vertical-align: middle;
    border-radius: 0;
    font-size: 24px;
    font-family: "Noto Serif JP", serif !important;
    font-weight: bold;
    line-height: 100px;
    text-align: left;
    padding: 0 50px;
    box-sizing: border-box;
    position: relative;
}

#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer .h2_box_1 a,
#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer .h2_box_2 a,
#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer .h2_box_3 a {
    background: rgba(167,67,67,.8);
}

#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer .h2_box_1 a:after,
#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer .h2_box_2 a:after,
#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer .h2_box_3 a:after {
    background: #fcfcfc;
}

#midbox_wrapper .img_left {
    border-radius: 0;
}

#midbox_wrapper .text_left {
    width: 100%;
}

#midbox_wrapper .img_left img {
    width: 100%;
    height: auto;
}

.h2_box_1 a:after, .h2_box_2 a:after, .h2_box_3 a:after {
    position: absolute;
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background: #8e3c3c;
    left: 15px;
    top: 50%;
}


/*各ブロック*/


.block_outer {
    padding: 60px 0;
    border-top: 5px solid #8e3c3c;
    position: relative;
    text-align: center;
}

.block_outer_pagetitle {
    display: none;
}

#main_contents .parallaxContentOuter:nth-of-type(3n-2) .block_outer,
#main_contents > .block_outer:nth-of-type(3n-2) {
    background: rgba(255,255,255,.8);
}

#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer,
#main_contents > .block_outer:nth-of-type(3n-1) {
    background: rgba(0,0,0,.3);
    color: #fcfcfc;
}

#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer .box_common p,
#main_contents > .block_outer:nth-of-type(3n-1) .box_common p {
    color: rgba(255,255,255,.85);
}

#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer,
#main_contents > .block_outer:nth-of-type(3n) {
    background: rgba(167,67,67,.8);
    color: #fcfcfc;
}

#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .box_common p,
#main_contents > .block_outer:nth-of-type(3n) .box_common p {
    color: rgba(255,255,255,.85);
}

/*キャッチコピー*/

.catch_copy_outer{
    width: 100%;
}

#wrapper #image_letter_block {
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto;
}

div#image_letter_block .catch_copy_outer .catch_copy{
    font-family: 'Noto Serif JP', serif !important;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: .15em;
    line-height: 180%;
    padding: 0 0 15px;
    border-bottom: 1px solid #333;
    margin: 0 0 20px;
    text-align: center;
}

div#image_letter_block .catch_copy_outer .catch_copy:before {
    content: "";
    display: block;
    background: #8e3c3c;
    width: 60px;
    height: 4px;
    position: absolute;
    bottom: -4px;
    left: calc(50% - 30px);
}

div#image_letter_block .main_copy{
    width: auto;
    color: #111;
    line-height: 200%;
    letter-spacing: .2em;
    text-align: center;
}

#main_contents .parallaxContentOuter:nth-of-type(3n-1) #image_letter_block .catch_copy_outer .catch_copy,
#main_contents .parallaxContentOuter:nth-of-type(3n) #image_letter_block .catch_copy_outer .catch_copy,
#main_contents > .block_outer:nth-of-type(3n-1) #image_letter_block .catch_copy_outer .catch_copy,
#main_contents > .block_outer:nth-of-type(3n) #image_letter_block .catch_copy_outer .catch_copy {
    color: #fcfcfc;
    border-bottom: 1px solid #fcfcfc;
}

#main_contents .parallaxContentOuter:nth-of-type(3n-1) #image_letter_block .catch_copy_outer .catch_copy:before,
#main_contents .parallaxContentOuter:nth-of-type(3n) #image_letter_block .catch_copy_outer .catch_copy:before,
#main_contents > .block_outer:nth-of-type(3n-1) #image_letter_block .catch_copy_outer .catch_copy:before,
#main_contents > .block_outer:nth-of-type(3n) #image_letter_block .catch_copy_outer .catch_copy:before {
    background: #fff;
}

#main_contents .parallaxContentOuter:nth-of-type(3n-1) #image_letter_block .main_copy,
#main_contents .parallaxContentOuter:nth-of-type(3n) #image_letter_block .main_copy,
#main_contents > .block_outer:nth-of-type(3n-1) #image_letter_block .main_copy,
#main_contents > .block_outer:nth-of-type(3n) #image_letter_block .main_copy {
    color: rgba(255, 255, 255, .85);
}

#main_copy,
#main_copy > span {
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
}

/*QA*/


.div_box_faq h3 {
    background: url(../img/cmscss/mobile_first4/common/q_w.png) no-repeat 0 2px;
    padding: 0 0 15px 40px;
    margin: 0 0 30px;
    border-bottom: 1px solid #333;
    position: relative;
}

.div_box_faq p {
    background: url(../img/cmscss/mobile_first4/common/a_w.png) no-repeat left 5px top 8px;
    clear: both;
    padding: 2px 0 45px 40px;
    letter-spacing: .2em;
    line-height: 150%;
}

#main_contents .parallaxContentOuter:nth-of-type(3n-2) .div_box_faq h3,
#main_contents > .block_outer:nth-of-type(3n-2) .div_box_faq h3 {
    background: url(../img/cmscss/mobile_first4/common/q.png) no-repeat 0 2px;
}

#main_contents .parallaxContentOuter:nth-of-type(3n-2) .div_box_faq p,
#main_contents > .block_outer:nth-of-type(3n-2) .div_box_faq p {
    background: url(../img/cmscss/mobile_first4/common/a.png) no-repeat left 5px top 8px;
}

/*流れ*/

p.flow_arrow {
    background: url(../img/cmscss/mobile_first4/common/arrow_w.png) no-repeat center center / 25px;
    margin-bottom: 55px;
    text-indent: -9999px;
}

#main_contents .parallaxContentOuter:nth-of-type(3n-2) p.flow_arrow,
#main_contents > .block_outer:nth-of-type(3n-2) p.flow_arrow {
    background: url(../img/cmscss/mobile_first4/common/arrow.png) no-repeat center center / 25px;
}

/*お客様の声*/

#main_contents .div_box_voice h3 {
    display: none; 
}

.b_voice {
    display: block;
    font-family: 'Noto Sans JP', sans-serif !important;
    color: #111;
    font-size: 20px;
    line-height: 135%;
    padding: 0 0 15px;
    margin: 0 0 20px;
    letter-spacing: 0.2em;
    font-weight: normal;
    position: relative;
    border-bottom: 1px solid #333;
    text-align: left;
}

.b_voice:before {
    content: "";
    display: block;
    background: #8e3c3c;
    width: 40px;
    height: 4px;
    position: absolute;
    bottom: -4px;
    right: 0;
}

#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer .b_voice,
#main_contents > .block_outer:nth-of-type(3n-1) .b_voice {
    color: #fcfcfc;
    border-bottom: 1px solid #fcfcfc;
}

#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .b_voice,
#main_contents > .block_outer:nth-of-type(3n) .b_voice {
    color: #fcfcfc;
    border-bottom: 1px solid #fcfcfc;
}

#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .b_voice:before,
#main_contents > .block_outer:nth-of-type(3n) .b_voice:before {
    background: #fcfcfc;
}



/* テーブル */


table {
    border-collapse: collapse;
}

.mail_body_edit h3 {
    margin: 0 0 15px;
    letter-spacing: .05em;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: left;
}

h3.edit_table_title {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 20px;
    color: #111;
    line-height: 135%;
    padding: 0 0 15px;
    margin: 0 0 35px;
    letter-spacing: .2em;
    font-weight: normal;
    position: relative;
    border-bottom: 1px solid #333;
    border-left: none;
    text-align: left;
}

h3.edit_table_title:before {
    content: "";
    display: block;
    background: #8e3c3c;
    width: 40px;
    height: 4px;
    position: absolute;
    bottom: -4px;
    right: 0;
}

#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer h3.edit_table_title,
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer h3.edit_table_title,
#main_contents > .block_outer:nth-of-type(3n-1) h3.edit_table_title,
#main_contents > .block_outer:nth-of-type(3n) h3.edit_table_title {
    color: #fcfcfc;
    border-bottom: 1px solid #fcfcfc;
}

#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer h3.edit_table_title:before,
#main_contents > .block_outer:nth-of-type(3n) h3.edit_table_title:before {
    background: #fcfcfc;
}

h3.edit_table_title, .usedcar_p_title{
    border-left: none;
}

.pricetable th {
    color: #FCFCFC;
    background: #333;
}

.pricetable td {
    color: #151515;
    background: #FCFCFC;
    border: 1px solid #eeeeee;
}

.n_table{
    border: none;
    margin: 0 0 15px;
}

.n_table th {
    color: #FCFCFC;
    background: #333;
}

.n_table td {
    color: #151515;
    background: #F6F6F6;
    border: 1px solid #EEEEEE
}


#right_box {
    background: rgba(255, 255, 255, .9);
}


/* ボタン */


body #menu #gmenu_contact a,
body #menu #gmenu_estimate a {
    border: none;
    text-decoration: none;
    display: block;
    font-size: 16px;
    padding: 10px 15px;
    color: #FCFCFC;
    text-align: center;
    background: #8e3c3c;
    box-sizing: border-box;
    cursor: pointer;
    margin: 30px auto;
    transition: background .2s;
    position: relative;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: .1em;
    border-radius: 0;
}

body #menu #gmenu_contact a:before,
body #menu #gmenu_estimate a:before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 1px solid rgba(0, 0, 0, .8);
    transition: .2s;
}

#main_img_wrapper #bgSlider:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/cmscss/mobile_first4/common/scroll.png) no-repeat;
    bottom: calc(50% - 45px);
    right: 9px;
    z-index: 2;
    width: 15px;
    height: 90px;
    animation: 3s mobilefirst4_updown infinite;
}

@keyframes mobilefirst4_updown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

#main_img_wrapper #bgSlider .sliderPageLink{
    width: 240px;
    font-size: 14px;
    font-weight: bold;
    color: #FCFCFC;
    background: #8e3c3c;
    display: block;
    letter-spacing: .15em;
    text-align: center;
    cursor: pointer;
    margin: 0 0 auto;
    padding: 15px;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    border-radius: 0;
}

#main_img_wrapper #bgSlider .sliderPageLink:before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 1px solid rgba(255, 255, 255, .5);
}

.block_outer_company_contact .right_link{
    height: auto;
    border: none;
    line-height: 150%;
    padding: 0;
}

body #recruit_banner_block .recruit_banner_page_link .link_banner_btn {
    border-radius: 0;
}


#wrapper .access_info {
    padding: 0;
}

#wrapper .access_info p {
    border: none;
    text-align: center;
}

.inputbtn,
#car_list_base #main_usedcarpage_link_box a,
#wrapper .recruit_section .rec_scrl_btn,
.historyback_box a,
.access_info .link a,
.right_link a,
#lead_p a:last-of-type{
    width: 300px;
    border: none;
    text-decoration: none;
    display: block;
    font-size: 16px;
    padding: 15px;
    color: #FCFCFC;
    text-align: center;
    background: #8e3c3c;
    box-sizing: border-box;
    cursor: pointer;
    margin: 30px auto;
    position: relative;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: .1em;
    border-radius: 0;
}

#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .inputbtn,
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer #car_list_base #main_usedcarpage_link_box a,
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .recruit_section .rec_scrl_btn,
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .historyback_box a,
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .access_info .link a,
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer .right_link a,
#main_contents > .block_outer:nth-of-type(3n) .inputbtn,
#main_contents > .block_outer:nth-of-type(3n) #car_list_base #main_usedcarpage_link_box a,
#main_contents > .block_outer:nth-of-type(3n) .recruit_section .rec_scrl_btn,
#main_contents > .block_outer:nth-of-type(3n) .historyback_box a,
#main_contents > .block_outer:nth-of-type(3n) .access_info .link a,
#main_contents > .block_outer:nth-of-type(3n) .right_link a {
    background: rgba(0, 0, 0, .8);
}

.inputbtn:before,
#car_list_base #main_usedcarpage_link_box a:before,
#wrapper .recruit_section .rec_scrl_btn:before,
.historyback_box a:before,
.access_info .link a:before,
.right_link a:before,
#lead_p a:last-of-type:before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 1px solid rgba(255, 255, 255, .5);
}

#main_contents .parallaxContentOuter:nth-of-type(3n-2) .block_outer .inputbtn:before,
#main_contents .parallaxContentOuter:nth-of-type(3n-2) .block_outer #car_list_base #main_usedcarpage_link_box a:before,
#main_contents .parallaxContentOuter:nth-of-type(3n-2) .block_outer .recruit_section .rec_scrl_btn:before,
#main_contents .parallaxContentOuter:nth-of-type(3n-2) .block_outer .historyback_box a:before,
#main_contents .parallaxContentOuter:nth-of-type(3n-2) .block_outer .access_info .link a:before,
#main_contents .parallaxContentOuter:nth-of-type(3n-2) .block_outer .right_link a:before,
#main_contents .parallaxContentOuter:nth-of-type(3n-2) .block_outer #lead_p a:last-of-type:before,
#main_contents > .block_outer:nth-of-type(3n-2) .inputbtn,
#main_contents > .block_outer:nth-of-type(3n-2) #car_list_base #main_usedcarpage_link_box a:before,
#main_contents > .block_outer:nth-of-type(3n-2) .recruit_section .rec_scrl_btn:before,
#main_contents > .block_outer:nth-of-type(3n-2) .historyback_box a:before,
#main_contents > .block_outer:nth-of-type(3n-2) .access_info .link a:before,
#main_contents > .block_outer:nth-of-type(3n-2) .right_link a:before,
#main_contents > .block_outer:nth-of-type(3n-2) #lead_p a:last-of-type:before {
    border: 1px solid rgba(0, 0, 0, .8);
}

#sidebar_shp_inf p.link {
    position: relative;
    width: 300px;
    border: none;
    text-decoration: none;
    display: block;
    font-size: 16px;
    padding: 15px;
    color: #FCFCFC;
    text-align: center;
    background: #8e3c3c;
    box-sizing: border-box;
    cursor: pointer;
    margin: 30px auto;
    position: relative;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: .1em;
}

#sidebar_shp_inf p.link:before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 1px solid rgba(255, 255, 255, .5);
    transition: .2s;
    border: 1px solid rgba(0, 0, 0, .8);
}

#sidebar_shp_inf p.link:hover:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
}

#sidebar_shp_inf p.link a {
    text-decoration: none;
    color: #fff;
}

#car_list_base #main_usedcarpage_link_box{
    width: 300px;
    background: none;
    margin :0 auto;
    padding: 0;
}



#wrapper #lead_p a:last-of-type {
    background: #8e3c3c !important;
    border-radius: 0;
}

#wrapper #lead_p a:last-of-type:hover {
    opacity: 1;
}

#main_contents > .block_outer:nth-of-type(3n) #lead_p a:last-of-type,
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer #lead_p a:last-of-type {
    background: rgba(0, 0, 0, .8) !important;
}

.conversionButtonFixedItem.inputbtn.formInputBtn:before {
    top: -3px;
    left: -3px;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
}


/* 下層ページリンク */

.subpageLink h3{
    background: none;
    box-shadow: none;
    font-family: 'Noto Sans JP', sans-serif !important;
    color: #3C3C3C;
    width: 90%;
    margin: 0 5% 30px;
}

.subpageLink p.link{
    margin-bottom: 15px;
}

#pan li a{
    color: #4C4C4C;
    font-family: 'Noto Sans JP', sans-serif;
}

#pan li{
    background: url(../img/cmscss/mobile_first4/common/pan.png) no-repeat top 5px right 7px;
    font-family: 'Noto Sans JP', sans-serif;
}

#pan {
    color: #4C4C4C;
    background: #F5F5F5;
    padding: 5px 3% 8px;
    margin: 0;
}

#main_contents:not(.ec-cart) #carinfo_panlist_box, .block_outer_pankuzu01 {
    padding: 0;
    border: none;
    background: rgba(255, 255, 255, .9) !important;
}


/* サイドバー */

#wrapper .side_bar_sub {
    background: rgba(255,255,255,.9);
}

#main_contents_wrapper .side_bar_sub .side_h4_common{
    color: #333;
    background: none;
    padding: 15px 30px;
    border-bottom: 1px solid #ccc;
    line-height: 30px;
    letter-spacing: .15em;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 15px;
    position: relative;
    cursor: pointer;
}

#main_contents_wrapper .side_h4_common:before {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: calc(50% - 16px);
    transition: transform .3s;
    height: 10px;
    width: 10px;
    display: block;
    border: 3px solid #8e3c3c;
    border-right-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
    top: calc(50% - 5px);
    filter: none;
}

#main_contents_wrapper .side_h4_common.activate:before {
    content: "";
    transform: translate(0, 0%) rotate(135deg);
}

#main_contents_wrapper .side_h4_common:after {
  display: none;
}

h5.side_h5_common {
  font-size: 18px;
  margin: 0 0 15px;
  letter-spacing: .1em;
}

.box_side_topics{
    margin: 30px 0;
    padding: 0 0 30px;
    border-bottom: 1px dotted #ccc;
}

#sidetopics01 .box_side_topics:last-child, #sidetopics02 .box_side_topics:last-child, .like_topics_block .box_side_topics:last-child{
    margin: 30px 0 0;
    border-bottom: none;
}

.box_side_topics p,
#eigyoubi_cal .box_side_claendar #sideCalendar_01_1{
    margin: 0 0 30px;
    padding: 0;
    letter-spacing: .2em;
    line-height: 175%;
    color: #666666;
}


/* カレンダー */

body #edittable01 .currentDay:after,
body #edittable02 .currentDay:after {
    background: #8e3c3c !important;
}

.side_bar_sub #edittable01, .side_bar_sub #edittable02 {
    background: rgba(255,255,255,.1);
    border-collapse: separate;
}

.side_bar_sub div#eigyoubi_cal p{
    font-family: 'Noto Serif JP', serif !important;
    font-style: italic;
    font-size: 30px;
    font-weight: bold;
    height: 35px;
    padding: 0 5px !important;
    color: #FCFCFC !important;
    margin: 0;
    background: #8e3c3c;
    text-align: left;
    border-radius: 5px 5px 0 0;
}

.side_bar_sub #eigyoubi_cal #now,
.side_bar_sub #eigyoubi_cal #next{
    margin: 30px auto 15px !important;
    padding: 0 0 30px;
    border-radius: 0 !important;
    background: none;
    width: 80%;
    border-bottom: 1px dotted #CCC;
}

.side_bar_sub #eigyoubi_cal #next{
    border-bottom: none;
}

#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 Serif JP', serif !important;
    font-style: italic;
    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: #FF4D4D !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: #75B9FF !important;
}

#edittable01 td span,
#edittable02 td span,
#edittable01 td span,
#edittable02 td span,
#edittable01 td span,
#edittable02 td span{
    font-family: 'Noto Serif JP', serif !important;
    font-style: italic;
    font-weight: 700;
    padding: 4px 0 !important;
    color: #333333;
}

#edittable01 td.closed span,
#edittable02 td.closed span,
#edittable01 td.regularClosed span,
#edittable02 td.regularClosed span,
#edittable01 td.allholclosed span,
#edittable02 td.allholclosed span{
    position: relative;
    background: none !important;
    color: #FCFCFC !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: #d62c2c;
    display: block;
    background-color: #FCFCFC;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
}

#side_link_block{
    padding: 0 !important;
}

#slider_change {
    right: 70px !important;
    top: 70px !important;
}


/* 在庫車 */

.thumbnail_box h3,
.thumbnail_box .h3 {
    display: block;
    margin-bottom: 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #333;
    position: relative;
}

.thumbnail_box h3:before,
.thumbnail_box .h3:before {
    content: "";
    display: block;
    background: #8e3c3c;
    width: 40px;
    height: 4px;
    position: absolute;
    bottom: -4px;
    right: 0;
}

a.thumbnail_box{
    margin-bottom: 30px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, .9);
    padding: 7px;
    border-radius: 0;
}

.usercar_list{
    border: none;
    color: #151515;
    padding: 10px;
    border-radius: 0;
    background: rgba(255,255,255,.9);
}

.usercar_list h3 a{
    border-left: none;
    background: none;
    padding-left: 0;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
    background: none;
    position: relative;
}

.usercar_list h3 a:before {
    content: "";
    display: block;
    background: #8e3c3c;
    width: 40px;
    height: 4px;
    position: absolute;
    bottom: -4px;
    right: 0;
}

#wrapper .list_con table {
    border: none;
    width: 70%;
}

#wrapper .list_con th{
    color: #FCFCFC;
    background: #333;
    min-height: 30px;
    border: none;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, .2) inset;
}

#wrapper .list_con td{
    color: #151515;
    background: #F6F6F6;
    border: none;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, .2) inset;
}

#wrapper .list_main {
    width: 28%;
}

.kihon_tale th, .kihon_tale2 th, .soubishiyou th{
    color: #FCFCFC;
    background: #333;
}

.kihon_tale td, .kihon_tale2 td, .soubishiyou td{
    color: #151515;
    background: #F6F6F6;
    border: 1px solid #EEEEEE;
}

.shop_info_box{
    width: 90% !important;
    text-align: center;
    line-height: 175%;
    padding: 30px;
    background: rgba(255, 255, 255, .9);
    width: 100%;
    border-radius: 0;
    margin: 30px auto 0;
}

.shop_info_box p span{
    line-height: 175%;
}

.tel_num{
    display: inline-block;
}

#wrapper .subpageLink h3 {
    text-shadow: none;
    padding: 0 0 10px;
    border-bottom: 1px solid #333;
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
}

#wrapper .subpageLink h3:before {
    content: "";
    display: block;
    background: #8e3c3c;
    width: 40px;
    height: 4px;
    position: absolute;
    bottom: -4px;
    right: 0;
}
.historyback_box{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.historyback_box a {
    background: #8e3c3c;
    border-radius: 5px;
    border: none;
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 15px 10px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    margin: 10px 0 30px;
    border-radius: 0;
}


/*画像背景時*/

body .js-imageBoxBackground .editTextOuter{
    width: 100%;
}

body .js-imageBoxBackground.box_common {
    padding: 150px 15px 15px !important;
}

#main_contents .parallaxContentOuter .block_outer .js-imageBoxBackground .h3_common {
    border-bottom: 1px solid #333;
    color: #111;
}

#main_contents .parallaxContentOuter .block_outer .js-imageBoxBackground .h3_common:before {
    background: #8e3c3c;
}

body .js-imageBoxBackground .editTextOuter p {
    color: #333 !important;
}

body .js-imageBoxBackground .editTextOuter h3 {
    border-bottom: 1px solid #333 !important;
    color: #151515 !important;
}

body .js-imageBoxBackground .editTextOuter h3:before {
    background: #8e3c3c !important;
}

.js-imageBoxBackground .editTextOuter{
    background: rgba(255,255,255,.9);
    text-align: left;
}

body .js-imageBoxBackground:before{
    display: none;
}

#main_contents .parallaxContentOuter .block_outer .box_voice.js-imageBoxBackground .editTextOuter .b_voice {
    color: #333;
    border-bottom: 1px solid #333;
    display: block;
}

#main_contents .parallaxContentOuter .block_outer .box_voice.js-imageBoxBackground .editTextOuter .b_voice:before {
    background: #8e3c3c;
}


/* フッター */

#footer_wrapper{
    padding: 15px 0;
    background: #151515;
}

#footer ul li{
    margin-bottom: 10px;    
}

#footer ul li a{
    color: #FCFCFC;
    font-family: 'Noto Serif JP', serif;
}

.copy_right{
    margin-top: 30px;
    color: #FCFCFC;
}

#bgSlider .slideshow-slidedown-passive {
    z-index:0;
    animation-name:slideup-original;
}

#bgSlider .slideshow-slidedown-active {
    z-index:1;
    animation-name:slidedown-original;
}


@keyframes slidedown-original{
    0%{
        background-position-y: -1000px;
        opacity:0;
    }
    100%{
        background-position-y: top 50vh;
        opacity:1;
    }
}

@keyframes slideup-original{
    0%{
        background-position: center top 50vh;
    }
    100%{
        background-position: center -1000px;
    }
}

.edit .parallaxContentOuter.empty[data-phase-init="0"] .parallaxContent{
    bottom: 10px !important;
    z-index: 1;
}

.conversionButtonFixedItem {
    background-position: right 8px center;
    background-size: 8px !important;
}

body:not(.edit) #chat_open_btn_sp{
    bottom:90px;
}

.gmenu_company_tel{
    display: none;
}

#main_contents_wrapper .ec-cart__progress {
    margin: 20px auto;
}

#main_contents_wrapper .ec-cart .ec-cart__progress-item--current {
    background: #8e3c3c;
}

#main_contents .shortPRcome {
    font-size: 16px;
    display: block;
    margin: 0 10px;
}

body .conversionButtonFixedOuter{
    background-color: rgba(0, 0, 0, .8);
}

#wrapper .ec-button__returnInformation a {
    color: #fff;
}

#main_contents > .block_outer:nth-of-type(3n-2) .ec-button__returnInformation a,
#main_contents .parallaxContentOuter:nth-of-type(3n-2) .ec-button__returnInformation a {
    color: #8e3c3c;
}

.ec-cart .cartList {
    background: rgba(255, 255, 255, .9);
    padding: 30px;
    box-sizing: border-box;
    color: #111;
    margin: 0 0 30px;
}

#wrapper .backtop {
    background: url(../img/cmscss/mobile_first4/common/backtop.png) no-repeat center / contain;
    width: 60px;
    height: 60px;
    right: 2%;
}

body #carSearch_public {
    padding: 0 20px;
}

.mobileImageSizeFixed .js-imageBoxBackground .img_box_left,
.mobileImageSizeFixed .js-imageBoxBackground .img_box_right,
.mobileImageSizeFixed .js-imageBoxBackground .img_box_left .imageBoxContents,
.mobileImageSizeFixed .js-imageBoxBackground .img_box_right .imageBoxContents {
    width: auto !important;
}

#wrapper .imageBoxBlank {
    color: inherit;
}

#wrapper .carlistEmptyMsg {
    width: 100%;
}

#main_img_wrapper.bgSlider--full #bgSlider #sliderStepsContainer {
    left: calc(50% - 87.5px) !important;
}




@font-face {
  font-family: "notoSerifJpBlack";
  src: url("../fonts/logoFont/notoSerifJpBlack.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "sourceHanSansRegular";
  src: url("../fonts/logoFont/sourceHanSansRegular.woff") format("woff");
  font-display: swap;

}

@font-face {
  font-family: "notoSerifJpExtraLight";
  src: url("../fonts/logoFont/notoSerifJpExtraLight.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "mPlusRounded1cBold";
  src: url("../fonts/logoFont/mPlusRounded1cBold.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "mPlusRounded1cLight";
  src: url("../fonts/logoFont/mPlusRounded1cLight.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "mplus1pRegular";
  src: url("../fonts/logoFont/mplus1pRegular.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "notoSansJpLight";
  src: url("../fonts/logoFont/notoSansJpLight.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "notoSansJpBold";
  src: url("../fonts/logoFont/notoSansJpBold.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "notoSansJpBlack";
  src: url("../fonts/logoFont/notoSansJpBlack.woff") format("woff");
  font-display: swap;
}



@font-face {
  font-family: "logoTypeGothic";
  src: url("../fonts/logoFont/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 {
    display: none;
}

.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: 25px;
    position: absolute;
    top: 40px;
}

.sliderImage .slider_title[data-disp-flag = "1"]{
    display: none;
}

.sliderImage .slider_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;
    max-width: 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 {
    position: relative;
}

#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(../img/copy2open/recuruit_text_en_sp.png),
                    url(../img/copy2open/recuruit_text_jp_sp.png),
                    url(../img/copy2open/recuruit_person.png),
                    url(../img/copy2open/btn_grass.png.webp),
                    linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 30%, #690 80%, #6da108 100%, #6da108 100%);
    background-image: url(../img/copy2open/recuruit_text_en_sp.png),
                    url(../img/copy2open/recuruit_text_jp_sp.png),
                    url(../img/copy2open/recuruit_person.png),
                    url(../img/copy2open/btn_grass.png.webp),
                    -webkit-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 30%, #690 80%, #6da108 100%, #6da108 100%);
    background-image: url(../img/copy2open/recuruit_text_en_sp.png),
                    url(../img/copy2open/recuruit_text_jp_sp.png),
                    url(../img/copy2open/recuruit_person.png),
                    url(../img/copy2open/btn_grass.png.webp),
                    -moz-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 30%, #690 80%, #6da108 100%, #6da108 100%);
    background-image: url(../img/copy2open/recuruit_text_en_sp.png),
                    url(../img/copy2open/recuruit_text_jp_sp.png),
                    url(../img/copy2open/recuruit_person.png),
                    url(../img/copy2open/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(../img/copy2open/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;
    z-index: 100;
}

/*.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(../img/common/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;
}
    

#contents_edit_panel,
#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(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/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(/cms/img/palette/edit_hp_release.png) no-repeat;
    background-size: 20px;
    display: block;
    position: absolute;
    top: calc(50% - 11px);
    left: calc( 50% - 83px);
}

#openpage_menu_panel .checkOpenPage{
    border-bottom: none;
    background:url(/cms/img/common/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(/cms/img/common/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(/cms/img/palette/edit_hp_confirm.png) no-repeat;
    display: block;
    position: absolute;
    top: calc(50% - 9px);
    left: calc( 50% - 90px);
}

#openpage_menu_panel .latestUpdateDate{
    font-size: 12px;
    margin: 0 0 5px;
}

.fixed_menu_panel .openButtonDisabled{
    color: #fff !important;
    background-color: #aaa;
    background-image: url(/cms/img/palette/edit_hp_release.png);
    background-repeat: no-repeat;
    background-position: 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(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), url(/cms/img/palette/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;
    height: 20px;
    background: url(/cms/img/palette/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(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), url(/cms/img/palette/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;
    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(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(../img/common/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(/cms/img/common/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(/cms/img/common/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(/cms/img/common/out_link.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 16px 0 0;
    float:right;
}

.shop_example_link{
    background: url(/cms/img/common/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(/cms/img/common/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(/cms/img/common/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(/cms/img/common/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(/cms/img/common/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(../img/common/palette_bg_middle_right.png), url(../img/common/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(/cms/img/common/palette_edit_agent_h.png);
}

.palette--info .palette-icon{
    background-image: url(/cms/img/common/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(/cms/img/common/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(/cms/img/common/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(/cms/img/palette/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(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/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;
    border-radius: 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(../img/common/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(../img/common/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(/cms/img/arrow/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(/cms/img/arrow/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(../img/toolbar/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;
    display: block;
    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(../img/common/palette_edit_menu_h.png) no-repeat center;}
#palette_edit_design {background: url(../img/common/palette_edit_design_h.png) no-repeat center;}
#palette_edit_movie {background: url(../img/common/palette_edit_movie_h.png) no-repeat center;}
#palette_ex {background: url(../img/common/palette_ex_h.png) no-repeat center;}
#palette_diagnose {background: url(../img/common/palette_diagnose_h.png) no-repeat center;}
#palette_ctrlZ {background: url(../img/common/palette_ctrlZ_h.png) no-repeat center;}
#palette_edit_page {background: url(../img/common/palette_edit_page_h.png) no-repeat center;}

#palette_edit_menu.active_palette   {background: url(../img/common/palette_edit_menu_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}
#palette_edit_design.active_palette {background: url(../img/common/palette_edit_design_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}
#palette_edit_movie.active_palette  {background: url(../img/common/palette_edit_movie_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}
#palette_ex.active_palette          {background: url(../img/common/palette_ex_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}
#palette_diagnose.active_palette    {background: url(../img/common/palette_diagnose_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}
#palette_ctrlZ.active_palette       {background: url(../img/common/palette_ctrlZ_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}
#palette_edit_page.active_palette   {background: url(../img/common/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(../img/common/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(../img/welcome/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(../img/usedcar/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; /*サイドバーの文字はポインターにするため上から外す*/
}
.setup_HTMLBlock, #ShereBtnBox, #NonEditCheck_PopupBox, #NonEditCheckBtnBox, .video_edit_btn {
    display:none !important; /*setup_HTMLBlockが表示されるケースがあるのでimportantを付ける*/
}

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(../img/modal/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;
    color: #fff;
    text-shadow: 1px 1px 1px #CE4231, -1px -1px 1px #CE4231, 1px -1px 1px #CE4231, -1px 1px 1px #CE4231, 2px 2px 2px #E18B82, -2px -2px 2px #E18B82, 2px -2px 2px #E18B82, -2px 2px 2px #E18B82 !important;
}

#js_dksmSliderContents h2:before, #js_dksmSliderContents h2:after{
    display:none;
}

#js_dksmSliderContents p, #js_dksmSliderContents span {
    color: #000;
}


#js_dksmSliderContents 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(../img/copy2open/btn_grass.png.webp), url(../img/copy2open/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(../img/usedcar/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(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/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 {
    margin: 10px 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;
    border-radius: 5px;
    border: none;
}


#js-trialFormSubmitButton{
    width: 80px;
    height: 80px;
    position: absolute;
    background-image: url(/cms/img/common/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(/cms/img/common/trial_end_btn.png);
    cursor:pointer;
}


.validate-comment{
    position: absolute;
    bottom: 65px;
    left: calc( 50% - 70px );
    width: 140px;
    height: 140px;
    background-image: url(/cms/img/common/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(/cms/img/common/loader.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.display_change_icon {
    width: 38px !important;
    height: 38px !important;
    background-image: url(/cms/img/common/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(../img/copy2open/datePicker-left.png) !important;
}

.ui-icon-circle-triangle-e{
    background-image : url(../img/copy2open/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(/cms/img/menu_back/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(/cms/img/menu_back/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;
}

.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(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/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(/cms/img/common/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(/cms/img/common/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(../img/copy2open/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(../img/copy2open/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(../img/usedcar/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(../img/usedcar/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(../img/copy2open/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;
}

.parentBtn[data-fix-type="imageCaption"]
{
    background: #333;
    border: none;
    box-shadow: none;
}

.parentBtn > img,
.sidebarParentBtn .imageFixController{
    position: relative;
    top: 1px;
    left: 1px;
}

.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(../img/companyLogo/logo/logoEditMark2.png) no-repeat;
    background-position: left 10px top calc(50% - 1px);
    background-size: auto 34px;
}

#smt_head_base .editLogoOuter.logoEditMark3 {
    background: url(../img/companyLogo/logo/logoEditMark3.png) no-repeat;
    background-size: auto 36px;
    background-position: left 10px center;
}

#smt_head_base .editLogoOuter.logoEditMark4 {
    background: url(../img/companyLogo/logo/logoEditMark4.png) no-repeat;
    background-size: auto 36px;
    background-position: left 10px center;
}
#smt_head_base .editLogoOuter.logoEditMark5 {
    background: url(../img/companyLogo/logo/logoEditMark5.png) no-repeat;
    background-size: auto 36px;
    background-position: left 10px center;
}

#smt_head_base .editLogoOuter.logoEditMark6 {
    background: url(../img/companyLogo/logo/logoEditMark6.png) no-repeat;
    background-size: auto 34px;
    background-position: left 10px center;
}

#smt_head_base .editLogoOuter.logoEditMark7 {
    background: url(../img/companyLogo/logo/logoEditMark7.png) no-repeat;
    background-size: auto 36px;
    background-position: left 10px center;
}

#smt_head_base .editLogoOuter.logoEditMark8 {
    background: url(../img/companyLogo/logo/logoEditMark8.png) no-repeat;
    background-size: auto 30px;
    background-position: left 10px center;
}

#smt_head_base .editLogoOuter.logoEditMark9 {
    background: url(../img/companyLogo/logo/logoEditMark9.png) no-repeat;
    background-size: auto 34px;
    background-position: left 10px center;
}

#smt_head_base .editLogoOuter.logoEditMark10 {
    background: url(../img/companyLogo/logo/logoEditMark10.png) no-repeat;
    background-size: auto 34px;
    background-position: left 10px top calc(50% - 1px);
}

#smt_head_base .editLogoOuter.logoEditMark11 {
    background: url(../img/companyLogo/logo/logoEditMark11.png) no-repeat 10px center;
    background-size: 65% 65%;
}

#smt_head_base .editLogoOuter.logoEditMark12 {
    background: url(../img/companyLogo/logo/logoEditMark12.png) no-repeat;
    background-size: auto 34px;
    background-position: left 10px center;
}

#smt_head_base .editLogoOuter.logoEditMark13 {
    background: url(../img/companyLogo/logo/logoEditMark13.png) no-repeat;
    background-size: auto 32px;
    background-position: left 10px center;
}

#smt_head_base .editLogoOuter.logoEditMark14 {
    background: url(../img/companyLogo/logo/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(../img/companyLogo/logo/logoEditMarkReverse5.png) no-repeat;
    background-size: auto 36px;
    background-position: right 10px center;
}

.editLogoOuter.logoEditMarkReverse7 {
    background: url(../img/companyLogo/logo/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(/cms/img/palette/main_pict_use.png);
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0px, -50%);
}


.paletteButtonItem.uploadMainImage:after{
    content: url(/cms/img/palette/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(/cms/img/common/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(/cms/img/common/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(/cms/img/common/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(/cms/img/common/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/icon_loader_a_ww_03_s1.gif);
}

.invoiceContentOuter[data-invoice-status = "loaded"] .invoiceContent{
    background-image: url(../img/copy2open/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(../img/copy2open/btn_grass.png), url(../img/copy2open/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(../img/common/create_btn.png) repeat-x;
    border: 1px solid #FFF;
    border-radius: 3px;
    width: 100px;
    cursor: pointer;
    background-color: #ffaa00;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/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("/cms/img/common/out_link.gif");
    background-repeat: no-repeat;
    background-position: right top 4px;
    padding-right: 16px;
}

.facebookFrame.Loaded{
    opacity: 1;
    visibility: visible;
}

.facebookLoader{
    background: url(../img/copy2open/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(../img/copy2open/menu_arrow_mega_vl.png);
    background-position: 60% center;
    background-size: 8px 12px !important;
}

.change_function.prev{
    background-image : url(../img/copy2open/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(../img/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(../img/toolbar/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/slide_arrow_l.png);
    left: 0px;
}

.popup-controll-item[data-key = "next"] {
    background-image: url(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(/cms/img/menu_back/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(../img/copy2open/btn_grass.png.webp), url(../img/copy2open/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(../img/common/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(../img/common/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(https://dekiteru.net/cms/img/copy2open/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(../img/common/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(../img/copy2open/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(../img/copy2open/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(/cms/img/common/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(/cms/img/common/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(/cms/img/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(/cms/img/common/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(../img/copy2open/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(../img/copy2open/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(../img/copy2open/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(/cms/img/header/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(../img/common/palette_bg_middle_right.png), url(../img/common/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;
}

#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(../img/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(../img/copy2open/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(../img/copy2open/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-chatgptModalItem.chatgpt-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;
}

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;
}

#add_free_page_panel #edit_page_index.addFreePage {
    width: 100% !important;
    box-sizing: border-box;
    border: none;
    padding: 20px 4% 90px 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;
}

#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 !important;
    margin: 0 0 5px !important;
}

#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 .addFreePage .titleCandidate:before {
    content: "";
    background: url(/cms/img/arrow/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 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(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/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 #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{
    padding: 5px 70px 5px 5px;
}

#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(/cms/img/arrow/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 #titleSuggestionList li{
    display: 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;
}@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(../img/copy2open/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;
}