@charset "utf-8";


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



th,td {
    word-break:break-all;
}

.disnon {
    display: none;
}

.js-bold{
    font-weight:bold;
}

.disBlock {
    display: block;
}

#tltpFlg {
    display:none;
}
.side_pict_edit_btn, .pict_edit_btn, .side_pict_edit_btn {
    position: absolute;
    left: 0;
    top:0;
    z-index: 2;
    background: rgba(255,255,255,0.8) !important;
    padding: 5px;
    border: 1px solid #ccc;
    margin:0 !important;
}

.img_box_right .pict_edit_btn {
    left: auto;
    right: 0;
}

.side_pict_edit_btn .clear, .pict_edit_btn .clear, .side_pict_edit_btn .clear{
    display:none;
}

.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_pict_edit_btn {
    display: block;
}

.side_img_box {
    position: relative;
}

.side_img_box.edit_img_empty .side_pict_edit_btn {
    width: 32px !important;
    box-sizing: border-box;
}

.side_pict_edit_btn .sidebarImageFixTrigger[data-fix-type="pictLeft"],
.side_pict_edit_btn .sidebarImageFixTrigger[data-fix-type="pictRight"],
.side_pict_edit_btn .sidebarImageFixTrigger[data-fix-type="sideSmall"],
.side_pict_edit_btn .sidebarImageFixTrigger[data-fix-type="sideBig"],
.side_pict_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 !important;
}

#recruit_banner_block {
    position: relative;
}

#recruit_banner_block .side_recruit_edit_btn {
    display: block;
    width: 75px !important;
    height: 30px;
    box-sizing: border-box;
}

#recruit_banner_block .side_recruit_edit_btn .sidebarImageFixTrigger[data-tsh="recruit_banner"]

 {
    display: block;
    font-size: 0px;
    padding: 0;
    text-decoration: none;
    text-align: center;
    background: #454545;
    background-size: unset;
    border-radius: unset;
    max-width: 19px !important;
    max-height: 19px !important;
    display: inline-block;
    background-position: center center !important;
    float: left;
    margin: 0 2px 0 0px;
}


#recruit_banner_block .recruit_banner_page_link .js-fastUploadTrigger[data-tsh="recruit_banner"] {
    display: block;
    font-size: 16px;
    padding: 15px 10px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    background: #690 url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size: cover;
    border-radius: 28px;
    cursor: pointer;
}


.side_recruit_edit_btn.edit_img_empty {
    width: 75px;
    height: 30px;
    box-sizing: border-box;
}

.side_pict_edit_btn a.side_edit_pict_delete {
    margin: 0;
}


.pict_edit_btn a img {
    float: left;
}

#fixed_menu2_button {
    display: none;
}

#fixed_menu2 {
    width: 100%;
    height: 70px;
    background: #333;
    display: block;
    position: fixed;
    top: 0;
    z-index: 100;
}

.fixed_menu_sub, .fixed_menu_sub_right, .palette-icons-list {
    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, #contract_status_update, .add_examplewidth, .openpage_btn {
    cursor:pointer;
    display:block;
    float:left;
}

.helpSupport{
    display: block;
    float: left;
    height: 50px;
}

/* helpPalette */

#helpPalette__wrapper .helpPalette__browserAlertWrapper,
#helpPalette__wrapper .helpPalette__sydeInfoWrapper,
#helpPalette__wrapper .helpPalette__questionWrapper,
#helpPalette__wrapper .helpPalette__linksWrapper{
    padding:20px 15px
}

#helpPalette__wrapper .helpPalette__sydeInfoWrapper{
    padding: 20px 0;
}

#helpPalette__wrapper .helpPalette__linksWrapper{
    display: inline-block;
    width: 38%;
    padding: 0px 0 10px 10px;
    vertical-align: bottom;
}

#helpPalette__wrapper .helpPalette__questionWrapper{
    text-align: center;
    padding: 20px 10px;
    width: 50%;
    display: inline-block;
    background-color: #eee;
}


#helpPalette__wrapper .helpPalette__browserAlert{
    background-color: #fe0000;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    line-height: 28px;
    background-image: url(/cms/img/helpPalette__attention.png);
    background-repeat: no-repeat;
    background-position: left 15px top 23px;
    padding: 15px 15px 15px 70px;
}

#helpPalette__wrapper .helpPalette__browserAlert span,
#helpPalette__wrapper .helpPalette__browserAlert a{
    float:left;
}

#helpPalette__wrapper .helpPalette__browserAlert a{
    color:#fff;
}

#helpPalette__wrapper .helpPalette__toptext{
    font-size: 13px
}

#helpPalette__wrapper .helpPalette__sydeInfo{
    color:#333;
    font-size:18px;
    line-height:initial;
}

#helpPalette__wrapper .helpPalette__freeDial{
    font-size: 35px;
    font-weight: bold;
    background-image: url(/cms/img/helpPalette__freeDial.png);
    background-repeat: no-repeat;
    background-position: left 0px top 24px;
    background-size:32px;
    padding: 0 0 0 36px;
    line-height: 75px;
}

#helpPalette__wrapper .helpPalette__openDateTime{
    margin:0;
}

#helpPalette__wrapper .helpPalette__sydeInfo-head{
    font-size: 12px;
    font-weight:bold;
    margin:0;
}

#helpPalette__wrapper .sp_br{
    display: block;
}


#helpPalette__wrapper .helpPalette__questionText{
    font-size:14px;
    border-bottom: 3px solid #fc0;
    font-weight: bold;
}

#helpPalette__wrapper .helpPalette__questionButton{
    border: none;
    padding: 10px 0;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
    text-decoration: none !important;
    color: #fff !important;
    background: #36f url(../img/common/btn_grass.png) no-repeat center top;
    text-align: center;
    width: 151px;
    display: inline-block;
    margin-top: 15px;
}

#helpPalette__wrapper .helpPalette__questionButton:hover{
    opacity:0.8;
}

#helpPalette__wrapper .helpPalette__questionButton span{
    text-decoration:none;
}

#helpPalette__wrapper .helpPalette__questionButton img{
    margin-right: 15px;
}


#helpPalette__wrapper .helpPalette__links a,
#helpPalette__wrapper .helpPalette__links span{
    background-repeat: no-repeat;
    padding: 2px 0 2px 25px;
    color: #36f;
    margin: 0;
    background-position: left center;
    text-decoration:underline;
    cursor:pointer;
    font-size:10px;
    display: block;
    margin-top: 25px;
}

#helpPalette__wrapper .helpPalette__links a:first-child{
    margin-top: 5px;
}

.helpPalette__links a::after{
    content: "\A";
    white-space: pre ;
}

.support_staff_name_small{
    font-size: 10px !important;
    display: inline-block;
}

#helpPalette__wrapper .helpPalette__links a:hover,
#helpPalette__wrapper .helpPalette__links span:hover{
    text-decoration:none;
}

#helpPalette__wrapper .helpPalette__links .helpPalette__toQandA{
    background-image: url(/cms/img/common/edit_1p_q_a.png);
}

#helpPalette__wrapper .helpPalette__links .helpPalette__toManual{
    background-image: url(/cms/img/common/edit_1p_manual.png) 
}

#helpPalette__wrapper .helpPalette__links .helpPalette__sendBrowser{
    background-image: url(/cms/img/common/edit_1p_mail_send.png);
    position:relative;
}

#helpPalette__wrapper .helpPalette__links .helpPalette__sendBrowser.js-sent{
    color: #333;
    text-decoration: none;
    cursor: default;
    background: none;
    padding: 0;
}

#helpPalette__wrapper .helpPalette__suportImage{
    width: 41px;
    float: right;
    margin-right: 5px;
}

#helpPalette__wrapper .helpPalette__suportImage:last-child{
    margin-left: 3px;
}

.spHelpSupport{
    cursor: pointer;
}

.helpSupport span{
    font-size: 15px
}

.helpSupport .fixed_menu_panel{
    height: auto;
}

.shop_example{
    font-size:14px;
}

.shop_example li {
    float: left;
    margin: 0 25px 15px 0;
    width: 345px;
    max-height: 235px;
    border-bottom: 1px dashed #ccc;
}

/*.shop_example li:nth-child(even){
    margin:0 0 20px;
}*/

.shop_example > li:nth-of-type(5),
.shop_example > li:nth-of-type(6){
    margin-bottom:0;
    border-bottom:none;
}

.shop_example li h4 {
    margin-bottom: 15px;
    font-size: 14px;
    color:#333;
}

.shop_example li h4 a{
    text-decoration:none;
}

.shop_example li h4 a:hover{
    text-decoration:underline;
}

.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-size: 11px;
    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-color: #8192dd;
    color: #fff !important;
    text-decoration: none !important;
    padding: 2px 24px;
    display: inline-block;
    border-radius: 3px;
    font-size: 11px;
    margin-top: 5px;
    width: calc(100% - 46px);
    text-align: center;
}

.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: 13px;
}

.shop_example_link:hover,
.examplePanel__a:hover{
    text-decoration:none;
}

.shop_example_link:hover{
    text-decoration:underline;
}

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

.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;
    background: #fff;
    border: 1px solid #fc0;
    width: 15px;
    height: 15px;
    line-height: 18px;
    text-align: center;
    border-radius: 100%;
    font-weight: bold;
    font-size: 12px;
    z-index: 6;
}

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

.fixed_menu_sub_right {width:15%;}
#contract_status_update {width:20.5%;}

.fixed_menu_panel {
    display:none;
    position: absolute;
    overflow: auto;
    height: calc(100vh - 75px);
    padding: 15px 3.5% 30px 3.5%;
    width: 100% !important;
    left: 0;
    background: #fff;
    color:#000;
    box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

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

#movie_change{
    margin:0 0 15px;
    display:block;
}

#movie_img_btn{
    font-size:10px;
}

.fixed_menu_panel::-webkit-scrollbar {
    width: 5px;
}
.fixed_menu_panel::-webkit-scrollbar-track {
    opacity:0;
    background:#EEE;
    opacity:0.6;
}
.fixed_menu_panel::-webkit-scrollbar-thumb {
    opacity:0;
    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, .movie_img_chng {
    display: block;
    float: left;
    width: 19%;
    margin: 0 1% 5px 0;
}
#movie_img_btn .movie_img_chng:first-child {
    float:none;
    width:100%;
    margin:0 0 15px 0;
}

#movie_img_btn .movie_img_chng:first-child img {
    width:auto;
}

#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;
    color: #2489ce;
    text-decoration: none;
    text-shadow:none;
}

#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 : 100vw !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: 18px !important;
}

#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: 2% 0;
    float: left;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 14px;
}

.clOpen {
    background: #00B789;
}

.clocArrow {
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin: 0 0 0 -12px;
}

.clocIcon {
    margin: 0 10px 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: 52px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    position:relative;
    transition: background 0.5s;
}

#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:after, #palette_edit_design:after, #palette_edit_movie:after, #palette_ex:after, #palette_diagnose:after, #palette_ctrlZ:after, #palette_edit_page:after {
    content: url(../img/common/palette_edit_arrow_h.png);
    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;
    color: #2489ce;
    text-decoration: none;
    text-shadow: none;
}

#openpage_menu_panel {
    width: 280px;
    left: initial;
    padding: 15px 10px;
    right: 0;
    top: 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;
}


/* 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, .edit_table, .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;
}

/***************************************************************/

/********** 抱きしめーるブロック **********/


/* ブロック全体 */

#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{
    float:left;
    width:100%;
    margin:0 0 10px;
}

#dksm_form_02, .dksm_regist td{
    margin:0 0 30px;
    width: 100%;
}

.dksm_regist th, .dksm_regist td{
    width:100%;
    float:left;
    font-weight:normal;
}

.dksm_regist th{
    font-size:14px;
    text-align: left;
}

/* ブロックのフォーム */

.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;
    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: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
}

.dksmBtn.login {
    background: #37f url(../img/common/btn_grass.png) no-repeat center top;
}




/*-----中古車対応-----*/

#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 .cgm.hover:hover{
    opacity:0.3;
    cursor:pointer;
}


#carGallMask .cgmLArrow {
    top: 17.5px;
    left: 10px;
    height: 25px;
    position: absolute;
    margin: 0;
    opacity: 0;
    width: auto;
    z-index: 1;
}

#carGallMask .cgmLArrow img {
    height: 25px;
}

#carGallMask .cgmRArrow {
    top: 17.5px;
    right: 10px;
    height: 25px;
    position: absolute;
    margin: 0;
    opacity: 0;
    width: auto;
    z-index: 1;
}

#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: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFA74D), color-stop(0.00, #FFDD34));
    background: -webkit-linear-gradient(#FFDD34, #FFA74D);
    background: -moz-linear-gradient(#FFDD34, #FFA74D);
    background: -ms-linear-gradient(#FFDD34, #FFA74D);
    background: linear-gradient(#FFDD34, #FFA74D);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    margin: 10px auto;
    display: block;
    font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

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

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

.side_recruit_edit_btn {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 24px;
    padding: 5px;
    border: 1px solid rgb(204, 204, 204);
    background: rgb(255, 255, 255);
    display: none;

}

.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: inline-block;
    width: 27%;
    vertical-align: top;
}

.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/loading-grey.gif);
    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.png);
    background-size: cover !important;
    background-repeat: no-repeat;
}

.leadOriginalDesign {
    margin: 10px 0;
}

.requiredLabel{
    font-size: 10px;
    background: #f33;
    padding: .5px 5px;
    margin-left: 7.5px;
    border-radius: 3px;
    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:hover{
    opacity:0.8;
}

.estimateCategory.current{
    background:#222;
    color:#eee;
}

.estimateCategory input{
    display:none;
}

td .estimateCategory:nth-of-type(3n) {
    margin: 0 0 0 0;
}

.requiredLabel{
    font-size: 10px;
    background: #f33;
    padding: 1px 5px;
    margin-left: 7.5px;
    border-radius: 3px;
    vertical-align: middle;
}

.datePickTriggerIcon{
    vertical-align:middle;
    margin:0 0 0 15px;
    cursor:pointer;
}
.checkedValidIcon{
    width: 18px;
    vertical-align: middle;
    margin-left: 10px;
    opacity : 0;
}

.checkedValidIcon.js-checked{
    animation-name:addCheckIconAction;
    animation-duration:.45s;
    animation-fill-mode:forwards;
    opacity:1;
}

.checkedValidIcon.js-checked.js-removing{
    animation-name:removeCheckIconAction;
    animation-duration:.45s;
    animation-fill-mode:forwards;
    opacity:0;
}

.overAlert {
    background: #fd4c4c !important;
    font-weight: bold !important;
    color: #fff !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:0;}
  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.03, 1.03) 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;
  }
}

#bgSlider {
    background: url(../img/copy2open/icon_loader_a_ww_03_s1.gif) 50% 50% no-repeat;
}

.textCounter__wrapper{
    display:none;
}




/* 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_right.imageBoxContents{
    
}

.img_box_left.imageBoxSlider{
    margin: 0 5% 0 0;
}
.img_box_right.imageBoxSlider{
    margin: 0 0 0 5%;
}

.imageBoxSlider .imageBoxContents,
.imageBoxSlider img{
    float:left;
    padding:0;
}

.imageBoxSlider .imageBoxContents img{
    float:none;
}


.imageBoxOuter{
    position:relative;
    margin:0 0 15px;
}

.captionHead{
    margin:10px 0;
    font-weight: bold;
}

.imageBoxClearfix{
    display:none;
}

.size_max{
    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.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    top: -8px;
    right: -8px;
}

.imageFixControllerInnerBg{
    width:23px;
    box-sizing:border-box;
    border: 1px solid #ccc;
    background-color:#454545;
    border-radius:5%;
}

.imageFixControllerInnerBg.last{
    margin:0 12.5px 0 0;
}

.js-minimum .imageFixControllerInner{
    margin: 0 5px 0 0;
}

.js-minimum .imageFixController,
.js-minimum .imageFixControllerInnerBg{
    width: 20px;
    padding:0;
}

.js-minimum .imageFixController[data-fix-type="disabled"]{
    width: 15px;
}



/* ImageBox Controller */


.changeBoxImageLayoutControllerOuter {
    background: #f5f5f5;
    border: 1px solid #bbb;
    opacity: 1;
    padding: 5px 10px;
    transition: .25s;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin: 30px 0;
}


.changeBoxImageLayoutControllerInner{
    float:left;
    margin:0 10px 0 0;
    position:relative;
}

.changeBoxImageLayoutControllerInner.current:after {
    content: "";
    background-image: url(/cms/img/menu_back/check_min.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 18px;
    height: 18px;
}


.changeBoxImageLayoutControllerOuter .changeBoxImageLayoutControllerInner:last-child{
    margin:0;
}

.changeBoxImageLayoutControllerInner img{
    width: 30px;
}


.boxImageImageControllerOuter {
    position: absolute;
    background: #f5f5f5;
    top: 0px;
    border:1px solid #ccc;
    padding: 5px;
}

.img_box_left .boxImageImageControllerOuter{
    left:0px;
}

.img_box_right .boxImageImageControllerOuter{
    right:0px;
}


.boxImageImageControllerOuter[data-layout="LAYOUT_SLIDESHOW"]{
    position: absolute;
    display: block;
    width: auto;
    box-sizing: border-box;
    z-index:2;
    transition: .25s;
    top:0px;
    bottom:auto;
}

.img_box_right + .boxImageImageControllerOuter[data-layout="LAYOUT_SLIDESHOW"]{
    right:0;
}

.boxImageImageControllerOuter[data-layout="LAYOUT_SLIDESHOW"] img {
    float: none;
    margin: 0;
}


.imageFixControllerInner{
    float: left;
    margin: 0 7.5px 0 0;
}

.imageFixControllerInner.leftBlank{
    margin-left:7.5px;
}

.boxImageImageControllerOuter .imageFixControllerInner:last-of-type {
    margin: 0;
}

.imageFixControllerInner .imageFixController{
    padding:0;
}


.imageDetailControllerOuter{
    position:fixed;
    z-index:100;
    top:0;
    left:0;
    width:100%;
    height:100%;
    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;
}

.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;
    background: #FFA74D url(../img/common/create_btn.png) repeat-x;
    border: 1px solid #FFF;
    border-radius: 3px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFA74D), color-stop(0.00, #FFDD34));
    background: -webkit-linear-gradient(#FFDD34, #FFA74D);
    background: -moz-linear-gradient(#FFDD34, #FFA74D);
    background: -ms-linear-gradient(#FFDD34, #FFA74D);
    background: linear-gradient(#FFDD34, #FFA74D);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
    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{
    margin: 0 0 30px;
    border: 5px solid #fc0;
    border-radius: 5px;
    padding: 15px;
}

.imageDetailControllerLabelAbout{
    font-size: 12px;
    vertical-align: top;
    color:#333;
}

.deleteEditorThumbNailOuter img {
    max-height: 120px;
    width: auto !important;
}

.deleteEditorThumbNailOuter iframe{
    margin:0;
    float:none;
}

.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/loading001.gif);
    background-repeat: no-repeat;
    background-position: center center;
    opacity:0;
    transition:.5s;
}

.js-loadingDirectUpload.js-activeLoading:after{
    opacity:1;
}


.closeDetailController{
    position:absolute;
    right:0px;
    top:0px;
}

.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% - 20px);
    color: #fff;
    padding: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    transition: .3s;
    opacity: 0;
    z-index: 1;
    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;
}


.boxImageSliderController:hover{
    transform: translateY(-2px);
}

.boxImageSliderController[data-controller-id="prev"]{
    background-image: url(../img/copy2open/imageBoxSlideShowLeft.png);
    left: 0px;
}

.boxImageSliderController[data-controller-id="next"]{
    background-image: url(../img/copy2open/imageBoxSlideShowRight.png);
    right: 0px;
}

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



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

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

.js-imageBoxBackground .editTextOuter {
    width: 80%;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
    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;
}

.js-imageBoxBackground .changeBoxImageLayoutControllerOuter {
    position: absolute;
    bottom: -31px;
}

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

#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 10px center;
    background-size: contain;
}

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




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

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

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

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

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

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

#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 10px center;
    background-size: 55px 40px;
}

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

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

.editLogoOuter.logoEditMarkReverse5 {
    background: url(../img/companyLogo/logo/logoEditMarkReverse5.png) no-repeat left top;
    background-size: 40px 40px;
}

.editLogoOuter.logoEditMarkReverse7 {
    background: url(../img/companyLogo/logo/logoEditMarkReverse7.png) no-repeat left top;
    background-size: 40px 40px;
}





#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 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark3 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark4 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark5 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark6 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark8 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark9 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark10 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark12 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark13 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark14 .editLogoCompany
{
    padding: 0 0 0 55px;
}




#smt_head_base .editLogoOuter.logoEditMark7 .editLogoCompany {
    padding: 0 0 0 48px;
}

#smt_head_base .editLogoOuter.logoEditMark12 .editLogoCompany {
    padding: 0 0 0 70px;
}



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



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

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


/* 少数点以下の発生による崩れを防ぐための処理 */

@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 {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    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 {
    display: block !important;
    margin: 0 0 30px;
}

.plusBlockBtn ul {
    float: right;
}


.plusBlockBtn ul li {
    float: right;
    margin: 0 10px 0 0;
}

.plusBlockBtn_p {
    display: inline-block;
    float: right;
}

.catch_copy {
    font-family: 'Noto serif JP', sans-serif !important;
    font-size: 14px;
    padding: 0 0 5px;
}

.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%);
}


.paletteButtonItem.hasStringIcon{
    font-size:12px;
    display:block;
    margin:0 0 5px;
}

.paletteButtonItem.hasStringIcon .paletteButtonInnerStringIcon{
    display:none;
}

.paletteMenuHeader{
    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;
}

.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_y.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_w.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_y.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_y.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_w.png);
}






.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/ajax-loader_big.gif);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.cartListOuter.js-loaded:empty:before{
    content : "カートに商品は入っていません";
    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 : "「気になる」リストには商品はまだありません";
    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;
}

.moveCartButton:hover, .deleteCartButton:hover{
    transform:translateY(-2px);
}

.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 30px;
}

.selectPaymentItem{
    display: block;
    margin:0 0 5px;
}

#otoiawase_table_box .selectPaymentItem span,
#mitumori_table_box .selectPaymentItem span{
    display:inline;
}


.aboutPaymentOuter{
    display:none;
    padding: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;
}


.finishShoppingComment{
    font-size: 28px;
    margin: 0 0 30px;
    text-align: center;
}

.contactAboutShoppingOuter{
    padding: 30px 0px;
    border: 1px solid #ccc;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    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;
}




.paymentWayOuter .key,
.aboutPaymentWayOuter .key,
.aboutTotalCostOuter .key{
    font-size: 14px;
    margin: 0 0 15px;
    display: block;
    font-weight:bold;
}

.aboutSendMail{
    font-weight:bold;
}

.thankyouDekky{
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    box-sizing: border-box;
}


.cartActionOuter{
    position: fixed;
    box-sizing: border-box;
    background: #fff;
    width: 100vw;
    bottom: 0px;
    left: 50%;
    padding: 5%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
    z-index: 3;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    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:2.5vw;
    cursor:pointer;
    transition:.3s;
    float:left;
    font-size:0.8rem;
    align-items:center;
    text-align:center;
}

.triggerItem.js-lastTriggerItem{
    margin-right: 0px;
}

.cartActionOuter .triggerItem:hover{
    transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}




.cartButton{
    width: calc( 82.5vw * 0.4 );
    height: calc( 82.5vw * 0.16 );
    background-color:#CE1919;
    color:#fff;
    border-radius:4px;
    padding: calc( 82.5vw * 0.16 * 0.1 ) 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.favoriteButton{
    height: calc( 82.5vw * 0.16 );
    width: calc( 82.5vw * 0.28 );
}

.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: left 7px 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:23;
}

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




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


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

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

/**
 * レイアウトバー位置変更　上部に
 */

.edit #main_contents > div > div > div:first-of-type .changeBoxImageLayoutControllerOuter,
.edit .block_outer .campaign_content .changeBoxImageLayoutControllerOuter{
    margin-top: 0px;
}


#lead_p a:last-of-type{
    background-image: url(../img/copy2open/btn_grass.png);
    background-color: #36f;
    background-repeat: no-repeat;
    background-size: contain;
    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;
}

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



.edit .block_outer .campaign_content .changeBoxImageLayoutControllerOuter{
    margin-left: -5%;
}

.edit .block_outer .changeBoxImageLayoutControllerOuter{
    position: absolute;
    top: 0;
    margin-top: 32px;
    margin-bottom: 15px;
}

.edit .block_outer .js-changeableBoxImageLayoutBox:nth-of-type(1),
.edit .block_outer .div_box_campaign .js-changeableBoxImageLayoutBox{
    padding-top: 50px;
}

.edit .block_outer .js-changeableBoxImageLayoutBox{
    padding-top: 80px;
    padding-bottom: 15px;
}

.edit .block_outer .boxImageImageControllerOuter[data-layout="LAYOUT_SLIDESHOW"]{
    top: 95px;
}

.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: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFA74D), color-stop(0.00, #FFDD34));
    background: -webkit-linear-gradient(#FFDD34, #FFA74D);
    background: -moz-linear-gradient(#FFDD34, #FFA74D);
    background: -ms-linear-gradient(#FFDD34, #FFA74D);
    background: linear-gradient(#FFDD34, #FFA74D);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    display: block;
    margin: 0 auto 15px;
}

.facebookRegistBtn:hover{
    opacity: 0.8;
}

.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/ajax-loader_big.gif);
    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: none;
    background-color: #fff;
    padding: 0;
    border: none!important;
    overflow-x: hidden;
    -webkit-transition: none;
    transition: none;
    padding-top: 58px;
    border:2px solid rgb(255, 204, 0)!important;
    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(-100% + 25px);
}

#link_input{
    width: 70%!important;
}

#syde-wysiwyg_area #link_submit,
#toolbar_submenu_size .anyFontSizeTrigger{
    padding: 5px 10px!important;
}

#syde-wysiwyg_area #toolbar_submenu_size,
#syde-wysiwyg_area #toolbar_submenu_color{
    margin-top: 0px;
}

@keyframes slide {
    0%{ left: 0; }
    100% { left: calc(100% - 25px ); }
}

#syde-wysiwyg_toolbar{
    overflow: hidden;
}

.syde_toolbar{
    width: calc( 100vw - 29px );
    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;
    padding: 0 10px;
    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{
    font-size: 90%;
    padding: 12px 1px!important;
    display: inline-block;
    background-color: #fff;
}

#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{
    display: block;
    width: 50%;
}

.toolbar_sub_menu {
    position: absolute;
    top: 55px !important;
    left: 10px !important;
    margin: 0 !important;
}

#toolbar_submenu_color{
    left:8px !important;
}

#syde-wysiwyg_toolbar .toolbar_sub_menu{
    margin-left: 10px;
}

#syde-wysiwyg_toolbar .toolbar_sub_menu.function2{
    margin-left: calc(50% + 10px)!important;
}

#toolbar_submenu_font > span{
    font-size: 12px!important;
    display: inline-block;
    padding:5px 0;
}

#syde-wysiwyg_toolbar .change_function{
    position: absolute;
    right: 10px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    background-size: 35%;
    background-repeat: no-repeat;
    top: calc(50% - 24px / 2 );
    padding: 0px!important;
    border: 1px solid #eee;
    background-color: #eee;
}

#syde-wysiwyg_toolbar .change_function2{
    right:0px;
}

#syde-wysiwyg_toolbar #link_area{
    text-align: left;
}

#syde-wysiwyg_toolbar #link_area a{
    float: none;
    display: inline-block;
    border-radius: 3px;
}

#tagstrip .function2{
    margin-left: 50%;
}

.change_design_loader:before{
    content: "";
    background: url(../img/loader.gif) 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 p{
    background-color: #fc0;
    font-weight: bold;
}

.drag_area{
    background: #676767 url(../img/common/fff6dot.png) no-repeat center center;
    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;
}

#syde-wysiwyg_area #link_submit, #toolbar_submenu_size .anyFontSizeTrigger{
    border-radius: 3px;
    vertical-align: middle;
    text-align: center;
    margin-top: 0;
    padding: 0px 5px!important;
    margin-left:5px;
    transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}

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

.pict_edit_btn_usedcar, .deleteLinkOuter {
    display: none;
}


/* 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);
    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:hover{
    opacity:0.75;
}



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


.inputFileTriggerIcon.js-hasImage .inputFileDeleter:hover{
    transform:translateY(-2px);
    -webkit-transform:translateY(-2px);
}

#recontract_menu_panel li {
    border-bottom: 1px dotted #ccc;
    padding: 0 0 10px;
}

#recontract_menu_panel a {
    text-decoration: none;
}


/* メニュー表示・非表示切り替え */

.no_estimate_page #gmenu_estimate{
    display:none !important;
}

#gmenu_contact .ul_sub{
    display:none;
}


@keyframes sonarEffect {
    0% {
        opacity: 1.0;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}




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

    .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{
    }

    #syde-wysiwyg_toolbar .change_function{
        padding: 0px!important;
        right: 1px;
        height: 24px;
        width: 24px;
        background-size: 8px 12px !important;
    }

}