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