/*
 *
 * 2020/11/11
 * common.cssから移動
 * 編集画面でしか使用しないPC用のCSSはここに書く！
 *
 * 例外：スマホでもcommon.cssを読み込んでいるファイルがあるので、読まざるを得ない場合がある
 * ・thickboxで読み込んでいるiframe
 * ・公開案内ページ（/cms/contract/to_open.php系）
 * ・ALLボタン、順番ボタンからのページ
 *
 */

@charset "utf-8";

.add_attention_h2{
    font-size:10px;
    text-align:right;
}

.rest_title{
    font-size:12px;
    color:#FFF;
    padding:8px 5px;
    line-height:130%;
}

.rest_title span{
    font-size:16px;
    color:#fc0;
}

.rest_title b{
    font-size:16px;
    color:#f60;
    line-height:20px;
}

.freedial_img {
    padding-left:22px;
    background: url(../img/welcome/mailbody_freetel.jpg) no-repeat left center;
    font-size:16px;
    display: inline-block;
}



/***************************************************************/
/*コンパネ関係ここから*/


/**
 * 2023-03-24 kitagawa
 * 新plusBlockBtn系CSS（崩れないように改修する）
 * レイアウトはここの記述で最低限十分、あしらいは各個別CSSで何とかして
 *
 * -- 各クラスと関連個所 --
 * .plusBlockBtn      -> 標準使用
 * .plusBlockBtn2     -> フォーム、導線ブロック
 * .plusBlockBtn3     -> 在庫車リスト
 * .plusBlockBtnBlank -> ページ内に1つもブロックが無いとき
 * .plusBlockBtnPrice -> 車検料金表の行増減
 * .plusBlockBtnRightbox -> rightbox用
 * .plusBlockBtnPrice -> サイドバー
 * 
 */

.plusBlockBtn,
.plusBlockBtn2,
.plusBlockBtn3,
.plusBlockBtnBlank,
.plusBlockBtnPrice,
.plusBlockBtnRightbox,
.plusBlockBtn_side,
.recommend_config{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    margin-top: -15px;
}

.plusBlockBtn2{
    width: 100%;
}

.plusBlockBtnPrice{
    max-width: 100%; /** 枠からはみ出るの防止 **/
    margin-top: 0;
}

.plusBlockBtn_side{
    margin-top: 0;
}

.plusBlockBtn--lead{
    margin-top: 0;
}

.recommend_config{
    margin-top: 0;
}

.plusBlockBtnRightbox{
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 5px;
    position: relative;
    z-index: 1;
}

.plusBlockBtn ul,
.plusBlockBtn2 ul,
.plusBlockBtn3 ul,
.plusBlockBtnBlank ul,
.plusBlockBtnPrice ul,
.plusBlockBtnRightbox ul,
.plusBlockBtn_side ul,
.recommend_config ul{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    flex-wrap: wrap; 
    position: relative;
    padding-left: 5px;
    top: -1px;   
}

.plusBlockBtn_side ul{
    top: -3px;
}

.plusBlockBtn ul li,
.plusBlockBtn2 ul li,
.plusBlockBtn3 ul li,
.plusBlockBtnBlank ul li,
.plusBlockBtnPrice ul li,
.plusBlockBtnRightbox ul li,
.plusBlockBtn_side ul li,
.recommend_config ul li{
    padding-left: 5px;
}

.plusBlockBtn3 ul li {
    position: relative;
}

.plusBlockBtn .plusBlockBtn_p,
.plusBlockBtn2 .plusBlockBtn_p,
.plusBlockBtn3 .plusBlockBtn_p,
.plusBlockBtnBlank .plusBlockBtn_p,
.plusBlockBtnPrice .plusBlockBtn_p,
.plusBlockBtnRightbox .plusBlockBtn_p,
.plusBlockBtn_side .plusBlockBtn_p,
.recommend_config .plusBlockBtn_p{
    align-items: center;
    background: url(../img/common/arrow001.gif) no-repeat right center;
    display: flex;
    font-size: 12px;
    padding-right: 30px;
}

.plusBlockBtnPrice .plusBlockBtn_p{
    background: none;
    padding-right: 0;
}

.plusBlockBtn2 .q_and_a_btn{
    vertical-align: middle;
}

.plusBlockBtnPrice{
    padding: 0;
}

.plusBlockBtn_side img{
    padding: 0;
}

#usercar_base .plusBlockBtn,
#usercar_base .plusBlockBtn2,
#usercar_base .plusBlockBtn3,
#usercar_base .plusBlockBtn4,
#usercar_base .plusBlockBtn5{
    max-width: 100%;
}

.soldOutSettingItemOuter {
    position: absolute;
    top: -80px;
    right: -20px;
    width: 420px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    cursor: auto;
    line-height: 1;
    padding: 20px 10px;
    text-align: center;
    transition: .3s;
    display: none;
}

.soldOutSettingItemOuter[data-show="1"] {
    display: block;
}

.soldOutSettingItemOuter:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,1);
    background-image: url(/cms/img/common/loader.svg);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    transition: .5s;
    z-index: -1;
}

.soldOutSettingItemOuter[data-loading="1"]:before {
    opacity: .7;
    z-index: 1;
}

.soldOutSettingItemOuter:after {
    content: "";
    position: absolute;
    border-top-color: transparent;
    border-left-color: transparent;
    bottom: calc( 0px - 35px );
    border-top: 40px solid #FFF;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    right: 20px;
    top: 30px;
}

.soldOutSettingItemOuter .soldOutSettingItem {
    color: #00f;
    cursor: pointer;
    font-size: 14px;
    padding: 5px;
    margin: 0 10px;
    text-decoration: underline;
}

.soldOutSettingItemOuter .soldOutSettingItem[data-selected="1"] {
    color: #333;
    cursor: default;
    position: relative;
    pointer-events: none;
    text-decoration: none;
}

.soldOutSettingItemOuter .soldOutSettingItem[data-selected="1"]:before {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(/cms/img/menu_back/check_min_red.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    left: -12px;
    position: absolute;
    top: 7px;
    z-index: 0;
}

.soldOutSettingItemOuter .settingCaption {
    font-size: 11px;
}

.soldOutSettingOuter {
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
}

.soldOutSettingOuter:before {
    content: "表示";
    position: absolute;
    font-size: 9px;
    top: -13px;
    left: 1px;
}

.soldOutSettingOuter .soldOutSetting {
    display: none;
}

.soldOutSettingOuter .soldOutSetting[data-show="1"] {
    display: block;
}


/**
 * サイドバートピックスの +-ボタン
 */

div.plusBlockBtn_sideLoop{
    z-index:10000;
}
div.plusBlockBtn_sideLoop a{
    text-decoration: none;
}
.plusBlockBtn_sideLoop ul{
    float: right;
}
.plusBlockBtn_sideLoop ul li{
    float: right;
    padding-left: 5px;
}
.plusBlockBtn_sideLoop div.plusBlockBtn_p {
    width: 60px;
    background: url(../img/common/arrow001.gif) no-repeat 62px 5px;
    float: left;
    font-size: 11px;
    padding:0 30px 0 0;
    text-align:right;
}





/*吹き出し*/
.tooltip{
    position:absolute;
    left:-2000px;
    background-color:#000000;
    padding:5px;
    border:1px solid #fff;
    width:220px;
    height:90px;
    z-index:300;
}

.tooltip p{
    margin:0px;
    color:#fff;
    background-color:#000;
    width:160px;
    height:70px;
    z-index:300;
    font-size: 12px;
    line-height: 150%;
    clear: both;
    padding: 10px 50px 10px 10px;
    background: url(../img/common/dekkey.gif) no-repeat right bottom;
    text-align: left;
}

.fixed_menu_title2 {
    font-size: 14px;
    color: #666;
    line-height: 120%;
    clear: both;
    margin-bottom: 10px;
    display: block;
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 -1px rgba(255,255,255,.3);
    position: relative;
}

#fixed_menu2_button{
    width: 60px;
    background: #fff;
    left: 0px;
    position: fixed;
    top: 0px;
    z-index: 5;
}


/**
 * 編集パレット #fixed_menu2
 */

/** パレット共通 **/

#fixed_menu2{
    width: 100%;
    height: 50px; /* other_service_panel => 70px に */
    background: #333;
    background-image: linear-gradient(to bottom, #3c3c3c, #292929);
    box-shadow: 0 1px 15px rgba(0,0,0,0.3);
    left: 0px;
    position: fixed;
    top: 0px;
    z-index: 2147483646;
}

body[data-use-preview-mode="1"] {
    margin-top: 0;
}

body[data-use-preview-mode="1"] #fixed_menu2,
body[data-use-preview-mode="1"] #fixed_menu2_button,
body[data-use-preview-mode="1"] #sideEditOuter,
body[data-use-preview-mode="1"] .leftMenuWrapper,
body[data-use-preview-mode="1"] .slider_icons,
body[data-use-preview-mode="1"] .js-addFreePageLink,
body[data-use-preview-mode="1"] .js-editMenuLink,
body[data-use-preview-mode="1"] .q_and_a_btn,
body[data-use-preview-mode="1"] #menu ul li .gmenuHelpLink.q_and_a_btn,
body[data-use-preview-mode="1"] .pageListToggleWrap,
body[data-use-preview-mode="1"] .open-middle-menu-title-editor,
body[data-use-preview-mode="1"] #carListOpenOrClose,
body[data-use-preview-mode="1"] .addTagBtnOuter,
body[data-use-preview-mode="1"] .carTagEdit,
body[data-use-preview-mode="1"] .carTagDelete,
body[data-use-preview-mode="1"] .usedcar_edit_btn,
body[data-use-preview-mode="1"] #ucConpane,
body[data-use-preview-mode="1"] .plusBlockBtn3,
body[data-use-preview-mode="1"] .side_shop_info_edit_btn,
body[data-use-preview-mode="1"] .side_pict_edit_btn,
body[data-use-preview-mode="1"] .otherPictEditBtn,
body[data-use-preview-mode="1"] #holiday_setting,
body[data-use-preview-mode="1"] .plusBlockBtn_sideLoop,
body[data-use-preview-mode="1"] .edit_link_box,
body[data-use-preview-mode="1"] .plusBlockBtn_side,
body[data-use-preview-mode="1"] .editContentsOuter,
body[data-use-preview-mode="1"] .edit_img_empty,
body[data-use-preview-mode="1"] .open-middle-menu-title-editor,
body[data-use-preview-mode="1"] .parallaxHeightController,
body[data-use-preview-mode="1"] .parallaxControllerButtonOuter,
body[data-use-preview-mode="1"] .topEditPageBlockOuter,
body[data-use-preview-mode="1"] .bottomEditPageBlockInner,
body[data-use-preview-mode="1"] .subTopImageUploadOuter,
body[data-use-preview-mode="1"] .subTopImageOtherControlButtonOuter,
body[data-use-preview-mode="1"] .imageBoxBlankOuter,
body[data-use-preview-mode="1"] .changeBoxImageLayoutControllerOuter,
body[data-use-preview-mode="1"] .plusBlockBtn,
body[data-use-preview-mode="1"] .plusBlockBtn2,
body[data-use-preview-mode="1"] .parallaxInitializer,
body[data-use-preview-mode="1"] .boxImageImageControllerOuter,
body[data-use-preview-mode="1"] .emptyText,
body[data-use-preview-mode="1"] .logoEditPanel,
body[data-use-preview-mode="1"] .otherPictEditBtn,
body[data-use-preview-mode="1"] .add_attention_h2.editParts,
body[data-use-preview-mode="1"] #carDetailHeadBtn,
body[data-use-preview-mode="1"] .selectAddPageOuter,
body[data-use-preview-mode="1"] #carTagSearchWrapped .js-carTagEdit,
body[data-use-preview-mode="1"] #carTagSearchWrapped .js-carTagDelete,
body[data-use-preview-mode="1"] .pageControllerOuter,
body[data-use-preview-mode="1"] .js-toggleConversionButtonOuter,
body[data-use-preview-mode="1"] .conversionButtonFixedInner .toggleEditConversionButtonFixedItem,
body[data-use-preview-mode="1"] .conversionButtonFixedInner .toggleButtonOuter,
body[data-use-preview-mode="1"] .js-recruitFormDisplayToggle,
body[data-use-preview-mode="1"] .spamMailSetting__link,
body[data-use-preview-mode="1"] .mail_body_edit,
body[data-use-preview-mode="1"] .js-fixedConversionButtonInner[data-select-unable-link="1"]
 {
    display: none !important;
}

body[data-use-preview-mode="1"] #headerH1Title,
body[data-use-preview-mode="1"] .js-fastUploadTrigger,
body[data-use-preview-mode="1"] .img_change_cursor,
body[data-use-preview-mode="1"] #sidebar_shp_inf,
body[data-use-preview-mode="1"] .sidebar_shopinfo_block .map_box address,
body[data-use-preview-mode="1"] .monthlyCalendarBody,
body[data-use-preview-mode="1"] .parallaxController,
body[data-use-preview-mode="1"] .js-carTagDetail,
body[data-use-preview-mode="1"] .js-imageBoxBackground {
    cursor: default !important;
    pointer-events: none !important;
}

body[data-use-preview-mode="1"] .js-linkTriggerEdit {
    pointer-events: auto !important;
}

body[data-use-preview-mode="1"] .js-fastUploadTrigger a {
    pointer-events: auto;
}

body[data-use-preview-mode="1"] .inplace {
    background-color: transparent !important;
    cursor: default !important;
    pointer-events: none !important;
}

body[data-use-preview-mode="1"] .inplace a {
    pointer-events: auto;
}

body[data-use-preview-mode="1"].edit #menu_wrapper {
    top: 0;
}

body[data-use-preview-mode="1"] .js-changeableBoxImageLayoutBox.js-mouseover {
    box-shadow: none;
}

.menu-edit-mode #fixed_menu2{
    z-index: 5;
}

.fixed_menu2_menu {
    height: 50px;
    width: 50px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

#fixed_menu2 .fixed_menu_sub:not(.openpage_btn):after {
    content: "";
    display: block;
    background: rgba(255,255,255,0.1);
    box-shadow: 1px 0 rgba(0.0.0,0.1);
    width: 1px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 0;
}

#fixed_menu2 .fixed_menu_sub.helpSupport:after{
    display: none;
}

#palette_edit_menu   {background: url(../img/common/palette_edit_menu_h.png), linear-gradient(315deg, #333, #444);}
#palette_edit_design {background: url(../img/common/palette_edit_design_h.png), linear-gradient(315deg, #333, #444);}
#palette_edit_movie  {background: url(../img/common/palette_edit_movie_h.png), linear-gradient(315deg, #333, #444);}
#palette_ex          {background: url(../img/common/palette_ex_h.png), linear-gradient(315deg, #333, #444);}
#palette_diagnose    {background: url(../img/common/palette_diagnose_h.png), linear-gradient(315deg, #333, #444);}
#palette_ctrlZ       {background: url(../img/common/palette_ctrlZ_h.png), linear-gradient(315deg, #333, #444);}
#palette_edit_page   {background: url(../img/common/palette_edit_page_h.png), linear-gradient(315deg, #333, #444);}

#palette_edit_menu.active_palette   {background: url(../img/common/palette_edit_menu_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}
#palette_edit_design.active_palette {background: url(../img/common/palette_edit_design_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}
#palette_edit_movie.active_palette  {background: url(../img/common/palette_edit_movie_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}
#palette_ex.active_palette          {background: url(../img/common/palette_ex_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}
#palette_diagnose.active_palette    {background: url(../img/common/palette_diagnose_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}
#palette_ctrlZ.active_palette       {background: url(../img/common/palette_ctrlZ_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}
#palette_edit_page.active_palette   {background: url(../img/common/palette_edit_page_h.png), linear-gradient(to bottom, #8d0000, #d73d3d);}

#palette_edit_menu,
#palette_edit_design,
#palette_edit_movie,
#palette_ex,
#palette_diagnose,
#palette_ctrlZ,
#palette_edit_page,
#palette_edit_menu.active_palette,
#palette_edit_design.active_palette,
#palette_edit_movie.active_palette,
#palette_ex.active_palette,
#palette_diagnose.active_palette,
#palette_ctrlZ.active_palette,
#palette_edit_page.active_palette{
    background-repeat: no-repeat, repeat;
    background-position: center bottom 12px, left center;
}

#palette_edit_menu.active_palette,
#palette_edit_design.active_palette,
#palette_edit_movie.active_palette,
#palette_ex.active_palette,
#palette_diagnose.active_palette,
#palette_ctrlZ.active_palette,
#palette_edit_page.active_palette{
    box-shadow: inset 0 4px 8px rgba(0,0,0,0.5);
}

#palette_edit_menu:after,
#palette_edit_design:after,
#palette_edit_movie:after,
#palette_ex:after,
#palette_diagnose:after,
#palette_ctrlZ:after,
#palette_edit_page:after {
    content: "";
    background-image: url(../img/common/palette_edit_arrow_h.png);
    width: 10px;
    height: 5px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 5px;
    margin-left: -4px;
}

#palette_edit_menu.active_palette:after,
#palette_edit_design.active_palette:after,
#palette_edit_movie.active_palette:after,
#palette_ex.active_palette:after,
#palette_diagnose.active_palette:after,
#palette_ctrlZ.active_palette:after,
#palette_edit_page.active_palette:after {
    bottom: 3px;
}

#fixed_menu2 #edit_1p {
    width:960px;
    box-sizing: border-box;
    padding: 15px 30px 20px !important;

}

#fixed_menu2 .fixed_menu_sub{
    position: relative;
    float: left;
}

#fixed_menu2 .fixed_menu_sub.bg_white{
    float: right;
    z-index: 100;
}

#fixed_menu2 .fixed_menu_sub.trial_openpage_btn {
    float: right;
    margin-right: 10px;
    cursor: default;
}

#fixed_menu2 .fixed_menu_sub img{
    z-index: 120;
    position: relative;
}

#fixed_menu2 .cz_btn .palette_menu_link_tag{
    text-decoration: none;
}

.czCategoryOuter{
    text-align: right;
}

.czCategoryTag{
    background: #777;
    color: #eee;
    padding: 0 5px;
    font-size: 10px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    z-index: 100;
}

.czCategoryTag.czBlock{
    cursor: pointer;
}

/*画像系ボタンのホバーアクション個別に指定*/

#fixed_menu2 .fixed_menu_sub .colorIcon a img,
#fixed_menu2 .fixed_menu_sub .sideBarIcon a img,
#fixed_menu2 .fixed_menu_sub .liquidIcon a img,
#fixed_menu2 .fixed_menu_sub .mainimgOverlayIcon img,
#fixed_menu2 .fixed_menu_sub .fixed_menu_panel .logoEditImg,
#fixed_menu2 .fixed_menu_sub .paletteButtonMainImageOuter a img,
#fixed_menu2 .fixed_menu_sub #movie_img_btn a img,
#fixed_menu2 .fixed_menu_sub .caseOuter a img,
#fixed_menu2 .fixed_menu_sub #search_icon img,
#fixed_menu2 .fixed_menu_sub .designPaletteSearchIconOuter img,
#fixed_menu2 .fixed_menu_sub .q_and_a_btn img,
#fixed_menu2 .fixed_menu_sub .changeMainImageRandomButton img {
    transition: 0.3s;
    opacity: 1;
}

#fixed_menu2 .fixed_menu_sub .colorIcon a img:hover,
#fixed_menu2 .fixed_menu_sub .sideBarIcon a img:hover,
#fixed_menu2 .fixed_menu_sub .liquidIcon a img:hover,
#fixed_menu2 .fixed_menu_sub .mainimgOverlayIcon img:hover,
#fixed_menu2 .fixed_menu_sub .fixed_menu_panel .logoEditImg:hover,
#fixed_menu2 .fixed_menu_sub .paletteButtonMainImageOuter a img:hover,
#fixed_menu2 .fixed_menu_sub #movie_img_btn a img:hover,
#fixed_menu2 .fixed_menu_sub .caseOuter a img:hover,
#fixed_menu2 .fixed_menu_sub #search_icon img:hover,
#fixed_menu2 .fixed_menu_sub .designPaletteSearchIconOuter img:hover,
#fixed_menu2 .fixed_menu_sub .q_and_a_btn img:hover,
#fixed_menu2 .fixed_menu_sub .changeMainImageRandomButton img:hover{
    opacity: 0.7;
}

/*-------*/

#fixed_menu2 .fixed_menu_sub.disabled{
    display: none;
}

#fixed_menu2 .fixed_menu_panel{
    display:none;
    position:absolute;
    top:50px;
    left:0px;
    width:320px;
    padding: 20px 30px 55px !important;
    background-color:#f9f9f9;
    background-image: url(../img/common/palette_bg_middle_right.png), url(../img/common/palette_bg_middle_left.png), radial-gradient(farthest-corner at right bottom, #f9f9f9, #fcfcfc 70%, #f9f9f9 70%);
    background-repeat: no-repeat, no-repeat;
    background-position: right bottom, left bottom;
    font-size: 12px;
    line-height: 150%;
    box-shadow:2px 2px 10px rgba(0,0,0,0.3);
    border-radius:0 0 5px 5px;
}

#fixed_menu2 .fixed_menu_panel.paletteMenu,
#fixed_menu2 .fixed_menu_panel.fixed_menu_panel_design,
#fixed_menu2 .fixed_menu_panel.addPagePallet,
#fixed_menu2 .fixed_menu_panel.examplePallet,
#fixed_menu2 .fixed_menu_panel.diagnosePalette {
    padding: 0 !important;
}

#fixed_menu2 .fixed_menu_panel.zoom{
    background-image: url(../img/common/palette_bg_big_right.png), url(../img/common/palette_bg_big_left.png), radial-gradient(farthest-corner at right bottom, #f9f9f9, #fcfcfc 70%, #f9f9f9 70%);
}

#fixed_menu2 .fixed_menu_panel.czPalette,
#fixed_menu2 .fixed_menu_panel#openpage_menu_panel,
#fixed_menu2 .fixed_menu_panel#recontract_menu_panel{
    background-image: url(../img/common/palette_bg_small.png), radial-gradient(farthest-corner at right bottom, #f9f9f9, #fcfcfc 70%, #f9f9f9 70%);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#fixed_menu2 .fixed_menu_panel.paletteMenu{
    width:515px;
    height: 620px;
}

#body_sub #fixed_menu2 .fixed_menu_panel.paletteMenu,
#body_free #fixed_menu2 .fixed_menu_panel.paletteMenu {
    height: 542px;
}

#fixed_menu2 .fixed_menu_panel.paletteMenu .editMenuOuter {
    margin: 20px 30px 87px
}

#fixed_menu2 .fixed_menu_panel.paletteMenu .supportOuter {
    position: absolute;
    width: 100%;
}

#fixed_menu2 .fixed_menu_panel.czPalette {
    padding: 0;
    width: 450px;
}

#fixed_menu2 .paletteMenuHeader {
    color: #333;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0 20px;
    position: relative;
}

#fixed_menu2 .paletteMenuHeader span:not(.paletteOrder){
    font-family: 'Noto Sans JP', sans-serif;
}

#fixed_menu2 .paletteMenuListItem{
    border-bottom: 1px solid rgba(0,0,0,.05);
    font-size: 14px;
    padding: 11px 5px 10px 26px !important;
    background: url(/cms/img/common/next_txt_arw.png), linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0));
    box-shadow: 0 -1px rgba(255,255,255,.3), inset 1px 1px 4px rgba(0,0,0,0), inset 1px 1px rgba(0,0,0,0), inset -1px -1px rgba(255,255,255,0);
    background-repeat: no-repeat;
    background-position:left 12px center, left center;
    border-radius: 3px;
    transition: 0.3s;
}

#fixed_menu2 .paletteMenuListItem:hover{
    background: url(/cms/img/common/next_txt_arw.png), linear-gradient(to left, #eee, #f3f3f3);
    background-repeat: no-repeat;
    background-position:left 16px center, left center;
    box-shadow: 0 -1px rgba(255,255,255,.3), inset 1px 1px 4px rgba(0,0,0,0.1), inset 1px 1px rgba(0,0,0,.1), inset -1px -1px rgba(255,255,255,.6);
    padding: 11px 5px 10px 30px !important;
    text-decoration: none;
}

#fixed_menu2 .paletteMenuListItem:last-of-type{
    border-bottom: none;
    box-shadow: 0 -1px rgba(255,255,255,0), inset 1px 1px 4px rgba(0,0,0,0), inset 1px 1px rgba(0,0,0,0), inset -1px -1px rgba(255,255,255,0);
}

#fixed_menu2 .paletteMenuListItem.paletteMenuAnalyticsItem{
    font-size: 12px;
}

#fixed_menu2 .fixed_menu_sub_right.revival .openpage_btn img{
    display: none;
}

#fixed_menu2 .fixed_menu_sub_right.revival .openpage_btn a{
    width: 54px;
    height: 50px;
    display: block;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;    background-color: #ee3a3b;
    background-image: url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ee3a3b, #FE4C4D 50%);
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    z-index: 110;
    position: relative;
    box-sizing: border-box;
}

#fixed_menu2 .fixed_menu_sub_right.revival .openpage_btn a:before{
    content: "再契約へ\A進む";
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    font-family: "Noto Sans JP";
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

#fixed_menu2 .paletteButtonItem{
    display: inline-block !important;
    background: url(/cms/img/common/palette_btn_dot.png), linear-gradient(to bottom, #f3f3f3 50%, #eaeaea 50%);
    padding: 9px 8px 8px 36px !important;
    border-radius: 3px;
    box-shadow: inset  1px 1px 4px rgba(0,0,0,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    position: relative;
    text-decoration:none !important;
    color: #303236 !important;
    cursor:pointer !important;
    transition: 0.3s;
}

#fixed_menu2 .paletteButtonItem:hover{
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
    background: url(/cms/img/common/palette_btn_dot.png), linear-gradient(to bottom, #eeeeee 50%, #e4e4e4 50%);
}

#fixed_menu2 .paletteButtonItem.hasStringIcon{
    padding:9px 8px 8px 8px !important;
}

#fixed_menu2 .paletteButtonItem.hpEditStatus{
    float:right;
    margin: 20px 0 0;
}

#fixed_menu2 .paletteButtonItem.hpEditStatus:after{
    content: url(/cms/img/palette/menu_edit_all.png);
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0px, -50%);
    line-height: 0;
}

#fixed_menu2 .paletteButtonItem .paletteButtonInnerStringIcon{
    background-color: #587ec1;
    color: #fff;
    padding: 0px 5px;
    font-size: 10px;
    border-radius: 3px;
    display: inline-block;
    transform: translateY(-1px);
    margin-right: 10px;
}

#fixed_menu2 .fixed_menu_panel_design .paletteButtonItem{
    float:right;
    font-size:14px;
}


#fixed_menu2 .paletteButtonItem.changeMainImageUploaded:after{
    content: url(/cms/img/palette/main_pict_use.png);
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0px, -50%);
    line-height: 0;
}

#fixed_menu2 .paletteButtonItem.uploadMainImage:after{
    content: url(/cms/img/palette/main_pict_upload.png);
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0px, -50%);
    line-height: 0;
}


#fixed_menu2 .paletteButtonItem.designChange,
#fixed_menu2 .paletteButtonItem.infoDetail {
    padding: 9px 25px 11px 10px !important;
    float:right;
}

#fixed_menu2 .infoDetail {
    margin: 15px 0 !important;
}

#fixed_menu2 .paletteButtonItem.designChange:after,
#fixed_menu2 .paletteButtonItem.infoDetail:after {
    content: url(/cms/img/palette/info_link_arrow.png);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0px, -50%);
    line-height: 0;
}

#fixed_menu2 .fixed_menu_sub hr,
#fixed_menu2 .fixed_menu_panel hr {
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #ccc;
    clear: both;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#fixed_menu2 .fixed_menu_sub hr.palette__border--consensus,
#fixed_menu2 .fixed_menu_panel hr.palette__border--consensus{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

#fixed_menu2 .palette_menu1 {
    display: block;
    padding: 0;
    text-align: left;
}

p.palette_menu1 {
    font-size: 10px;
}

.notAllowedByPlanAlias{
    color: #999 !important;
    cursor: not-allowed;
    text-decoration: none !important;
}

.notAllowedByPlanAlias:after{
    display: none !important;
}

.contract_renew_btn.notAllowedByPlanAlias {
    background: #ddd !important;
}


#fixed_menu2 .palette_menu1.pc_none {
    display: none;
}

#fixed_menu2 .stringIcon{
    font-size:10px;
    color:#fff;
    border-radius:3px;
    padding:2px 4px;
}

#fixed_menu2 .stringIcon.checkEditOff{
    background:#aaa;
    color:#fff;
    text-decoration:none;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 2px rgba(0,0,0,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}

#fixed_menu2 .stringIcon.checkEditOff:hover{
    box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 2px rgba(0,0,0,0.3), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
    text-decoration: none;
}

#fixed_menu2 .stringIcon.checkEditOn{
    background:#587ec1;
    color:#fff;
    text-decoration:none;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 2px rgba(35,59,100,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    margin-left: 5px;
    transition: 0.3s;
}

#fixed_menu2 .stringIcon.checkEditOn:hover{
    box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 2px rgba(35,59,100,.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
    text-decoration: none;
}

#fixed_menu2 .has_large_menu .fixed_menu_panel{
    position: fixed;
    left: 50%;
    top: 50px; /* other_service_panel => 70px に */
    transform-origin: center top;
    -webkit-transform : translate(-50%,0%);
    transform : translate(-50%,0%);
}

#fixed_menu2 .fixed_menu_panel.transition,
#fixed_menu2 .fixed_menu_panel_inner{
    -webkit-transition: .3s all;
    transition: .3s all;
    margin: 20px 20px 0px;
}

.use_original_design #fixed_menu2 #design_chng .fixed_menu_panel {
    height: 380px !important;
    overflow-y: hidden !important;
}

.use_original_design #fixed_menu2 .fixed_menu_panel.fixed_menu_panel_design .fixed_menu_panel_inner {
    margin: 20px 30px 127px;
}

#fixed_menu2 .fixed_menu_panel.examplePallet .fixed_menu_panel_inner {
    margin: 20px 80px 15px;
}


#fixed_menu2 .fixed_menu_panel.czPalette .supportContentsOuter {
    padding: 5px 0 5px 60px;
    height: 45px;
    display: none;
}

#fixed_menu2 .fixed_menu_panel.czPalette .supportContentsOuter .supportContents {
    width: 280px;
    line-height: 17px;
}

#fixed_menu2 .fixed_menu_panel_inner.hide{
    opacity: 0;
}

#fixed_menu2 #design_chng .fixed_menu_panel.zoom{
    width: calc(100vw - 58px);
    height: calc(100vh - 90px);
    box-shadow: 5px 10px 20px rgba(0,0,0,0.2);
    position: fixed;
    left: 50%;
    top: 50px; /* other_service_panel => 70px に */
    margin: 0;
    max-height: none;
    box-sizing: border-box;
    overflow-y: scroll;
    transform-origin: center top;
    -webkit-transform : translate(-50%,0%);
    transform : translate(-50%,0%);
}

#fixed_menu2 #design_chng .fixed_menu_panel.zoom{
    overflow: hidden;
}

#fixed_menu2 #design_chng .fixed_menu_panel.fixed_menu_panel_design.zoom .fixed_menu_panel_inner {
}


#fixed_menu2 .fixed_menu_sub[data-palette-id="example"].zoomed .paletteMenuHeader{
    display: none;
}

#fixed_menu2 .fixed_menu_sub[data-palette-id="example"] .paletteMenuHeader.allTitle{
    display: none;
}

#fixed_menu2 .fixed_menu_sub[data-palette-id="example"].zoomed .paletteMenuHeader.allTitle{
    display: inline-block;
}

#fixed_menu2 .fixed_menu_sub[data-palette-id="addPage"] .addPagePallet {
    width: 960px;
    left: 65px;
}


li.fixed_menu_sub[data-has-large-menu = "1"] .fixed_menu2_menu{
    position: relative;
}

li.fixed_menu_sub[data-has-large-menu = "1"] .fixed_menu2_menu:before{
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0px; /* other_service_panel => -6px に  */
    top: 2px; /* other_service_panel => -6px に  */
    background: url(../img/common/palette_zoom_icon.png) no-repeat;
    display: block;
    opacity: 0;
    transition: .5s all;
}

li.fixed_menu_sub[data-has-large-menu = "1"].zoomed .fixed_menu2_menu:before{
    content: "";
    background: url(../img/common/palette_zoomout_icon.png) no-repeat;
}


li.fixed_menu_sub[data-has-large-menu = "1"] .fixed_menu2_menu:hover:before{
    opacity: 1;
}

.open-large-menu-trigger{
    text-align: center;
    font-size: 14px;
    color: #39F;
    cursor: pointer;
    margin: 10px 0;
}

#fixed_menu2 #overlayFixedMenu {
    width: 100%;
    height: 70px;
    background: #000;
    display: none;
    filter: alpha(opacity=40);
    -ms-filter: "alpha(opacity=40)";
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    z-index: 130;
}

.paletteClosedBtn{
    display: none;
}

/** ヘルプサポートパレット **/

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


#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__sydeInfoWrapper,
#helpPalette__wrapper .helpPalette__linksWrapper{
    background:#eee;
}


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

#helpPalette__wrapper .helpPalette__freeDial{
    background-image: url(/cms/img/helpPalette__freeDial.png), linear-gradient(30deg, #EEE, #F6F6F6);
    background-repeat: no-repeat, repeat;
    background-position: left 20px top 48px, left top;
    color: #333;
    padding: 20px;
    background-color: #EEE;
    border-radius: 4px;
    box-shadow: inset 1px 1px rgba(0,0,0,.05), inset -1px -1px rgba(255,255,255,.3);
}

#helpPalette__wrapper .helpPalette__freeDialTitle{
    margin: 0px 0 10px;
    font-size: 18px;
}

#helpPalette__wrapper .helpPalette__freeDialNum{
    font-size: 36px;
    font-weight: bold;
    padding: 0 0 0 55px;
    line-height: 1;
}

#helpPalette__wrapper .helpPalette__freeDialInfo{
    padding: 0 0 0 57px;
}

#helpPalette__wrapper .helpPalette__openDateTime{
    margin:0 15px 0 0;
}

#helpPalette__wrapper .helpPalette__sydeInfo-head{
    margin:0 5px 0 0;
    display: inline-block;
}


#helpPalette__wrapper .helpPalette__questionText{
    font-size:18px;
    margin:0 15px 0 0;
}

#helpPalette__wrapper .helpPalette__questionButton{
    border: none;
    padding: 15px 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: 160px;
    display: inline-block;
}

#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: 0 0 0 25px;
    color: #36f;
    margin: 0 15px 0 0;
    background-position: left center;
    text-decoration:underline;
    cursor:pointer;
}

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

#fixed_menu2 .helpPalette__manualSupportWrapper,
#fixed_menu2 .helpPalette__autoSupportWrapper{
    width: 440px;
    float: left;
    box-sizing: border-box;
    padding: 10px 0 10px 20px;
}

#fixed_menu2 .helpPalette__manualSupportWrapper{
    padding: 10px 20px 10px 0;
}

#fixed_menu2 .helpPalette__autoSupportWrapper{
    width: 440px;
    border-left: 1px dotted #E5E5E5;
}

#fixed_menu2 .helpPalette__manualSupportTitle,
#fixed_menu2 .helpPalette__autoSupportTitle{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    text-align: center;
    margin: 0 0 15px;
    color: #454554;
    font-size: 16px;
    text-shadow: 1px 1px 0 white;
}

#fixed_menu2 .helpPalette__manualSupportTitle span,
#fixed_menu2 .helpPalette__autoSupportTitle span{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 24px;
}

#fixed_menu2 .helpPalette__searchQa,
#fixed_menu2 .helpPalette__popularQuestion{
    margin: 0 0 45px;
}

#fixed_menu2 .helpPalette__trouble{
    position: relative;
    float: left;
    width: 49%;
    margin: 0 2% 0 0;
}

.helpButtonClickedCountDisplay,
.contactMailCountDisplay,
.freeWordSearchCountDisplay{
    width: 25px;
    height: 25px;
    background-color: #333;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    left: -12.5px;
    line-height: 10px;
    padding: 8px 2px;
    position: absolute;
    text-align: center;
    top: -12.5px;
    z-index: 2;
}

#helpBtn .helpButtonClickedCountDisplay {
    top:10px;
}

.contactMailCountDisplay{
    left: auto;
    right: -12.5px;
}

.freeWordSearchCountDisplay{
    right: -12.5px;
    left: auto;
    top: -12.5px;
    z-index: 120;
}

#fixed_menu2 .helpPalette__button-wrap{
    padding-top: 120px;
    margin-bottom: 75px;
}

#fixed_menu2 .helpPalette__button-wrap:after{
    content: "";
    clear: both;
    display: block;
}

#fixed_menu2 .helpPalette__trouble:after{
    content: "";
    background: url(/cms/img/common/edit_1p_trouble_bg.png) no-repeat;
    display: block;
    width: 200px;
    height: 160px;
    position: absolute;
    right: 0;
    bottom: 42px;
    z-index: 0;
}

#fixed_menu2 .helpPalette__trouble-button{
    position: relative;
}

#fixed_menu2 .helpPalette__trouble-button .attention{
    position: absolute;
    bottom: -35px;
    left: 0;
    font-size: 12px;
    font-weight: 400;
    color: #ff7d7d;
}


#fixed_menu2 .helpPalette__trouble-button span,
#fixed_menu2 .helpPalette__mail-button a{
    width: 100%;
    height: 62px;
    padding: 20px 15px;
    background-color: #3c6bbe;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #3c6bbe, #537ec9 50%);
    background-repeat: repeat, no-repeat, repeat;
    background-position: left top, top center, left top;
    box-sizing: border-box;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    color: #FFF;
    position: relative;
    z-index: 1;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(38,70,163,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}


#fixed_menu2 .helpPalette__trouble-button span{
    cursor: pointer;
    background-color: #ee3a3b;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ee3a3b, #FE4C4D 50%);
}

#fixed_menu2 .helpPalette__mail-button a:hover{
    text-decoration: none;
    box-shadow: inset 0 0 100px rgba(0,0,0,.15), inset 1px 1px 4px rgba(38,70,163,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}

#fixed_menu2 .helpPalette__trouble-button span:hover{
    cursor: pointer;
    background-color: #ee3a3b;
    box-shadow: inset 0 0 100px rgba(0,0,0,.15), inset 1px 1px 4px rgba(163,38,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}

#fixed_menu2 .helpPalette__trouble-button span img,
#fixed_menu2 .helpPalette__mail-button a img {
    margin-right: 15px;
}

#fixed_menu2 .helpPalette__mail{
    float: left;
    width: 49%;
    position: relative;
}

#fixed_menu2 .helpPalette__mail:after{
    content: "";
    background: url(/cms/img/common/edit_1p_mail_bg.png) no-repeat;
    display: block;
    width: 200px;
    height: 160px;
    position: absolute;
    left: 0;
    bottom: 34px;
    z-index: 0;
}

#fixed_menu2 .helpPalette_baloonHelp{
    padding: 15px;
    border-radius: 4px;
    background-color: #EEE;
    background-image: linear-gradient(30deg, #EEE, #F6F6F6);
    box-shadow: inset 1px 1px rgba(0,0,0,.05), inset -1px -1px rgba(255,255,255,.3);
}

#fixed_menu2 .helpPalette_baloonHelp .q_and_a_btn{
    position: static;
}

#fixed_menu2 .helpPalette__baloonHelpToggle{
    width: 38px;
    height: 20px;
    display: inline-block;
    border-radius: 10px;
    background: #E0E0E0;
    box-shadow: inset 0 0 5px rgba(0,0,0,.3);
    cursor: pointer;
    margin-left: 15px;
    position: relative;
    vertical-align: middle;
}

body[data-show-baloon-help="1"] #fixed_menu2 .helpPalette__baloonHelpToggle{
    background-color: #587ec1;
}

#fixed_menu2 .helpPalette__baloonHelpToggle:after{
    content: "";
    width: 16px;
    height: 16px;
    background-color:#FFF;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    transition: all .3s;
}

body[data-show-baloon-help="0"] #fixed_menu2 .helpPalette__baloonHelpToggle:after{
    content: "";
    left: 2px;
}

body[data-show-baloon-help="1"] #fixed_menu2 .helpPalette__baloonHelpToggle:after{
    content: "";
    left: 20px;
}

body[data-editting-add-page-setting="1"] .fixed_menu_panel.addPagePallet {
    display: block !important;
    height: auto !important;
}

body .overlayForAddPageSetting {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    z-index: 1001;
    opacity: 0;
}

#fixed_menu2 .helpPalette__sampleItem{
    margin-top: 15px;
}

#fixed_menu2 .helpPalette__sampleItem .sampleOpenLink{
    position: relative;
    color: #36f;
}

#fixed_menu2 .helpPalette__sampleItem .sampleOpenLink:after{
    content: "";
    background-image: url(/cms/img/common/out_link.gif);
    display: inline-block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

#fixed_menu2 .helpPalette__sampleItem .sampleDownloadLink{
    position: relative;
    color: #36f;
    font-weight: bold;
    text-decoration: none;
}

#fixed_menu2 .helpPalette__sampleItem .sampleDownloadLink:hover{
    text-decoration: underline;
}

#fixed_menu2 .helpPalette__searchQa #search_content{
    background: none;
    margin: 20px 0;
}

#fixed_menu2 .helpPalette__searchQa .freeword_wrap {
    margin: 0;
}

#fixed_menu2 .helpPalette__searchQa #search_icon {
    line-height: 1;
    margin: 0;
    padding: 0;
    display: inline;
    vertical-align: bottom;
    border: none;
}

#fixed_menu2 .helpPalette__searchQa #free_search {
    width: calc( 100% - 65px);
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 6px 5px;
}

#fixed_menu2 .helpPalette__searchQa .freeword-attention {
    color: #777;
    font-size: 12px;
    margin: 10px auto;
}

#fixed_menu2 .helpPalette__popularQuestion{
    position: relative;
}

#fixed_menu2 .helpPalette__popularQuestion:after{
    content: "";
    background: url(/cms/img/common/edit_1p_popular_question_bg.png) no-repeat;
    display: block;
    width: 136px;
    height: 193px;
    position: absolute;
    right: -15px;
    bottom: 0px;
    z-index: 2;
}

#fixed_menu2 .helpPalette__popularQuestion-list{
    width: 310px;
}

#fixed_menu2 .helpPalette__popularQuestion-item {
    background-image: url("/cms/img/common/icon_q.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    font-size: 14px;
    margin: 0 0 10px;
}

#fixed_menu2 .helpPalette__movie .youtube-link{
    text-align: right;
    margin-top: 10px;
}

#fixed_menu2 .helpPalette__movie-list:after{
    content: "";
    clear: both;
    display: block;
}


#fixed_menu2 .helpPalette__movie-item{
    width: calc( 100% / 3 - 7px);
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    transition: all .3s;
}

#fixed_menu2 .helpPalette__movie-item:hover{
    opacity: .7;
}

#fixed_menu2 .helpPalette__movie-item:nth-last-of-type(1){
    margin: 0;
}

#fixed_menu2 .helpPalette__movie-item a{
    width: 100%;
    display: block;
}

#fixed_menu2 .helpPalette__movie-item a img{
    max-width: 100%;
}

#fixed_menu2 .helpPalette__subTitle{
    color: #333;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 5px;
    margin: 0 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 -1px rgba(255,255,255,.3);
}

#fixed_menu2 .helpPalette__subButtons{
    width: 260px;
    box-sizing: border-box;
    position: absolute;
    background-color: #f1f1f1;
    padding: 2px 5px 2px 20px;
    margin: 0px 0 0;
    color: #999;
    right: 0;
    border-radius: 5px;
    bottom: -60px;
    font-size: 11px;
}

#fixed_menu2 .helpPalette__subButtons .helpPalette__sendBrowser{
    display: inline-block;
    text-align: center;
    width: 120px;
    background: #36f;
    border-radius: 10px;
    padding: 1px 1px 0px;
    color: #FFF;
    text-decoration: none;
    margin-left: 16px;
}

#fixed_menu2 .helpPalette__subButtons .helpPalette__sendBrowser:link,
#fixed_menu2 .helpPalette__subButtons .helpPalette__sendBrowser:visited{
    text-decoration: none;
    color: #FFF;
}

#fixed_menu2 .helpPalette__wrapper:after{
    content: "";
    clear: both;
    display: block;
}

#fixed_menu2 .support_staff_name {
    position: relative;
    margin-right: 15px  ;
}

#fixed_menu2 .sp_br{
    display: none;
}

/**デキテルMAX個別相談用のビデオチャットのリンク**/
#fixed_menu2 .helpPalette__videoChatRoomLink-wrap{
    width: 420px;
    align-items: center;
    display: flex;
    position: absolute;
    right: 0;
    text-align: left;
    top: 95px;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkOuter .helpPalette__dailyIcon{
    width: 50px;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkOuter .helpPalette__videoChatRoomCaption{
    text-decoration: none;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkOuter .helpPalette__videoChatRoomCaption:after{
    content: url(/cms/img/common/arrow004.gif);
    opacity: 0.5;
    display: inline-block;
    margin: 0 4px 0 4px;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkOuter .helpPalette__videoChatRoomLink{
    color: #36f;
    cursor: pointer;
    text-decoration: underline;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkOuter .helpPalette__videoChatRoomLink.clickedRoomLink{
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkInputOuter{
    opacity: 0;
    margin: 0 0 0 15px;
    transition: 0s;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkInputOuter[data-pass-inputarea-display="1"]{
    opacity: 1;
    transition: 0s;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkInputOuter .helpPalette__videoChatRoomLinkInputTextarea{
    width: 100px;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkInputOuter .helpPalette__videoChatRoomLinkInputButton{
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 2px;
    background-color: #ffaa00;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%);
    background-repeat: repeat, no-repeat, repeat;
    background-position: left top, top center, left top;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkInputError{
    width: 170px;
    margin: 0 5px 0 0;
    opacity: 0;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 118px;
    transition: .3s;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkInputError[data-error-message-display="1"]{
    opacity: 1;
    transition: .3s;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkInputError .helpPalette__videoChatRoomLinkInputErrorMessage{
    color: #ff8d8d;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkInputError .helpPalette__videoChatRoomLinkInputErrorMessage.inputPassCorrect{
    color: #00a963;
    font-weight: bold;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkInputError .helpPalette__loader{
    width: 15px;
    position: absolute;
    top: 0;
    right: -20px;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkInputError .helpPalette__loader[data-loader-display="0"]{
    display: none;
}

#fixed_menu2 .helpPalette__videoChatRoomLinkInputError .helpPalette__loader[data-loader-display="1"]{
    display: block;
}


/** メニューパレット **/

#fixed_menu2 .paletteMenuMainItem {
    width: 120px;
    height: 120px;
    background: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster.png), linear-gradient(315deg, #e4e4e4,#eee 50%);
    background-repeat: repeat, no-repeat;
    background-position: left top, top center;
    border-radius: 3px;
    box-shadow: inset  1px 1px 4px rgba(0,0,0,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    box-sizing: border-box;
    color: #303236;
    display: inline-block !important;
    float: left;
    font-size: 14px;
    margin-bottom: 20px !important;
    margin-right: 0px;
    padding-top: 45px !important;
    position: relative;
    text-align: center;
    transition: 0.3s;
}

#fixed_menu2 .paletteMenuMainItem.mainMenu,
#fixed_menu2 .paletteMenuMainItem.basicInfo, 
#fixed_menu2 .paletteMenuMainItem.privateInfo,
#fixed_menu2 .paletteMenuMainItem.ecPanel {
    width: calc(50% - 10px);
    height: 80px;
}

#fixed_menu2 .paletteMenuMainItem.mainMenu,
#fixed_menu2 .paletteMenuMainItem.privateInfo{
    margin-right: 20px;
}

#fixed_menu2 .paletteMenuMainItem.privateInfo{
    padding-top: 40px !important;
}

#fixed_menu2 .paletteMenuMainItem:hover{
    background: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster.png), linear-gradient(315deg, #e1e1e1,#ededed 50%);
    background-repeat: repeat, no-repeat;
    background-position: left top, top center;
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
    text-decoration: none;
}

#fixed_menu2 .paletteMenuMainItem:before{
    position: absolute;
    left: 50%;
    top: 17px;
    transform: translate(-50%, 0%);
}

#fixed_menu2 .paletteMenuMainItem.mainMenu:before {
    content: url(/cms/img/palette/menu_edit_mainmenu.png);
    top: 20px;
}

#fixed_menu2 .paletteMenuMainItem.basicInfo:before {
    content: url(/cms/img/palette/menu_edit_company.png);
}

#fixed_menu2 .paletteMenuMainItem.privateInfo:before {
    content: url(/cms/img/palette/menu_edit_private.png);
}

#fixed_menu2 .paletteMenuMainItem.ecPanel:before {
    content: url(/cms/img/palette/menu_edit_ec.png);
}


.leadConversionButtonEditor:after{
    content: "NEW";
    background: #f77;
    color: #fff;
    text-decoration: none !important;
    position: absolute;
    margin: 0 0 0 5px;
    font-size: 12px;
    padding: 0 10px;
    border-radius: 10px;
}


/* metaタグ全体編集機能関連 */
#fixed_menu2 .palleteItem--metatag{
    position: relative;
}

#fixed_menu2 .link-edit_all_meta{
    background: url(../img/common/next_txt_arw.png), url(/cms/img/common/palette_btn_dot.png), linear-gradient(to bottom, #f3f3f3 50%, #eaeaea 50%);
    background-repeat: no-repeat, repeat, repeat;
    background-position: left 7px center, left top, left top;
    font-size: 12px;
    line-height: 1;
    padding: 5px 10px 5px 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform:translateY(-50%);
    box-shadow: inset 1px 1px 4px rgba(100,38,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: .3s;
}

#fixed_menu2 .link-edit_all_meta:hover{
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
    background: url(../img/common/next_txt_arw.png), url(/cms/img/common/palette_btn_dot.png), linear-gradient(to bottom, #eeeeee 50%, #e4e4e4 50%);
    background-repeat: no-repeat, repeat, repeat;
    background-position: left 7px center, left top, left top;
    text-decoration: none;
}

/** デザインパレット **/

#fixed_menu2 #design_chng .fixed_menu_panel {
    width: 860px;
}

#fixed_menu2 .paletteOrder{
    color: #999;
    float: left;
    font-size: 10px;
    margin: 0 5px 0 0;
}

#fixed_menu2 .unavailableChangeDesign .paletteMenuHeader {
    margin: 0 0 10px;
}

#fixed_menu2 .designPaletteSearchOuter {
    display: inline-block;
    margin: 0 0 0 20px;
}

#fixed_menu2 .designPaletteSearchInput {
    padding: 5px 10px;
    box-sizing: border-box;
    width: 220px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 13px;
}

#fixed_menu2 .designPaletteSearchIconOuter {
    float: right;
    margin: 0 0 0 3px;
}

#fixed_menu2 .designPaletteSearchIcon {
    width: 30px;
    cursor: pointer;
}

#fixed_menu2 .unavailableChangeDesign .sideBarListOuter {
    float: none;
}

#fixed_menu2 .designListOuter.unavailableChangeDesign {
    float: none;
    margin: 0 0 30px;
}

#fixed_menu2 .unavailableChangeDesign .originalIconOuter {
    float: none !important;
    display: block;
}

#fixed_menu2 .unavailableChangeDesign + .fontListOuter {
    float: none;
}

#fixed_menu2 .unavailableChangeDesign ~ .fontListOuter {
    float: none;
    margin: 0px;
}

#fixed_menu2 .unavailableChangeDesign ~ .clearfix {
    display: none;
}


/** メイン画像パレット **/

#fixed_menu2 #fixed_menu_panel_edit_movie {
    margin-left: -211px;
}

#fixed_menu2 .paletteButtonMainImageOuter{
    margin: 0 0 30px;
}

#fixed_menu2 .paletteButtonMainImageOuter a,
#fixed_menu2 .paletteButtonMainImageOuter span{
    border-bottom: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 -1px rgba(255,255,255,.3);
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    margin: 0 0 15px;
}

#fixed_menu2 .paletteButtonMainImageOuter a.js-otherFastUploadTrigger {
    border-bottom: none;
    margin: 0;
}

#fixed_menu2 .movie_change {
    border-bottom: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 -1px rgba(255,255,255,.3);
    clear: both;
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 120%;
    margin: 0 0 15px;
    padding : 0 0 5px;
    text-align: left;
}

#fixed_menu2 .otherFastUploadTriggerOuter[data-tsh="slider01"] {
    width: calc(100% / 3 - 10px);
    display: inline-block;
    margin-right: 10px;
}



#fixed_menu2 .otherFastUploadTriggerOuter .js-otherFastUploadTrigger[data-tsh="slider01"] {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}



#fixed_menu2 .otherFastUploadTriggerOuter .js-otherFastUploadTrigger[data-tsh="slider01"] .otherPict {
    width: 203px;
    height: 90px;
    border-radius: 3px;
}



#fixed_menu2 .otherPictEditBtn[data-tsh-type="slider01"] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    background: rgb(255, 255, 255);
    padding: 3px;
    border: 1px solid rgb(204, 204, 204);
    display: block;
    box-sizing: border-box;
    z-index: 121;
}

#fixed_menu2 .otherPictEditBtn[data-tsh-type="slider01"][data-linkable="0"][data-deletable="0"] {
    width: 28px;
    margin: 0;
}


#fixed_menu2 .otherPictEditBtn[data-tsh-type="slider01"] .otherImageFixTrigger {
    max-width: 20px !important;
    max-height: 20px !important;
    display: inline-block;
    background-position: center center !important;
    float: left;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-color: #454545;
    border-radius: 5%;
    vertical-align: bottom;
    margin: 0 !important;
    border-bottom: none;
}

#fixed_menu2 .otherPictEditBtn[data-tsh-type="slider01"] .otherImageFixTrigger[data-fix-type="link"] {
    display: none;
}

#fixed_menu2 .otherPictEditBtn[data-tsh-type="slider01"] .otherImageFixTrigger[data-deletable="0"] {
    display: none;
}

#fixed_menu2 .otherPictEditBtn[data-tsh-type="slider01"] .otherImageFixTrigger .otherImageFixController {
    max-width: 20px !important;
    max-height: 20px !important;
    min-height: 18px;
    display: inline-block;
    padding: 0;
    width: 100%;
    background: none;
    margin: 0;
}

#fixed_menu2 .movie_img_chng{
    width: 60px;
    height: 25px;
    display: inline-block;
    float: left;
    margin: 0 4px 5px 0;
}

/** 実例パレット **/

#fixed_menu2 .add_examplewidth .fixed_menu_panel{
    width: 960px;
    max-height: 511px;
    overflow-y: auto;
}

#fixed_menu2 .fixed_menu_panel.zoom{
    width: calc(100vw - 58px);
    height: calc(100vh - 90px);
    box-shadow: 5px 10px 20px rgba(0,0,0,0.2);
    position: fixed;
    left: 50%;
    top: 50px; /* other_service_panel => 70px に */
    margin: 0;
    max-height: none;
    box-sizing: border-box;
    overflow-y: scroll;
    transform-origin: center top;
    -webkit-transform : translate(-50%,0%);
    transform : translate(-50%,0%);
}

#fixed_menu2 .add_examplewidth h3 {
    color: #EC726C;
    font-size: 14px;
}

#fixed_menu2 .introduceCaseHeaderCaptionOuter{
    display: inline-block;
    float: right;
}

#fixed_menu2 .introduceCaseHeaderCaption{
    color: #333;
    margin-right:10px;
}

#fixed_menu2 .leadIntroduceCaseDetail{
    color: #36f;
    text-decoration: none;
    position: relative;
    padding-right: 10px;
}

#fixed_menu2 .leadIntroduceCaseDetail:hover{
    text-decoration: underline;
}

.introduceSlideWrapper{
    overflow: hidden;
}

#fixed_menu2 .leadIntroduceCaseDetail:after{
    content: "";
    background-image: url(/cms/img/common/out_link.gif);
    display: inline-block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    top: 4px;
    right: -5px;
}

.introduceCaseHeaderOuter{
    position: relative;
    margin-bottom: 15px;
}

.switchShowMethod{
    position: absolute;
    right: 40px;
    bottom: 50px;
    width: 350px;
}

.switchingShowCaseOuter{
    display: none;
    justify-content: space-between;
}

.switchShowMethod[data-showed-method="random"] .showedRandomCasesOuter,
.switchShowMethod[data-showed-method="menu"] .showedSortMenuCasesOuter{
    display: flex;
}

#fixed_menu2 .showedSwitch{
    display: inline-block;
    color: #36f;
    font-family: "Noto Sans JP";
    text-decoration: underline;
    cursor: pointer;
}

.showedSwitch:hover{
    text-decoration: none;
}

#fixed_menu2 .showing{
    display: inline-block;
    color: #333;
    font-family: "Noto Sans JP";
    font-weight: bold;
}

.successCaseBlock{
    width: 800px;
    height: 360px;
    box-sizing: border-box;
}

#fixed_menu2 .fixed_menu_panel_inner:has(.introduceCaseHeaderOuter) .introducePrevArrow{
    padding-top: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    background-image: url(/cms/img/common/design_pallet_thumb_arrow_left_first.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 40px;
    cursor: pointer;
    z-index: 10;
    color: #555;
    font-family: "Noto Sans JP";
}

#fixed_menu2 .fixed_menu_panel_inner:has(.introduceCaseHeaderOuter) .introduceNextArrow{
    padding-top: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    background-image: url(/cms/img/common/design_pallet_thumb_arrow_right_last.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 40px;
    cursor: pointer;
    z-index: 10;
    color: #555;
    font-family: "Noto Sans JP";
}

#fixed_menu2 .addPageHeaderOuter {
    margin: 0 0 15px;
}

#fixed_menu2 .caseOuter{
    position: relative;
}

#fixed_menu2 .caseOuter a{
    position: relative;
    z-index: 5;
}

#fixed_menu2 .caseOrder{
    width: 20px;
    height: 20px;
    position: absolute;
    left: -10px;
    top: -10px;
    background-color: #587ec1;
    background-image: linear-gradient(315deg, #587ec1, #8face0);
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.15), inset 1px 1px 1px rgba(255,255,255,0.3);
    color: #fff;
    line-height: 20px;
    transform: scale(0.9) translateY(-1px);
    text-align: center;
    border-radius: 100%;
    font-weight: bold;
    font-size: 10px;
    z-index: 6;
}

#fixed_menu2 .shop_example{
    font-size:14px;
    max-height: 383px;
}

#fixed_menu2 .fixed_menu_panel.examplePallet .shop_example {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    transition: all 0.3s;
}

#fixed_menu2 .shop_example li {
/*    float: left;
    margin: 0 25px 15px 0;
    width: 423px;
    max-height: 138px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 -1px rgba(255,255,255,.3);*/
}

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

#fixed_menu2 .shop_example li h4 {
    margin-bottom: 15px;
    font-size: 14px;
    color:#333;
    line-height: 110%;
}

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

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

#fixed_menu2 .shop_example li.example_right{
    margin: 0 0 20px;
}

#fixed_menu2 .shop_example li img {
    float: left;
    margin: 0 10px 0 0;
    z-index: 5;
    width: 160px;
}

#fixed_menu2 .zoom .shop_example li {
    width: calc( 25% - 25px );
    margin: 0 20px 25px 0;
    height: 150px;
    border-bottom: 1px dashed #ccc;
}

#fixed_menu2 .zoom .shop_example li:nth-child(even){
    margin: 0 35px 35px 0;
}

#fixed_menu2 .zoom .shop_example li:nth-of-type(4n){
    margin: 0 0 35px 0;
    border-bottom: 1px dashed #ccc;
}

#fixed_menu2 .zoom .shop_example> li:nth-child(4n-1):nth-last-child(1),
#fixed_menu2 .zoom .shop_example> li:nth-child(4n-2):nth-last-child(1),
#fixed_menu2 .zoom .shop_example> li:nth-child(4n-2):nth-last-child(2),
#fixed_menu2 .zoom .shop_example> li:nth-child(4n-3):nth-last-child(1),
#fixed_menu2 .zoom .shop_example> li:nth-child(4n-3):nth-last-child(3){
    margin-bottom:0 ;
}





@media screen and (max-width:1550px){
    #fixed_menu2 .zoom .shop_example li {
        width: calc( 33.3% - 25px);
        margin: 0 35px 35px 0;
        height: 150px;
        border-bottom: 1px dashed #ccc;
    }

    #fixed_menu2 .zoom .shop_example li:nth-of-type(4n){
        margin: 0 35px 35px 0;
        border-bottom: 1px dashed #ccc;
    }

    #fixed_menu2 .zoom .shop_example li:nth-of-type(3n){
        margin: 0 0 35px 0;
        border-bottom: 1px dashed #ccc;
    }

    #fixed_menu2 .zoom .shop_example > li:nth-last-of-type(1),
    #fixed_menu2 .zoom .shop_example > li:nth-last-of-type(2),
    #fixed_menu2 .zoom .shop_example > li:nth-last-of-type(3){
        margin-bottom:0;
        border-bottom:none;
    }


    #fixed_menu2 .zoom .shop_example> li{
        margin-bottom: 35px !important;
        border-bottom: 1px dashed #ccc !important;
    }

    #fixed_menu2 .zoom .shop_example> li:nth-child(3n-1):nth-last-child(1),
    #fixed_menu2 .zoom .shop_example> li:nth-child(3n-2):nth-last-child(1),
    #fixed_menu2 .zoom .shop_example> li:nth-child(3n-2):nth-last-child(2){
        margin-bottom:0 !important;
        border-bottom:none !important;
    }

}

@media screen and (max-width:1180px){
    #fixed_menu2 .zoom .shop_example li {
        width: calc( 50% - 25px);
        margin: 0 35px 35px 0;
    }

    #fixed_menu2 .zoom .shop_example li:nth-of-type(3n){
        margin: 0 35px 35px 0;
        border-bottom: 1px dashed #ccc;
    }

    #fixed_menu2 .zoom .shop_example li:nth-of-type(2n){
        margin: 0 0 35px 0;
        border-bottom: 1px dashed #ccc;
    }

    #fixed_menu2 .zoom .shop_example> li:nth-last-of-type(1),
    #fixed_menu2 .zoom .shop_example> li:nth-last-of-type(2){
        margin-bottom:0;
        border-bottom:none;
    }

    #fixed_menu2 .zoom .shop_example> li{
        margin-bottom: 35px !important;
        border-bottom: 1px dashed #ccc !important;
    }

    #fixed_menu2 .zoom .shop_example> li:nth-child(3n-1):nth-last-child(1),
    #fixed_menu2 .zoom .shop_example> li:nth-child(3n-2):nth-last-child(1),
    #fixed_menu2 .zoom .shop_example> li:nth-child(3n-2):nth-last-child(2){
        margin-bottom:0 !important;
        border-bottom:none !important;
    }

}

@media screen and (max-width:840px){
    #fixed_menu2 ul.fixed_menu_panel.examplePallet.zoom{
        width: 770px;
    }
}


.shop_example__indent{
    min-height:44px;
    line-height: 100%;
}

#fixed_menu2 .shop_example__indent{
    min-height:44px;
}

#fixed_menu2 .stringIcon__shopExample {
    font-size: 11px;
    font-weight: normal;
    background-color: #ec726c;
    padding: 0px 5px;
    border-radius: 2px;
}

#fixed_menu2 .shop_example_link{
    background: url(/cms/img/common/palette_btn_dot.png), linear-gradient(to bottom, #f3f3f3 50%, #eaeaea 50%);
    border-radius: 3px;
    color: #303236 !important;
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
    padding: 2px 30px;
    text-decoration: none !important;
    box-shadow: inset  1px 1px 4px rgba(0,0,0,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}

#fixed_menu2 .shop_example_link:hover{
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}

#fixed_menu2 .shop_example__shopInfo{
    color: #333;
    margin:0 0 15px;
}
#fixed_menu2 .shop_example__shopInfo .shopName{
    display: block;
}

#fixed_menu2 .shop_example__shopInfo .pref,
#fixed_menu2 .shop_example__shopInfo .city{
    font-size:12px;
}

#fixed_menu2 .casePageTitle{
    margin: 0 5px 0 0;
}

#fixed_menu2 .casePageBody{
    font-weight: normal;
    font-size: 12px;
}

#fixed_menu2 .caseMore{
    font-weight: normal;
    background-image: url(/cms/img/common/out_link.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 13px;
    background-size: 10px;
    margin-left: 5px;
    font-size:12px;
    display: inline-block;
}

/** サイト診断パレット **/

#fixed_menu2 .add_diagnose_width{
    width: 600px;
    margin-left: -320px;
}

#fixed_menu2 .diagnosePalette,
#fixed_menu2 .addPagePallet{
    width: 780px;
    box-sizing: border-box;
    font-size: 14px;
    padding: 0;
}

#fixed_menu2 .diagnosePalette .diagnoseDataOuter {
    margin: 20px 30px 30px;
}

#fixed_menu2 .diagnosePalette .paletteMenuHeader{
    padding-right:75px;
}

.diagnose_data{
    width:360px;
    display: inline-block;
}

.diagnose_data p {
    font-size:16px;
    line-height:180%;
}

#detail_btn {
    margin: 0 0 10px;
}

.site_access_area {
    margin: 0 0 10px;
}

.s_matrics{
    width: 100%;
    font-size:14px;
}

.s_matrics th,
.s_matrics td{
    color: #333;
    line-height: 160%;
    padding: 10px;
    font-size:12px;
}

.s_matrics th{
    background-color: #EEE;
    background-image: linear-gradient(30deg, #ECECEC, #F6F6F6);
    box-shadow: inset 1px 1px rgba(0,0,0,.075), inset -1px -1px rgba(255,255,255,.3);
    font-weight: normal;
    text-align: left;
}

.s_matrics td{
    background-color: #FFF;
    letter-spacing:0.5px;
    box-shadow: inset 1px 1px rgba(0,0,0,.03), inset -1px -1px rgba(0,0,0,.015);
}

.addPageHistoryTableOuter .s_matrics td {
    border: 1px solid #eee;
}

.site_acc_rank{
    color:#EC726C;
    margin:0 0 30px;
}

.site_acc_data{
    margin:0 0 45px;
}

.site_acc_data .addPageHistoryLink {
    font-size: 12px;
    text-decoration: underline;
    color: #36F;
    letter-spacing: 0.3px;
    cursor: pointer;
    position: relative;
    padding-right: 12px;
    margin-left: 3px;
    display: inline-block;
}

.site_acc_data .addPageHistoryLink:after {
    content: "";
    background: url(/cms/img/arrow/arrowDown.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 9px;
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    background-size: contain;
}

.site_acc_data .addPageHistoryLink[data-table-showing="1"]:after {
    background: url(/cms/img/arrow/arrowUp.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.site_acc_data .addPageHistoryLink:hover {
    text-decoration: none;
}

.site_acc_data .pageCount {
    font-size: 12px;
}

.addPageHistoryTableOuter {
    scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/
    -ms-overflow-style: none;/*Internet Explore対応のスクロールバー非表示コード*/
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 125px;
    margin-top: -2px;
    padding-bottom: 1px;
    display: none;
}

.addPageHistoryTableOuter[data-show="1"] {
    display: block;
}

.addPageHistoryTableOuter[data-show="1"].header {
    margin: 5px 0 0;
}


.addPageHistoryTableOuter.header::-webkit-scrollbar {
    display: none;
}

.addPageHistoryTableOuter.row .s_matrics {
    width: 100%;
}

.addPageHistoryTableOuter.row::-webkit-scrollbar {
    width: 3px;
}

.addPageHistoryTableOuter.row::-webkit-scrollbar-track {
    background-color: #eee;
}

.addPageHistoryTableOuter.row::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.addPageHistoryTableOuter.header .number {
    width: 21px;
    padding: 2px 5px;
    font-size: 12px;
    text-align: center;
    background-color: #444;
    background-image: linear-gradient(to bottom, #555555, #444444);
    border: none;
    position: sticky;
    box-shadow: none;
}

.addPageHistoryTableOuter .addTimeHeader {
    padding: 2px 5px;
    width: 103px;
    text-align: center;
    background: none;
    font-size: 12px;
    background-color: #444;
    background-image: linear-gradient(to bottom, #555555, #444444);
    color: #fff;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    border: none;
    box-shadow: none;
}

.addPageHistoryTableOuter .pageTitleHeader {
    padding: 2px 5px;
    background-color: #444;
    background-image: linear-gradient(to bottom, #555555, #444444);
    color: #fff;
    text-align: center;
    font-size: 12px;
    position: sticky;
    top: 0;
    left: 0;
    width: 200px;
    z-index: 1;
    border: none;
    box-shadow: none;
}

.addPageHistoryTableOuter.row .number {
    width: 30px;
    font-size: 10px;
    text-align: center;
    background: none;
    padding: 3px 0;
}

.addPageHistoryTableOuter .addTime {
    width: 110px;
    text-align: left;
    background: none;
    font-size: 12px;
    padding: 5px 10px;
}

.addPageHistoryTableOuter .titleLink {
    position: relative;
}


.addPageHistoryTableOuter .privateString {
    color: #959595;
    background: #dbdbdb;
    font-size: 10px;
    padding: 2px 5px 0px;
    display: inline-block;
    margin-left: 2px;
    line-height: 1.25;
    border-radius: 3px;
}

.addPageHistoryTableOuter .addPageTitle {
    background: none;
    text-align: left;
    font-size: 12px;
    padding: 5px 10px;
    width: 200px;
    box-sizing: border-box;
}

.addPageCountOuter {
    display: none;
}

.addPageCountOuter[data-show="1"] {
    display: table-row;
}

.addPageCountOuter th {
    background-color: #CCC;
    background-image: linear-gradient(30deg, #CCC, #DDD);
}

.page_view{
    font-size:36px;
}

.page_view__empty{
    font-size:24px;
    padding:0 5px;
    vertical-align: middle;
}

.diagnose_ranking__wrap{
    font-size:14px !important;
}

.diagnose_data .diagnose_dktlmax{
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    background-color: #EEE;
    background-image: linear-gradient(30deg, #ECECEC, #F6F6F6);
    box-shadow: inset 1px 1px rgba(0,0,0,.075), inset -1px -1px rgba(255,255,255,.3);
    border-radius:4px;
}

.diagnose_dktlmax:after{
    content: "";
    clear: both;
    display: block;
}

.diagnose_data .diagnoseImgbox{
    width: 42.5%;
    margin: 0 10px 0 0;
    float: left;
}

.diagnose_data .diagnoseImg{
    max-width: 100%;
}

.diagnose_data .diagnoseBody{
    color: #333;
    font-size: 14px;
    line-height: 150%;
}

.diagnose_graph{
    width:300px;
    position:relative;
    display: inline-block;
    margin-left: 20px;
    float: right;
}

.diagnose_graph img {
    position:static !important;
    margin:0 0 15px;
}

.graph_bg{
    position: absolute;
    z-index: 0;
}

.graph_bg--triangle{
    width: 216px;
    height: 216px;
    background: url(../img/common/radar_chart_bg.png) no-repeat center center;
    top: 12px;
    left: 42px;
}

.graph_bg--square{
    width: 208px;
    height: 208px;
    background: url(../img/common/radar_chart_bg_square.png) no-repeat center center;
    top: 15px;
    left: 39px;
}

.graph_kbn{
    color: #333;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 25px;
}

.status_rank_up{
    color: #ff4500;
    font-size: 14px;
}

.status_rank_down{
    color: #06f;
    font-size: 14px;
}

a.access_analy,
a.access_rank_link,
a.seo_report_link{
    font-size:12px;
    color: #06f;
}

a.access_analy:hover,
a.access_rank_link:hover,
a.seo_report_link:hover{
    text-decoration: underline;
}

.margin_b10{
    margin:0 0 10px;
    display: block;
}

span.to_optionplan{
    background: url(../img/common/new_icon_2016.gif) no-repeat 0 2px;
    font-size: 12px;
    color: #000;
    line-height: 160%;
    padding: 0px 0 0px 40px;
    margin: 0 0 5px;
    display: inline-block;
}


.diagnoseLinks .current{
    color: #333;
    margin:0 10px 0 0;
}

.diagnosePalette .unopenedLabel{
    position: absolute;
    right: 0;
    bottom: 0;
    background: #aaa;
    color: #fff;
    padding: 2px 8px;
    letter-spacing: 1px;
    margin: 0;
    border-radius: 2px;
    font-size:12px;
}

.diagnoseHead{
    color: #666;
    font-size: 12px !important;
    font-weight: bold;
    margin: 0 0 5px;
    letter-spacing: 1px;
}

#fixed_menu2 .option_link,
#fixed_menu2 .option_link2{
    background: #EC726C;
    clear: both;
    color: #FFF;
    padding: 0px 10px;
    border-radius: 3px;
    font-size: 14px;
    text-decoration: none;
    margin: 0 0 20px;
    display: block;
    width: 160px;
    text-align: center;
    line-height: 180%;
}

#fixed_menu2 .option_link:hover,
#fixed_menu2 .option_link2:hover{
    background: #EA635B;
}

#fixed_menu2 .option_link2{
    padding: 5px 10px;
    width: 240px;
}

#fixed_menu2 .inline_option_link{
    background: url(/cms/img/common/palette_btn_dot.png), linear-gradient(to bottom, #e9635b 50%, #e05a52 50%);
    clear: both;
    color: #FFF;
    padding: 2px 20px 1px;
    border-radius: 3px;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    line-height: 180%;
    margin: 10px 0 0;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(100,38,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}

#fixed_menu2 .inline_option_link:hover{
    box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(100,38,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}

.advice_ttl,
.seo_kaiseki_ttl{
    color: #EC726C;
    margin: 0 0 5px;
}

.adv_list{
    color: #333;
}

.seo_kaiseki_text{
    color: #333;
}

/** 前に戻るパレット **/

#fixed_menu2 .cz_btn .czContent{
    border-bottom: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 -1px rgba(255,255,255,0), inset 1px 1px 4px rgba(0,0,0,0), inset 1px 1px rgba(0,0,0,0), inset -1px -1px rgba(255,255,255,.6);
    display: block;
    padding: 11px 0 10px;
    background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0));
    transition: 0.3s;
    border-radius: 3px;
    text-decoration: none;
    text-align: left;
}

#fixed_menu2 .cz_btn .czContent:hover{
    width: calc( 100% - 14px);
    background: linear-gradient(to left, #eee, #f3f3f3);
    box-shadow: 0 -1px rgba(255,255,255,.3), inset 1px 1px 4px rgba(0,0,0,0.1), inset 1px 1px rgba(0,0,0,.1), inset -1px -1px rgba(255,255,255,.6);
    padding: 11px 5px 10px 9px;
}

#fixed_menu2 .cz_btn .paletteMenuOuter {
    overflow-y: auto;
    padding: 30px 10px 0 0;
    max-height: 480px;
}

#fixed_menu2 .cz_btn .paletteMenuOuter[data-show="0"] {
    display: none;
}

#fixed_menu2 .cz_btn .paletteMenuOuter .noneCzString {
    text-align: center;
}

#fixed_menu2 .czContent:before {
    content : attr(data-order);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #AAA;
    display: inline-block;
    font-size: 10px;
    line-height: 22px;
    letter-spacing: 1px;
    transform: scale(0.9) translateY(-1px);
    margin-right: 5px;
    text-align: center;
    box-shadow: inset 0 0 0 1px #d3d3d3, inset 3px 3px 5px rgba(0,0,0,0.05);
}

#fixed_menu2 .cz_btn a.palette_menu1:after{
    content:"";
    display: block;
    clear: both;
}

#fixed_menu2 .cz_btn h2{
    display: inline-block;
}

#fixed_menu2 .czPalette__lead{
    color: #333;
    float: right;
}

/** info・ご紹介・制作代行パレット **/

.palette-icons-list{
    position:relative;
    float:left;
    text-align:center;
    margin-left:5px;
}

.palette-icons-list .palette-icon{
    cursor:pointer
}

.palette-icon-wrap{
    float:left;
    text-align:left;
    height:50px;
}

.palette-icon{
    width: 46px;
    height: 32px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #484848;
    border-radius: 1px;
    margin: 9px 0 9px 5px;
    border:1px solid #5f5f5f;
}

.palette--info .palette-icon{
    background-image: url(/cms/img/common/palette_edit_info_h.png), linear-gradient(315deg, #555, #444 50%);
    position: relative;
    margin: 9px 0;
}

.palette-icon:last-of-type{
    margin:0;
}

.palette-icon--info:before{ /* 共通 */
    width: 24px;
    height: 16px;
    background-image: url(../img/common/palette_newarrival_count_10_over.png);
    background-color: #fd4c4c;
    background-size: contain;
    border-radius: 8px;
    content: "";
    display: block;
    left: 35px;
    position: absolute;
    top: -5px;
    z-index: 1;
}

.palette-icon--info.poyon-unread:before{
    animation: poyonUnreadCount .8s alternate;
}


@keyframes poyonUnreadCount {
      0%   { transform: scale(1.0, 1.0) translate(0%, 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%); }
}

.palette-icon--info:after{
    content: "";
    width: 16px;
    height: 16px;
    background-color: #fd4c4c;
    background-size: contain;
    border-radius: 8px;
    display: block;
    left: 35px;
    position: absolute;
    top: -5px;
    z-index: 0;
}

.palette-icon--info[data-unread-count = "0"]:after{
    content: "";
    display: none;
}


.palette-icon--info[data-unread-count = "0"]:before{
    width: 16px;
    height: 16px;
    content: "";
    background-color: transparent;
    background-image: none;
    background-size: contain;
    left: 35px;
}

.palette-icon--info[data-unread-count = "1"]:before{
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../img/common/palette_newarrival_count_1.png);
    background-size: contain;
    left: 35px;
}

.palette-icon--info[data-unread-count = "2"]:before{
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../img/common/palette_newarrival_count_2.png);
    background-size: contain;
    left: 35px;
}

.palette-icon--info[data-unread-count = "3"]:before{
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../img/common/palette_newarrival_count_3.png);
    background-size: contain;
    left: 35px;
}

.palette-icon--info[data-unread-count = "4"]:before{
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../img/common/palette_newarrival_count_4.png);
    background-size: contain;
    left: 35px;
}

.palette-icon--info[data-unread-count = "5"]:before{
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../img/common/palette_newarrival_count_5.png);
    background-size: contain;
    left: 35px;
}

.palette-icon--info[data-unread-count = "6"]:before{
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../img/common/palette_newarrival_count_6.png);
    background-size: contain;
    left: 35px;
}

.palette-icon--info[data-unread-count = "7"]:before{
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../img/common/palette_newarrival_count_7.png);
    background-size: contain;
    left: 35px;
}

.palette-icon--info[data-unread-count = "8"]:before{
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../img/common/palette_newarrival_count_8.png);
    background-size: contain;
    left: 35px;
}

.palette-icon--info[data-unread-count = "9"]:before{
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../img/common/palette_newarrival_count_9.png);
    background-size: contain;
    left: 35px;
}

.palette-icon--info[data-unread-count = "10"]:before{
    width: 16px;
    height: 16px;
    content: "";
    background-image: url(../img/common/palette_newarrival_count_10.png);
    background-size: contain;
    left: 35px;
}


@keyframes unreadCountSonar {
    0% {
        opacity: .3;
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255,255,255,.4),0 0 8px 8px #344453,0 0 0 8px rgba(255,255,255,.8)
    }

    100% {
        opacity: 0;
        box-shadow: 0 0 0 2px rgba(255,255,255,.4),0 0 8px 8px #344453,0 0 0 8px rgba(255,255,255,.8);
        transform: scale(1.5);
    }
}


.agency-regist .palette-icon{
    background-image: url(/cms/img/common/palette_edit_agent_h.png), linear-gradient(315deg, #555, #444 50%);    
}

.slide-palette-contents-wrap{
    display:none;
    width: 400px;
    position: absolute;
    top: 50px;
    left:-100px;
    right:0;
    margin:0 auto;
    background-color:#f9f9f9;
    background-image: url(../img/common/palette_bg_small.png), radial-gradient(farthest-corner at right bottom, #f9f9f9, #fcfcfc 70%, #f9f9f9 70%);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 20px;
    font-size:14px;
    height:480px;
    overflow-y:scroll;
}

.slide-palette-contents{
    border-radius: 3px;
    color: #333;
    transition: .8s background-color;
    border-bottom: 1px solid #eee;
    padding-bottom: 40px;
}

.slide-palette-contents-outer {
    text-align: right;
    margin-right: 0px;
    margin-bottom: 5px;
}

.slide-palette-contents .slide-palette-contents-title-outer {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    flex-direction: column-reverse;
}

.slide-palette-contents .paletteDateStringOuter {
    position: relative;
    color: #aaa;
    margin-bottom: 5px;
    display: inline;
    padding: 0;
    display: block;
    transition: .5s;
}

.slide-palette-contents .paletteDateStringOuter .newString {
    font-size: 11px;
    background-color: #fd4c4c;
    padding: 0px 5px 3px;
    box-sizing: border-box;
    border-radius: 1px;
    color: #fff;
    vertical-align: middle;
    letter-spacing: 1px;
    text-shadow: .5px .5px 0px rgba(0, 0, 0, 0.5);
    display: none;
}

.slide-palette-contents .paletteDateStringOuter .categoryString {
    font-size: 11px;
    padding: 0px 5px 2px 7px;
    box-sizing: border-box;
    border-radius: 1px;
    color: #fff;
    vertical-align: middle;
    letter-spacing: 1px;
    text-shadow: .5px .5px 0px rgba(0, 0, 0, 0.5);
    display: inline-block;
}

.slide-palette-contents .paletteDateStringOuter .categoryString[data-category="new"] {
    background-color: #5a7ebc;
}

.slide-palette-contents .paletteDateStringOuter .categoryString[data-category="campaign"] {
    background-color: #5a7ebc;
}

.slide-palette-contents .paletteDateStringOuter .categoryString[data-category="notice"] {
    background-color: #5a7ebc;
}

.slide-palette-contents .paletteDateStringOuter .newString[data-show="1"] {
    display: inline-block;
}

.slide-palette-contents .paletteDateStringOuter .registDate {
    color: #666;
    font-size: 12px;
    letter-spacing: 1px;
}

.slide-palette-contents-wrap .infoImageOuter {
    margin-bottom: 15px;
}

.slide-palette-contents-wrap .infoImage {
    width: 100%;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba( 0, 0, 0, 0.3);
    cursor: pointer;
}

.slide-palette-contents-wrap .body {
    position: relative;
}

.slide-palette-contents-wrap .readStringOuter {
    color: #4CAF50;
    font-weight: bold;
    margin-bottom: 0px;
    display: inline;
    padding: 0;
    display: inline-block;
    clear: both;
    float: right;
    position: relative;
    visibility: hidden;
}

.slide-palette-contents-wrap .readStringOuter[data-show="1"] {
    visibility: visible;
}

.slide-palette-contents-wrap .readString {
    position: relative;
    margin-right: 15px;
}

.slide-palette-contents-wrap .readStringOuter:after {
    content: "";
    width: 14px;
    height: 14px;
    background: url(/cms/img/copy2open/select_check.png) no-repeat top left;
    background-size: cover;
    top: 4px;
    right: -5px;
    position: absolute;
}

.slide-palette-contents-wrap .emptyInfoOuter {
    border: 1px solid #eee;
    text-align: center;
    padding: 30px;
}

.slide-palette-contents .slide-palette-contents-title-inner {
    display: block;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    font-size: 16px;
    padding-bottom: 5px;
    color: #2cb76c;
    margin-bottom: 10px;
}

.slide-palette-contents .slide-palette-contents-regist-button-outer {
    position: absolute;
    top: 30px;
    right: 30px;
}

.slide-palette-contents-regist-button-outer .infoAddIcon{
    width: 21px;
    height: 21px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    box-shadow: inset 1px 1px 0px 0px #fc0,
                inset -1px -1px 0px 0px #fc0;
    background-image: url(/cms/img/common/pm_btn_p.gif);
}

.slide-palette-contents-regist-button-outer .infoEditIconForShop{
    width: 30px;
    height: 19px;
    background: linear-gradient(180deg, #fff 0%, #eee 100%);
    vertical-align: bottom;
    border: 1px solid #fc0;
    text-decoration: none !important;
    font-size: 12px;
    text-align: center;
    line-height: 1.5em;
    font-weight: normal;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.slide-palette-contents-title-inner .infoEditIcon{
    width: 21px;
    height: 21px;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    box-shadow: inset 1px 1px 0px 0px #fc0,
                inset -1px -1px 0px 0px #fc0;
    background-image: url(/cms/img/common/qa_editlink_btn.png);
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 0;
}

.slide-palette-contents .slide-palette-contents-title-inner .title {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    position: relative;
}

.slide-palette-contents .slide-palette-contents-title-inner .forShop {
    font-size: 12px;
    color: #333;
    font-weight: normal;
    position: relative;
    display: inline-block;
}

#fixed_menu2 .palette--info .paletteMenuHeader {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

#fixed_menu2 .palette--info .slide-palette-contents-wrap {
    left: -365px;
    width: 470px !important;
    height: 680px !important;
    padding-bottom: 60px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    border-radius: 0 0 5px 5px;
}

#fixed_menu2 .palette--info .slide-palette-contents-wrap .slide-palette-contents[data-image-size="horizontal"] .contentsOuter {
    display: flex;
    justify-content: space-between;
}

#fixed_menu2 .palette--info .slide-palette-contents-wrap .slide-palette-contents[data-image-size="horizontal"] .contentsOuter .infoImageOuter {
    width: 40%;
}

#fixed_menu2 .palette--info .slide-palette-contents-wrap .slide-palette-contents[data-image-size="horizontal"] .contentsOuter .body {
    width: 55%;
}

#fixed_menu2 .palette--info .slide-palette-contents-wrap .slide-palette-contents[data-image-size="vertical"] .contentsOuter .infoImageOuter {
    width: 100%;
}

#fixed_menu2 .palette--info .slide-palette-contents-wrap .slide-palette-contents[data-image-size="vertical"] .contentsOuter .body {
    width: 100%;
}

#fixed_menu2 .palette--info * {
    font-family: 'Noto Sans JP', sans-serif;
}

#fixed_menu2 .palette--info .slide-palette-contents-wrap::-webkit-scrollbar {
    width: 6px;
    background-color: #ebe7e7;
    border-radius: 10px;
}

#fixed_menu2 .palette--info .slide-palette-contents-wrap::-webkit-scrollbar-track {
    border-radius: 10px
}

#fixed_menu2 .palette--info .slide-palette-contents-wrap::-webkit-scrollbar-thumb {
    background-color: #a8a5a5;
    border-radius: 10px;
}

.slide-palette-contents .paletteDateStringIcon:after{
    width: 14px;
    height: 14px;
    background: #587ec1 url("/cms/img/common/palette_readed_info.png") no-repeat center center;
    background-size: 11px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
    position: absolute;
    right: -26px;
    top: -3px;
}

.slide-palette-contents .paletteDateStringIcon:after,
.slide-palette-contents.readed .paletteDateStringIcon:after{
    content: "";
}

.slide-palette-contents.unread .paletteDateStringIcon:after{
    top: 3px;
}

.slide-palette-contents .paletteDateStringIcon:before,
.slide-palette-contents.readed .paletteDateStringIcon:before{
    content: "既読";
    color: #999;
    font-size: 10px;
    position: absolute;
    top: 13px;
    right: -28px;
}

.slide-palette-contents.unread .paletteDateStringIcon:before{
    content: "";
    display: none;
}

.slide-palette-contents.readed .paletteDateStringIcon:after{
    animation: readOpacity 1s 1;
}

@keyframes readOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.slide-palette-contents.unread .paletteDateStringIcon:after{
    width: 16px;
    height: 16px;
    background: #fd4c4c url("/cms/img/common/palette_unread_info.png") no-repeat center center;
}


.slide-palette-contents.mouseenter{
    animation: unreadSonar 1.7s 1;
}

@keyframes unreadSonar {
    0% {
        box-shadow: 0 0 0 0 rgba(253,76,76,.2);
    }

    100% {
        box-shadow: 0 0 5px 20px rgba(253,76,76,.0);
    }
}

.slide-palette-contents-wrap > div {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 0 30px;
    clear: both;
}

.slide-palette-contents-wrap > div.maxSchedule,
.slide-palette-contents-wrap > div.duptizeSchedule,
.slide-palette-contents-wrap > div.iconExplanationOuter {
    width: 385px;
}


.slide-palette-contents-wrap > div:last-of-type {
    margin: 0;
}

#fixed_menu2 .slide-palette-contents-wrap .next_btn{
    background: url(/cms/img/common/palette_btn_dot.png), linear-gradient(to bottom, #e9635b 50%, #e05a52 50%);
    display: block;
    width:100%;
    margin: 0 auto;
    padding: 15px;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    text-decoration:none;
    box-sizing:border-box;
    box-shadow: inset 0 0 100px rgba(0,0,0,.0), inset 1px 1px 4px rgba(100,38,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}

#fixed_menu2 .slide-palette-contents-wrap .next_btn:hover{
    transform:none;
    background: url(/cms/img/common/palette_btn_dot.png), linear-gradient(to bottom, #d6574f 50%, #cf524b 50%);
    box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(100,38,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}

.slide-palette-contents-wrap a,
.slide-palette-contents-wrap input[type="submit"]{
    cursor:pointer;
}

.slide-palette-contents-wrap h2{
    width: 100%;
    box-sizing: border-box;
    font-weight: bold;
    margin: 0 0 15px;
}

#fixed_menu2 .slide-palette-contents-wrap a.next_btn{
    color:#fff !important;
    text-decoration:none !important;
}

.slide-palette-contents:after{
    content: "";
    clear: both;
    display: block;
}

.slide-palette-contents h3{
    color: #535353;
    font-size:18px;
    font-weight:bold;
    margin:0 0 15px;
}

.slide-palette-contents h4{
    color: #E00;
    font-size: 16px;
    font-weight: bold;
    margin:0 0 5px;
}

.slide-palette-contents ul{
    background: #EEE;
    margin: 0 0 10px;
    padding: 10px;
    text-align: left;
}

#fixed_menu2 .slide-palette-contents-wrap .paletteMenuHeader:after{
    left: 10px;  
}


.lastEditTimeDiff{
    color:#666;
    float:right;
}

.czContent{
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.czContentTime{
    color: #666;
    float: right;
    padding-right: 10px;
}

.czContentTime:after{
    content : attr(data-unit);
    font-size: 10px;
    color: #666;
}

.czCategoryTag{
    background: none;
    display: flex;
    
}

.czCategoryTag{
    width: 40px;
    display: flex;
    background: #777;
    text-align: center;
    justify-content: center;
    position: relative;
    right: calc(-100% + 60px );
    padding: 0 5px;
    font-size: 10px;
    border-radius: 2px;
}


.lastEditTimeDiff .time, .lastEditTimeDiff .unit {
    float: left;
    display: inline-block;
}

.lastEditTimeDiff .unit {
    font-size: 10px;
    transform: translateY(1px);
}

.lastEditTimeDiff .time {
    font-size: 14px;
    margin: 0 2px 0 0;
}


.slide-palette-contents-book{
    text-align:center;
}

.slide-palette-contents-book img{
    max-width: 100%;
    padding: 30px 90px;
    background: #fff;
    box-sizing: border-box;
}

.slide-palette-contents-dksm img{
    width:100%;
}

.slide-palette-contents-dksm a{
    color:#36f;
}


.palette-icon.slide-palette-agency{
    background:#ff9800;
}

.slide-palette-contents-agency img{
    width: 100%;
    max-width: 343px;
}


.slide-palette-contents-agency.registed .telWrap{
    text-align:center;
}

.slide-palette-contents-agency.registed .telWrap .about{
    display: block;
    font-size: 14px;
    color:#999;
}

.slide-palette-contents-agency.registed .telWrap .tel{
    color: #fc0;
    font-size: 34px;
    font-weight: bold;
    font-style: italic;
    border: 1px solid #ccc;
    padding: 30px 0;
    display: block;
    margin:0 auto;
}

.attention{
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 0 0 15px;
}


.outLink{
    background:url("/cms/img/common/out_link.gif");
    background-repeat:no-repeat;
    background-position:right center;
    padding:0 15px 0 0;
}

.outLink.releaseProcessPage{
    background-color: #EEE;
    background-image: url(/cms/img/common/out_link.gif), linear-gradient(30deg, #ECECEC, #F3F3F3);
    background-repeat: no-repeat, repeat;
    background-position: right 9px center, left top;
    box-shadow: inset 1px 1px rgba(0,0,0,.05), inset -1px -1px rgba(255,255,255,.3);
    border-radius: 5px;
    padding: 10px 30px;
    display: inline-block;
    width: 90%;
    max-width: 520px;
    box-sizing:border-box;
}

.outLink.releaseProcessPage:hover{
    opacity: 0.8;
}


.toopen__account-about-item {
    font-weight:bold;
    margin:5px auto 0;
    font-size:10px;
    width: 90%;
    max-width: 520px;
    text-align:right;
}

.paletteDateStringIcon{
    background-color: #AAA;
    background-image: linear-gradient(45deg, #AAA, #B9B9B9);
    box-shadow: inset 1px 1px rgba(0,0,0,.075), inset -1px -1px rgba(255,255,255,.3);
    color: #fff;
    font-weight: normal;
    margin: 0 0 10px;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 2px;
    font-size:12px;
}

.slide-palette-contents.unread .paletteDateStringIcon{
    background-color: #555;
}

.paletteNewInfomation:before{
    content: "NEW";
    font-size: 8px;
    background: #fc0;
    padding: 0px 3px;
    border-radius: 3px;
    margin-right: 5px;
    transform: translateY(-3px);
    display: inline-block;
}


/** 公開ボタンパレット **/

#fixed_menu2 #openpage_menu_panel {
    right: 0;
    left: inherit;
    width: 220px;
    padding: 20px 30px !important;
}

#fixed_menu2 #openpage_menu_panel.trial_pallet {
    width: 200px;
}

#fixed_menu2 .openButton{
    background-color: #ee3a3b;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), url(/cms/img/palette/edit_hp_release.png), linear-gradient(315deg, #ee3a3b, #FE4C4D 50%);
    background-repeat: repeat, no-repeat, no-repeat;
    background-position: left top, top center, left 15px center;
    color: #fff !important;
    width: 100%;
    padding: 20px 0 20px 60px !important;
    text-decoration: none !important;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    margin:0 0 15px;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,38,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}

#fixed_menu2 .openButton:hover{
    box-shadow: inset 0 0 100px rgba(0,0,0,.15), inset 1px 1px 4px rgba(163,38,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}

#fixed_menu2 .openButtonTrial {
    background-color: #b8b8b8;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), url(/cms/img/palette/edit_hp_release.png), linear-gradient(315deg, #acacac, #b8b8b8 50%);
    background-repeat: repeat, no-repeat, no-repeat;
    background-position: left top, top center, left 15px center;
    cursor: default;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(0,0,0,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}

#fixed_menu2 .openButtonTrial:hover {
    box-shadow: inset 0 0 100px rgba(0,0,0,.15), inset 1px 1px 4px rgba(0,0,0,0.1), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}

#fixed_menu2 .openButtonDisabled span{
    cursor: default;
}


#fixed_menu2 .openButtonDisabled:after{
    display: none !important;
}

#fixed_menu2 .fixed_menu_panel .openButtonDisabled {
    background-color: #aaa;
    cursor: default;
    opacity: 1;
}

#fixed_menu2 .fixed_menu_panel .supportContentsOuter {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 35px;
    height: 35px;
    text-align: left;
    color: #ddd;
    background: #3b3b3b;
    padding: 0 0 0 60px;
    position: relative;
    z-index: 120;
    opacity: 0;
}

#fixed_menu2 .fixed_menu_panel .supportContentsOuter[data-show="1"] {
    opacity: 1;
}

#fixed_menu2 .fixed_menu_panel.fixed_menu_panel_design .supportContentsOuter,
#fixed_menu2 .fixed_menu_panel.addPagePallet .supportContentsOuter,
#fixed_menu2 .fixed_menu_panel.examplePallet .supportContentsOuter,
#fixed_menu2 .fixed_menu_panel.diagnosePalette .supportContentsOuter
 {
    text-align: center;
    padding: 0;
}

#fixed_menu2 .fixed_menu_panel .supportContentsOuter:before,
#fixed_menu2 .fixed_menu_panel.fixed_menu_panel_design .supportContentsOuter:before,
#fixed_menu2 .fixed_menu_panel.addPagePallet .supportContentsOuter:before,
#fixed_menu2 .fixed_menu_panel.diagnosePalette .supportContentsOuter:before {
    content: "";
    background-image: url(/cms/img/common/ninomiya.png);
    background-repeat: no-repeat;
    background-size: 35px 41px;
    width: 35px;
    height: 41px;
    position: absolute;
    top: -10px;
    left: 10px;
}

#fixed_menu2 .fixed_menu_panel.czPalette .supportContentsOuter:before {
    top: 0;
}

#fixed_menu2 .fixed_menu_panel.paletteMenu .supportContentsOuter #wantHelpPaletteSupportContents,
#fixed_menu2 .fixed_menu_panel.fixed_menu_panel_design .supportContentsOuter #wantHelpPaletteSupportContents,
#fixed_menu2 .fixed_menu_panel.addPagePallet .supportContentsOuter #wantHelpPaletteSupportContents,
#fixed_menu2 .fixed_menu_panel.examplePallet .supportContentsOuter #wantHelpPaletteSupportContents,
#fixed_menu2 .fixed_menu_panel.diagnosePalette .supportContentsOuter #wantHelpPaletteSupportContents{
    cursor: pointer;
    vertical-align: text-top;
}

#fixed_menu2 .fixed_menu_panel.fixed_menu_panel_design .supportContentsOuter:before,
#fixed_menu2 .fixed_menu_panel.addPagePallet .supportContentsOuter:before,
#fixed_menu2 .fixed_menu_panel.examplePallet .supportContentsOuter:before,
#fixed_menu2 .fixed_menu_panel.diagnosePalette .supportContentsOuter:before {
    left: calc(50% - 18px - 270px);
}

#fixed_menu2 .fixed_menu_panel.fixed_menu_panel_design .supportContentsOuter .q_and_a_btn,
#fixed_menu2 .fixed_menu_panel.addPagePallet .supportContentsOuter .q_and_a_btn,
#fixed_menu2 .fixed_menu_panel.examplePallet .supportContentsOuter .q_and_a_btn,
#fixed_menu2 .fixed_menu_panel.diagnosePalette .supportContentsOuter .q_and_a_btn {
    right: calc(50% + 8px - 275px);
}

#fixed_menu2 .fixed_menu_panel.diagnosePalette .supportContentsOuter .q_and_a_btn{
    right: calc(50% + 8px - 275px) !important;
}

#fixed_menu2 .fixed_menu_panel.paletteMenu .supportContentsOuter{
    padding: 0 0 0 15px;
}

#fixed_menu2 .fixed_menu_panel.paletteMenu .supportContentsOuter .q_and_a_btn,
#fixed_menu2 .fixed_menu_panel.paletteMenu .supportContentsOuter:before{
    display: none;
}

#fixed_menu2 .fixed_menu_panel.examplePallet .supportContentsOuter .supportContents {
    position: absolute;
    width: 100%;
    height: 35px;
}

#fixed_menu2 .fixed_menu_panel .supportContentsOuter .supportmessage{
    background: #fc0;
    border: 1px solid #555;
    border-radius: 10px;
    bottom: 40px;
    color: #333;
    opacity: 0;
    right: calc( 50% - 360px );
    padding: 5px;
    position: absolute;
    transition: .3s;
    z-index: -1;
}

#fixed_menu2 .fixed_menu_panel.paletteMenu .supportContentsOuter .supportmessage{
    right: calc( 50% - 240px );
}

#fixed_menu2 .fixed_menu_panel .supportContentsOuter[data-show-message="0"] .supportmessage {
    bottom: 35px;
    height: 0;
    padding: 0;
}

#fixed_menu2 .fixed_menu_panel .supportContentsOuter[data-show-message='1'] .supportmessage{
    opacity: 1;
    transition: .3s;
    z-index: 1;
}

#fixed_menu2 .fixed_menu_panel .supportContentsOuter[data-show-message='1'] #wantHelpPaletteSupportContents{
    opacity: .3;
}

#wantHelpPaletteSupportContents:hover{
    opacity: .9;
}

#fixed_menu2 .fixed_menu_panel .sydeFreeDial {
    color: #e45f60;
    font-weight: bold;
    display: inline-block;
    margin: 0 2px 0 0;
}

#fixed_menu2 .fixed_menu_panel .supportContentsOuter .q_and_a_btn {
    position: absolute;
    top: calc(50% - 8px) !important;
    right: 15px;
}

#fixed_menu2 .openButtonDisabledComment{
    color: #fd4c4c;
    font-size: 12px;
    text-align: center;
}

#fixed_menu2 .fixed_menu_sub_right .openButtonDisabled {
    cursor: default;
}

#fixed_menu2 .fixed_menu_sub_right .openButtonDisabled a{
    cursor: default;
}

#fixed_menu2 .paletteButtonItem.checkOpenPage{
    width: 100%;
    box-sizing: border-box;
    display: block;
    margin: 0 0 10px;
    padding: 11px 10px 10px 46px !important;
}

#fixed_menu2 .paletteButtonItem.checkOpenPage:before{
    content: url(/cms/img/palette/edit_hp_confirm.png);
    position: absolute;
    left: 15px;
}

/** 契約更新ボタンパレット **/

#fixed_menu2 #recontract_menu_panel {
    width: 200px;
    right: 0;
    left: inherit;
    padding-bottom: 20px !important;
}

p.palette_menu1.changedPlanMessage {
    background-color: #fff;
    padding: 15px !important;
    font-size: 12px;
    color: #777 !important;
    border: 1px dashed #ccc;
    border-radius: 2px;
    margin: 10px 0 0;
}

span.freeTelAlias{
    display: inline-block;
    text-align: center;
    background-image: url(/cms/img/header/freedial_gr.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px;
    padding-left: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    width: 144px;
    box-sizing: border-box;
    transform: translateX(12px);
    margin: 10px 0 0;
    font-size: 14px;
}

span.staffNameAlias{
    display: block;
    text-align: center;
    font-size: 12px;
}

#fixed_menu2 #contract_status_update {
    position: relative;
}

/** デモ関連パレット **/

#fixed_menu2 #trial_openpage_menu_panel {
    width: 200px;
    right: 0;
    left: inherit;
    padding-bottom: 20px !important;
}

#fixed_menu2 .palette_menu_price {
    height: auto;
    background-image: url(../img/common/arrow_en.gif);
    background-position: left 5px;
    background-repeat: no-repeat;
    clear: both;
    display: block;
    margin: 0 0 5px 0;
    padding: 0 0 0 15px;
    text-align: left;
}

.fixed_menu_panel:not(.examplePallet):not(#openpage_menu_panel):not(#recontract_menu_panel) {
        max-height: calc( 100vh - 50px );
        overflow-x:hidden;
}

.fixed_menu_panel.fixed_menu_panel_design.zoom:not(.examplePallet):not(.czPalette):not(#openpage_menu_panel):not(#recontract_menu_panel) {
        height: 720px;
        overflow-x:hidden;
}

@media screen and (max-height:700px) { 
    .fixed_menu_panel:not(.examplePallet):not(#openpage_menu_panel):not(#recontract_menu_panel) {
        overflow-y:scroll;
    }
}

@media screen and (max-height:565px) { 

    #fixed_menu2 .add_examplewidth .fixed_menu_panel.examplePallet {
        overflow-x: hidden;
        overflow-y:scroll;
        width: 950px;
    }

    #fixed_menu2 .add_examplewidth .fixed_menu_panel {
        max-height: calc( 100vh - 50px );
    }

    #fixed_menu2 .add_examplewidth .fixed_menu_panel.examplePallet .fixed_menu_panel_inner {
        max-height: none;
    }

}

.max-schedule .maxPalette,
.duptize-schedule .duptizePalette {
    max-height: calc( 100vh - 90px );
    overflow-y: scroll;
    overflow-x: hidden;
}


/***************************************************************/
/*契約ここから*/


h2.contract_h2 {
    color: #333;
    margin: 0 0 30px 0;
    font-size: 28px;
    font-weight: normal;
    background: none !important;
    border: none;
    line-height: 1em;
}
h3.contract_h3 {
    clear:both;
    color:#333;
    margin-bottom:10px;
    font-size: 110%;
    background-image: url(../img/common/arrow006.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 40px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCCCCC;
}

h3.enquete_h3{
    clear: both;
    color: #333;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-bottom: 5px;
    font-weight: normal;
    font-size:16px;
}
.enquete_caption{
    font-size:14px;
    margin:0 0 30px 0;
}
.enquete_label{
    float:left;
    margin:0 30px 15px 0;
    cursor:pointer;
}
.question_block{
    margin:0 0 45px 0;
}
.contract_base {
    padding: 25px;
    clear: both;
    width: 760px;
    margin-right: auto;
    margin-left: auto;
    border: none;
    line-height: 160%;
    font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif;
}

.pre_edit_sub_body .contract_base{
    width: 850px;
}

#contract_base {
    background:#F5F5F5;
}

#contract_base .section {
    width:680px;
    padding:30px 0;
    margin:0 auto;
}

#contract_head {
    text-align:center;
}

#contract_head .section {
    padding:30px 0;
}

#contract_head h2 {
    color:#55595B;
    margin:0 !important;
    font-size:32px;
    font-weight:normal;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

#contract_head p {
    color:#55595B;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}



.plan_simple {
    font-size: 16px;
    clear: both;
    margin-top: 10px;
}
.plan_standard {
    font-size: 16px;
    clear: both;
    margin-top: 10px;
}
.plan_option {
    font-size: 16px;
    clear: both;
    margin-top: 10px;
}
#plan_price {
    padding: 15px;
    clear: both;
    margin-bottom: 20px;
    border: 3px solid #FFCC00;
    margin-top: 10px;
}
#plan_price b {
    color: #CC0000;
}





#q_and_a_popup .section {
    padding: 0 !important;
    width: 100% !important;
}


#contract_base h3 {
    color:#55595B;
    margin:0 0 20px 0 !important;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}


#box_base,
.consensus__item {
    width: 618px;
    padding: 30px;
    border:1px solid #C4C4C4;
    background:#FFF;
}

#box_base h3 b,
.consensus__item h3 b {
    display:inline;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

#box_base label,
.consensus__item label {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}


#price_base,
.consensus__item dl{
    margin:0 0 30px 0;
}

.consensus__item dl{
    margin:0;
}

#price_base dt,
.consensus__item dl dt{
    float:left;
    width:20%;
    margin: 0 0 10px 0;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
    color:#666;
}

.consensus__item dl dt{
    width:295px;
}

.consensus__body-outer--max .consensus__item dl dt{
    width:325px;
    margin:0 0 15px;
}

#price_base dd,
.consensus__item dl dd{
    width:80%;
    margin: 0 0 10px 0;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
    color:#666;
}

.consensus__item dl dd:last-child {
    margin:0;
}

.consensus__item dl dd{
    width: 100%;
    margin:0 0 15px;
}


#box_base .kakunin_table {
    margin: 0 0 45px 0;
}

#box_base .kakunin_table p,
#box_base .kakunin_table strong {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

#box_base #js-contractForm:has(.kiyaku_check_label){
    text-align: center;
}

#box_base .kiyaku_check_label{
    width: auto;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto 15px;
    text-align: center;
}

#box_base .kiyaku_agree_checkbox{
    cursor: pointer;
    position: relative;
    top: 1px;
}

#box_base .kiyaku_agree_str{
    color: rgb(102, 102, 102);
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

#box_base input[type="submit"],
#bill_download a,
#anq_thanks a,
#bill_lead,
.consensus__button-item{
    background-color: #3c6bbe;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #3c6bbe, #537ec9 50%);
    background-repeat: repeat, no-repeat, repeat;
    background-position: left top, bottom 5px center, left top;
    background-size: auto, cover, auto;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(38,70,163,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    border: none;
    color: #FFF;
    padding: 15px 0;
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
    width: 50%;
    margin:0 auto 30px auto;
    display: block;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

#box_base input[type="submit"],
#bill_lead,
.consensus__button-item{
    background-color: #2d5df5;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #2b81e5, #2d5df5 50%);
}

.consensus__button-item--disabled {
    cursor:not-allowed;
    background: #aaa;
}

#box_base #contract_btn {
    background: #36F;
}

#bill_download a:hover,
#anq_thanks a:hover {
    box-shadow: inset 0 0 100px rgba(0,0,0,.15), inset 1px 1px 4px rgba(38,70,163,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}

#box_base input[type="submit"]:hover,
#bill_lead:hover,
.consensus__button-item:hover{
    box-shadow: inset 0 0 100px rgba(0,0,0,.2), inset 1px 1px 4px rgba(38,70,163,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
    transform: none;
}

#box_base #contract_btn:hover {
    background: #38F;
}

#enquete_btn {
    display:block;
    margin:0 0 30px 0;
}

#box_base button:not(.consensus__button-item),
#box_base input[type="button"] {
    background: none;
    border: none;
    color: #0066CC;
    text-decoration:underline;
    font-size:16px;
}

#box_base button:hover,
#box_base input[type="button"]:hover {
    text-decoration:none;
}

#box_base textarea {
    width:96% !important;
    padding:5px 2%;
    box-shadow:inherit;
}


#box_base .kakunin_table th {
    padding: 5px 3% 5px 0;
    width: 21%;
    font-weight:normal;
    vertical-align: top;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
    color:#666;
}

#box_base .kakunin_table th span {
    font-size:12px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
    color:#666;
}

#box_base .kakunin_table td {
    color: #666;
    width:76%;
    padding: 5px 0;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

#box_base input[type="text"] {
    border: 1px solid #C4C4C4;
    color: #54595A;
    padding: 5px 2%;
    font-size: 16px;
    border-radius: 3px;
}

#box_base input#referral_code {
    font-size: 12px;
    padding: 2px 2%;
}

#box_base input[name="kaishamei"] {
    margin-bottom: 10px;
    width: 70%;
}

#box_base .nameInvoiceTextFormOuter {
    padding-left: 20px;
}

#box_base input[name="name_invoice"] {
    width: calc(70% - 5px);
}

#box_base input[name="kaishamei"],
#box_base input[name="tanto_name"] {
    width: 70%;
}

#box_base input[name="jusyo3"],
#box_base input[name="tanto_mail"] {
    width: 96%;
}

#box_base input[name="zip1"] {
    margin:0 5px 0 0;
}

.nameInvoiceFormOuter {
    display: none;
}

.nameInvoiceFormOuter[data-show="1"] {
    display: table-row;
}

.nameInvoiceFormOuter .nameInvoiceTitle {
    font-size: 11px;
    color: #aaa;
}

.invoiceNameShowButtonOuter {
    display: block;
    width: 74%;
    text-align: right;
    box-sizing: border-box;
}

.invoiceNameShowButtonOuter .invoiceNameShowButton {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 2px 25px 2px 10px;
    font-size: 11px;
    cursor: pointer;
    margin: 5px 0;
    color: #aaa;
    position: relative;
    user-select: none;
}

.invoiceNameShowButtonOuter .invoiceNameShowButton:after {
    content: "";
    background-image: url(/cms/img/arrow/arrow_down.png);
    width: 12px;
    height: 12px;
    background-size: contain;
    position: absolute;
    top: calc(50% - 6px);
    right: 8px;
    left: auto;
    color: #666;
    background-repeat: no-repeat;
}

.invoiceNameShowButtonOuter .invoiceNameShowButton[data-clicked="1"] {
    color: #fff;
    background: #aaa;
    border: 1px solid #aaa;
}

.invoiceNameShowButtonOuter .invoiceNameShowButton[data-clicked="1"]:after {
    content: "";
    background-image: url(/cms/img/arrow/arrow_up.png);
}

#bill_download,
#anq_thanks p {
    margin:0 0 45px 0;
    text-align: center;
}

#bill_download a,
#anq_thanks a {
    margin:0 auto 10px auto;
}

#bill_download span {
    font-size:14px;
}


#box_base .f_right {
    background: url(../img/common/editlink_img.png) no-repeat left center;
    width:140px;
    padding:0 0 0 20px;
    float:right;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

#freedial_lead {
    font-size:12px;
    color:#666;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

#freedial_lead b {
    font-size:16px;
    color:#666;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

#box_base #form1 p{
    margin: 0 0 5px;
    text-align: left;
    font-size: 14px;
}

#box_base #form1 label{
    margin: 0 0 30px;
    display: block;
    text-align: left;
}

/*20230417サーバー情報追加に際して記載*/
.server_information_midashi{
    color: #999;
    margin: 0;
    padding: 20px 0 5px;
    font-size: 10px;
}

.display_table{
    width: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 10px 10px;
}

.display_table th {
    width: 130px;
    text-align: right;
    padding: 0 15px;
}

.display_table th,
.display_table td{
    font-size: 10px;
    font-weight: normal;
    color: #999;
}



/* 20151210公開画面改修　元兼追記 */

body#body_to_open input.next_btn {
    border: none;
    font-size: 16px;
    line-height: 28px;
    height: 60px;
    width: 520px;
    font-weight: bold;
    padding: 0;
    cursor: pointer;
    color: #fff;
    margin: 0 auto 30px !important;
    display: block;
    background-color: #ee3a3b;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ee3a3b, #FE4C4D 50%);
    background-repeat: repeat, no-repeat, no-repeat;
    background-position: left top, bottom 5px center, left top;
    background-size: auto, cover, auto;
    border-radius: 3px;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,38,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
body#body_to_open input.next_btn:hover{
    box-shadow: inset 0 0 100px rgba(0,0,0,.15), inset 1px 1px 4px rgba(163,38,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}

body#body_to_open h2.contract_h2 {
    clear: both;
    color: #333;
    margin-bottom: 50px;
    margin-top: 0px;
    padding: 10px 0;
    font-size: 30px;
    background-image: none;
    line-height: 20px;
    height: 20px;
    background-color: transparent;
    border: none;
}

body#body_to_open .contract_base {
    padding: 60px;
    box-sizing: border-box;
    clear: both;
    width: 90%;
    max-width: 1280px;
    min-width: 960px;
    margin-right: auto;
    margin-left: auto;
    border: none;
    line-height: 160%;
    border-radius: 5px;
    font-family: 'Noto Sans JP', sans-serif;
}

body#body_to_open table.open_usedcar_check_list td {
    background-color: rgba(255,255,255,.8);
    box-shadow: inset 1px 1px rgba(0,0,0,.03), inset -1px -1px rgba(0,0,0,.015);
    font-size: 12px;
    padding: 6px;
    line-height: 150%;
    letter-spacing: .05em;
    font-family: 'Noto Sans JP', sans-serif;
}

body#body_to_open #facebook_open .facebook_caption {
    font-size: 20px;
    font-weight: bold;
    color: #3366ff;
    padding: 0;
    background: none;
    margin: 0 0 15px 0;

}

.nonedit_message_box{
    border-top: 1px dotted #ccc;
    padding: 30px 0 0;
    margin: 0;
    text-align: center;
}

.nonedit_message_box h3{
    color:#3366ff;
    font-size: 20px;
    margin:0 0 15px;
}
.nonedit_message_box p a{
    padding: 10px 0 0;
    display: block;
}
.nonedit_message_box p b{
    color:#c00;
}




input.backbtn{
    display: block;
    text-align: center;
    margin: 0 auto 20px;
    width: 100px;
    border: none;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    background: #ccc;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
}

input.backbtn:hover{
    background: #ddd;
}

.kakunin_table {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}
.kakunin_table th {
    text-align: left;
    padding: 3px;
    width: 20%;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    color: #666666;
}
.kakunin_table td {
    padding: 3px;
    width: 80%;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-align: left;
    color: #000000;
}
.kakunin_table td input {
    line-height: 23px;
    height: 23px;
    border: 3px solid #DDDDDD;
    color: #000000;
    font-size: 16px;
}

.kakunin_table td b {
    color: #CC0000;
}


.end_line {
    clear: both;
    margin-bottom: 30px;
}
.black_txt {
    color: #000000;
}
.red_txt {
    color: #cc0000;
}
.furikomi_no {
    font-size: 120%;
    font-weight: bold;
}
dl.domain_kettei {
    clear: both;
}
dl.domain_kettei dt {
    font-weight: bold;
    color: #000000;
    clear: both;
    margin-bottom: 5px;
}
dl.domain_kettei dd {
    clear: both;
    margin-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCCCCC;
    padding-bottom: 10px;
    margin-right: 0px;
    margin-left: 30px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 0px;
    color: #666666;
}
div.thumbnail {
    float: right;
    width: 240px;
    padding-left: 30px;
    padding-top: 30px;
}
div.thumbnail_right {
    float: left;
    width: 490px;
}
.thumbnail_area {
    clear: both;
    width: 760px;
    margin-bottom: 10px;
}
.thumbnail_area:after {
    height: 0;
    visibility: hidden ;
    content: ".";
    display: block ;
    clear: both ;
}



/* ---- 公開処理 Facebook通知関連 */

#facebook_loader {
    display: none;
    padding: 20px 0 20px 0;
}

#facebook_loader img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

#facebook_loader span {
    font-size: 16px;
    color:#900;
}


/***************************************************************/
/*　メール送信完了　　*/

#submit_contents_complete {
    width:80%;
    height:75%;
    border:8px solid #39f;
    background:#fff;
    position:fixed;
    top:10%;
    left:10%;
    padding:20px;
    z-index:20;
}
#submit_contents_complete h2 {
    background-color:#3366FF;
    border-left:10px solid #FFCC00;
    clear:both;
    color:#FFFFFF;
    margin-bottom:20px;
    margin-top:33px;
    padding:10px;
    font-size: 140%;
}
#submit_contents_complete p {
    font-size: 120%;
    line-height: 160%;
    color: #666666;
    clear: both;
    margin-bottom: 10px;
}


/***************************************************************/
/*　入れ替え画面　　*/

.edit_txt {
    clear: both;
    margin-bottom: 5px;
    font-size: 90%;
    line-height: 150%;
    font-family: 'Noto Sans JP', sans-serif;
}

.pre_edit_sub_contents_menu .edit_txt_sort{
    margin-bottom: 35px;
}

a.ret_btn_a {
    text-align: center;
    color: #333;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
    background: #DDD url(../img/common/back_btn.png) repeat-x;
    border: 1px solid #FFF;
    border-radius: 3px;
    width: 160px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #DDD), color-stop(0.00, #F5F5F5));
    background: -webkit-linear-gradient(#F5F5F5, #DDD);
    background: -moz-linear-gradient(#F5F5F5, #DDD);
    background: -ms-linear-gradient(#F5F5F5, #DDD);
    background: linear-gradient(#F5F5F5, #DDD);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    display: block;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.2em;
    margin-bottom: 30px;
}

a.ret_btn_a:hover {
    opacity:0.9;
}

.irekaekettei {
    clear: both;
    width: 760px;
}
.irekaekettei:after {
    height: 0;
    visibility: hidden ;
    content: ".";
    display: block ;
    clear: both ;
}
.irekaekettei a.ret_btn_a {
    float: left;
    margin-left: 20px;
}
.irekaekettei input {
    float: left;
    margin-left: 20px;
}
.pre_edit_sub_contents_menu {
    padding: 25px;
    clear: both;
    width: 850px;
    margin-right: auto;
    margin-left: auto;
    border: none;
    line-height: 160%;
    position: relative;
    background: #fbfbfb;
}
.pre_edit_sub_contents_menu p {
    color:#666666;
}

.pre_edit_sub_contents_menu p.title_outer {
    color: #fff;
}



/***************************************************************/
/*　入れ替え画面　　*/

table.pict_up_table {
    border: 1px solid #CCCCCC;
}
table.pict_up_table th {
    border: 1px solid #CCCCCC;
    color: #000000;
    background-color: #F7F7F7;
    font-weight: normal;
    text-align: center;
    padding: 5px;
}
table.pict_up_table td {
    border: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
}
table.pict_up_table td input {
    line-height: 20px;
    height: 20px;
    font-size: 12px;
}



/***************************************************************/
/*在庫車サムネイル（徳田追加）*/

#carListExchgMsg{
    margin: 0 1em 0 0;
    padding: 30px 0;
    background: #fff;
    color:#333;
    opacity: .95;
    font-size: 16px;
    line-height:150%;
    z-index:100;
    text-align: center;
    width:420px;
    box-sizing: border-box;
    border: 1px solid #DADADA;
    border-radius: 3px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    overflow: hidden;
}
#carListExchgMsg h2{
    color: #3366FF;
    margin: 0 0 30px 0;
    font-size: 26px;
    font-weight: normal;
}

#carListExchgMsg p{
    font-size: 12px;
    margin:20px 0 0;
    color: #666;
}

#carListExchgMsg p.applyMessage {
    font-size: 16px;
    margin: 45px 0px;
    letter-spacing: 0.5px;
}

#carListExchgMsg p.applyMessage b {
    font-size: 17px;
}


.UsedCarEditBtnBlock{
    width: 32%;
    height: 200px !important;
    text-align: center !important;
    background:#06f !important;
    position:relative;
    float:left;
    margin:0 2% 0 0 !important;
    border:none !important;
}

.usedcar_info_body .midashi_long > a{
    color: inherit !important;
    text-decoration: none !important;
}

.usedcar_info_body .usercarRegisterButtonOuter{
    text-align: center;
    position: relative;
    z-index: 3;
}

.usedcar_info_body .usercarRegisterButtonOuter > span{
    display: flex;
    font-size: 12px;
    align-content: center;
    justify-content: center;
}

.usedcar_info_body .usedcarRegisterButton{
    padding: 15px 35px 15px 80px;
    margin: 0 0 10px;
    background-color: #06f;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    position: relative;
    text-decoration: none !important;
    position: relative;
    line-height: 1;
    font-weight: bold;
}



.usedcar_info_body .usedcarRegisterButton:after {
    width: 10px;
    height: 10px;
    opacity: 0.75;
    background: #fff;
    color: #fff;
    padding: 1px;
    display: block;
    position: absolute;
    font-size: 10px;
    bottom: calc(50% - 5px);
    left: 15px;
    border-radius: 100%;
    content: '';
    z-index: 9;
    box-sizing: content-box;
    animation: sonarEffect 1.3s ease forwards 3;
}

.usedcar_info_body .usedcarRegisterButton:before {
    content: "";
    width: 35px;
    height: 20px;
    background-image: url(../img/usedcar/car_icon.png);
    background-repeat: no-repeat;
    background-size: 35px 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: 35px;
}


.usedcar_info_body .usedcarRegisterButton span{
    font-weight: bold;
    font-size: 12px;
    color: #FD4C4C;
    background: #fff;
    margin: 0 5px 0 0;
    padding: 0px 4px;
    border-radius: 100%;
}


.UsedCarEditBtnBlock img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin:-75px 0 0 -75px;
}

#ucConpane{
    margin: 0 0 30px 0;
}

.import_goo{
    background:#FE0002 !important;
    position:relative;
    height:200px;
    width:32%;
    float:left;
    margin:0 2% 0 0 !important;
}


.import_car_sensor{
    background:#FF7300 !important;
    position:relative;
    height:200px;
    width:32%;
    float:right;
}


.import_goo img,.import_car_sensor img{
    position:absolute;
    top:50%;
    left:50%;
    margin:-75px 0 0 -75px;
}


.UsedCarListEditBtnBlock{
    text-align: center;
    border: #ccc dashed 4px;
    background-color: #fff;
    display:block;
    margin-bottom: 10px;
}
.UsedCarListEditBtnBlock:hover{
    background-color: #f5f5f5;
}

table.open_usedcar_check_list {
    border: 1px solid #DDDDDD;
    border-collapse: collapse;
}

table.open_usedcar_check_list tr:nth-of-type(odd){
    background-color: rgba(0,0,0,.1);
} 

table.open_usedcar_check_list th {
    background-color: #EEE;
    background-image: linear-gradient(30deg, #ECECEC, #F6F6F6);
    box-shadow: inset 1px 1px rgba(0,0,0,.075), inset -1px -1px rgba(255,255,255,.3);
    font-size: 14px;
    padding: 5px;
    font-weight: normal;
}

table.open_usedcar_check_list td {
    font-size: 14px;
    padding: 5px;
}


#side_link_block {
    clear: both;
    width: 200px;
    padding-top: 10px;
    margin-bottom: 20px;
}




#side_link_block .edit_link_box a:link,
#side_link_block .edit_link_box a:visited {
    border: none;
    color: #333 !important;
    font-size: 12px;
    padding: 0;
    text-decoration: none !important;
}

#side_link_block .edit_link_box a:hover,
#side_link_block .edit_link_box a:active {
    border: none;
    color: #333 !important;
    font-size: 12px;
    padding: 0;
    text-decoration: none !important;
}

.edit_link_box {
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    width: 170px;
    clear: both;
    margin: 10px auto;
    background-image: url(../img/common/btn_link_edit.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    text-indent: 12px;
    transition: opacity .2s;
}

.edit_link_box:hover{
    opacity: .8;
}

.empty_all {
    clear: both;
    margin-bottom: 10px;
    text-align: center;
}

.empty_all a {
    font-size: 14px;
    line-height: 35px;
    background-image: url(../img/common/btn_page_all.jpg);
    background-position: center center;
    display: block;
    clear: both;
    height: 35px;
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 50px;
    text-align: left;
}


.mail_send_message {
    clear: both;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    border: 10px solid #3399FF;
    color: #444444;
    background-color: #FFFFFF;
}
.mail_send_message h2 {
    background-color:#3366FF;
    border-left:10px solid #FFCC00;
    clear:both;
    color:#FFFFFF;
    margin-bottom:20px;
    margin-top:0px;
    padding:10px;
    font-size: 120%;
    background-image:none;
    line-height: 20px;
    height: 20px;
}
.mail_send_message p {
    line-height: 170%;
    clear: both;
    margin-bottom: 10px;
    font-size: 14px;
}



.pict_edit_btn, .video_edit_btn, .side_pict_edit_btn{
    z-index:10000;
    display:none;
    font-size: 12px;
}

.shop_info_outer {
    position: relative;
}

.side_shop_info_edit_btn {
    position: absolute;
    bottom: 0px;
    right: 0px;
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid rgb(204, 204, 204);
    background: rgb(255, 255, 255);
    font-size: 12px;
    color: #888;
    display: none;
}

.shop_info_outer a.sidebarImageFixTrigger {
    width: 23px !important;
}
.side_shop_info_edit_btn .sidebarImageFixTrigger[data-fix-type="pictLeft"],
.side_shop_info_edit_btn .sidebarImageFixTrigger[data-fix-type="pictRight"],
.side_shop_info_edit_btn .sidebarImageFixTrigger[data-fix-type="sideSmall"],
.side_shop_info_edit_btn .sidebarImageFixTrigger[data-fix-type="sideBig"],
.side_shop_info_edit_btn .sidebarImageFixTrigger[data-fix-type="sideMax"]{
    display: none;
}

.box_dksm .pict_edit_btn a:link,
.box_dksm .pict_edit_btn a:visited,
.box_dksm .video_edit_btn a:link,
.box_dksm .video_edit_btn a:visited{
    text-decoration: none !important;
}


/* shop_id=0のみ表示用 */
#idZeroAttentionBox{
    background-color: #333;
    border:2px #ddd solid;
    opacity: 0.8;
    padding: 20px;
    position: fixed;
    right: 30px;
    top: 120px;
    z-index: 999;
    cursor:pointer;
    width: 200px;
}
#idZeroAttentionBox p{
    color:#fff;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.2em;
}



/*HTMLブロック*/
div.setup_HTMLBlock {
    text-align:center;
    background:#eee url("../img/common/html_block_bg.gif") repeat-y scroll center top ;
    border:1px solid #ccc;
}
.setup_HTMLBlock p{
    font-size:14px ;
    color:#333 ;
    line-height:150% ;
    margin:10px;
}

#TB_window{
    position: fixed;
    background-color:#f9f9f9;
    background-image: url(../img/common/palette_bg_middle_right.png), url(../img/common/palette_bg_middle_left.png), radial-gradient(farthest-corner at right bottom, #f9f9f9, #fcfcfc 70%, #f9f9f9 70%);
    background-repeat: no-repeat, no-repeat;
    background-position: right bottom, left bottom;
    z-index: 2147483646;
    color: #333;
    display: none;
    border: 1px solid #DADADA;
    text-align: left;
    top: 50%;
    left: 50%;
    border-radius: 3px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}

#TB_window.resposiveModal{
    max-width: 90%;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0 !important;
}

#TB_title {
    height: 42px;
    width: 42px;
    padding: 0;
    position: absolute;
    top: -21px;
    right: -21px;
}


/*サブページ 画像上中下編集　20140417高橋追加*/

#sub_img_margin_top{
    width:21px;
    height:21px;
    background:url(../img/common/sub_imgchange_top.gif);
    border:3px solid #FFF;
    position:absolute;
    top: 5px;
    right: 5px;
    cursor:pointer;
}
#sub_img_margin_mid{
    width:21px;
    height:21px;
    background:url(../img/common/sub_imgchange_middle.gif);
    border:3px solid #FFF;
    position:absolute;
    top: 36px;
    right: 5px;
    cursor:pointer;
}
#sub_img_margin_bot{
    width:21px;
    height:21px;
    background:url(../img/common/sub_imgchange_bottom.gif);
    border:3px solid #FFF;
    position:absolute;
    bottom: 5px;
    right: 5px;
    cursor:pointer;
}




/* ================================================================
 * 中古車情報 編集機能
 * ================================================================*/
/* 中古車一覧 編集メニュー */
#edit_usedcar_carlist_panel {
    padding:20px;
    margin:0 0 30px 0;
    border:1px solid #ccc;
    background:#eee;
}
/* インポートボタン パネル*/
#edit_usedcar_carlist_import_button {
    padding: 30px;
    margin:0 0 60px 0;
    background:#eee;
    border-radius:10px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2),1px 1px 1px rgba(255,255,255,0.5) inset;
    border:6px solid #ddd;
    color:#666;
}


#edit_usedcar_carlist_panel h3 {
    margin:0 0 20px 0;
}

#edit_usedcar_carlist_import_button a {
    text-decoration:none;
    color:#fff;
}



#carListOpenOrClose{
    margin:20px 0 20px 0;
}

#carListOpenOrClose p{
    width:48%;
    padding:1%;
    float:left;
    text-align:center;
    cursor:pointer;
    position:relative;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4) inset;
    color:#fff;
    font-size:14px;
}


/* 一覧画面 絞り込みボタン */
.usedcar_narrow_down {
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 10px;
}


/* 一覧画面 ホバーボタンメニュー */
.usedcar_edit_btn {
    background-color: #ffffff;
    box-shadow: 0 1px 0 #CCCCCC, -1px 0 0 #CCCCCC, 1px 0 0 #CCCCCC, 0 -1px 0 #CCCCCC;
    padding: 0;
    position: absolute;
    right: 0px;
    z-index: 90;
    height: 0;
    display: flex;
    overflow: hidden;
    transition: height 0.1s;
    -webkit-transition: height 0.1s;
}

.usedcar_edit_btn_thumb {
    padding: 5px;
}

.usercar_list .usedcar_edit_btn{
    top: 0;
}

#carListThumNail_wrapper .usedcar_edit_btn {
    top: 0;
}

.usedcar_edit_btn img {
    display: inline-block;
    margin-left: 0px;
    cursor: pointer;
}

.usedcar_edit_btn .hide {
    display: none !important;
}

.usedcar_edit_btn .btn_change_status {
    width: 20px;
    margin: 0 5px;
}

.btn_status_change{
    margin: 0;
    position: relative;
}


.usedcar_edit_btn .btn_recommend,
.usedcar_edit_btn .btn_open,
.usedcar_edit_btn .btn_hide,
.usedcar_edit_btn .btn_date_change,
.usedcar_edit_btn .btn_date_ret_change,
.usedcar_edit_btn .btn_status_change,
.usedcar_edit_btn .btn_delete,
.usedcar_edit_btn .btn_tag_add {
    height: 20px;
    background: #999;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    padding: 2px 5px;
    vertical-align: bottom;
}

.usedcar_edit_btn .btn_recommend       { background-color: #FF3333; }
.usedcar_edit_btn .btn_open            { background-color: #00b789; }
.usedcar_edit_btn .btn_hide            { background-color: #993399; }
.usedcar_edit_btn .btn_date_change     { background-color: #3366FF; }
.usedcar_edit_btn .btn_date_ret_change { background-color: #666666; }
.usedcar_edit_btn .btn_delete          { background-color: #000000; }

.usedcar_edit_btn .btn_status_change{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #dbdbdb 90%, #dbdbdb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#dbdbdb 90%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#dbdbdb 90%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: 1px solid #e0e0e0;
    color: #333;
    padding: 1px 5px 2px;
    text-shadow:none !important;
}



.usedcar_edit_btn .btnSaleToggle{
    height: 20px;
    background-color: #f00;
    background-image: url(/cms/img/copy2open/cart_icon_w.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 0 14px;
    vertical-align: bottom;
}

.usedcar_edit_btn .btnSaleToggle.off{ background-color: #D42225; }
.usedcar_edit_btn .btnSaleToggle.on { background-color: #999999; }

.statusChangeOuter {
    background: #fff;
    box-shadow: 1px 0px 3px rgba(0,0,0, 0.15);
    box-sizing: border-box;
    display: none;
    padding: 5px;
    position: absolute;
    right: -19px;
    top: 20px;
    z-index: 91;
}



.statusChangeOuter .statusChange {
    width: 60px;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 10px;
    margin: 0 0 5px;
    padding: 3px;
    text-align: center;
    position:relative;
}

.statusChangeOuter .statusChange:nth-last-of-type(1){
    margin: 0;
}

.statusChangeOuter .statusChange[data-status="zaiko_ari"]      { background-color: #00B789; }
.statusChangeOuter .statusChange[data-status="zaiko_baikyaku"] { background-color: #CC0000; }
.statusChangeOuter .statusChange[data-status="zaiko_daiko"]    { background-color: #0099CC; }
.statusChangeOuter .statusChange[data-status="zaiko_newcar"]   { background-color: #E71870; }
.statusChangeOuter .statusChange[data-status="zaiko_unused"]   { background-color: #3366FF; }
.statusChangeOuter .statusChange[data-status="zaiko_syodan"]   { background-color: #fF9900; }

.statusChange.loading:before {
    content: "";
    background-image: url(/cms/img/ajax-loader.svg);
    background-color: #fff;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: calc( 50% - 9px );
    left: calc( 50% - 9px );
}




/* 20140610　奥野　追記*/

.refineCar{
    float:left;
    margin:0 10px 0 0;
}

#tTWndw{
    display:none;
    opacity:0.92;
    position:absolute;
    z-index:2147483647;
    font-size:14px;
    line-height:150%;
    font-weight:normal;
    font-family:'Meiryo', 'メイリオ','Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'sans-serif' !important;
}

#tTWndw p{
    position:relative;
    width:200px;
    height:100px;
    padding:30px 20px 20px 20px ;
    background:#000 url(../img/usedcar/ttBg.png) no-repeat 20px 10px;
    border-radius: 10px;
    box-shadow: 4px 4px 20px rgba(0,0,0,0.8);
    border:2px solid #fc0;
}

#tTWndw .clTtArrow{
    position:absolute;
    bottom:-11px;
    left:50%;
    margin:0 0 0 -12px;
}

#tTWndw .clTtArrowU{
    position:absolute;
    top:-11px;
    left:50%;
    margin:0 0 0 -12px;
    display:none;
}


.pict_edit_btn_usedcar{
    position:absolute;
    right:60px;
    top:0;
    z-index:4;
}

.pict_edit_btn_usedcar a{
    color:#fff;
    text-decoration:none;
    background:#142937;
    padding:10px;
    border:1px solid #ccc;
    font-size:14px;
    text-align:center;
    float: left;
}


#usedcar_add_image{
    width:60px;
    height:60px;
    position:absolute;
    top:0;
    bottom:0;
    z-index:90;
}

#usedcar_mainpict_no_image {
    width: 100%;
    text-align: center;
    color: #c0c0c0;
    background-color: #FFFFFF;
    padding: 30px 0 30px 0;
    display: inline-block;
    font-size: 64px;
    line-height: 1.5em;
}


#sideEditOuter {
    width: 340px;
    height: 432px;
    position: fixed;
    bottom: 55%;
    transform: translate(305px,50%);
    transition: 0.5s;
    right: 0;
    z-index: 1000;
    color: #585858;
}

.sideMenuLoaded .leftMenuWrapper{
    left: -340px;
}



.leftMenuWrapper{
    position: fixed;
    z-index:5;
    bottom:90%;
    left: -430px;
    transition: 0.25s;
}

.sideSpEdit{
    position: absolute !important;
    transform: scale(0.9);
    left: -20px;
    transition: 0.25s;
    z-index: 90;
    color: #585858;
    cursor: pointer;
}

.js-spmode .sideSpEdit{
    opacity:0;
    left:20px;
    transition: opacity .5s;
}

.SmartModeBtnBoxMinimize{
    position: absolute !important;
    top: 480px;
    left: 400px;
    z-index: 99;
    color: #585858;
    cursor: pointer;
    opacity:0;
    transition:.25s;
}

.SmartModeBtnBoxMinimize.js-available{
    opacity:1;
}

.SmartModeBtnBoxMinimize.small{
    left:360px;
    top:400px;
}

.SmartModeBtnBoxMinimize.small img{
    transform: rotateX(180deg) rotateY(180deg) scale(0.8);
    -webkit-transform: rotateX(180deg) rotateY(180deg) scale(0.8);
}

#SmartModeBtnBox.js-showSp{
    left: 30px;
}

#SmartModeBtnBox.sideSpEditSmall.js-showSp{
    left: 100px;
}

#sideEditOuter.menuOpen{
    transform: translate(45px, 50%);
    z-index: 2147483646;
}

.sideEditTab{
    width: 44px;
    height: 90px;
    background-color: #333;
    background-image: linear-gradient(135deg,  #444444 0%,#333333 50%);
    background-position: left top;
    background-repeat: repeat;
    box-shadow: inset 0 -1px rgba(255,255,255,.1), inset 0 1px rgba(0,0,0,.1);
    border-radius: 4px 0 0 4px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 50px 7px 8px 4px;
    transition: .25s;
    z-index: -1;
}

.sideEditTab.currentTab{
    background-color: #fd9b01;
    background-image: linear-gradient(135deg,  #ffc323 0%,#fd9b01 50%);
    background-position: left top;
    background-repeat: repeat;
}

.sideEditTabText{
    color: #FFF;
    display: block; 
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 10px;
    font-weight: normal;
    text-shadow: none;
    line-height: 1.1;
    text-align: center;
}

.currentTab{
    right: 305px !important;
}

#sideEditBlock {
    width: 260px;
    height: 360px;
    background-color: #f9f9f9;
    background-image: url(../img/common/loader.svg), url(../img/common/palette_bg_small.png), radial-gradient(farthest-corner at right bottom, #f9f9f9, #fcfcfc 70%, #f9f9f9 70%);
    background-size: 16px 16px, auto, auto;
    background-position: center, right bottom, left top;
    background-repeat: no-repeat, no-repeat, repeat;
    position: relative;
    left: 35px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}

#sideEditBlock h2 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #333;
}

#sideEditBlock .videoChatBlock .outSupport{
    margin-bottom: 20px;
}

.sideEditBlockInner{
    display: none;
}

.sideEditBlockInner h2{
    margin-bottom: 10px;
}

#sideEditBlock .videoChatBlock h2{
    margin-bottom: 15px;
}



.sideEditBlockInner.active{
    display: block;
    background-color: #f9f9f9;
    background-image: url(../img/common/palette_bg_small.png), radial-gradient(farthest-corner at right bottom, #f9f9f9, #fcfcfc 70%, #f9f9f9 70%);
    background-position: right bottom, left top;
    background-repeat: no-repeat, repeat;
    padding: 15px;
    box-sizing: border-box;
    height: 100%;
}

.sideEditBlockInner.active.isChangeChecked {
    display: none;
}
.editBtnBlock h2 {
     margin-bottom: 10px;
}

.editBlockText{
    font-size: 11px;
    line-height: 17px;
    margin-bottom: 15px;
}

.videoChatBlock{
    text-align: center;
}

.videoChatBlock.overflow_hidden {
    overflow: hidden;
}


.editBlocklink,
.videoChatBlocklink{
    padding-top: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 100;
}

.videoChatBlockMaillink{
    display: block; 
    margin : 0 0 20px;
}

.editBlocklink a,
.videoChatBlocklink a{
    color:#f33;
}

#sideEditBlock .editBlocklink a{
    color: #f00;
}

.editBlocklink a{
    color: #f00;
}

.videoChatBlock{
    text-align: center;
    height: 100%;
    width: calc(100% + 15px);
    box-sizing: border-box;
    padding: 0 10px;
}

.editBlocklink span,
.linkstr span,
.videoChatBlock span,
.chatbotBlock span{
    vertical-align: middle;
    margin-left: 3px;
}


#sideEditBlock .textRankBlock h2{
    margin-bottom: 0 !important;
}

.textRank {
    width: 182px;
    margin: 0 auto;
    text-align: center;
}

#sideEditBlock .textRank{
    height: 110px;
    width: 108px;
    color: transparent;
    font-size: 1px;
/*    font-size: 140px;
    font-weight: bold;*//*テキストから画像に変更*/
    line-height: 1;
}

#sideEditBlock .textRankS{background-image: url(../img/sidemenu/textrank_icon_s.png);}
#sideEditBlock .textRankA{background-image: url(../img/sidemenu/textrank_icon_a.png);}
#sideEditBlock .textRankB{background-image: url(../img/sidemenu/textrank_icon_b.png);}
#sideEditBlock .textRankC{background-image: url(../img/sidemenu/textrank_icon_c.png);}
#sideEditBlock .textRankD{background-image: url(../img/sidemenu/textrank_icon_d.png);}

.nextRanktext{
    font-size: 12px;
    color: #585858;
    font-weight: 100;
}
.textCount {
    margin: 0 auto;
    padding: 10px 10px 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 -1px rgba(255,255,255,.3);
}

.nowTextCount .nowCountNum {
    font-size: 34px;
    color: #333 !important;
    padding: 5px 5px 0 0;
    font-weight: bold;
    width: 100%
}

.nextTextCount .nextCountNum {
    font-size: 18px;
    font-weight: bold;
}

.nextTextCount .nextCountNum.rankMaxText{
    font-size: 14px;
    font-weight: 100;
    color: #333 !important;
    text-align: center;
    float: none;
    font-size: 11px;
    padding: 2px 10px 1px;
    border-radius: 12px;
    box-shadow: inset 1px 1px rgba(0,0,0,0.2), inset -1px -1px rgba(255,255,255,0.3);
    background: linear-gradient(-4545deg, #ffce23, #fd9b01);
    margin: 0 auto;
    display: inline-block;
}

.nowTextCount span {
    padding: 5px 5px 0 0;
    line-height: 130%;
}


.nowTextCount span:first-child {
    float: left;
}

.nowTextCount  span:last-child{
    vertical-align: text-top;
}

.nowTextCount{
    font-size: 12px;
    float: left;
    width: 100%;
    text-align: center;
}

.nextTextCount{
    font-size: 12px;
}

.nextTextCount b {
    font-size: 20px;
    padding: 0 5px 0 0;
}

.editTipsOuter{
    margin: 0 auto 10px;
}

.editTips[data-current="0"]{
    display: none;
}

.editTips[data-current="1"]{
    height: 110px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    line-height: 1.7;
    margin: 28px 0 0 1px;
    padding: 5px 5px;
    position: relative;
    text-align: left;
    background-color: #EEE;
    background-image: linear-gradient(30deg, #ECECEC, #F6F6F6);
    box-shadow: inset 1px 1px rgba(0,0,0,.075), inset -1px -1px rgba(255,255,255,.3);
    border-radius: 4px;
}

.editTips[data-current="1"]:before {
    color: #ec736c;
    content: "ワンポイントアドバイス";
    font-size: 12px;
    position: absolute;
    left: 0;
    top: -20px;
    font-weight: bold;
}

.editTipsNumber{
    color: #ec736c;
    font-size: 18px;
    left: 135px;
    font-style: italic;
    position: absolute;
    top: -25px;
    font-weight: bold;
}

.editTips p{
    font-weight: normal;
}

.editTips[data-current="1"] .tipsParagraphBold{
    font-weight: bold;
}

.editTipsCounterOuter{
    font-size: 12px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.editTipsCounterController{
    width: 12px;
    height: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 1;
    transition: 0.3s;
}

.editTipsCounterController:hover{
    opacity: 0.7;
}

.editTipsCounterController[data-tips-controller="prev"]{
    background-image: url(../img/sidemenu/sidemenu_arrow_prev.png);
    margin: 0 10px 0 0;
}

.editTipsCounterController[data-tips-controller="next"]{
    background-image: url(../img/sidemenu/sidemenu_arrow_next.png);
    margin: 0 0 0 10px;
}

.editTipsCounter{
    font-size: 12px;
    font-style: normal;
}

.editTipsCounter .editTipsNumerator{
    font-weight: bold;
}

.hintBtnBlock .hintImage{
    margin-top: 15px;
    text-align: center;
}

.videoChatText{
    font-size: 12px;
    margin-bottom: 20px;
}

.videoChatText.outSupport{
    font-size: 14px;
}

.videoChatBlock input[type="submit"] {
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,.2);
    letter-spacing: .05em;
    font-weight: bold;
    font-size: 16px;
    padding: 6px;
    border: 1px solid #FFF;
    border-radius: 3px;
    width: 143px;
    cursor: pointer;
    margin:0 auto;
    border-radius: 42px !important;
    border: none !important;
    background-color: #ffaa00;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%);
    background-repeat: repeat, no-repeat, repeat;
    background-position: left top, top center, left top;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}



.supportStart{
    margin-bottom:35px;
}


.videoChatBlock input[type="submit"]:hover{
    opacity: 0.8;
}

.videoChatTopDescription{
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
}

.videoChatBottomDescription{
    font-size: 12px;
    text-align: left;
}

.videoC
.videoChatBlock .submit_btn{
    margin-bottom: 30px;
}

.videoChatLinkButton:hover{
    opacity: 0.8;
}


.videoChatTime{
    margin-bottom: 20px;
    font-size: 20px;
}

#sideEditBlock .helpBlock .submit_btn {
    width: 143px;
    padding: 8px;
    border-radius: 42px;
    border: none;
    color: #fff;
}

.helpBlock p{
    font-size: 12px;
    margin-bottom: 15px;
}

.editBtnBlock p {
    font-size: 12px;
    padding: 0 0 12px;
}

.editBtnBlock .enqueteThanksMessage {
    padding: 12px 16px;
    margin: 0 0 30px;
    border: 1px solid #e4e4e4;
    background: #fff;
}

.enqueteInquiryMessage {
    font-size: 13px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc;
}

.enqueteInquiryMessage span {
    display: block;
}




.editBtnBlock .hintPostText{
    font-size: 14px;
    line-height: 1.8;
}

.editBtnBlock .enqueteThanksMessage,
.editBtnBlock .enqueteFreeDial {
    font-size: 12px;
    line-height: 1.8;
}

.enqueteInquiryFreeDial {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    margin-left: 25px;
}

.enqueteInquiryTel span {
    display: block;
}

.enqueteInquiryFreeDial:after {
    content: "";
    background-image: url(/cms/img/helpPalette__freeDial.png);
    width: 25px;
    top: calc(50% - 8px);
    left: 7px;
    height: 14px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.enqueteInquiryHour,
.enqueteInquiryStaff {
    font-size: 12px;
}

.enqueteSubmited p,
.enqueteThanksMessage p{
    padding: 0;
}

.enqueteSubmited p {
    font-size: 10px;
}

.enqueteThanksMessage p {
    font-size: 13px;
    line-height: 1.5;
}

.editBtnBlock .enqueteSubmited {
    font-weight: bold;
    margin: 0 0 15px;
}

.editBtnBlock .enqueteSubmited h2 {
    margin-bottom: 0px;
    font-size: 20px;
}


.enqueteSubmited,
.enqueteThanksMessage,
.enqueteInquiryOuter {
    text-align: center;
}

.enqueteRadioBotton {
    width: 85%;
    height: 55px;
    transform: translateY(5px);
    margin: 0 auto 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.customerEnquete.errorMessage {
    color: #e00;
    font-size: 12px;
    display: block;
    text-align: center;
    margin: 0 0 5px;
    display: none;
}


.customerEnquete.errorMessage.show {
    display: block;
}

.enqueteRadioBotton:after {
    content: "";
    width: 90%;
    height: 3px;
    position: absolute;
    background-color: #fc3;
    top: 8px;
    right: calc(50% - 84px);
}

.enqueteRadioBotton.validatePoint:before {
    content: "満足度の入力が必要です。";
    position: absolute;
    padding: 2px 10px;
    top: -30px;
    left: -19px;
    border-radius: 15px;
    border: 1px solid #cccc;
    background-color: #fff;
    font-size: 12px;
    z-index: 3;
}

#sideEditBlock.loading {
    position: relative;
}

#sideEditBlock.loading:after{
    content: "";
    width: 260px;
    height: 360px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(249 249 249 / 60%);
    z-index: 3;
    background-image: url(/cms/img/common/loader.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.badevaluation,
.goodevaluation {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
}

.badevaluation {
    color: #e05b52;
    top: 0px;
    left: -18px;
}

.goodevaluation {
    color: #4c67be;
    top: 0px;
    right: -18px;
}

.enqueteRadioBotton input[type='radio']{
  display: none;
}


.enqueteRadioBotton input[type="radio"] + label {
    position: relative;
    margin: 0 0 10px;
    display: inline-block;
    background-image: url("/cms/img/common/enqueteCheck.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #ccc;
    border-radius: 100%;
    border: 1px solid #ccc;
    z-index: 2;
}

.enqueteRadioBotton input[type="radio"]:checked + label {
    width: 25px;
    height: 25px;
    margin-top: -2px;
    background-image: url(/cms/img/copy2open/select_check.png);
    background-color: unset;
    border: none;
}

.enqueteRadioBotton input[type="radio"]:checked + label:before {
    top: 26px;
    color: #50a321;
}

.enqueteRadioBotton label {
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    background-image:url("/cms/img/common/enqueteCheck.png");
    background-repeat: no-repeat;
    background-size:contain;
    background-color: #ccc;
    border-radius: 100%;
    border: 2px solid #ccc;
    cursor: pointer;
}


.enqueteRadioBotton .enquetePoint1:before,
.enqueteRadioBotton .enquetePoint2:before,
.enqueteRadioBotton .enquetePoint3:before,
.enqueteRadioBotton .enquetePoint4:before {
    position: absolute;
    top: 22px;
    left: calc(50% - 6px);
    font-size: 15px;
    color: #a8a2a2;
}
.enqueteRadioBotton .enquetePoint1:before {
    content: "1";
}

.enqueteRadioBotton .enquetePoint2:before {
    content: "2";
}


.enqueteRadioBotton .enquetePoint3:before {
    content: "3";
}

.enqueteRadioBotton .enquetePoint4:before {
    content: "4";
}



.editBtnBlock .hintPostText {
    color: #fd4c4c;
    text-align: center;
}

.enqueteSubmitText {
    color: #fd4c4c;
    text-align: center;
    padding: 0;
    margin: 0 0 10px;
}

.editBtnBlock select {
    font-size: 12px;
}

.helpBlock textarea{
    margin-bottom: 15px;
}

#helpBtn {
    background-color: #fd4c4c;
    background-image: url(../img/sidemenu/side_help_btn_icon.png), linear-gradient(135deg,  #ff7171 0%,#f64444 50%);
    background-position: left 8px top 21px, left top;
    background-repeat:  no-repeat, repeat;
    position: absolute;
    bottom: 73px;
    right: 300px;
}

#helpBtn.currentTab{
    background-image: url(../img/sidemenu/side_help_btn_icon_open.png), linear-gradient(135deg,  #ffc323 0%,#fd9b01 50%); 
    background-position: left 8px top 21px, left top;
    background-repeat:  no-repeat, repeat;
}

.helpBlock iframe{
    transition: .5s;
    opacity: 0;
}

.sidemenuOverlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 320px;
    background: rgba(255,255,255,0.5);
}

.showiframe{
    opacity: 1 !important;
}



.noneEditLoad,
.iframeLoad{
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px);
}

.noneEditLoad{
    z-index: 1;
}

.helpBlock .preview {
    text-align: center;
    padding: 70px 0;
}
.helpBlock .preview button{
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,.2);
    letter-spacing: .05em;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #FFF;
    border-radius: 30px;
    width: 75%;
    cursor: pointer;
    margin: 0 auto;
    background-color: #ffaa00;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%);
    background-repeat: repeat, no-repeat, repeat;
    background-position: left top, top center, left top;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}

.enqueteSubmitBtn {
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,.2);
    letter-spacing: .05em;
    font-weight: bold;
    font-size: 16px;
    padding: 8px;
    border: 1px solid #FFF;
    border-radius: 5px;
    display: block;
    width: 75%;
    cursor: pointer;
    margin: 0 auto;
    background-color: #ffaa00;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%);
    background-repeat: repeat, no-repeat, repeat;
    background-position: left top, top center, left top;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}

.enqueteSubmitBtn.disabled {
    background: #FFA74D url(../img/common/create_btn.png) repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ccc), color-stop(0.00, #a5a2a0));
    background: -webkit-linear-gradient(#ccc, #a5a2a0);
    background: -moz-linear-gradient(#ccc, #a5a2a0);
    background: -ms-linear-gradient(#ccc, #a5a2a0);
    background: linear-gradient(#ccc, #a5a2a0);
    cursor: auto;
}


.enqueteText {
    height: 45px;
    width: 208px;
    margin: 0 0 15px;
    font-size: 14px;
    display: none;
}

.enqueteText.show {
    display: block;
}

.enqueteDiscription {
    height: 60px;
    margin: 0 0 12px;
    padding: 0 0 12px;
    border-bottom: 1px solid #f2ebeb;
    font-size: 12px;
}

.enqueteDiscription.hidden {
    margin: 0;
    padding: 0;
    height: 0;
    border-bottom: none;
    overflow: hidden;
}


.enqueteDiscription span {
    display: block;
}

.enqueteDiscription span:first-child {
    margin: 0 0 5px;
}

#editBtn {
    background-image: url(../img/sidemenu/side_edit_btn_off_off_2.png);
    background-color: #333333;
    background-position: top 5px center;
    background-repeat:  no-repeat, repeat;
    position: absolute;
    bottom: 343px;
    right: 300px;
    border-top-left-radius: 10px;
}

#editBtn.nonEditChecked{
    background-image: url(../img/sidemenu/side_edit_btn_on_off_2.png);
    background-color: #ffcccc;
}

#editBtn.currentTab{
    background-image: url(../img/sidemenu/side_edit_btn_off_on_2.png);
    background-color: #ffcc00; 
    background-repeat:  no-repeat, repeat;
}

#chatBtn {
    background-image: url(../img/sidemenu/chatIcon.png), linear-gradient(135deg,  #444444 0%,#333333 50%);
    background-position: left 9px top 20px, left top;
    background-repeat:  no-repeat, repeat;
    position: absolute;
    bottom: 163px;
    right: 300px;
    padding: 50px 5px 8px 0px;
    letter-spacing: -0.5px;
}

#chatBtn.currentTab {
    background-image: url(../img/sidemenu/chatIcon.png), linear-gradient(135deg,  #ffc323 0%,#fd9b01 50%);
    background-position: left 9px top 20px, left top;
    background-repeat:  no-repeat, repeat;
}


.customerEnqueteBadReason {
    display: flex;
    justify-content: space-around;
}

.customerEnqueteReasonOuter {
    overflow: hidden;
    height: 0;
}

.customerEnqueteReasonOuter.show {
    text-align: center;
    margin-bottom: 10px;
    height: 155px;
}

.customerEnqueteReason {
    overflow-y: scroll;
    max-height: 120px;
}

.customerEnqueteReason::-webkit-scrollbar {
    width: 8px;
    background-color: #ebe7e7;
    border-radius: 10px;
}

.customerEnqueteReason::-webkit-scrollbar-track {
    border-radius: 10px
}

.customerEnqueteReason::-webkit-scrollbar-thumb {
    background-color: #a8a5a5;
    border-radius: 10px;
}

#sideEditBlock .editBtnBlock .customerEnqueteReasonOuter h2 {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    background: #000;
    margin: 0 auto 10px;
    color: #fff;
    padding: 0px 18px;
}


.customerEnqueteGoodReason,
.customerEnqueteBadReason {
    display: none;
}


.customerEnqueteGoodReason.show ,
.customerEnqueteBadReason.show {
    display: block;
}


.customerEnqueteGoodReason span,
.customerEnqueteBadReason span {
    display: block;
    font-size: 12px;
    cursor: pointer;
}


.customerEnqueteBadReason span,
.customerEnqueteGoodReason span {
    display: block;
    margin: 0 auto 10px;
    padding: 1px 6px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid #ccc;
}

.customerEnqueteBadReason div,
.customerEnqueteGoodReason div {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.reason.selected {
    background: #ffe4c4;
}

#enqueteBtn.currentTab {
    background-image: url(../img/sidemenu/customerEnquete.png), linear-gradient(135deg,  #ffc323 0%,#fd9b01 50%);
    background-position: left 9px top 20px, left top;
    background-repeat:  no-repeat, repeat;
    padding: 50px 0px 8px 0px;
}

#editBtn .sideEditTabText{
    display: none;
}

#editBtn span:not(.sideEditTabText):not(.baloonHelper){
    position: absolute;
    top: -6px;
    left: 4px;
    background: #fd4c4c;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 20%);
    color: #FFF;
    font-size: 10px;
    border-radius: 7px;
    padding: 3px 4px 2px;
    line-height: 12px;
}

#hintBtn {
    background-image: url(../img/sidemenu/side_hint_btn_icon.png), linear-gradient(135deg,  #444444 0%,#333333 50%);
    background-position: left 9px top 20px, left top;
    background-repeat:  no-repeat, repeat;
    position: absolute;
    bottom: 162px;
    right: 300px;
}

#hintBtn.currentTab{
    background-image: url(../img/sidemenu/side_hint_btn_icon.png), linear-gradient(135deg,  #ffc323 0%,#fd9b01 50%);
    background-position: left 9px top 20px, left top;
    background-repeat:  no-repeat, repeat;
}

#textrankBtn {
    padding: 14px 7px 8px 4px;
    position: absolute;
    bottom: 253px;
    right: 300px;
}

.textrankIcon{
/*    font-size: 22px;
    font-weight: bold;
    color: #8f8f8f;
    text-shadow: 1px 0.5px 0 rgb(255 255 255 / 80%);
    text-align: center;*//*テキストから画像に変更*/
    color: transparent;
    height: 33px;
    font-size: 1px;
    background-position: center;
    background-repeat:  no-repeat;
    transform: translateX(-1px);
}

.textrankIcon.textrankIconS{background-image: url(../img/sidemenu/rank_btn_icon_s.png);}
.textrankIcon.textrankIconA{background-image: url(../img/sidemenu/rank_btn_icon_a.png);}
.textrankIcon.textrankIconB{background-image: url(../img/sidemenu/rank_btn_icon_b.png);}
.textrankIcon.textrankIconC{background-image: url(../img/sidemenu/rank_btn_icon_c.png);}
.textrankIcon.textrankIconD{background-image: url(../img/sidemenu/rank_btn_icon_d.png);}

.currentTab .textrankIcon.textrankIconS{background-image: url(../img/sidemenu/rank_btn_icon_s_open.png);}
.currentTab .textrankIcon.textrankIconA{background-image: url(../img/sidemenu/rank_btn_icon_a_open.png);}
.currentTab .textrankIcon.textrankIconB{background-image: url(../img/sidemenu/rank_btn_icon_b_open.png);}
.currentTab .textrankIcon.textrankIconC{background-image: url(../img/sidemenu/rank_btn_icon_c_open.png);}
.currentTab .textrankIcon.textrankIconD{background-image: url(../img/sidemenu/rank_btn_icon_d_open.png);}

.currentTab .textrankIcon span{
    color: #353535;
    font-weight: bold;
}

#videoChatBtn {
    position: absolute;
    bottom: 288px;
    right: 300px;
}

#chatBotBtn {
    position: absolute;
    bottom: 360px;
    right: 300px;
}

#announceAuthorizingMailBtn {
    bottom: -18px;
    position: absolute;
    right: 300px;
    background-image: url(../img/sidemenu/mail_caution.png), linear-gradient(135deg,  #444444 0%,#333333 50%);
    background-position: left 7px top 24px, left top;
    background-repeat:  no-repeat, repeat;
}

#announceAuthorizingMailBtn.currentTab{
    background-image: url(../img/sidemenu/mail_caution_open.png), linear-gradient(135deg,  #ffc323 0%,#fd9b01 50%); 
    background-position: left 7px top 24px, left top;
    background-repeat:  no-repeat, repeat;
}

.side-palette-content__body-alert--mail{
    background-color: #ffe1e1;
    box-shadow: inset 1px 1px rgba(0,0,0,.075), inset -1px -1px rgba(255,255,255,.3);
    padding: 10px;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    color: #cc0000;
    margin: 0 0 20px;
}

.side-palette-content__body {
    font-size:12px;
    margin:0 0 20px;
}

.side-palette-content-mail__submit{
    max-width:100%;
}

.side-palette-content-mail__inner-caption {
    border-top: 1px solid #eee;
    padding: 20px 10px 0;
    margin:0 0 20px;
}

.side-palette-content-mail__mail-item{
    font-size: 12px;
    text-align: center;
    background-color: #EEE;
    background-image: linear-gradient(30deg, #ECECEC, #F6F6F6);
    box-shadow: inset 1px 1px rgba(0,0,0,.075), inset -1px -1px rgba(255,255,255,.3);
    padding: 10px;
    border-radius: 4px;
}

.side-palette-content-mail__mail-item b{
    display:block;
    margin:5px 0 0;
}

.side-palette-content-mail__submit-inner{
    margin:0 0 20px;
}

.side-palette-content-mail__submit[disabled] {
    background:#ccc !important;
    cursor:not-allowed;
}

.side-palette-content__body--sent{
    font-size:12px;
    text-align:center;
    overflow:hidden;
    font-weight:bold;
    height:0;
}

#sideEditBlock[data-sent = "1"] .side-palette-content__body--sent{
    height:auto;
    margin:10px 0 0;
}

.side-palette-content-mail__link-outer{
    text-align:center;
    color:#36f;
    font-size:12px;
    margin:10px 0 0;
}

.side-palette-content-mail__link-outer span {
    cursor:pointer;
}



#SmartModeBtnBox.sideSpEditSmall{
    transform: scale(0.2);
    transform-origin: center center;
    left: 90px;
}

.moveTab{
    right: 305px !important;
}


.editBtnBlock .msg,
.editBtnBlock .box_title{
    font-size: 12px;
    font-weight: 100;
    text-align: center;
}

.editBtnBlock .msg{
    color: #f00 !important;
}

.editBtnBlock .box_title{
    font-weight: bold;
    font-size: 20px;
    margin-top:20px;
}

.editBtnBlock table{
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
}

.editBtnBlock table th{
    text-align: left;
}

.editBtnBlock table td{
    text-align: right;
}


.field_val_text,
.field_val_pict{
    font-size: 20px;
    font-weight: bold;
}

.nonEditTextH2,
.nonEditPictUpH2{
    font-size: 14px;
    padding-left: 15px;
}

.nonEditTextCounterOuter,
.nonEditPictUpCounterOuter{
    padding-left: 20px;
}

.nonEditTextCounter,
.nonEditPictUpCounter{
    font-size: 13px;
}

.editTextPercentageColum,
.editPictPercentageColum{
    font-size: 12px;
}

.nonEditTextCounterOuter[data-active="0"],
.nonEditPictUpCounterOuter[data-active="0"]{
    cursor: not-allowed;
}

.nonEditTextCounterOuter[data-active="0"] .scrollToNonEditElement,
.nonEditPictUpCounterOuter[data-active="0"] .scrollToNonEditElement{
    pointer-events: none;
}

.nonEditTextCounterOuter[data-active="1"] .scrollToNonEditElement,
.nonEditPictUpCounterOuter[data-active="1"] .scrollToNonEditElement{
    color: #36F;
    cursor: pointer;
    text-decoration: underline;
}

.percentageText{
    font-size: 12px;
    margin-left: 5px;
}

.editTextPercentageColum{
    padding-bottom: 5px;
}

.editTextPercentage,
.editPictPercentage{
    font-weight: bold;
}

.editBtnBlock .linkstr{
    margin-top: 15px;
    font-size: 12px;
    text-align: center;
}

#sideEditBlock .linkstr span{
    color: #f33;
}

.chatbotBlock {
    margin-bottom: 20px;
}

.chatbotBlock .chatbotTitle {
    margin-bottom: 15px;
}

.chatbotBlock.border_none {
    border: none;
}

.chatbotText {
    font-size: 14px;
}

.chatbotInfo {
    font-size: 12px;
    margin-bottom: 10px;
}

#sideEditBlock .q_and_a_icon {
    position: absolute;
    top: 18px;
    right: 15px;
}



.editSwitch,
.hintSwitch,
.chatSwitch{
    display: block;
    text-align: center;
    overflow: hidden;
    padding: 10px 0;
}

.chatSwitch {
    padding: 20px 0;
}

.editSwitch{
    margin: 0;
    padding: 5px 0;
}

.editSwitch:before,
.hintSwitch:before,
.chatSwitch:before{
    content: "";
    display: block;
    margin-left: -300px;
    opacity: 0.8;
}


.editSwitch label,
.hintSwitch label,
.chatSwitch label {
    width: 90px;
    height: 30px;
    display: inline-block;
    font-size: 14px;
    position: relative;
    border-radius: 34px;
    line-height: 30px;
    background: #bbb;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    box-shadow: inset 0 0 5px rgba(0,0,0,.3);
}

.editSwitch label{
    font-size: 16px;
}

.editSwitch input[type=checkbox]:checked ~ label.attention:hover:before,
.hintSwitch input[type=checkbox]:checked ~ label.attention:hover:before,
.chatSwitch input[type=checkbox]:checked ~ label.attention:hover:before{
    content: "off";
    font-size: 14px;
    color:#fff;
}


.editSwitch label i,
.hintSwitch label i,
.chatSwitch label i {
    position: absolute;
    top: -4px;
    right:2px;
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 36px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.editSwitch label i:before,
.hintSwitch label i:before,
.chatSwitch label i:before {
    content: "";
    display: block;
    position: absolute;
    top: 48%;
    left: 55%;
    width: 22px;
    height: 22px;
    margin: -9px 0 0 -9px;
    border-radius: 18px;
    background: #fff;
    box-shadow: -1px 0px 4px 0px #555;
}

.editSwitch label:before,
.hintSwitch label:before,
.chatSwitch label:before {
    color: #fff;
    content: "off";
    display: block;
    transform: translate(-10px, 0.5px);
    text-transform: uppercase;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.editSwitch label:after,
.hintSwitch label:after,
.chatSwitch label:after {
    content: "";
    right: 85px;
    width: 150px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    color: #999;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5), 0 -1px 1px rgba(0,0,0,0.1);
    position: absolute;
    top: 0;
}

.hintSwitch label:before,
.chatSwitch label:before{
    content: "非表示";
    transform: translateX(-10px) translateY(0.5px);
    display: block;
}

.editSwitch input[type=checkbox]:checked ~ label:before,
.hintSwitch input[type=checkbox]:checked ~ label:before,
.chatSwitch input[type=checkbox]:checked ~ label:before {
    content: "on";
    transform: translate(10px, 0.5px);
    display: block;
}

.hintSwitch input[type=checkbox]:checked ~ label:before,
.chatSwitch input[type=checkbox]:checked ~ label:before{
    content: "表示";
    transform: translateX(10px) translateY(0.5px);
    display: block;
}

.editSwitch input[type=checkbox]:checked ~ label,
.hintSwitch input[type=checkbox]:checked ~ label,
.chatSwitch input[type=checkbox]:checked ~ label{
    background: #fd4c4c;
}

.editSwitch input[type=checkbox]:checked ~ label i,
.hintSwitch input[type=checkbox]:checked ~ label i,
.chatSwitch input[type=checkbox]:checked ~ label i {
    right: 59px;
}



.editSwitch input[type=checkbox],
.hintSwitch input[type=checkbox],
.chatSwitch input[type=checkbox]{
    display: none;
}


/* # FaceBook確認ダイアログ */
.common_edit_dialog .ui-dialog-titlebar {
    display:none;
}
.common_edit_dialog .message_body {
    font-size: 14px;
}
.common_edit_dialog .message_body h2 {
    background-color: #3366FF;
    clear: both;
    color: #FFFFFF;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px 5px 5px 25px;
    font-size: 16px;
    text-align: left;
    line-height: 1.5em;
}
.common_edit_dialog .message_body p {
    font-size: 14px;
    line-height: 1.5em;
    padding: 10px;
}
.common_edit_dialog .ui-dialog-buttonpane {
    border: none;
}
.common_edit_dialog .ui-button-text {
    font-size: 14px;
}


.sideEditTab--ai {
    top: 450px;
    top:359px;
    position: absolute;
    right: 300px;
    background-image: url(/cms/img/ai__robot-icon.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: top 15px left 8px;
}

.sideEditTab--ai.currentTab {
    background-image: url(/cms/img/ai__robot-icon.png), linear-gradient(135deg, #ffc323 0%, #fd9b01 50%);
    background-position: top 15px left 8px;
    background-repeat: no-repeat, repeat;
}

.sideEditTab--ai .sideEditTabText{
    font-size:12px;
    line-height:1.2;
}

.ai-toggle-button__string-item--ai{
    letter-spacing:1px;
}

.previewModeTab {
    left: 0;
    bottom: 15%;
    right: auto;
    position: fixed;
    width: 40px;
    height: 100px;
    padding-top: 10px;
    border-radius: 0 4px 4px 0;
    z-index: 98;
}

.edit[data-use-preview-mode="1"] .previewModeTab:after{
    content: '';
    width: 10px;
    height: 10px;
    opacity: 0.75;
    background: #fff;
    color: #fff;
    padding: 1px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 100%;
    z-index: 130;
    pointer-events: none;
    box-sizing: content-box;
    animation: sonarEffect 1.3s ease forwards infinite;
}

.previewModeTab .toggleButtonPreviewMode {
    visibility: hidden;
    width: 0px;
    height: 0px;
}

.previewModeTab .toggleButtonTextItem {
    position: absolute;
    top: 70px;
    left: 5px;
    width: 30px;
    height: 16px;
}

.previewModeTab .toggleButtonTextItem:before {
    content: "";
/*    width: 12px;
    height: 12px;
    position: absolute;
    background: #fff;
    border-radius: 100%;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
    top: 2px;
    right: 3px;
    z-index: 1;
    transition: .2s;*/
    display: none;
}

.previewModeTab .toggleButtonPreviewMode:checked ~ .toggleButtonTextItem {
    background-color: #36f;
}

.previewModeTab .toggleButtonPreviewMode:checked ~ .toggleButtonTextItem:before {
    left: 3px;
}

.previewModeTab .toggleButtonTextItem:after {
    content: "OFF";
    font-size: 9px;
    position: absolute;
    top: 4px;
    left: 4px;
    line-height: 10px;
    letter-spacing: 1px;
    text-shadow: 0.5px 0.5px 1px rgb(0 0 0 / 50%);
/*    transition: .2s;*/
    color: #fff;
    font-weight: bold;
}

.previewModeTab .toggleButtonPreviewMode:checked ~ .toggleButtonTextItem:after {
    content: "ON";
    left: 7px;
}

.previewModeTab .sideEditTabText {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-text-orientation: upright;
    text-orientation: upright;
    padding-left: 7px;
    line-height: 1.6;
    text-shadow: 0px 0px 1px rgb(255 255 255);
}

/*2014-6-24　奥野追記*/
.ucNewImgBtn{
    background:#f00 !important;
}

/* 2014-6-25 平井追記 編集画面 お知らせ */
.information_alter_num { /* 未読お知らせ件数 */
    border: 1px solid #ccc;
    color: #fff;
    background: #900;
    line-height: 16px;
    border-radius: 100%;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom : 1px;
    right: 2px;
    z-index: 121;
    font-size: 12px;
    text-align: center;
}



.information_item { /* 外枠 */
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
}
.information_date {
    margin-bottom: 10px;
}
.information_title {
    font-weight: bold;
    font-size:16px;
    margin: 0 0 20px 0;
}
.information_body {
    margin: 0 0 30px 0;
    font-size:16px;
    line-height:150%;
}
.information_button {
    text-align: center;
    font-size: 18px;
}


#fixed_menu_information_panel_body{
    width:650px;
    top:80px;
    right:0px;
    left:inherit;
    height:500px;
    padding:0;
    background:none;
}

#fixed_menu_information_panel_body .information_read_link{
    background:#06f url(../img/usedcar/information_read_linkBg.png) no-repeat 10px center;
    display:block;
    font-size:16px;
    padding:10px;
    border:1px solid #00378A;
    text-decoration:none;
    color:#fff !important;
    font-weight:bold;
    border-radius:10px;
    margin:0 auto 5px auto;
    width:200px;
}

#fixed_menu_information_panel_body .information_read_link:visited,#fixed_menu_information_panel_body .information_read_link:link{
    color:#fff !important;
    text-decoration:none;
}

#fixed_menu_information_panel_body em{
    font-size:14px;
    font-weight:normal;
    color:#f00;
    font-style:normal;
}

.pict_plus_minus_btn_block{
    width:30%;
    float:right;
}


.pict_form_plus{
    float:left;
    padding:0 15px 0 0;
    cursor:pointer;
}

.pict_form_minus{
    cursor:pointer;
}

/*2015-12-10 +-ボタン用スタイル　元兼追記*/
.pict_form_plus img,
.pict_form_minus img{
    width:21px;
}


.side_recruit_edit_btn {
    position: absolute;
    bottom: 0px;
    right: 0px;
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid rgb(204, 204, 204);
    background: rgb(255, 255, 255);
    font-size: 12px;
    color: #888;
    display: none;
}

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

.no_img_side_recruit_edit_btn {
    width: 170px;
}

.recruit_str {
    padding: 0 35px 0 5px;
    background: url(../img/common/arrow001.gif) no-repeat top right;
}



.irekaekettei input[type="submit"] {
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,.2);
    letter-spacing: .05em;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #FFF;
    border-radius: 3px;
    width: 260px;
    cursor: pointer;
    margin:0 auto;
    display:block;
    font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    background-color: #ffaa00;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%);
    background-repeat: repeat, no-repeat, repeat;
    background-position: left top, top center, left top;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}


/*画像サイズ変更ボタン*/
.campaign_content .pict_edit_btn_campaign, .campaign_content .video_edit_btn_campaign {
    right: auto !important;
    left: 40px;
}
.campaign_content .pictedit_left_btn, .campaign_content .pictedit_right_btn {
    display: none;
}





/*---------- モーダル -----------*/

#modal {
    top: calc(50% - 90px);
    left: 50%;
    z-index: 103;
    width: 90%;
    max-width: 730px;
    max-height: 474px;
    transform: translate(-50%, -50%);
    background: #F5F5F5;
    border-radius: 6px;
    box-shadow: 1px 1px 6px #000;
    padding:60px;
    text-align: left;
    position: relative;
    box-sizing:border-box;
    overflow:auto;
    animation: tma 1s ease forwards;
}

@keyframes tma {
    0%{opacity:0.4;margin-top: 30px}
    100%{opacity:1;margin-top: 90px}
}

@keyframes tmoa {
    0%{opacity:0.1;top:550px;}
  100%{opacity:1;top:400px;}
}


#modal_wrapper_close_btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    background: #E5004F;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 101;
    border-radius: 100%;
    color: #fff;
    border: 3px solid #fff;
    cursor: pointer;
}

#modal_contents {
    font-size: 100%;
}


/*---------- モーダル(ウインドウ下部固定) -----------*/
#modal_wrapper.bottom-fixed{
    height: auto;
    background: none;
    top: 100%;

}

.bottom-fixed #modal{
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    transform: none;
    left: inherit;
    padding: 0px;
    border-radius: 0;
    animation: tma_bottom_fixed 0.3s ease forwards;
    color: #fff;
    background: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
}

.bottom-fixed #modal_contents{
    font-size: 16px;
}

.bottom-fixed #modal_wrapper_close_btn{
    display:none;
}

.bottom-fixed a{
    padding:15px;
    color:#fff;
    display:block;
    text-decoration:none;
}
.palette-icon
.bottom-fixed a:hover{
    text-decoration:underline;
}

@keyframes tma_bottom_fixed{
    0%{opacity:0.4;margin-top: 0px;}
    100%{opacity:1;margin-top: -53px;}
}











.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: 700px;
    height: 700px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #eee;
    box-sizing: border-box;
    border-radius: 100%;
    background-color: #fefefe;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.trialEnqueteHtml .about{
    text-align:center;
    margin:0 0 30px;
    font-size:14px;
}



.trialEnqueteHtml h1{
    font-size:26px;
    text-align:center;
    margin:0 0 25px;
}

.trialEnqueteHtml textarea{
    width: 380px;
    height: 130px;
    padding: 10px;
    resize: none;
}

.trialEnqueteHtml .caption{
    font-size: 12px;
}

.trialEnqueteHtml input[type="button"]{
    margin:0 auto;
    display:block;
}

.trialEnqueteHtml .required{
    position:relative;
}

.trialEnqueteHtml .required:after{
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(/cms/img/copy2open/select_check.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 7px;
    margin-left: 7px;
}



.trialEnquete .addInput{
    display:none;
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #ccc;
    font-size: 14px;
}

.trialEnquete input[type=submit]{
    width: 320px !important;
    background-position: right 15px center !important;
}


/* 調整 */

.trialEnqueteHtml b {
    font-size: 20px;
    font-weight: bold;
}

.trialEnqueteHtml h1{
    color:#f90;
    font-size:24px;
}



#js-trialFormSubmitButton{
    width: 160px;
    height: 160px;
    position: absolute;
    background-image: url(/cms/img/common/trial_end_btn_unable.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: calc( 50% - 80px );
    left: calc( 50% + 350px - 80px);
    z-index: 2;
    cursor:not-allowed;
    transition:.25s;
}

#js-trialFormSubmitButton.js-able{
    background-image: url(/cms/img/common/trial_end_btn.png);
    cursor:pointer;
}

#js-trialFormSubmitButton.js-able:hover{
    margin-top:-5px;
}


.validate-comment{
    position: absolute;
    top: calc( 50% - 220px );
    left: calc( 50% + 350px - 93px );
    width: 180px;
    height: 180px;
    background-image: url(/cms/img/common/fukidashi.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px;
    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:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.validate-comment.isset.more{
    animation-name: validateCommentEmphasis;
    animation-duration:.3s;
    animation-iteration-count: 2;
}

#js-trialEnqueteLoader{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 3;
    opacity:0;
    transition:.25s;
}

#js-trialEnqueteLoader.isset{
    opacity:1;
}

#js-trialEnqueteLoader:after {
    content: url(/cms/img/common/loader.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


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



.sidebarSvSubmit {
    color: #FFF;
    width: 75%;
    height: 30px;
    margin-top: 10px;
    font-size: 11px;
    background: linear-gradient(#FFDD34, #FFA74D);
    cursor: pointer;
    border: 1px solid #FFF;
    border-radius: 3px;
    display: none;
}

#streetViewSubmit {
    margin-top: 15px;
}
.sidebar_sv_box {
    padding-bottom: 5px;
    margin: 0 auto !important;
}

.sv_block {
    margin: 25px auto;
}

#street_view_error_str {
    margin-bottom: 15px;
    font-size: 90%;
}


.h2Str {
    display: none;
    color: #CCC;
    font-size: 14px;
    border-top: 1px dotted #CCC;
    padding-top: 4px;
    width: 95%;
}

.slidePre .h2Str{
    color: #eee;
}
.slide_mark {
    padding: 0 0 0 3px;
    color: rgba(255,255,255,0.3);
    font-size: 5px;
    vertical-align: middle;
}
.showClick {
    overflow: hidden;
}


.slidePre .showClick{
    overflow: visible;
}

.slidePre .slide_mark{
    position: relative;
    left: 225px;
    top: 35px;
}


#js-optionToggle.visible:before,
#js-metatagToggle.visible:before{
    transform:rotate(180deg);
}


#js-optionElem,
#js-metatagElem{
    display: none;
    margin:0 0 20px;
}

#js-optionElem label{
    margin: 0 0 5px;
    cursor: auto;
}


#js-optionElem select{
    margin:0 0 5px;
}

#js-optionElem.visible,
#js-metatagElem.visible{
    display:block;
}


.shop_info_box p span.tel_num_edit {
    color: inherit;
}




/*利用料金のご確認*/
#price_base {
    position: relative;
}




.blankLink{
    background-image : url(/cms/img/common/out_link.gif);
    background-repeat:no-repeat;
    background-position:right center;
    padding:0 16px 0 0;
}

.blankLink:hover{
    text-decoration:none;
}











.ret_date_block {
    display: inline-block !important;
}


.textCounter__wrapper{
    position: fixed;
    bottom: 0;
    left: 5px;
    background: #eee;
    padding: 5px 10px 0px;
    font-size: 14px;
    color: #666;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 2px solid #bbb;
    border-left: 2px solid #bbb;
    border-right: 2px solid #bbb;
    z-index:98;
    cursor:default;
    transition:.5s;
}

.textCounter__count-outer,
.textCounter__rank-outer{
    width: 130px;
    display: inline-block;
    float: left;
    text-align:center;
}

.textCounter__rank-outer{
    width: 110px;
    margin:0 0 0 10px;
}

.textCounter__wrapper.js-appeal{
    background-color:#fc0;
    border-color:#fb0 !important;
    transition:.15s;
}

.textCounter__wrapper.js-changing{
    background-color:#fcc;
    border-color:#fbb !important;
}


.textCounter__count-count,
.textCounter__rank-rank{
    font-size:20px;
    font-weight:bold;
    color: #333;
}

.textCounter__count-title{
    font-size: 12px;
    color: #666;
    background-image: url(/cms/img/common/arrow_seo_up.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px;
    padding: 0 0 0 17px;
    display:inline-block;
}

.textCounter__rank-title{
    font-size: 12px;
}

.textCounter__count-title__hovered{
    display:none;
}

.js-hovered .textCounter__count-title__hovered{
    display:block;
}

.js-hovered .textCounter__count-title__default{
    display:none;
}


.textCounter__wrapper .q_and_a_btn{
    -webkit-transform: translateX(5px) translateY(16px);
    transform: translateX(5px) translateY(16px);
    display: inline-block;
}


/* ImageBox Controller */
.changeBoxImageLayoutControllerOuter{
    position: absolute;
    bottom: 0;
    background: #fff;
    border: 1px solid #ccc;
    right: 0;
    border-radius: 2px;
    padding: 4px 10px 5px 40px;
    z-index: 2;
    transition: .25s;
    background-image: url(/cms/img/common/imageBoxLayoutOuter.gif);
    background-repeat: no-repeat;
}

.changeBoxImageLayoutControllerInner{
    cursor:pointer;
    width:23px;
    height:23px;
    transition:.125s;
    float:left;
    margin:0 5px 0 0;
    position:relative;
}

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

.changeBoxImageLayoutControllerOuter .changeBoxImageLayoutControllerInner:last-of-type{
    margin:0;
}

.changeBoxImageLayoutControllerInner img {
    width: 100%;
}

.changeBoxImageLayoutControllerOuter img:hover{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
}

.changeBoxImageLayoutControllerOuter div:last-of-type{
    margin-right:0px;
}


.boxImageImageControllerOuter{
    position: absolute;
    display: block;
    bottom: -25px;
    left: 0px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    transition: .25s;
    border-radius: 2px;
    box-sizing: content-box;
    z-index: 3;
    opacity:0;
}

.boxImageImageControllerOuter[data-layout="LAYOUT_SLIDESHOW"]{
    top:0;
    bottom:auto;
}

/*2024061810枚スライドの編集パネルが見切れる問題に対応する*/
.boxImageImageControllerOuter[data-layout = "LAYOUT_MULTI_SLIDESHOW"]{
    bottom:-10px;
}

.boxImageImageControllerOuter.js-left[data-layout="LAYOUT_SLIDESHOW"]{
    left:0;
    right:auto;
}

.boxImageImageControllerOuter.js-right[data-layout="LAYOUT_SLIDESHOW"]{
    left:auto;
    right:0;
}

.imageBoxSlider .boxImageImageControllerOuter{
    bottom:auto;
    top:0;
}

.img_box_right .boxImageImageControllerOuter{
    right: 0;
    left:auto;
    bottom: 0;
}

.boxImageImageControllerOuter.upper{
    bottom:auto;
    top:0px;
}

.boxImageImageControllerOuter[data-transparent="0"]{
    opacity:1;
}

.reviewTopContentsInner .boxImageImageControllerOuter{
    left: calc( 50% - 480px + 58px );
    bottom:30px;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}


.boxImageImageController {
    display: inline-block;
    color: #f5f5f5;
    float: left;
    margin: 0 5px 0 0;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 2px;
    height: 21px;
    line-height: 17px;
    box-sizing: border-box;
    cursor:pointer;
}


body.js-activeImageController .changeBoxImageLayoutControllerOuter {
    z-index: 2;
}


/* 画像状態管理パネル */

.imageFixController--multi{
    position: relative;
}


.imageFixControllerInner{
    float: left;
    margin: 0 2px 0 0;
    position:relative;
    cursor:pointer;
}

.imageFixControllerInnerSub{
    position: absolute !important;
    top: -20px;
    left: 0px;
    opacity: 0;
    transition: .4s;
}

.imageFixControllerInner:hover .imageFixControllerInnerSub{
    opacity: 1;
    top: -25px;
}

.imageFixControllerInnerBg{
    width: 23px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-image: linear-gradient(0deg, #e4e4e4 0%, #ffffff 43%, #ffffff 100%);
    box-shadow: inset 1px 0 0 #FFF, inset -1px 0 0 #FFF, inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
}

.imageFixControllerInnerBg:not(:has(img)) {
    display: none;
}

.imageFixControllerInnerBg[data-active="popup"] {
    border: none;
}

.imageFixControllerInner[data-fix-type="captionHead"],
.imageFixControllerInner[data-fix-type="captionBody"]{
    width: 23px;
    box-sizing: border-box;
    background-color:#454545;
}

.imageFixControllerInnerBg .imageFixController,
.imageFixControllerInner[data-fix-type="captionHead"] .imageFixController,
.imageFixControllerInner[data-fix-type="captionBody"] .imageFixController{
    width:100%;
    display: block;
}

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


.imageFixControllerInner:hover{
    transform:scale(1.1);
}

.imageFixControllerInner:active{
    transform:scale(1);
}

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


.imageFixControllerInner[data-fix-type="captionHead"].disabled .imageFixController,
.imageFixControllerInner[data-fix-type="captionBody"].disabled .imageFixController{
    cursor:default;
    opacity:0.5;
}


.imageFixControllerInner[data-fix-type="captionHead"].disabled:hover,
.imageFixControllerInner[data-fix-type="captionBody"].disabled:hover,
.imageFixControllerInner[data-fix-type="disabled"]:hover{
    transform:scale(1);
}

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

/* 目の錯覚で大きく見えるんで削ってる */
.imageFixController[data-fix-type="disabled"]{
    width:19px;
    padding: 2px 0px 2px 2px;
    cursor:not-allowed;
}

.boxImageImageControllerOuter[data-layout="LAYOUT_DEFAULT"] .imageFixControllerInner[data-fix-type="sort"],
.boxImageImageControllerOuter[data-layout="LAYOUT_SLIDESHOW"] .imageFixControllerInner[data-fix-type="sort"],
.boxImageImageControllerOuter[data-layout="LAYOUT_2COLUMN"] .imageFixControllerInner[data-fix-type="sort"],
.boxImageImageControllerOuter[data-layout="LAYOUT_3COLUMN"] .imageFixControllerInner[data-fix-type="sort"],
.boxImageImageControllerOuter[data-layout="LAYOUT_4COLUMN"] .imageFixControllerInner[data-fix-type="sort"]{
    display: none;
}

.boxImageImageControllerOuter[data-layout="LAYOUT_MULTI_SLIDESHOW"] .imageFixControllerInner[data-fix-type="sort"]{
    display: block;
}



/* 各モーダル（youtube, link, delete） */

.imageDetailControllerOuter{
    line-height: 160%;
    position: absolute;
    transition: .25s;
    z-index: 2147483647;
}


.imageDetailControllerMask{
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}


.imageDetailControllerInner{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:110;
    width: 360px;
    border: 1px solid #ccc;
    background:#fefefe;
    padding: 30px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    transition:.25s;
    text-align:left;
    border-radius:5px;
    transition: .25s;
}

.img_box_right .imageDetailControllerOuter,
.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_2COLUMN"]:nth-child(2) .imageDetailControllerOuter,
.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_3COLUMN"]:nth-child(3) .imageDetailControllerOuter,
.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_4COLUMN"]:nth-child(3) .imageDetailControllerOuter,
.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_4COLUMN"]:nth-child(4) .imageDetailControllerOuter{
    right:0;
}


/*** フォントリセット ***/
.imageDetailControllerOuter p,
.imageDetailControllerOuter b,
.imageDetailControllerOuter span,
.imageDetailControllerOuter strong{
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    line-height: 160%;
    letter-spacing: .0em;

}

.imageDetailControllerOuter p, .imageDetailControllerOuter span {
    color: #333 !important;
    margin: 0;
}

.imageDetailControllerOuter a {
    color: #36f !important;
}

.imageDetailControllerOuter .controllerErrorMessage{
    color:#e00 !important;
    margin: 5px 0;
}

.imageDetailControllerAbout{
    margin:0 0 5px;
    font-size:14px;
}

.imageDetailControllerAbout .caption{
    display:block;
    font-size:12px;
}

.imageDetailControllerInputText{
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 7.5px 10px;
    font-size: 14px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin:0 0 25px;
}

.imageDetailControllerlabelOuter{
    margin:0 0 30px;
}

.imageDetailControllerSubmit{
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,.2);
    letter-spacing: .05em;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 45px;
    border: 1px solid #FFF;
    border-radius: 3px;
    cursor: pointer;
    transform: translateY(-1px);
    display:block;
    margin:0 auto;
    background-color: #ffaa00;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%);
    background-repeat: repeat, no-repeat, repeat;
    background-position: left top, top center, left top;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}

.imageDetailControllerLabel{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    cursor:pointer;
    margin:0 10px 0 0;
}

.imageDetailControllerFormOuter--pos-relative{position: relative;}

.imageDetailControllerFormOuter .imageDetailControllerLabel:last-of-type{
    margin:0;
}

.imageDetailControllerLabelInput{
    cursor:pointer;
    vertical-align: middle;
}

.imageDetailControllerLabelAbout{
    transform: translateY(1px);
    display: inline-block;
}


.imageDetailControllerTextOuter{
    margin:0 0 15px;
}

.imageDetailControllerTitle,
.imageDetailControllerCurrentLink,
.imageDetailControllerpopUpTrigger{
    display:inline-block;
}

.imageDetailControllerOuter .imageDetailControllerpopUpTrigger{
    color: #36F !important;
    cursor: pointer;
    font-size: 12px;
    text-decoration: underline;
    position: relative;
    top: 0px;
}

.imageDetailControllerTitle{
    font-size:16px !important;
    padding:0 !important;
}

.imageDetailControllerOuter .imageDetailControllerCaption{
    color:#666 !important;
    font-size: 12px !important;
    padding: 0 !important;
}

.imageDetailControllerCurrentLinkOuter{
    float: right;
}

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

#main_contents_wrapper a.imageDetailControllerCurrentLink:hover{
    color:#36f !important;
    text-decoration:underline;
}

.imageDetailControllerPopup{
    text-align: center;
    color: #333;
    font-size: 12px;
    margin: 0 0 15px;
}

.imageDetailControllerPopup label{
    cursor: pointer;
}

.imageDetailControllerPopup input[type = "checkbox"]{
    transform: translate(-4px,-1px);
}

.imageDetailControllerFormOuter .linkurlForm{
    margin: 0 0 5px;
}

.imageDetailControllerFormOuter .linkurlForm.hide{
    display: none;
}

.imageDetailControllerOuter .linkUrlFormOverlay {
    width: 100%;
    background: rgba(0,0,0,0.75);
    color: #F5F5F5 !important;
    display: none;
    font-size: 14px;
    padding: 15px 10px;
    position: absolute;
    text-align: center;
    top: -7px;
    left: -10px;
}

.imageDetailControllerOuter .link-url__overlay{
    width: 100%;
    background: rgba(0,0,0,0.75);
    color: #F5F5F5 !important;
    display: none;
    font-size: 14px;
    padding: 15px 10px;
    position: absolute;
    text-align: center;
    top: -7px;
    left: -10px;
}

.imageDetailControllerOuter .link-url__overlay--visible{
    display: block;
}

.controllerErrorMessage{
    font-size: 12px;
    margin-top: 10px;
    color: #e00;
    display:none;
}

.imageDetailControllerTab{
    margin: 6px 0 20px;
    padding: 0;
}

.imageDetailControllerTab .tab__item{
    display: inline-block;
    text-align: center;
    padding: 15px 20px;
    border-radius: 5px;
    background: #F0F0F0;
    color: #CCC !important;
    cursor: pointer;
    line-height: 1;
    font-size: 14px;
    transition: all .3s;
    width: 177px;
    box-sizing: border-box;
}

.imageDetailControllerTab .tab__item:hover{
    color: #666 !important;
    box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
}

.imageDetailControllerTextOuter[data-active = "link"] [data-tab = "link"],
.imageDetailControllerTextOuter[data-active = "popup"] [data-tab = "popup"]{
    background: #3366FF !important;
    color: #FFF !important;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.15);
    font-weight: bold;
}

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

.imageDetailControllerDetail:after{
    content: "";
    clear: both; 
    display: block;
}

.imageDetailControllerDetail.detail__item{
    display: none;
}

.imageDetailControllerTextOuter[data-active = "link"] [data-detail = "link"],
.imageDetailControllerTextOuter[data-active = "popup"] [data-detail = "popup"]{
    display: block;
}


.liftPopup[data-lifted-popup = "0"]{
    display: none;
}

.liftPopup[data-lifted-popup = "1"]{
    display: block;
}

.liftPopup{
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    padding: 0 0 10px 0;
}

.imageDetailControllerDetail p{
    font-size: 14px;
    margin: 0 0 3px;
}
.imageDetailControllerDetail .attention{
    color: #999;
    font-size: 12px;
}

.imageDetailControllerDetail[data-detail = "popup"] .attention{
    width: 100%;
    text-align: center;
    background: #f8f8f8;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    color: #999 !important;
    padding: 27px;
}

.imageDetailControllerDetail input[type = "text"]{
    width: 100%;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 10px 7px;
    box-sizing: border-box;
}

.imageDetailControllerDetail input[type = "text"]::placeholder{
    color: #CCC;
}

.imageDetailControllerOuter[data-editor=delete] .imageDetailControllerInner {
    width: 360px;
    text-align: center;
    box-sizing:border-box;
}

.imageDetailControllerOuter .imageLinkDelete {
    margin: 0 0 0 auto;
    background: none;
    border: none;
    color: #3366FF !important;
    cursor: pointer;
    display: block;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: -3px;
}

.imageDetailControllerOuter .imageLinkSelectShowTrigger,
.imageDetailControllerOuter .imageLinkUrlFormShowTrigger{
    background: #f0f0f0;
    border-radius: 3px;
    color: #999 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding: 4px 12px;
    user-select: none;
    text-align: center;
    float: right;
}

.imageDetailControllerOuter .imageLinkDelete.hide,
.imageDetailControllerOuter .imageLinkSelectShowTrigger.hide,
.imageDetailControllerOuter .imageLinkUrlFormShowTrigger.hide{
    display: none;
}

.imageDetailControllerOuter .imageLinkSelect{
    display: none;
    width: 100%;
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 9px 7px;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.imageDetailControllerOuter .imageLinkSelect.show{
    display: block;
}

.deleteEditorThumbNailOuter {
    width: 300px;
    border: 5px solid #fc0;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto 30px;
    padding: 15px;
    box-sizing: border-box;
}

.js-deleteEditorThumbNail {
    max-height: 120px;
    width: auto;
    margin: 0 auto;
    max-width:100%;
}

.imageDetailControllerOuter[data-editor=delete] .imageDetailControllerCancelString {
    color: #36f;
    cursor: pointer;
}

.imageDetailControllerOuter[data-editor=delete] .imageDetailControllerCancelString:hover {
    text-decoration: underline;
}

.js-loadingDirectUpload:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,0.9);
    background-image: url(/cms/img/common/loader.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px auto;
    opacity:0;
    transition:.5s;
}

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

.js-changeableBoxImageLayoutBox.js-mouseover {
    box-shadow: 5px 0px 10px rgba(215,215,215,0.2), 0px 5px 10px rgba(215,215,215,0.2), -5px 0px 10px rgba(215,215,215,0.2), 0px -5px 10px rgba(215,215,215,0.2);
}

.closeDetailController{
    position: absolute;
    top: -21px;
    right: -21px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    border-radius: 100%;
    cursor:pointer;
    z-index: 123;
    transition:.25s;
}

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

.bgImageUploadLoader {
    position: absolute;
    top: calc(50% - 52.5px);
    left: calc(50% - 52.5px);
}

#syde-wysiwyg_area .overAlert {
   background: #fd4c4c;
}

.bgImageUploadLoaderOuter {
    background: transparent;
    position: absolute;
    opacity: 0;
    transition: .25s;
    z-index: 2;
}

.bgImageUploadLoaderActive {
    opacity: 1;
}


/* デザインによる */
.review_top_contents_outer{
    margin:0 0 45px;
}



#deleteCheckBoxArea {
    width: auto;
    display: none;
}

#deleteCheckBoxArea.show {
    display: block;
    z-index: 1002;
}

#carGallMask div.deleteCheckBoxMask {
    z-index: 1002;
}

#carGallMask div.delete_checkbox_outer {
    position: absolute;
    top: 0;
    left: 62px;
    width: auto;
    height: auto;
    z-index: 1000;
}

/* ラベルのスタイル　*/
.delete_checkbox_outer label {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

/* ボックスのスタイル */
.delete_checkbox_outer label:before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: #fff;
    border: 2px solid #285573;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

/* 元のチェックボックスを表示しない */
.delete_checkbox_outer input[type=checkbox] {
    display:none;
}

/* チェックした時のスタイル */


.delete_checkbox_outer input[type=checkbox]:checked + label:before {
    content: '';
    font-size: 15px;
    font-weight: bold;
    color: #333;
    background-color: #fff;
    line-height: 17px;
    background: url(/cms/img/menu_back/check_min_red.png) no-repeat #285573 center center;
    background-size: 16px;
}


a.ucSelectDeleteImgBtn {
    display: none;
    position: absolute;
    right: 0;
    top: 43px;
    width: auto;
    height: 35px;
    color: #fff;
    vertical-align: middle;
    line-height: 37px;
    border: 1px solid #ccc;
    background: url(/cms/img/menu_back/multiple_check.png) no-repeat #142937 center left 5px;
    background-size: 14px;
    padding: 0 5px 0 20px;
    font-size: 14px;
    word-break: keep-all;
    text-decoration: none;
}



.deleteLinkOuter {
    display: inline-block;
    z-index: 4;
    position: absolute;
    top: 0;
    right: 0;
}

.deleteLinkOuter.multipleLinkOuter {
    z-index: 1002;
}



#js-deleteTrigger {
    float: none;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    background: #142937;
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    text-align: center;
}

.delete_car_count {
    font-size: 15px;
    color: #333;
    display: inline-block;
    padding: 0 3px;
    vertical-align: middle;
    font-weight: bold;
}


.imageDetailControllerOuter .youtubeUrlFormHiddenText {
    height: 0;
    font-size: 11px;
    margin-left: 17px !important;
    color: #777 !important;
    overflow: hidden;
    transition: height .3s;
}

.imageDetailControllerOuter .youtubeUrlFormHiddenText.show{
    height: 30px;
}


div.ui-widget-overlay {
    opacity: .5;
    z-index: 2147483647;
}

div.ui-dialog {
    z-index: 2147483647;
}

#main_img_wrapper .pictClickUpload {
    width: 100%;
    height: 100%;
    z-index: 1;
}

#main_img_wrapper .sliderMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.side_pict_edit_btn {
    box-sizing: border-box;
}


/* 迷惑メールブロック */

.spamFilterLevelSwitchOuter{
    display: flex;
    justify-content: center;
}

.toggleSwitch{
    padding: 2px 0px;
    width:140px;
    box-sizing:border-box;
    display:inline-block;
    text-align: center;
    background: #eee;
    border-radius: 15px;
    margin-right: 15px;
    border: 1px solid #ddd;
    cursor:pointer;
    position:relative;
}

.spamFilterToggleSwitch.js-loading{
    cursor:default;
}

.spamFilterToggleSwitch.js-loading:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.75);
    border-radius: inherit;
    background-image: url(/cms/img/ajax-loader.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
}


.spamFilterLevelSwitch:last-of-type{
    margin:0;
}





.spamFilterSettingBlock[data-current-value="0"] .spamFilterToggleSwitch[data-toggle-value="0"],
.spamFilterSettingBlock[data-current-value="1"] .spamFilterToggleSwitch[data-toggle-value="1"],
.spamFilterSettingBlock[data-using-no-robot-checkbox="0"] .noRobotCheckboxToggleSwitch[data-toggle-value="0"],
.spamFilterSettingBlock[data-using-no-robot-checkbox="1"] .noRobotCheckboxToggleSwitch[data-toggle-value="1"]{
    background-color:#36f;
    color:#fff;
    cursor:default;
}


.addNewArrivalIcon{
    position:relative;
}

.addNewArrivalIcon:after{
    content: "NEW";
    background-color: #f55;
    color: #fff;
    font-size: 10px;
    top: -15px;
    font-weight: normal;
    padding: 0px 5px;
    border-radius: 2px;
    vertical-align: middle;
    margin: 0 0 0 5px;
    transform: translateY(-1px);
    display: inline-block;
}

.spamFilterSettingBlockTh p{
    font-size: 14px;
    margin:0 0 10px;
}

.spamFilterSettingBlockTh a{
    color:#06c;
    font-size:12px;
    text-decoration:none;
}

.spamFilterSettingBlockTh a:hover{
    text-decoration:underline;
}

.spamFilterSettingBlockTh p:last-child{
    margin:0;
}



/*** 文字数カウント アニメーション ***/

.count-animation{
    width: 140px; 
    padding: 12px 18px;
    border-radius: 10px;
    box-sizing: border-box;
    background: #FFF;
    text-align: center;
    font-weight: bold;
    position: fixed;
    right: 50px;
    bottom: calc( 55% + 45px );
    z-index: 1;
    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 20%);
}

.increase.count-animation{
    animation: countPurun 0.7s linear;
    -webkit-animation: countPurun 0.7s linear;
    animation-delay: 1.7s; /* arrowのアニメーションが終わったところで */
}

.decrease.count-animation{
    animation: countKoten 1.2s linear forwards;
    -webkit-animation: countKoten 1.2s linear forwards;
    animation-delay: 1.7s; /* arrowのアニメーションが終わったところで */
    transform-origin: right bottom;
}

@keyframes countPurun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 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%); }
}

@-webkit-keyframes countPurun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 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%); }
}

@keyframes countKoten {
  0%   { transform: rotate(0deg); animation-timing-function: cubic-bezier(.51,.01,.79,.02);}
  15%  { transform: rotate(-20deg); animation-timing-function: cubic-bezier(.19,1,.7,1);}
  30%  { transform: rotate(-11deg); animation-timing-function: cubic-bezier(.51,.01,.79,.02);}
  50%  { transform: rotate(-20deg); animation-timing-function: cubic-bezier(.19,1,.7,1);}
  65%  { transform: rotate(-14.5deg); animation-timing-function: cubic-bezier(.51,.01,.79,.02);}
  80%  { transform: rotate(-20deg); animation-timing-function: cubic-bezier(.19,1,.7,1);}
  90%  { transform: rotate(-16.5deg); animation-timing-function: cubic-bezier(.51,.01,.79,.02);}
  100% { transform: rotate(-20deg); animation-timing-function: cubic-bezier(.19,1,.7,1);}
}

@-webkit-keyframes countKoten {
  0%   { transform: rotate(0deg); animation-timing-function: cubic-bezier(.51,.01,.79,.02);}
  15%  { transform: rotate(-20deg); animation-timing-function: cubic-bezier(.19,1,.7,1);}
  30%  { transform: rotate(-11deg); animation-timing-function: cubic-bezier(.51,.01,.79,.02);}
  50%  { transform: rotate(-20deg); animation-timing-function: cubic-bezier(.19,1,.7,1);}
  65%  { transform: rotate(-14.5deg); animation-timing-function: cubic-bezier(.51,.01,.79,.02);}
  80%  { transform: rotate(-20deg); animation-timing-function: cubic-bezier(.19,1,.7,1);}
  90%  { transform: rotate(-16.5deg); animation-timing-function: cubic-bezier(.51,.01,.79,.02);}
  100% { transform: rotate(-20deg); animation-timing-function: cubic-bezier(.19,1,.7,1);}
}

.count-animation:after{
    content: "";
    position: absolute;
    right: -4px;
    top: calc(50% - 7.5px);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 5px;
    border-color: transparent transparent transparent #ffffff;
}

.increase{ color: #F90; }
.decrease{ color: #39F; }


.count-animation__title{
    font-size: 12px;
    margin: 0;
}
.count-animation__result{
    display: flex;
    justify-content: center;
    align-items: center;
}

.count-animation__arrow{
    position: relative;
}
.count-animation__arrow span{
    z-index: 2;
    width: 14px;
    height: 18px;
    background: url(../img/common/count_up_arrow.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -10px;
    left: 8px;
}

.decrease .count-animation__arrow span{
    background: url(../img/common/count_up_arrow_decrease.png) no-repeat;
    background-size: contain;
}

.increase .count-animation__arrow.show span{
    animation: increaseCountArrow ease-out .4s forwards;
    -webkit-animation: increaseCountArrow ease-out .4s forwards;
}

.decrease .count-animation__arrow span{
    transform: rotate(180deg);
}

.decrease .count-animation__arrow.show span{
    animation: decreaseCountArrow ease-out .4s forwards;
    -webkit-animation: decreaseCountArrow ease-out .4s forwards;
}

.count-animation__arrow .count-animation__arrow--lower{
    z-index: 1;
    width: 18px;
    height: 22px;
    background: url(../img/common/count_up_arrow.png) no-repeat;
    background-size: contain;
    font-size: 24px;
    opacity: .3;
    top: -18px;
    left: -2px;
}

.decrease .count-animation__arrow .count-animation__arrow--lower{
    background: url(../img/common/count_up_arrow_decrease.png) no-repeat;
    background-size: contain;
}

.increase .count-animation__arrow.show .count-animation__arrow--lower{
    animation: increaseCountArrowLower ease-out .7s forwards;
    -webkit-animation: increaseCountArrowLower ease-out .7s forwards;
}

.decrease .count-animation__arrow.show .count-animation__arrow--lower{
    animation: decreaseCountArrowLower ease-out .7s forwards;
    -webkit-animation: decreaseCountArrowLower ease-out .7s forwards;
}

.count-animation__arrow .count-animation__arrow--upper{
    z-index: 1;
    width: 12px;
    height: 16px;
    background: url(../img/common/count_up_arrow.png) no-repeat;
    background-size: contain;
    font-size: 24px;
    opacity: .7;
    top: -16px;
    left: 10px;
}

.decrease .count-animation__arrow .count-animation__arrow--upper{
    background: url(../img/common/count_up_arrow_decrease.png) no-repeat;
    background-size: contain;
}

.increase .count-animation__arrow.show .count-animation__arrow--upper{
    animation: increaseCountArrowUpper ease-out .7s forwards;
    -webkit-animation: increaseCountArrowUpper ease-out .7s forwards;
}

.decrease .count-animation__arrow.show .count-animation__arrow--upper{
    animation: decreaseCountArrowUpper ease-out .7s forwards;
    -webkit-animation: decreaseCountArrowUpper ease-out .7s forwards;
}

.count-animation__variation{
    padding: 0 0 0 28px;
    font-size: 18px;
}

@keyframes increaseCountArrow {
    0% {
        top: 2px;
    }
    100% {
        top: -10px;
    }
}

@-webkit-keyframes increaseCountArrow {
    0% {
        top: 2px;
    }
    100% {
        top: -10px;
    }
}

@keyframes increaseCountArrowLower {
    0% {
        top: 0px;
        opacity: 0.25;
    }
    30% {
        opacity: 0.25;
    }
    100% {
        top: -26px;
        opacity: 0;
    }
}

@-webkit-keyframes increaseCountArrowLower {
    0% {
        top: 0px;
        opacity: 0.25;
    }
    30% {
        opacity: 0.25;
    }
    100% {
        top: -26px;
        opacity: 0;
    }
}

@keyframes increaseCountArrowUpper {
    0% {
        top: 4px;
        opacity: 0.5;
    }
    30% {
        opacity: 0.5;
    }
    100% {
        top: -6px;
        opacity: 0;
    }
}

@-webkit-keyframes increaseCountArrowUpper {
    0% {
        top: 4px;
        opacity: 0.5;
    }
    30% {
        opacity: 0.5;
    }
    100% {
        top: -6px;
        opacity: 0;
    }
}

@keyframes decreaseCountArrow {
    0% {
        top: -18px;
    }
    100% {
        top: -10px;
    }
}

@-webkit-keyframes decreaseCountArrow {
    0% {
        top: -18px;
    }
    100% {
        top: -10px;
    }
}

@keyframes decreaseCountArrowLower {
    0% {
        top: -32px;
        opacity: 0.25;
    }
    30% {
        opacity: 0.25;
    }
    100% {
        top: 6px;
        opacity: 0;
    }
}

@-webkit-keyframes decreaseCountArrowLower {
    0% {
        top: -32px;
        opacity: 0.25;
    }
    30% {
        opacity: 0.25;
    }
    100% {
        top: 6px;
        opacity: 0;
    }
}

@keyframes decreaseCountArrowUpper {
    0% {
        top: 0px;
        opacity: 0.5;
    }
    30% {
        opacity: 0.5;
    }
    100% {
        top: 10px;
        opacity: 0;
    }
}


@-webkit-keyframes decreaseCountArrowUpper {
    0% {
        top: 0px;
        opacity: 0.5;
    }
    30% {
        opacity: 0.5;
    }
    100% {
        top: 10px;
        opacity: 0;
    }
}
.count-animation.hide{
    opacity: 0;
    transition: all .5s;
    transform: translateX(15px);
}

.count-animation.show{
    opacity: 1;
    transition: all .5s;
    transform: translateX(0px);
}

.count-animation .hide{
    opacity: 0;
    transition: all .25s;
}

.count-animation .show{
    opacity: 1;
    transition: all .25s;
}


/**
 * SSL申し込みモーダル
 */

.ssl-announcement__overlay{
    width: 100vw;
    height: 100vh;
    display: none;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483647;
}

.ssl-announcement__modal-wrapper{
    width: 600px;
    height: 390px;
    position: fixed;
    background: #F9F9F9;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    z-index: 2147483647;
    color: #333;
    display: none;
    border: 1px solid #DADADA;
    text-align: left;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -245px;
    border-radius: 3px;
}

.ssl-announcement__modal{
    width: 100%;
    height: 100%;
}


.ssl-announcement__modal-inner{
    padding: 30px;
}

.ssl-announcement__modal-inner h2{
    color: #454554;
    margin: 0 0 20px;
    font-size: 28px;
    font-weight: normal;
    background: none !important;
    border: none;
    padding: 2px 0 0 0;
    line-height: 1.25em;
    letter-spacing: 0.02em;
    text-align: center;
}

.ssl-announcement__modal-inner h2 .large{
    font-size: 150%;
    line-height: 1em;
    font-weight: 700;
}


.ssl-announcement__modal-inner h2 .has-ruby{
    position: relative;
    margin: 20px 0 0;
    display: inline-block;
}

.ssl-announcement__modal-inner h2 .has-ruby .ruby{
    width: 60px;
    position: absolute;
    left: -5px;
    top: -25px;
    font-size: 12px;
    letter-spacing: 0.1em;
    background: #FFF;
    padding: 4px 10px;
    box-sizing: border-box;
    border-radius: 12px;
    color: #666;
    line-height: 1em;
    box-shadow: 0px 3px 3px rgb(0 0 0 / 10%);
}

.ssl-announcement__modal-inner h2 .has-ruby .ruby:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 6px solid #FFF;
}

.ssl-announcement .like-button,
.ssl-announcement__modal-inner .like-button,
.ssl-entry-button{
    width: 320px;
    border-radius: 5px;
    box-sizing: border-box;
    color: #FFF;
    cursor: pointer;
    display: block;
    font-size: 20px;
    padding: 15px;
    margin: 20px auto;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0,0,0,.2);
    letter-spacing: .05em;
    font-weight: bold;
    border: 1px solid #FFF;
    border-radius: 3px;
    background-color: #ffaa00;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%);
    background-repeat: repeat, no-repeat, repeat;
    background-position: left top, top center, left top;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}


.ssl-entry-button:link,
.ssl-entry-button:visited{
    color: #FFF;
    text-decoration: none;
}

#fixed_menu2 .ssl-entry-button,
#fixed_menu2 .ssl-entry-button:link,
#fixed_menu2 .ssl-entry-button:visited{
    color: #FFF;
}

.ssl-announcement .like-button{
    width: 100%;
}

.ssl-announcement__modal-inner .lead-text{
    color: #666;
    font-size: 14px;
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.4;
}

.ssl-announcement__modal-inner .dropdown-content h3{
    text-align: right;
}

.ssl-announcement__modal-inner .dropdown-content .like-link{
    color: #39F;
    cursor: pointer;
    font-size: 14px;
    text-decoration: underline;
}

.ssl-announcement__modal-inner .hidden-text{
    display: none;
}

.ssl-announcement__close-button{
    height: 42px;
    width: 42px;
    cursor: pointer;
    position: absolute;
    top: -21px;
    right: -21px;
}

/**
 * 注意書き
 */
.ssl-announcement__modal-inner .attention{
    background-color: #fcf8e3;
    border-color: #faf2cc;
    border-radius: 5px;
    padding: 15px;
    box-sizing: border-box;
}

.ssl-announcement__modal-inner .attention-image{
    text-align: center;
    margin: 0 0 10px;
}

.ssl-announcement__modal-inner .attention p{
    color: #8a6d3b;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 5px;
    text-align: center;
}

/**
 * 完了
 */
.ssl-announcement__modal-inner .https-url{
    text-align: center;
    font-size: 16px;
    margin: 0 0 30px;
}

.ssl-announcement__modal-inner .https-url span{
    background: #E5E5E5;
    border-radius: 18px;
    color: #888;
    display: inline-block;
    font-size: 14px;
    margin: 0 5px 0 0;
    padding: 2px 15px 1px;
    text-align: center;
}

.ssl-announcement__modal-inner .https-url a{
    color: #3366FF;
    cursor: pointer;
    display: inline-block;
    text-decoration: underline;
}




/**
 * 編集モード
 */

#wrapper.menu-edit-mode{
    position: relative;
    z-index: 1001;
}

.menu-edit-overlay{
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.7);
    display: block;
    position: fixed;
    z-index: 9998 !important;
    left: 0;
    top: 0;
}

/*.mega_menu.menu-edit-mode{
    z-index: 9999 !important;
    display: block !important;
}*/

li .open-middle-menu-title-editor{
    width: 16px;
    height: 16px;
    border-radius: 10px;
    background: #FFF url(../img/common/editlink_img2.png) no-repeat center center;
    background-size: 14px 14px;
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
    transition: .3s;
    -webkit-transition: .3s;
    cursor: pointer;
}

li .open-middle-menu-title-editor:hover{
    background-color: #FFCC00;
    animation: scaleUpRotate .5s forwards;
}

@keyframes scaleUpRotate {
  0%   { transform: scale(1.0, 1.0) rotate(0deg);}
  50%  { transform: scale(1.3);}
  100% { transform: scale(1.0, 1.0) rotate(360deg);}
}

.edit-mode-toggle{
    position: absolute;
    right: 30px;
    top: -5px;
    width: 50px;
    height: 50px;
}

.edit-mode-toggle.sidebar-pos--top,
.edit-mode-toggle.sidebar-pos--middle
{
    top: 5px;
}

.edit-mode-toggle.sidebar-pos--right
{
    right: 25px;
}

.edit-mode-toggle:before{
    content: "編集モード";
    color: #777777;
    font-size: 12px;
    position: absolute;
    left: -65px;
    top: 23px;
    width: 60px;
}

.edit-mode-toggle .toggle__body{
    width: 20px;
    height: 20px;
    background-color: #FFF;
    cursor: pointer;
    border-radius: 50%;
    display: block;
    position: absolute;
    transition: all .2s;
    z-index: 1;
    top: 22px;
}

.edit-mode-toggle[data-state = "false"] .toggle__body{
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
    right: 22px;

}

.edit-mode-toggle[data-state = "true"] .toggle__body{
    box-shadow: none;
    right: 2px;
}

.edit-mode-toggle .toggle__bg{
    width: 44px;
    height: 24px;
    background: #F0F0F0;
    border-radius: 20px;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0px;
    transition: all .2s;
    top: 20px;
    z-index: 0;
}


.edit-mode-toggle[data-state = "true"] .toggle__bg{
    background: #FC0;
}


.edit div.mega_menu > ul{
    padding: 60px 30px 45px 30px !important;
}

.edit .use_megamenu_animation div.mega_menu > ul{
    padding: 0 30px 0 !important;
}

.use_megamenu_animation div.mega_menu > ul.searchedResultListOuter {
    opacity: 1;
    display: none;
}

.use_megamenu_animation div.mega_menu > ul.searchedResultListOuter[data-show="1"] {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

/** 
 * D&D関連の装飾
 */

/** カーソル切り替え */
.menu-edit-mode #menu_container{
    z-index: 11;
}

.menu-edit-mode .cannot-draggable{ cursor: not-allowed; }

.menu-edit-mode .dragging > a{
    opacity: .2;
}

.menu-edit-mode .draggable{
    cursor: pointer;
    position: relative;

}

.menu-edit-mode .draggable > a{
    box-sizing: border-box;
    border-radius: 3px;
/*    padding-left: 25px !important;*/
    position: relative;
}

.menu-edit-mode .draggable > a:hover,
.menu-edit-mode[data-grabbing-node = "middleMenu"] .draggable > a,
.menu-edit-mode[data-grabbing-node = "childPage"] .draggable > a,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] .draggable > a,
.menu-edit-mode[data-grabbing-node = "privatePage"] .draggable > a{
    animation: none !important;
}


.menu-edit-mode [data-is-middle-menu = "0"][data-included-middle-menu = "0"] > a{
    background: #FFFFFF !important;
    box-shadow: inset 0 0 0 1px #F4F4F4, 1px 1px 2px rgb(0 0 0 / 6%);
    color: #000 !important;
}


.menu-edit-mode [data-is-middle-menu = "0"][data-included-middle-menu = "0"] > a:hover{
    background: #FAFAFA !important;
    box-shadow: inset 1px 1px 2px rgb(0 0 0 / 8%);
    color: #000 !important;
}

.menu-edit-mode [data-is-middle-menu = "1"] > a{
    box-shadow: inset 0 0 0 1px #e7e7e7, 1px 1px 2px rgb(0 0 0 / 6%);
    color: #000 !important;
}

.menu-edit-mode [data-is-middle-menu = "1"] > a:hover{
    box-shadow: inset 1px 1px 2px rgb(0 0 0 / 8%);
    color: #000 !important;
}

.menu-edit-mode [data-included-middle-menu = "1"] > a{
    background: #FDFDFD !important;
    box-shadow: inset 0 0 0 1px #e5e5e5, 1px 1px 2px rgb(0 0 0 / 6%);
    color: #000 !important;
}

.menu-edit-mode [data-included-middle-menu = "1"] > a:hover{
    background: #F9F9F9 !important;
    box-shadow: inset 1px 1px 2px rgb(0 0 0 / 8%);
    color: #000 !important;
}

.menu-edit-mode [data-middle-menu-state = "open"] > a{
    box-shadow: inset 1px 1px 2px rgb(0 0 0 / 8%);
    color: #000 !important;
}

.menu-edit-mode .dragover--center[data-is-middle-menu = "0"][data-included-middle-menu = "0"] > a,
.menu-edit-mode .dragover--center[data-is-middle-menu = "1"] > a,
.menu-edit-mode .dragover--center[data-is-middle-menu = "1"] > .private-menu__link,
.menu-edit-mode .dragover--center[data-included-middle-menu = "1"] > a{
    box-shadow: inset 0 0 0 5px #FF0000;
}


.menu-edit-mode li.draggable{
    z-index: 1;
}

.menu-edit-mode li.draggable.dragover--right{
    z-index: 2 !important; /** あまり important使いたくないが、ここだけは他の上書きを許容してはいけない **/
}

.mega_menu > ul > li.dammyLiElem{
    opacity: 0;
    height: 40px;
    width: 0;
}

/**
 * つかんでいる要素によってハイライトを分岐
 */

/* 右 */
/*.menu-edit-mode[data-grabbing-node = "middleMenu"]   li[data-child-count = "0"][data-included-middle-menu = "0"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "middleMenu"]   li[data-is-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "childPage"]    li[data-child-count = "0"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "childPage"]    li[data-is-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "childPage"]    li[data-included-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li[data-child-count = "0"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li[data-is-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li[data-included-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li[data-child-count = "0"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li[data-is-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li[data-included-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li[data-child-count = "0"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li[data-is-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li[data-included-middle-menu = "1"]:not(.dragging) > a:after{
    width: 10px;
    height: 100%;
    max-height: 42px;
    background: #ffe0e0;
    border-radius: 3px;
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    top: 0px;
    z-index: 9999;
}*/

.menu-edit-mode li.draggable:not(.dragging, .dammyLiElem) > a:after{
    width: 10px;
    height: 100%;
    max-height: 42px;
    background: #ffe0e0;
    border-radius: 3px;
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    top: 0px;
    z-index: 9999;
}

/** タブあしらい **/
.menu-edit-mode[data-grabbing-node = "middleMenu"] .pageListToggle[data-state = "close"],
.menu-edit-mode[data-grabbing-node = "childPage"] .pageListToggle[data-state = "close"],
.menu-edit-mode[data-grabbing-node = "grandsonPage"] .pageListToggle[data-state = "close"]{
    box-shadow: inset 0 0 0 3px rgba(255,0,0,.3);
}

.menu-edit-mode[data-grabbing-node = "privateMenu"] .pageListToggle[data-state = "open"],
.menu-edit-mode[data-grabbing-node = "privatePage"] .pageListToggle[data-state = "open"],
.menu-edit-mode[data-grabbing-node = "privateGrandsonPage"] .pageListToggle[data-state = "open"]{
    box-shadow: inset 0 0 0 3px rgba(255,0,0,.3);
}

/*.menu-edit-mode[data-grabbing-node = "childPage"]    li[data-included-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li[data-included-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li[data-included-middle-menu = "1"]:not(.dragging) > a:after{
    right: -14px;
}


.menu-edit-mode[data-grabbing-node = "middleMenu"]   li:nth-of-type(3n) > a:after,
.menu-edit-mode[data-grabbing-node = "childPage"]    li:nth-of-type(3n) > a:after,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li:nth-of-type(3n) > a:after,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li:nth-of-type(3n) > a:after,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li:nth-of-type(3n) > a:after{
    right: -12px !important;
}*/

/*.menu-edit-mode[data-grabbing-node = "middleMenu"]   li.dragover--right[data-child-count = "0"][data-included-middle-menu = "0"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "middleMenu"]   li.dragover--right[data-is-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "childPage"]    li.dragover--right[data-child-count = "0"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "childPage"]    li.dragover--right[data-is-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "childPage"]    li.dragover--right[data-included-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li.dragover--right[data-child-count = "0"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li.dragover--right[data-is-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li.dragover--right[data-included-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li.dragover--right[data-child-count = "0"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li.dragover--right[data-is-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li.dragover--right[data-included-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li.dragover--right[data-child-count = "0"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li.dragover--right[data-is-middle-menu = "1"]:not(.dragging) > a:after,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li.dragover--right[data-included-middle-menu = "1"]:not(.dragging) > a:after{
    background: #FF0000;
    z-index: 10000;
}*/

.menu-edit-mode li.dragover--right.draggable:not(.dragging) > a:after{
    background: #FF0000;
    z-index: 10000;    
}

/* 左 */
/*.menu-edit-mode[data-grabbing-node = "middleMenu"]   li[data-child-count = "0"][data-included-middle-menu = "0"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "middleMenu"]   li[data-is-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "childPage"]    li[data-child-count = "0"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "childPage"]    li[data-is-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "childPage"]    li[data-included-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li[data-child-count = "0"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li[data-is-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li[data-included-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li[data-child-count = "0"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li[data-is-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li[data-included-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li[data-child-count = "0"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li[data-is-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li[data-included-middle-menu = "1"]:not(.dragging) > a:before{
    width: 10px;
    height: 100%;
    max-height: 42px;
    background: #ffe0e0;
    border-radius: 3px;
    content: "";
    display: block;
    position: absolute;
    left: -15px;
    top: 0px;
    z-index: 9999;
}*/

.menu-edit-mode li.draggable:not(.dragging) > a:before{
    width: 10px;
    height: 100%;
    max-height: 42px;
    background: #ffe0e0;
    border-radius: 3px;
    content: "";
    display: block;
    position: absolute;
    left: -15px;
    top: 0px;
    z-index: 9999;
}

/*.menu-edit-mode[data-grabbing-node = "childPage"]    li[data-included-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li[data-included-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li[data-included-middle-menu = "1"]:not(.dragging) > a:before{
    left: -14px;
}


.menu-edit-mode[data-grabbing-node = "middleMenu"]   li:nth-of-type(3n-2) > a:before,
.menu-edit-mode[data-grabbing-node = "childPage"]    li:nth-of-type(3n-2) > a:before,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li:nth-of-type(3n-2) > a:before,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li:nth-of-type(3n-2) > a:before,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li:nth-of-type(3n-2) > a:before{
    left: -12px !important;
}


.menu-edit-mode[data-grabbing-node = "middleMenu"]   li.dragover--left[data-child-count = "0"][data-included-middle-menu = "0"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "middleMenu"]   li.dragover--left[data-is-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "childPage"]    li.dragover--left[data-child-count = "0"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "childPage"]    li.dragover--left[data-is-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "childPage"]    li.dragover--left[data-included-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li.dragover--left[data-child-count = "0"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li.dragover--left[data-is-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] li.dragover--left[data-included-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li.dragover--left[data-child-count = "0"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li.dragover--left[data-is-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "privateMenu"]  li.dragover--left[data-included-middle-menu = "1"]:not(.dragging) > a:before
.menu-edit-mode[data-grabbing-node = "privatePage"]  li.dragover--left[data-child-count = "0"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li.dragover--left[data-is-middle-menu = "1"]:not(.dragging) > a:before,
.menu-edit-mode[data-grabbing-node = "privatePage"]  li.dragover--left[data-included-middle-menu = "1"]:not(.dragging) > a:before{
    background: #FF0000;
    z-index: 10000;
}*/

.menu-edit-mode li.dragover--left.draggable:not(.dragging) > a:before{
    background: #FF0000;
    z-index: 10000;    
}

.cursor-cannot--draggable {
    width: 16px;
    height: 16px;
    background: url("../img/common/cursor_cannot_draggable.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    cursor: none;
    display: none;
    pointer-events: none;
    z-index: 10001;
}

.cursor-cannot--draggable.active{
    display: block;
}

.dragging > a{
    opacity: .2;
}


@keyframes purun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%);}
  15%  { transform: scale(0.95, 0.95) translate(0%, 1.5%); }
  30%  { transform: scale(1.15, 0.9) translate(0%, 3%); }
  50%  { transform: scale(0.9, 1.15) translate(0%, -3%); }
  70%  { transform: scale(1.05, 0.95) translate(0%, 1.5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%);}
}

.ripplePurun > a{
    animation: ripplePurun 0.6s ease forwards;
    animation-delay: .2s;
}

@keyframes ripplePurun {
  0%   { box-shadow: 0 0 rgba(255,0,0,0.6); transform: scale(1.0, 1.0) translate(0%, 0%);}
  15%  { transform: scale(0.95, 0.95) translate(0%, 1.5%); }
  30%  { transform: scale(1.15, 0.9) translate(0%, 3%); }
  50%  { transform: scale(0.9, 1.15) translate(0%, -3%); }
  70%  { transform: scale(1.05, 0.95) translate(0%, 1.5%); }
  100% { box-shadow: 0 0 10px 20px rgba(255,0,0, 0); transform: scale(1.0, 1.0) translate(0%, 0%);}
}

.rejectShake{
    animation: rejectShake 0.0625s ease;
    animation-iteration-count: 6;
}

@keyframes rejectShake {
    0% {transform: translate(0px, 0px)}
    25% {transform: translate(3px, 0px)}
    50% {transform: translate(0px, 0px)}
    75% {transform: translate(-3px, 0px)}
    100% {transform: translate(0px, 0px)}
}

.pageListWrap{
    width: calc( 100% - 300px );
    position: absolute;
    top: 20px;
    left: 45px;
}

.mega_menu .searchedResultStringOuter[data-show = "1"] ~ .pageListWrap{
    display: none;
}

.mega_menu[data-menu-id = "102"] .pageListWrap,
.mega_menu[data-menu-id = "105"] .pageListWrap,
.mega_menu[data-menu-id = "111"] .pageListWrap{
    display: none;
}

.pageListWrap--title{
    font-weight: bold;
}

.pageListToggleWrap{
    display: flex;
    align-items: flex-end;
}
.pageListToggleWrap:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 320px;
    height: 1px;
    background: #DDD;
}

.pageListToggle{
    padding: 5px 40px 8px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #777;
    font-size: 12px;
    line-height: 1.5 !important;
    letter-spacing: 0em !important;
    vertical-align: middle;
    transition: .25s;
    position: relative;
    cursor: pointer;
    width: 160px;
    box-sizing: border-box;
    text-align: center;
    box-shadow: inset 0 0 #587ec1, 0 -1px rgba(255,255,255,0), inset 1px 1px 4px rgba(0,0,0,0), inset 1px 1px rgba(0,0,0,0), inset -1px -1px rgba(255,255,255,0), inset 0 -2px rgba(255,255,255,.3), inset 0 -1px rgba(0,0,0,.3);
}


.pageListToggle:after {
    width: 1px;
    height: 18px;
    content: "";
    position: absolute;
    background-color: rgba(0,0,0,.1);
    box-shadow: 1px 0 rgba(255,255,255,.8);
    right: 0;
    bottom: 8px;
}

.pageListToggle[data-state = "close"]:after{
    display: none;
}

.menu-edit-mode .pageListToggle.dragover--center{
    box-shadow: inset 0 0 0 3px #F00 !important; 
}

[data-active-tab = "close"] .pageListToggle[data-state = "close"],
[data-active-tab = "open"] .pageListToggle[data-state = "open"]{
    margin: 0;
    color: #587ec1;
    font-weight: bold;
    cursor: default;
    background: linear-gradient(to left, #eee, #f3f3f3);
    box-shadow: inset 0 -4px #587ec1, 0 -1px rgba(255,255,255,.3), inset 1px 1px 4px rgba(0,0,0,0.1), inset 1px 1px rgba(0,0,0,.1), inset -1px -1px rgba(255,255,255,.6), inset 0 -2px rgba(255,255,255,0), inset 0 -1px rgba(0,0,0,0);
}

.menu-edit-mode .pageListToggle.dragover--center:after{
    content: "";
    display: none !important;
}

.pageListNum{
    text-align: center;
    font-family: "Arial" !important;
    text-decoration: none !important;
    display: inline-block;
    font-size: 11px;
    width: 24px;
    border-radius: 10px;
    line-height: 1.25 !important;
    padding: 2px 5px;
    background: #F0F0F0;
    margin-left: 5px;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
}

[data-active-tab = "close"] .pageListToggle[data-state = "close"] .pageListNum,
[data-active-tab = "open"] .pageListToggle[data-state = "open"] .pageListNum{
    background: #FFF;
}

.new-middle-menu-modal{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.7);
    z-index: -1;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .2s;
}

.new-middle-menu-modal.show{
    z-index: 10000;
    opacity: 1;
} 

.new-middle-menu-modal__wrap{
    width: 640px;
    background: #F9F9F9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    color: #333;
    border: 1px solid #DADADA;
    padding: 30px;
    display: none;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 30%);
}

.new-middle-menu-modal__wrap h2{
    color: #333;
    margin: 0 0 15px 0 !important;
    font-size: 26px;
    font-weight: normal;
    background: none !important;
    border: none;
    line-height: 1.2em;
}

.new-middle-menu-modal__wrap .attention{
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
}

.new-middle-menu-modal__wrap .attention span{
    display: inline-block;
    font-size: 12px;
    color: #C00;
}

.new-middle-menu-modal__wrap .menuTitle__wrap{
    margin-bottom: 45px;
    position: relative;
}

.new-middle-menu-modal__wrap input[type = "text"]{
    width: calc( 100% - 25px );
    box-sizing: border-box;
    padding: 10px;
    height: 36px;
    border: 1px solid #CCC;
    display: inline-block;
    border-radius: 5px;
}

.new-middle-menu-modal__wrap .menuTitle__wrap .icon{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #99CC00 url(../img/common/metaedit_ok.png) no-repeat center center;
    display: inline-block;
    margin: 0 0 0 5px;
    transform :translateY(5px);
}

.new-middle-menu-modal__wrap .menuTitle__wrap.icon--ng .icon{
    background: #FF0000 url(../img/common/metaedit_ng.png) no-repeat center center;
}

.new-middle-menu-modal__wrap .menuTitle__wrap .count_wrapper{
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 34px;
    text-align: right;
    width: 80px;
    background: #FFF;
    padding: 1px;
}

.new-middle-menu-modal__wrap .menuTitle__wrap .count{
    color: #AAA;
    font-size: 12px;
    letter-spacing: 0.05em;
}


.new-middle-menu-modal__wrap button{
    width: 260px;
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    letter-spacing: .05em;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #FFF;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 auto 15px;
    display: block;
    text-align: center;
    text-decoration: none;
    background-color: #ffaa00;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%);
    background-repeat: repeat, no-repeat, repeat;
    background-position: left top, top center, left top;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
}

.new-middle-menu-modal__wrap .close-new-middle-menu-modal{
    cursor: pointer;
    position: absolute;
    right: -22px;
    top: -22px;
}

.new-middle-menu-modal__wrap input[name="menuTitle"].error{
    border: 1px solid #fF5555;
}

.new-middle-menu-modal__wrap .error-message{
    font-size: 12px;
    font-weight: bold;
    color: #C00;
    margin-top: -20px;
    margin-bottom: 20px;
    text-align: center;
}

.edit-mode-toggle.alert:after,
.menu-edit-mode .changed:after{
    width: 10px;
    height: 10px;
    opacity: 0.75;
    background: #fff;
    color: #fff;
    padding: 1px;
    display: block;
    position: absolute;
    font-size: 10px;
    top: 15px;
    right: -5px;
    border-radius: 100%;
    content: '';
    z-index: 130;
    box-sizing: content-box;
    animation: sonarEffect 1.3s ease forwards 3;
}

.max_user #fixed_menu2 {
    background-color: #2d2d2f;
}

.max_user .fixed_menu_otherservice_panel {
    border: 1px solid #3d3d3f;
}


.menu-edit-mode *{
    user-select: none;
}

.menu-edit-mode .tmp-spacer{
    background: #F0F0F0;
    border-radius: 3px;
    box-sizing:  border-box;
    border: 1px dashed #CCC;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.childs--dragging li > a,
.childs--dragging li > span{
    pointer-events: none;
}


.menu-edit-mode[data-grabbing-node = "middleMenu"]  *,
.menu-edit-mode[data-grabbing-node = "childPage"]  *,
.menu-edit-mode[data-grabbing-node = "grandsonPage"]  *,
.menu-edit-mode[data-grabbing-node = "privatePage"]  *{
    cursor: none !important;
}

.menu-edit-mode .edit-handle{
    width: 0px;
    height: calc(100% - 10px);
    position: absolute;
    top: 5px;
    left: 5px;
    background: #E5E5E5;
    border-radius: 2px;
    display: block;
}

.menu-edit-mode[data-grabbing-node = "middleMenu"] .edit-handle,
.menu-edit-mode[data-grabbing-node = "childPage"] .edit-handle,
.menu-edit-mode[data-grabbing-node = "grandsonPage"] .edit-handle,
.menu-edit-mode[data-grabbing-node = "privatePage"] .edit-handle{
    display: none;
}


.private-menu__link {
    background: #bbb  url("../img/common/private_list.png") no-repeat center left 7px !important;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 10%);
    color: #444 !important;
    opacity: 0.7;
    display: block;
    font-size: 12px;
    line-height: 120%;
    padding: 12px 10px 12px 25px;
    border-radius: 3px;
    text-decoration: none;
}

.private-menu__link:hover{
    background: #B5B5B5 url("../img/common/private_list.png") no-repeat center left 7px !important;
    box-shadow: inset 1px 1px 2px rgb(0 0 0 / 6%);
}


.middle-menu__trigger > .private-menu__link {
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

.searchHilight {
    background-color: #c7ffd7;
}


.usedcar_edit_btn.showEditIcon {
    box-sizing: border-box;
    height: 30px;
    padding: 5px;
    overflow: visible;
}


.ui-dialog.tagstripDialog{
    background: #FFF;
    box-shadow: 0 10px 25px -8px rgba(0, 0, 0, .4);
    border: none;
    padding: 0 0 30px;
}

.ui-dialog.tagstripDialog .ui-dialog-titlebar-close{
    width: 23px;
    height: 23px;
    background: url(../img/common/imageBoxDeleteImage_w.png) no-repeat center center;
    border: none;
    margin: -12px 0 0 0;
    right: 24px;
}

.ui-dialog.tagstripDialog .ui-dialog-titlebar{
    background: #3366ff;
    background: -moz-linear-gradient(top, #3366ff 0%, #1852fe 100%);
    background: -webkit-linear-gradient(top, #3366ff 0%, #1852fe 100%);
    background: linear-gradient(to bottom, #3366ff 0%, #1852fe 100%);
    border: none;
    border-radius: 3px 3px 0 0;
    color: #FFF;
    cursor: default;
    font-size: 16px;
    margin: 0 0 20px;
    padding: 12px 30px;
}

.ui-dialog.tagstripDialog  .ui-dialog-title{
    margin: 0;
}

.ui-dialog.tagstripDialog .ui-dialog-content{
    padding: 0;
}

.ui-dialog.tagstripDialog .ui-dialog-content h2{
    padding: 5px 10px;
    background: #36F;
    color: #FFF;
}

.ui-dialog.tagstripDialog .ui-dialog-content p{
    color: #575757;
    font-size: 14px;
    padding: 5px 30px;
}

.ui-dialog.tagstripDialog .ui-dialog-buttonpane{
    background: none;
    border: none;
    margin: 25px 0 0 !important;
    padding: 0 30px !important;
}

.ui-dialog.tagstripDialog .ui-dialog-buttonpane .ui-dialog-buttonset{
    display: flex;
    flex-wrap: wrap;
    float: none;
    justify-content: flex-end;
}

.ui-dialog.tagstripDialog .ui-dialog-buttonpane button:nth-of-type(1){
    background: rgb(255,0,0);
    background: -moz-linear-gradient(top, #EF4C4B 0%,  #EF4C4B 100%);
    background: -webkit-linear-gradient(top, #EF4C4B 0%, #EF4C4B 100%);
    background: linear-gradient(to bottom, #EF4C4B 0%, #EF4C4B 100%);
    border: 1px solid #ed3e3e;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .15);
    color: #FFF;
    margin: 0 10px 0 0;
    outline: none;
}

.ui-dialog.tagstripDialog .ui-dialog-buttonpane button:nth-of-type(1):hover{
    background: -webkit-linear-gradient(top, #ef2f2e 0%, #ef2f2e 100%);
    background: linear-gradient(to bottom, #ef2f2e 0%, #ef2f2e 100%);
}

.ui-dialog.tagstripDialog .ui-dialog-buttonpane button:nth-of-type(2){
    border: 1px solid #E3E3E3;
    background: #f1e767;
    background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
    background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
    box-shadow: inset 1px 1px 1px #fff;
    margin: 0;
}

.ui-dialog.tagstripDialog .ui-dialog-buttonpane button:nth-of-type(2):hover{
    background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
    background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}

.ui-dialog.tagstripDialog .ui-dialog-buttonpane button:nth-of-type(1) .ui-button-text{
    border: none;
    color: #FFF;
    font-size: 14px;
    padding: 6px 20px;
}

.ui-dialog.tagstripDialog .ui-dialog-buttonpane button:nth-of-type(2) .ui-button-text{
    color: #888;
    font-size: 14px;
    padding: 6px 10px;
}


.errorDebugOuter{
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #f9f9f9;
    z-index: 1000;
    max-height: 480px;
    max-width: 360px;
    padding: 20px;
    box-sizing: border-box;
    font-size: 14px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-top-left-radius: 10px;
    box-shadow: -1px -1px 3px rgb(0 0 0 / 10%);
    cursor: pointer;
}

.errorDebugOuter .title {
    font-size: 16px;
    margin: 0 0 20px;
    background-color: #fc0;
    padding: 5px;
    border-radius: 2px;
}

.errorDebugContents > p {
    margin: 0 0 10px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px;
}

.errorDebugContent {
    margin: 0 0 10px;
}

.errorDebugContents {
    padding: 0 2px;
}


.mobileSettingOuter{
    position: absolute;
    left: 445px;
    top: 430px;
    width: 215px;
    color: #DDD;
    box-sizing: border-box;
    font-size: 14px;
}

.mobileSettingOuter .settingHead{
    background: rgba(0,0,0,.4);
    box-sizing: border-box;
    cursor: pointer;
    padding: 10px 15px;
    position: relative;
    user-select: none;
    z-index: 0;
}

.mobileSettingOuter .settingHead:hover{
    background: rgba(0,0,0,.7);
}

.mobileSettingOuter .settingHead:after{
    content: "";
    width: 16px;
    height: 16px;
    background: url("../img/common/middle_menu_open_arrow_EDIT.png") no-repeat center center; 
    right: 15px;
    top: 12px;
    position: absolute;
    display: block;
    transition: all 300ms;
    z-index: 1;
}

.mobileSettingOuter .settingHead.showBody:after{
    content: "";
    transform: rotate(180deg);
}

.mobileSettingOuter .settingBody{
    background: rgba(0,0,0,.4);
    box-sizing: border-box;
    display: none;
    padding: 10px 15px;
}

.mobileSettingOuter .settingContent{
    margin-bottom: 5px;
}

.mobileSettingOuter .settingContent:nth-last-of-type(1){
    margin-bottom: 0;
}

.mobileSettingOuter .settingContentTitle{
    font-size: 12px;
    position: relative;
    user-select: none;
}

.mobileSettingOuter .settingContentTitle .toggle{
    width: 40px;
    height: 16px;
    border-radius: 8px;
    background: #999;
    cursor: pointer;
    position: absolute;
    transition: all 300ms;
    top: calc( 50% - 8px );
    right: 4px;
}

body[data-show-mobile-gmenu = "1"] .mobileSettingOuter .settingContentTitle .toggleMobileGmenuSetting,
body[data-use-mobile-slider = "1"] .mobileSettingOuter .settingContentTitle .toggleMobileSliderSetting{
    background: #36F;
}

.mobileSettingOuter .settingContentTitle .toggle:before{
    content : "";
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #FFF;
    transition: all 300ms;
    position: absolute;
    right: -6px;
    top: -2px;
    z-index: 2;
}

body[data-show-mobile-gmenu = "1"] .mobileSettingOuter .settingContentTitle .toggleMobileGmenuSetting:before,
body[data-use-mobile-slider = "1"] .mobileSettingOuter .settingContentTitle .toggleMobileSliderSetting:before{
    right: 24px;
}

.mobileSettingOuter .settingContentTitle .toggle:after{
    content: "OFF";
    width: 24px;
    color: #FFF;
    font-size: 10px;
    text-align: center;
    position: absolute;
    left: 2px;
    top: 1px;
    font-weight: 700;
    z-index: 1;
}

body[data-show-mobile-gmenu = "1"] .mobileSettingOuter .settingContentTitle .toggleMobileGmenuSetting:after,
body[data-use-mobile-slider = "1"] .mobileSettingOuter .settingContentTitle .toggleMobileSliderSetting:after{
    content: "ON"; 
    left: 14px; 
}


.img_history{
    width: 45px;
    padding-right: 5px;
    vertical-align: middle;
}

#fixed_menu2 a.imageBackBtn:hover{
    text-decoration: none;
}

.pager__outer{
    align-items: center;
    display: flex;
    justify-content: end;
    margin: 0 0 10px 0;
}

.pager__outer .pager__item{
    width: 32px;
    height: 32px;
    align-items: center;
    background-color: #eeeeee;
    border-radius: 2px;
    box-sizing: border-box;
    color: #36f;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    justify-content: center;
    margin: 0 5px 0 0;
    text-align: center;
}

.pager__outer .pager__item.pager__item-current{
    background: none;
    border: 1px solid #f1f1f1;
    cursor: default;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.pager__outer .pager__item.pager__item-delimiter{
    width: 16px;
    background: none;
    color: #333;
    cursor: not-allowed;
    pointer-events: none
}


/**
 * 覚え書きページ
 */

.body__contract-phase #contract_head{
    background-image: url(/cms/contract/img/contract_header_bg.png);
    background-repeat: repeat-x;
    backgrond-po
}

.consensus__outer {
    padding:0 0 240px;
}

.consensus__logo-outer {
    display:inline-block;
}

#contract_head .consensus__head-outer--max{
    background-color: #171c35;
    background-image: linear-gradient(45deg, #171c35, #232b55);
    margin-bottom: 60px;
}

.consensus__logo--max {
    background-image: url(/cms/img/dktl_max_promotion/dekiteru_max_logo.png);
    width: 240px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 160px;
}

.consensus__h2{
    font-size: 28px;
    letter-spacing: 10px;
    text-indent: 12px;
    line-height: 1;
    font-weight: normal;
    text-align: center;
    margin:0 0 15px;
    color:#555;
}

.consensus__h2--price {
    letter-spacing:2px;
}

#contract_base.consensus__body-outer{
    padding: 30px 45px 45px;
    box-sizing:border-box;
    max-width: 960px;
    margin: 0 auto;
    background-color: #f9f9f9;
    background-image: url(../img/common/palette_bg_big_right.png), url(../img/common/palette_bg_big_left.png);
    background-repeat: no-repeat, no-repeat;
    background-position: right bottom, left bottom;
    border-radius: 5px;
    box-shadow: 2px 2px 15px rgba(0,0,0,.2);
}

#contract_base .section.consensus__body-inner {
    width:auto;
    max-width:760px;
    padding:0;
}

.consensus__item {
    width:auto;
    padding:30px;
    margin: 0 0 30px;
    border-color:transparent;
}

.consensus__item--scrollable {
    max-height:420px;
    overflow-y:scroll;
}

.consensus__form{
    position:relative;
}

.consensus__content-item {
    line-height:2.2;
    color:#333;
    letter-spacing:.2px;
}

.consensus__content-item strike {
    margin:0 10px;
    opacity:0.8;
}

.consensus__content-item b {
    color:#666;
}

.consensus__content-item .consensus__content-text-item--head{
    line-height:3;
}

.consensus__content-text-item--paragraph{
    margin-left:15px;
    display:inline-block;
}

.consensus__check-outer,
.consensus__submit-outer{
    text-align:center;
}

.consensus__submit-outer{
    margin:0 0 15px;
}

.consensus__check-outer{
    margin:0 0 30px;
}

.consensus__check-inner {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 15px 0;
    border-radius: 2px;
    display: inline-block;
    width: 420px;
    box-sizing: border-box;
    cursor:pointer;
    max-width:100%;
}


.consensus__button-item{
    max-width:320px;
    font-size:18px;
    margin:0 auto;
    position:relative;
}

.consensus__body-outer--complete{
    color:#555;
}


.consensus__h2--complete{
    letter-spacing:2px;
    line-height:1.5;
    text-indent:0px;
}


.consensus__item.consensus__item--complete{
    max-height:none;
    overflow:visible;
    text-align:center;
}


.consensus__item--complete p{
    margin:0 0 15px;
}

.cosensus__body-text-item--return{
    text-align:center;
}

.consensus__freedial-outer{
    text-align:center;
}

.consensus__freedial-item {
    font-size: 36px;
    font-weight: bold;
    
    background-image: url(/cms/img/header/freedial_gr.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 34px;
}

.consensus__freedial-item:before{

}

.consensus__tanto--body {
    display: block;
    margin: 0 0 5px;
}



.consensus__logo--agency{
    width: 180px;
    height: 70px;
    background-image: url(/cms/img/logo_ec.png);
    display: inline-block;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}

.consensus__logo--agency:after{
    content: "ECデキテルサイト制作";
    background-color: #333;
    color: #fff;
    font-size: 12px;
    border-radius: 20px;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 160px;
    left: calc( 50% - 80px );
    letter-spacing: 1px;
}



.consensus__outer .baloon {
    display:none;
}

.consensus__submit-outer,
.consensus__check-outer{
    position: relative;
}

.consensus__submit-outer .baloon{
    top: -40px;
    left: calc( 50% + 160px );
}

.consensus__check-outer .baloon{
    left: calc( 50% + 190px );
    top: -40px;
}

.consensus__form-outer--houjin,
.consensus__form-outer--kojin{
    position: relative;
}

.consensus__form-outer--houjin .baloon,
.consensus__form-outer--kojin .baloon{
    right:1px;
    top:40px;
}


.consensus__check-inner.hi-icon_now:after {
    top:0;
    right:0;
    animation: sonarEffect 1.3s ease forwards 3;
}


.consensus__ip-address-outer{
    text-align:center;
}

.consensus__ip-address-item{
    font-size:12px;
    color:#777;
}

.consensus__tax--included{
    font-size:12px;
}

.consensus__price-item-dd{
    text-align:right;
}

.consensus__price-item-dt--shoukei,
.consensus__price-item-dt--soukei,
.consensus__price-item-dt--soukei-strict,
.consensus__price-item-dt--soukei-strict-monthly {
    text-align:right;
    padding:10px 0 0;
}

.consensus__price-item-dt--soukei-strict-monthly{
    padding:0;
}

.consensus__item dl dd.consensus__price-item-dd--shoukei,
.consensus__item dl dd.consensus__price-item-dd--soukei{
    margin:0 0 60px;
}

.consensus__item dl dt.consensus__price-item-dt--hr,
.consensus__item dl dd.consensus__price-item-dd--hr{
    margin:0;
}

.consensus__price-item-dd--shoukei,
.consensus__price-item-dd--soukei,
.consensus__price-item-dd--soukei-strict {
    padding:10px 0 0;
}

.consensus__price-item-dd--support:after{
    content:"*";
    position:absolute;
}


.consensus__signature-outer{
    display:flex;
    align-items:flex-start;
}

.consensus__signature-item {
    width:calc( 100% - 98px );
}


.consensus__item--no-bg {
    background:none;
    padding:30px;
}

.consensus__item--no-bg.consensus__item--wide {
    padding:0px;
}

.consensus__item--result,
.consensus__item--last{
    margin:0 0 45px;
}

.consensus__item--last-only{
    padding:30px;
    margin:0 0 75px;
}

.consensus__signature-date-item{
    margin:0 0 15px;
}

.consensus__signature-item p{
    margin:0 0 5px;
}

.consensus__signature-item-head{
    width:90px;
    display:inline-block;
}

.consensus__item hr {
    background-color: #ddd;
    height: 1px;
    border: none;
    padding:0;
    clear:both;
}


.consensus__item--complete p {
    margin:0 0 15px;
}

.consensus__item--complete .consensus__mail-info {
    margin:0 0 30px;
}

.consensus__h2-shop-name {
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: bold;
}


.consensus__form-outer {
    text-align:center;
    margin:0 0 45px;
}

.consensus__form-lead{
    margin:0 0 15px;
}

.consensus__form-radio-inner{
    padding: 15px 30px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
}

.consensus__form-radio-inner:first-of-type {
    margin:0 15px 0 0;
}

.consensus__form-inner--text{
    background-color: #fff;
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.consensus__form-inner--text p{
    margin: 0 0 15px;
}

.consensus__form-inner--text{
    color:#555;
}

.consensus__form-check-outer{
    margin:0 0 15px;
    text-align:left;
    letter-spacing: 2px;
    position:relative;
}

.consensus__form-inner .consensus__form-check-outer:last-of-type {
    margin:0;
}

.consensus__form-check-inner--include-link{
    padding:0 60px 0 0;
}


.consensus__form-check-inner .text__item{
    margin:0 5px 0 0;
    vertical-align:middle;
}

.consensus__form-outer{
    display:none;
}

.consensus__form-outer--houjin-kojin,
html[data-type = "houjin"] .consensus__form-outer--houjin,
html[data-type = "kojin"] .consensus__form-outer--kojin{
    display:block;
}


.consensus__button-item--submit{
    background-color:#aaa;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #acacac, #b8b8b8 50%);
    cursor:not-allowed;
}

.consensus__item-result-row a {
    color: #36f;
    text-decoration: none;
    margin: 0 30px 0 0;
}

.consensus__item-result-row a:hover{
    
}

.consensus__item--result .consensus__item-result-row:first-child {
    margin:0 0 15px;
}

.consensus__item-result-row .consensus__item-prefix,
.consensus__item-result-row .consensus__item-suffix {
    font-size: 14px;
}

.consensus__item-result-row .consensus__item-prefix{
    padding:0 5px 0 0;
}
.consensus__item-result-row .consensus__item-suffix{
    padding:0 0 0 5px;
}


.text__item-caption{
    margin: 0 0 0 15px;
    font-size: 12px;
    letter-spacing: 1px;
    background-image: url(/cms/img/common/out_link.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 16px 0 0;
    text-decoration:none;
    font-weight:bold;
    transform:translateY(-2px);
    display:inline-block;
}

.text__item-caption.text__item-caption--download{
    background-image:none;
    padding:0;
}

.text__item-caption a{
    color: #36f;
    text-decoration:none;
    font-weight:normal;
}

.lead-website-text-item{
    display: block;
    margin: 45px 0 15px;
    font-size:14px;
}

.consensus__ending-text-item{
    display:block;
    margin:15px 0 0;
    font-size:12px;
}

a.text__item-title--link{
    letter-spacing: 1px;
    font-size: 14px;
    color: #36f;
    text-decoration: none;
}

.text__manual-outer{
    font-size:12px;
    display:inline-flex;
    align-items:center;
    margin: 0 0 0 5px;
}

.consensus__link-item-manual:not(.download__link){
    color:#36f;
    text-decoration:none;
    background-image:url(/cms/img/common/out_link.gif);
    background-repeat:no-repeat;
    background-position:right center;
    padding:0 16px 0 0;
}

a.consensus__link-item-manual{
    color:#36f;
    text-decoration:none;
}


html[data-typed = "1"][data-checked-all = "1"][data-agreed = "1"] .consensus__button-item--submit{
    background-color: #2d5df5;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #2b81e5, #2d5df5 50%);
    cursor:pointer;
}

html[data-typed = "1"][data-checked-all = "1"][data-agreed = "1"] .consensus__button-item--submit:hover{
    box-shadow: inset 0 0 100px rgba(0,0,0,.2), inset 1px 1px 4px rgba(38,70,163,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}

html[data-errored = "1"][data-checked-all = "0"] .consensus__form-outer--houjin .baloon,
html[data-errored = "1"][data-checked-all = "0"] .consensus__form-outer--kojin .baloon {
    display:block;
}

html[data-errored = "1"][data-agreed = "0"] .consensus__form-outer--agree .baloon{
    display:block;
}

html[data-errored = "1"] .consensus__submit-outer .baloon{
    display:block;
}

html[data-errored = "1"] .consensus__button-item--submit{
    background-color: #ee3a3b;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ee3a3b, #FE4C4D 50%);
}


html[data-submitted = "1"] .consensus__button-item--submit:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(255,255,255,0.8);
    top: 0;
    left: 0;
    background-image: url(/cms/img/common/loader.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor:wait;
}

.consensus__item dl .consensus__price-item-dd--support{
    margin:0 0 15px;
}



.consensus__price-item-detail-title{
    display:block;
    margin:0 0 5px;
}

.consensus__price-item-dd--detail {
    margin: 0 0 0 auto;
    text-align: left;
    font-size: 14px;
}

.consensus__price-item-detail-head-caption{
    font-size:12px;
}

.consensus__price-item-detail-inner{
    margin:0 0 5px;
    display:block;
}

.consensus__price-item-detail-inner--lastly{
    margin:0 0 15px;
}


.consensus__price-item-detail {
    display: flex;
    justify-content:space-between;
    color:#aaa;
}

.consensus__price-item-detail-head {
    box-sizing: border-box;
    vertical-align:top;
}

.consensus__price-item-detail-body{
}

.consensus__price-item-detail-body--caption{
    font-size:12px;
}

.consensus__body-outer--max .consensus__item dl dt.consensus__price-item-dt--agencyfee,
.consensus__body-outer--max .consensus__item dl dd.consensus__price-item-dd--agencyfee,
.consensus__body-outer--max .consensus__item dl dt.consensus__price-item-dt--trigger-detail,
.consensus__body-outer--max .consensus__item dl dd.consensus__price-item-dd--trigger-detail,
.consensus__body-outer--max .consensus__item dl .consensus__price-item-dt--detail{
    margin:0 0 5px;
}

.consensus__price-text-item--trigger-detail{
    font-size:14px;
    color:#36f;
    cursor:pointer;
    display:none;
}

.consensus__price-item-dt--detail,
.consensus__price-item-dd--detail{
    display:none;
}

html[data-visible-detail = "0"] .consensus__price-text-item--trigger-detail--visible,
html[data-visible-detail = "1"] .consensus__price-text-item--trigger-detail--invisible,
html[data-visible-detail = "1"] .consensus__price-item-dt--detail,
html[data-visible-detail = "1"] .consensus__price-item-dd--detail{
    display:inline-block;
}

.mail-item {
    display:none;
}

.fixed_menu_panel_inner.addPageFrame {
    display: flex;
}

.fixed_menu_panel_inner .addPageHelpContentsOuter {
    padding: 0px 5px 0 5px;
    margin: 0 0 0 5px;
    border-left: 1px solid rgba(0, 0, 0, .08);
    box-shadow: -2px 0 rgba(255, 255, 255, .8);
    max-height: 470px;
    overflow-y: scroll;
    text-align: center;
    width: 220px;
}

.fixed_menu_panel_inner .addPageHelpContentsOuter .addPageQAndAHeader {
    color: #666;
    font-size: 14px;
    margin: 0 0 10px;
    padding: 0 5px 5px;
}

.fixed_menu_panel_inner .addPageHelpContentsOuter::-webkit-scrollbar {
    width: 3px;
}

.fixed_menu_panel_inner .addPageHelpContentsOuter::-webkit-scrollbar-track {
    width: 3px;
}

.fixed_menu_panel_inner .addPageHelpContentsOuter::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
}

.fixed_menu_panel_inner .addPageHelpContentsOuter .q_explain .popupEdit,
.fixed_menu_panel_inner .addPageHelpContentsOuter .q_explain .q_and_a_new_btn,
.fixed_menu_panel_inner .addPageHelpContentsOuter .faq_base div {
    display: none;
}

.fixed_menu_panel_inner .addPageHelpContentsOuter .qaResultOuter {
    text-align: left;
}

.fixed_menu_panel_inner .addPageHelpContentsOuter .qaResultOuter .q_and_a_pict {
    width: 100% !important;
}


/*ボタンのホバーアクション一括指定*/
#fixed_menu2 .helpPalette__videoChatRoomLinkInputOuter .helpPalette__videoChatRoomLinkInputButton:hover,
.videoChatBlock input[type="submit"]:hover,
.helpBlock .preview button:hover,
.enqueteSubmitBtn:hover,
.irekaekettei input[type="submit"]:hover,
.imageDetailControllerSubmit:hover,
.ssl-announcement .like-button:hover,
.ssl-announcement__modal-inner .like-button:hover,
.ssl-entry-button:hover,
.new-middle-menu-modal__wrap button:hover{
    box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(163,160,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}

@media screen and ( max-width: 1080px ){

    .fixed_menu_panel_inner .addPageHelpContentsOuter {
        display: none;
    }

    .fixed_menu_panel_inner .addPageFrameContents {
        width: 100vw;
    }

    #fixed_menu2 .fixed_menu_sub[data-palette-id="addPage"] .addPagePallet {
        width: 100vw;
    }

}


@media screen and ( max-width: 850px ){


}


@media screen and (max-width:800px){
    .consensus__item dl dt:not(.consensus__price-item-dt--shoukei):not(.consensus__price-item-dt--soukei) {
        width:100%;
        margin:0px;
    }
    .consensus__item dl dd:not(.consensus__price-item-dd--shoukei):not(.consensus__price-item-dd--soukei) {
        margin:0 0 20px;
    }
    .consensus__item dl dd.consensus__price-item-dd--shoukei{
        margin:0 0 40px;
    }
}

@media screen and (max-width:720px){
    .consensus__signature-item p{
        margin:0 0 10px;
    }
    .consensus__signature-item-body{
        display:block;
    }
}

@media screen and (max-width:600px){
    .consensus__item dl dt.consensus__price-item-dt--shoukei,
    .consensus__item dl dt.consensus__price-item-dt--soukei{
        width:auto;
    }
    .consensus__button-item {
        width:100%;
        max-width:320px;
    }
}

@media screen and (max-width:480px){
    
    #contract_base.consensus__body-outer{
        padding:30px 15px;
        width: 96%;
        background-image: url(../img/common/palette_bg_small.png);
    }

    #contract_head .consensus__head-outer--max{
        margin-bottom: 15px;
    }

    .consensus__h2{
        font-size: 24px;
    }

    .consensus__price-item-detail-head{
        padding:0;
    }

    .consensus__price-item-detail-inner--2 .consensus__price-item-detail-head{
        padding:0 0 0 10px;
    }

    #fixed_menu2 .fixed_menu_panel .supportContentsOuter .supportmessage{
        background: #fc0;
        border-radius: 5px;
        bottom: 40px;
        color: #fff;
        opacity: 0;
        right: calc( 50% - 360px );
        padding: 5px;
        position: absolute;
        transition: .3s;
        z-index: -1;
    }

    #fixed_menu2 .fixed_menu_panel.paletteMenu .supportContentsOuter .supportmessage{
        right: calc( 50% - 240px );
    }

    #fixed_menu2 .fixed_menu_panel .supportContentsOuter[data-show-message="0"] .supportmessage {
        bottom: 35px;
        height: 0;
        padding: 0;
    }

    #fixed_menu2 .fixed_menu_panel .supportContentsOuter[data-show-message='1'] .supportmessage{
        opacity: 1;
        transition: .3s;
        z-index: 1;
    }

}

.optionPlanInformationWrapper{
    margin: 50px 0;
}

.optionPlanHead{
    color: rgb(85, 89, 91);
    font-weight: bold;
    margin: 0 0 15px;
}

.optionPlanOuter{
    display: flex;
    margin: 0 0 50px;
}

.optionPlanEditDeputize{
    margin: 0 20px 0 0;
}

.optionPlanEditDeputizeImage,
.optionPlanDekiteruMaxImage{
    width: 300px;
    height: 150px;
    margin: 0 0 10px;
}

.optionPlanEditDeputizeLink,
.optionPlanDekiteruMaxLink{
    font-weight: 600;
}

.qrSettingOuter {
    position: absolute;
    top: 465px;
    left: -230px;
    width: 140px;
}


.qrSettingOuterTitle {
    text-align: center;
    color: #DDD;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-family: 'Noto Sans JP';
    border-radius: 25px;
    background: rgb(47 48 50);
}

.qrSettingOuterImage {
    margin-bottom: 5px;
}

.common_qrimg_smtMode {
    width: 100%;
}

.qrSettingOuterBody {
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    font-size: 11px;
    color: #ccc;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: 'Noto Sans JP';
}

.qrSettingOuterTitle .qrHead,
.qrSettingOuterBody .qrHead {
    box-sizing: border-box;
    padding: 1px 10px;
    position: relative;
    user-select: none;
}

.qrSettingOuterBody .qrHead {
    padding: 10px 8px;
}


@media screen and (max-width:480px){

    .optionPlanOuter{
        display: block;
    }

    .optionPlanEditDeputize{
        margin: 0 0 30px;
    }

    .optionPlanEditDeputizeImage,
    .optionPlanDekiteruMaxImage{
        width: 100%;
        height: auto;
    }

}