@charset "utf-8";

/*
 * @importはCSSファイルの先頭、または@charsetの直後でないと仕様上機能しない
 * @importの指定を追加する場合はこのファイルに追加すること
 */


@import url('https://fonts.googleapis.com/css?family=Sarpanch|M+PLUS+1p|M+PLUS+Rounded+1c|M+PLUS+1p:700|Noto+Sans+JP:400,700,900|Noto+Serif+JP:400,900|M+PLUS+1p|Kosugi&display=swap&subset=japanese');




/**
 * WEBフォントの読み込み（@import）は必ずここに書いてください。
 * ここ以外に書いてもCSSの仕様上機能しません。
 */

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700|Allura&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cantora+One&display=swap');



/*フォント変更機能*/
@import url('https://fonts.googleapis.com/css2?family=Kosugi&family=M+PLUS+Rounded+1c&family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');

*:not(font) {margin:0; padding:0; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.NotoSerifJP *:not(font):not(.editParts){
    font-family: 'Noto Serif JP' !important;
}

.NotoSansJP *:not(font):not(.editParts){
    font-family: 'Noto Sans JP' !important;
}

.Kosugi *:not(font):not(.editParts){
    font-family: Kosugi !important;
}

.MPLUSRounded1c *:not(font):not(.editParts){
    font-family: 'M PLUS Rounded 1c' !important;
}

.NotoSerifJP:not(font):not(.editParts){
    font-family: 'Noto Serif JP' !important;
}

.NotoSansJP:not(font):not(.editParts){
    font-family: 'Noto Sans JP' !important;
}

.Kosugi:not(font):not(.editParts){
    font-family: Kosugi !important;
}

.MPLUSRounded1c:not(font):not(.editParts){
    font-family: 'M PLUS Rounded 1c' !important;
}

body {
    -webkit-text-size-adjust: 100%;
    background:#F5F5F5;
    font-size:0.85rem;
    color:#333;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding: 90px 0 0 0;
}

.edit #smt_head_base{
    margin-top: 70px;
}

.edit #menu_wrapper{
    height: calc(100% - 160px);
    top: 160px;
}

a {color:#06f;}
table {border-collapse:collapse;}
ul, li {list-style:none; margin:0; padding:0;}
img {border:none; vertical-align:top; max-width:100%;}

.clearfix:after, ul:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clear {clear:both; margin:0; padding:0;}

#main_img_container:after, #main_contents_container:after, .h2_box_news:after,  .voice_content:after, .box_coupon:after,  .box_flow:after, .box_feature:after,  .plusBlockBtn:after, .box_voice:after,  .box_tokuten:after, .box_promise:after,  .box_free:after, .box_jirei:after,  .campaign_content:after, .box_side_topics:after,  .div_box_company_pict:after, .box_setsubi:after,  .box_staff:after, #car_list_base:after,  #sliderContent:after, .list_con:after, .thumbnail_box:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}

h1, hr, #fixed_menu2, #fixed_menu2_button, #header_png_img, #body_sub #main_img_wrapper, #body_free #main_img_wrapper, #right_box, #floatImage01, #floatImage02, .mb_display, .add_attention_h2, .pict_edit_btn, .side_pict_edit_btn, .side_pict_edit_btn a img, #sidebar_shp_inf, .edit_link_box, .backtop a, .shop_name_btn, .clearBr, .back_page_link, #car_list_base0 .UsedCarEditBtnBlock, #car_list_base0 .import_goo, #car_list_base0 .import_car_sensor, #carListOpenOrClose, #edit_usedcar_carlist_panel, .usedcar_edit_btn, #carDetailHeadBtn, #car_gall ul li#usedcar_add_image, #car_gall .pict_edit_btn_usedcar, div.mega_menu ul, #SmartModeBtnBox, #header p.headadd, #header p.headtel, #header p.headmail, #sns_btn_block, .h3_lead, .ul_lead, #require4dktl, .linktoLinks, #mobile_QR_info, #mobile_QR_info div.QR_innerBlock, #midbox_wrapper h2, #midbox_wrapper .text_left h3, #midbox_wrapper .text_left p, .map_box, #cgmCapClose, .sliderImage span br, #modal_wrapper, #menu_bottom_info {
    display: none;
}

.div_box_feature h3 > b, .box_free h3 > b, .box_voice h3 > b, .box_promise h3 > b, .box_flow h3 > b, .box_coupon h3 > b, .box_tokuten h3 > b, .campaign_content h3 > b, .div_box_faq h3 > b, .plusBlockBtn, .plusBlockBtn2, .plusBlockBtn3, .plusBlockBtn4, .plusBlockBtn5, .plusBlockBtn_side, .price_table_edit_btn_box, .plusBlockBtn_sideLoop, .disnon, .edit_link_box, #tTWndw, .sidebar_ad_banner {
    display:none !important; /*plusBlockBtnが表示されるケースがあるのでimportantを付ける*/
}

/** ヘッダー ********************************************************************/

#header_wrapper {z-index: 12 !important;}

#smt_head_base {
    position:fixed;
    top:0;
    width: 100%;
    z-index: 100;
    background:#0066FF url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size: contain;
    box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.3);
}
span.company_rogo {
    width: 85%; /*calc()非対応*/
    width:calc(100% - 50px); /*calc()対応*/
    display: table;
    table-layout: fixed;
}
.company_rogo a {
    text-shadow:none;
    font-size: 16px;
    font-weight:bold;
    padding: 0 3%;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    text-decoration:none;
    color:#FFF;
    text-shadow:0px 1px 1px #004AD5, 0px 0px 1px #004AD5, 1px 0px 1px #004AD5, 0px -1px 1px #004AD5, -1px -1px 1px #004AD5, -1px 0px 1px #004AD5, 0px 2px 1px #006DD9, 0px 1px 1px #006DD9, 1px 1px 1px #006DD9, 1px 0px 1px #006DD9, 2px 0px 1px #006DD9, 1px -1px 1px #006DD9, 1px -2px 1px #006DD9, 0px -2px 1px #006DD9, -1px -2px 1px #006DD9, -2px -2px 1px #006DD9, -2px -1px 1px #006DD9, -2px 0px 1px #006DD9, -2px 1px 1px #006DD9, -1px 1px 1px #006DD9, 0px 3px 1px #FFF, 0px 2px 1px #FFF, 1px 2px 1px #FFF, 2px 2px 1px #FFF, 2px 1px 1px #FFF, 2px 0px 1px #FFF, 3px 0px 1px #FFF, 2px -1px 1px #FFF, 2px -2px 1px #FFF, 2px -3px 1px #FFF, 1px -3px 1px #FFF, 0px -3px 1px #FFF, -1px -3px 1px #FFF, -2px -3px 1px #FFF, -3px -3px 1px #FFF, -3px -2px 1px #FFF, -3px -1px 1px #FFF, -3px 0px 1px #FFF, -3px 1px 1px #FFF, -3px 2px 1px #FFF, -2px 2px 1px #FFF, -1px 2px 1px #FFF;
}

.header_head_copy {
    display: none;
}

.header_company_name {
    display: none;
}

.header_company_tel {
    display: none;
}

.header_company_address {
    display: none;
}



/** メインスライダー ********************************************************************/

#sliderContent {
    overflow:visible;
    width:auto;
    margin:0;
}

#slider {
    position:relative;
    overflow:visible;
}
li.sliderImage {position:relative !important;}
.slider_text {margin:0 auto !important;}


.sliderImage img {
    width:100%;
    min-height: 133px;
}

.sliderImage span {
    width: 94%;
    background: #111;
    bottom: 0px;
    color: #ccc;
    display: block !important; /*スマホモードでガクッと高さが変わるのを防ぐため（fadeInImageの矯正）*/
    font: 10px/15px Arial, Helvetica, sans-serif;
    line-height: 150%;
    opacity: 1 !important;/*スマホモードでガクッと高さが変わるのを防ぐため（fadeInImageの矯正）*/
    padding: 3%;
    text-shadow:none;
}

.useCustomSlider #sliderContent,
.useCustomSlider .sliderImage,
.useCustomSlider .sliderImage .detail_link{
    height: auto !important;
}

#slider_change {display:none;}

.sliderImage .detail_link strong{
    display: block;
    font-size: 12px;
    margin: 0 0 2px;
}



/** PrevNext系スライダー ********************************************************************/


#bgSlider{
    box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.5);
    position: relative;
    transition: height .3s;
}

#bgSlider .sliderDiv {
    width: 100%;
    min-height: 54vw;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}

#bgSlider .slider_content_wrap {
    padding: 60vw 0 0;
}

/*** zoomout用 ***/
#bgSlider div.slideshow-zoomout {
    padding: 0;
}

#bgSlider div.slideshow-zoomout .slider_img{
    width: 100%;
}

#bgSlider .slider_icons{
    width: auto !important;
    height: 65px !important;
    top: 0 !important;
    left: 0;
    padding: 0 !important;
}

#sliderStepsContainer {
    top: 46vw !important;
    bottom: auto !important;
    position: absolute !important;
    height: 10px !important;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#bgSlider #sliderStepsContainer span {
    width: 12px;
    height: 12px;
    margin: 0 8px 0 0;
    box-shadow:0 0 0 1px #CCC inset;
}

#bgSlider #sliderStepsContainer span:last-child {margin: 0;}

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





#bgSlider .slider_icons div {
    width: auto !important;
    padding: 0 !important;
    height: 65px !important;
}

#bgSlider .slider_icons .slideshow-icon-wrap {
    width: 38px !important;
    height: 38px !important;
    display: none !important;
}

#bgSlider .add_url_slider {
    margin: 0 0 0 70px !important;
}

#bgSlider .slider_icons .edit_text_slider {
    display: none;
}

#bgSlider .slider_icons .delete_slider {
    display: none;
}

#bgSlider .slider_icons .add_slider {
    display: none;
}

#bgSlider .slider_icons .slideshow-pict-wrap {
    display: none;
}

#bgSlider .slider_icons .mainImageResizer{
    display: none;
    float: right;
    width: 38px !important;
    height: 38px !important;
    background-size: 32px;
    margin: 0px !important;
}

.slideshow-icon-area {
    display: none;
}

.slider_icons img {
    width: 38px !important;
    top: 0 !important;
    left: 0 !important;
}

.slideshow-icon-addbg {
    top: auto !important;
    left: auto !important;
}


#bgSlider span {
    margin: 0 auto 20px;
    color: #fff;
    text-align:center;
    font-size: 12px;
    display: block;
    text-shadow: 1px 1px 1px #000;
}
#bgSlider .slider_caption span {
    width: 75% !important;
}
#bgSlider strong {
    font-size: 24px;
    max-height: 95px;
    /*font-size: 34px;*/
    /*max-height: 76px;*/
    overflow:hidden;
    font-weight: bold;
    display: block;
    width: 75%;
    margin: 0 auto 15px auto;
    line-height: 120%;
    color:#fff;
    text-align:center;
    text-shadow:0px 1px 1px #004AD5,
                0px 0px 1px #004AD5,
                1px 0px 1px #004AD5,
                0px -1px 1px #004AD5,
                -1px -1px 1px #004AD5,
                -1px 0px 1px #004AD5,

                0px 2px 1px #0066FF,
                0px 1px 1px #0066FF,
                1px 1px 1px #0066FF,
                1px 0px 1px #0066FF,
                2px 0px 1px #0066FF,
                1px -1px 1px #0066FF,
                1px -2px 1px #0066FF,
                0px -2px 1px #0066FF,
                -1px -2px 1px #0066FF,
                -2px -2px 1px #0066FF,
                -2px -1px 1px #0066FF,
                -2px 0px 1px #0066FF,
                -2px 1px 1px #0066FF,
                -1px 1px 1px #0066FF,

                0px 3px 1px #FFF,
                0px 2px 1px #FFF,
                1px 2px 1px #FFF,
                2px 2px 1px #FFF,
                2px 1px 1px #FFF,
                2px 0px 1px #FFF,
                3px 0px 1px #FFF,
                2px -1px 1px #FFF,
                2px -2px 1px #FFF,
                2px -3px 1px #FFF,
                1px -3px 1px #FFF,
                0px -3px 1px #FFF,
                -1px -3px 1px #FFF,
                -2px -3px 1px #FFF,
                -3px -3px 1px #FFF,
                -3px -2px 1px #FFF,
                -3px -1px 1px #FFF,
                -3px 0px 1px #FFF,
                -3px 1px 1px #FFF,
                -3px 2px 1px #FFF,
                -2px 2px 1px #FFF,
                -1px 2px 1px #FFF;
}

#bgSlider p a {
    font-size: 14px;
    color: #FFFFFF;
    padding: 10px 0 ;
    border-radius: 20px;
    display: block;
    width: 180px;
    text-align: center;
    margin: 0 auto 0 ;
    background: #0066FF url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size:cover;;
    text-decoration: none;
    cursor: pointer;
    text-shadow:none;
}


#sliderLoader span {background:#0066FF !important;}

#increment, #decrement {
    width: 22px !important;
    height: 20px !important;
    line-height: 20px !important;
    text-shadow: 0 0 6px #000 !important;
    padding: 40px 0 0 0;
    box-shadow: none !important;
    border: none !important;
    top: 100px !important;
    margin: 0;
    font-size: 10px;
    border-radius: 0 !important;
    background-size: contain !important;
}
#increment {
    right: 10px !important;
    background: url(../img/copy2open/slide_arrow_r.png) no-repeat center top;
}
#decrement {
    left: 10px !important;
    background: url(../img/copy2open/slide_arrow_l.png) no-repeat center top;
}
#sliderLoader {
    bottom: 15px !important;
    top: inherit !important;
}






/** グローバルメニュー ********************************************************************/

#menu_trigger, #menu_trigger span {
    display: inline-block;
    transition: all .4s;
}
#menu_trigger {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    z-index: 12;
}

#menu_trigger:after {
    content: "menu";
    position: absolute;
    bottom: 5px;
    line-height: 1;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color:#FFFFFF;
    font-size: 12px;
}
.js-menuOpened #menu_trigger:after {
    content: "close";
}
#menu_trigger span {
    position: absolute;
    left: 13px;
    width: 24px;
    height: 2px;
    background-color:#FFFFFF;
}
#menu_trigger span:nth-of-type(1) {top:10px;}
#menu_trigger span:nth-of-type(2) {top:18px;}
#menu_trigger span:nth-of-type(3) {top:26px;}

.js-menuOpened #menu_trigger span:nth-of-type(1) {
    -webkit-transform:translate(0, 8px) rotate(-45deg);
    transform:translate(0, 8px) rotate(-45deg);
}
.js-menuOpened #menu_trigger span:nth-of-type(2) {opacity:0;}
.js-menuOpened #menu_trigger span:nth-of-type(3) {
    -webkit-transform:translate(0, -8px) rotate(45deg);
    transform:translate(0, -8px) rotate(45deg);
}

#smt_3menu li {
    float:left;
    width: 33.33%; /*calc()非対応*/
    /*width:calc(100% / 3);*/  /*calc()対応*//*IEでカラム落ちの原因となる*/
    position: relative;
}

#smt_3menu li:after {
    content:"";
    display:block;
    width:1px;
    height:20px;
    background: #000;
    opacity:0.3;
    position: absolute;
    top:50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#smt_3menu li:last-child:after {display:none;}

#smt_3menu li a {
    display: table-cell;
    text-align: center;
    padding: 0 5px;
    vertical-align: middle;
    height: 40px;
    width: 200px;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    background: #EEE url(./../img/copy2open/h_menu_grass.png) no-repeat center top;
    background-size:cover;
}


#menu_wrapper {
    height: 80%; /*calc()非対応*/
    height: calc(100% - 90px); /*calc()対応*/
    width: 100%;
    position: fixed;
    top: 90px;
    right: 0;
    box-sizing: border-box;
    padding: 0;
    background: #0066FF;
    overflow: hidden;
    overflow-y: auto;
    visibility:hidden;
    z-index:-1;
    opacity:0;
    transition:.3s;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.js-menuOpened #menu_wrapper{
    visibility:visible;
    z-index:11;
    opacity:1;
}

#menu_container {padding: 30px;}

#menu ul li {position:relative;}
#menu ul li:after {
    content:"";
    width:100%;
    height:1px;
    background:#FFFFFF;
    opacity:0.3;
    position:absolute;
    bottom:0;
    left:0;
}
#menu > ul > li#gmenu_contact:after, #menu > ul > li#gmenu_estimate:after {display: none;}

.expandUp {
    animation-name: expandUp;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    visibility: visible;
    animation-fill-mode:forwards;
    animation-delay: 0.2s;
}

@media screen and (max-width: 480px) {

@keyframes expandUp {
    0% {
        -webkit-transform: translateY(100%) scale(0.8) scaleY(0.7);
        transform: translateY(100%) scale(0.8) scaleY(0.7);
    }
    60% {
        -webkit-transform: translateY(-7%) scaleY(1.05);
        transform: translateY(-7%) scaleY(1.05);
    }
    75% {
        -webkit-transform: translateY(3%);
        transform: translateY(3%);
    }
    100% {
        -webkit-transform: translateY(0%) scale(1) scaleY(1);
        transform: translateY(0%) scale(1) scaleY(1);
    }
}

}

#menu .ul_sub {display:block;}

#menu > ul > li#gmenu_contact {margin: 45px 0 10px 0;}

#menu > ul.MovedCvButton > li#gmenu_contact {
    width: 49%;
    margin: 0 2% 15px 0;
    float: left;
    position: relative;
    z-index: 1;
}

.no_estimate_page #menu > ul.MovedCvButton > li#gmenu_contact {
    width: 100%;
    margin: 0 0 15px;
    float: none;
}

#menu > ul.MovedCvButton > li#gmenu_estimate {
    width: 49%;
    float: left;
    margin: 0 0 15px;
    position: relative;
    z-index: 1;
}


#menu #gmenu_contact a, #menu #gmenu_estimate a {
    background: #FFCC00 url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size: cover;
    color:#000000;
    display: block;
    font-weight: bold;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 10px;
    height: auto;
    border-radius: 30px;
}

#menu li a {
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    box-sizing: border-box;
    display: block;
    padding: 12px 45px 11px 10px;
    position: relative;
}

body:not(.menu-edit-mode) #menu li[data-is-new = "1"] > a:before {
    content: "";
    width: 30px;
    height: 18px;
    display: block;
    background: url(../img/copy2open/menu_list_mark_new.png) top center;
    position: absolute;
    top: 4px;
    left: 3px;
}

body:not(.menu-edit-mode) #menu li[data-is-new = "1"][data-included-middle-menu = "1"] > a:before{
    content: "";
    left: 18px;
}

.sp_freepage_accordion_btn {
    display:block;
    cursor:pointer;
    padding: 0;
    margin:0;
    position: absolute;
    right: 0;
    z-index: 1;
}

.sp_freepage_accordion_btn span {
    display:block;
    width:40px;
    text-align:center;
    height:40px;
    line-height:40px;
    color: #FFFFFF;
}

.sp_freepage_imgsize_max {
    width:100% !important;
    padding:0 !important;
    margin: 0 0 20px !important;
}

.middle-menu__trigger--sp{
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}


#menu [data-use-custom-font-size = "1"] .middle-menu__trigger[data-is-private = "0"].font-size--1 > a{
    font-size: 14px;
}

#menu [data-use-custom-font-size = "1"] .middle-menu__trigger[data-is-private = "0"].font-size--2 > a{
    font-size: 16px;
}

#menu [data-use-custom-font-size = "1"] .middle-menu__trigger[data-is-private = "0"].font-size--3 > a{
    font-size: 18px;
}

#menu [data-use-custom-font-size = "1"] .middle-menu__trigger[data-is-private = "0"].font-size--4 > a{
    font-size: 20px;
}

[data-middle-menu-state="close"] .middle-menu__trigger--sp:after,
[data-middle-menu-state="open"] .middle-menu__trigger--sp:after{
    content: "";
    display: block;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
}

.font-size--1[data-is-private = "0"] .middle-menu__trigger--sp,
.font-size--1[data-is-private = "0"] .middle-menu__trigger--sp:after{
    height: 40px;
    line-height: 40px;
}

.font-size--2[data-is-private = "0"] .middle-menu__trigger--sp,
.font-size--2[data-is-private = "0"] .middle-menu__trigger--sp:after{
    height: 44px;
    line-height: 44px;
}

.font-size--3[data-is-private = "0"] .middle-menu__trigger--sp,
.font-size--3[data-is-private = "0"] .middle-menu__trigger--sp:after{
    height: 47px;
    line-height: 47px;
}

.font-size--4[data-is-private = "0"] .middle-menu__trigger--sp,
.font-size--4[data-is-private = "0"] .middle-menu__trigger--sp:after{
    height: 50px;
    line-height: 50px;
}

.child-count__wrap{
    color: inherit;
    font-size: 12px;    
    display: inline-block;
    padding: 0 0 0 22px;
    position: relative;
}

.child-count__wrap:before{
    content: "";
    width: 16px;    
    height: 16px;   
    background: url("../img/copy2open/middle_menu_page_count_icon.png") no-repeat center left;
    position: absolute; 
    left: 4px;    
    bottom: -1px;
}

.side_bar_sub .child-count__wrap:before,
.ul_lead  .child-count__wrap:before{
    bottom: 2px;
}

.js-childCount{
    line-height: 1; 
}

[data-middle-menu-state="close"] .middle-menu__trigger--sp:after{
    content: "+";
}

[data-middle-menu-state="open"] .middle-menu__trigger--sp:after{
    content: "-";
}

.middle-menu__wrap{
    border-top: 1px solid rgba(255,255,255,.3);
}


#menu ul > li > ul > li {
    display:none;
    position:relative;
}

#menu ul > li > ul > li:after {
    content:"";
    width:100%;
    height:1px;
    background:#FFFFFF;
    opacity:0.2;
    position:absolute;
    top:0;
    left:0;
}

#menu .ul_sub li a,
#menu .ul_sub li .private-menu__link {
    color: #FFFFFF;
    text-shadow: none;
    width: 100%;
    padding: 12px 45px 11px 15px;
    box-sizing: border-box;
    background: none;
}

 #menu .ul_sub li .private-menu__link{
    display: block;
 }

#menu .middle-menu__list li a {
    padding: 12px 45px 11px 30px;
}

.middle-menu__wrap{
    display: none;
    position: relative;
    z-index: 1;
}


/** 見出し ********************************************************************/

h2, #midbox_wrapper:before, .subpageLink h3 {
    margin:0 auto 20px auto;
    font-size:18px;
    padding: 15px;
    background: #0066FF;
    background: linear-gradient(#0066FF, #004AD5);
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 1px #0066FF inset, 2px 2px 0 rgba(255, 255, 255, 0.2) inset;
    box-sizing: border-box;
}
h2.inplace span {padding:0;}
.midashi_long a {color:#FFF;}

h3 {
    margin: 0 0 10px 0;
    font-size:120%;
}


/** フッター ********************************************************************/

#footer_wrapper {
    padding: 15px 0 30px 0;
    background:#0066FF;
}

#footer ul {
    padding:0 5%;
    margin:0 0 15px 0;
}

#footer ul li {
    float:left;
    width: 33.33%; /*calc()非対応*/
    width:calc(100% / 3); /*calc()対応*/
    position: relative;
}
#footer ul li:nth-child(3n):after {
    display:none;
}
#footer ul li:after {
    content:"";
    width:1px;
    height:20px;
    display: block;
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #FFFFFF;
    opacity:0.3;
}
#footer ul li a {
    padding:0 5%;
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    height:40px;
    width:240px;
    color: #FFFFFF;
    text-decoration: none;
}
.copy_right {
    color: #FFFFFF;
    text-align:center;
    font-size: 10px;
}
.sydeLink {display:block;}



/** pagetop等 ********************************************************************/

#smt_foot_base {
    position:fixed;
    z-index: 5;
}


#smt_conversion_btn {
    width:60px;
    height:60px;
    border-radius:100%;
    position:fixed;
    bottom:5px;
    left:5%;
    background: url(./../img/copy2open/fix_consult.png) no-repeat center center;
    background-size: contain;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    cursor:pointer;
    z-index:5;
}

#smt_conversion_open a {
    position: fixed;
    width:75px;
    height:75px;
    border-radius:100%;
    display:none;
    opacity: 0;
    animation-fill-mode:forwards;
    background-size: contain;
    cursor:pointer;
    z-index: 5;
}
#smt_tel_btn {
    background: url(./../img/copy2open/fix_tel.png) no-repeat center center;
    bottom: 120px;
    left: 10px;
}
#smt_contact_btn {
    background: url(./../img/copy2open/fix_mail.png) no-repeat center center;
    bottom: 80px;
    left: 80px;
}
#smt_estimate_btn {
    background: url(./../img/copy2open/fix_estimate.png) no-repeat center center;
    bottom: 5px;
    left: 105px;
}

#smt_conversion_open a.active {
    animation-name: active;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode:forwards;
}

#smt_tel_btn.active {
    animation-delay: 0s;
}
#smt_contact_btn.active {
    animation-delay: 0.1s;
}
#smt_estimate_btn.active {
    animation-delay: 0.2s;
}

@keyframes active {
    0% {
        -webkit-transform: translateY(100%) scale(0.8) scaleY(0.7);
        transform: translateY(100%) scale(0.8) scaleY(0.7);
        opacity:0;
    }
    60% {
        -webkit-transform: translateY(-7%) scaleY(1.05);
        transform: translateY(-7%) scaleY(1.05);
    }
    75% {
        -webkit-transform: translateY(-7%) scaleY(1.05);
        transform: translateY(3%);
    }
    100% {
        -webkit-transform: translateY(-7%) scaleY(1.05);
        transform: translateY(0%) scale(1) scaleY(1);
        opacity:1;
    }
}


.backtop {
    width:40px;
    height: 40px;
    background: url(./../img/copy2open/pagetop.png) no-repeat 5%;
    background-size: contain;
    border-radius:100%;
    position:fixed;
    bottom:5px;
    right:5%;
    cursor:pointer;
    z-index: 5;
}

#body_top #main_contents_wrapper {padding:30px 0 0 0;}



/** 3連メニュー ********************************************************************/

#midbox_wrapper {
    padding: 90px 5% 30px 5%;
    margin: 0 0 45px 0;
    position: relative;
}
#midbox_wrapper:before {
    content: "メインメニュー";
    font-weight:bold;
    display: block;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}
.h2_box_1, .h2_box_2, .h2_box_3 {
    width: 32%;
    margin: 0 2% 0 0;
    float: left;
    text-align: center;
    position: relative;
}
.h2_box_3 {margin: 0;}
.h2_box_1 a, .h2_box_2 a, .h2_box_3 a {
    display:table-cell;
    width: 240px;
    height:100px;
    text-decoration:none;
    color:#FFF;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    position: relative;
}

#midbox_wrapper .text_left {
    height:100px;
    overflow: hidden;
    position: absolute;
    top:0;
    left:0;
}
#midbox_wrapper .img_left {
    height:100px;
    overflow: hidden;
    position: relative;
    border-radius:5px;
}
#midbox_wrapper .img_left img {
    display: block;
    height: 100px;
    max-width: inherit;
    background: rgba(0, 0, 0, 0.7);
    position:absolute;
    -webkit-transform:translate(-50% , 0);
    transform:translate(-50% , 0);
    top:0;
    left:50%;
}



/** 画像関係 ********************************************************************/

.edit_img_empty {margin:0 0 20px 0;}

.img_box_left, .side_img_box_left {
    position: relative;
    z-index: 2;
}

.img_box_right, .side_img_box_right {
    position: relative;
    z-index: 2;
}

.img_box_right {
    float: right;
}

.img_box_left iframe, .img_box_right iframe {
    width: 90vw !important;
    max-width: 100%;
    margin: 0 0 5px;
    float: none;
}

.img_box_left img{
    box-sizing: border-box;
    float: left;
    padding: 0 5% 0 0;
}

.side_img_box_left img {
    box-sizing: border-box;
    float: left;
    padding: 0;
}

/*キャンペーンブロック画像挿入改修*/
.campaign_content .img_box_left img, .campaign_content .img_box_right img {
    float: none;
}

.img_box_right img{
    box-sizing: border-box;
    float: right;
    padding: 0 0 0 5%;
}

.side_img_box_right img {
    box-sizing: border-box;
    float: right;
    padding: 0;
}

.img_box_right img {
    float: none;
}

.img_box_left img.size_max, .side_img_box_left img.size_max, .img_box_right img.size_max, .side_img_box_right img.size_max,
.img_box_left .sp_freepage_imgsize_max, .side_img_box_left .sp_freepage_imgsize_max, .img_box_right .sp_freepage_imgsize_max, .side_img_box_right .sp_freepage_imgsize_max {
    max-width:100%;
    padding:0;
}

.box_flow img.size_big, .box_flow img.size_bigger, .box_flow img.size_middle, .box_flow img.size_small, .box_flow img.size_xsmall {width:64px;}
.img_box_left iframe, .img_box_right iframe {width: 100%;}



/** サイドバー ********************************************************************/

#side_bar_sub_top, .side_bar_sub {
    padding: 30px 0;
    position:relative;
}
.subpageLink p, .sidebar_shopinfo_block, #recruit_banner_block, #sidetopics01, #sidetopics02, .like_topics_block, .sidebar_linkbox_block, #eigyoubi_cal {
    padding: 0 5%;
}
#recruit_banner_block {float: none !important;}
#sidebar_shp_inf {padding: 0 0 30px 0;}
.map_box iframe, .leadAccessPageImage {
    margin: 0 auto;
    display: block;
}
.side_img_box {
    width:40% ;
    padding:0px ;
    margin:0px 15px 0px 0px ;
    float:left ;
}
.side_img_box img {width:100%;}

#side_link_block {text-align:center;}
.box_side_topics {display:none;}
#sidetopics01 .box_side_topics:last-child, #sidetopics02 .box_side_topics:last-child, .like_topics_block .box_side_topics:last-child {
    border-bottom: none;
    padding:0 0 30px 0;
    margin:0;
    display:none;
}
#side_link_block p.link_banner, #side_link_block p.link {
    margin:0 0 10px 0;
    display:none;
}
#side_link_block p:last-child {
    margin:0;
    padding:0 0 30px 0;
}

.subpageLink { margin: 0 0 45px 0; }
.subpageLink p{ padding: 0 5% 5px; }


.subpageLink .side-middle-menu__head {
    width: 100%;
    padding: 0 26px 0 5%;
    margin: 0 0 7px;
    font-size: 110%;
    font-weight: 700;
    position: relative;
}

.subpageLink .side-middle-menu__list {
    display: none;
    margin: 0 0 10px;
    padding: 0 5% 5px;
}

.subpageLink .side-middle-menu__list,
.subpageLink.layout--default .side-middle-menu__list{
    display: block;
}

.subpageLink.layout--list .side-middle-menu__list,
.subpageLink.layout--card .side-middle-menu__list{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.side_bar_sub p.side-middle-menu__head:after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../img/copy2open/middle_menu_open_arrow.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 5px;
    top: calc( 50% - 8px );
    transition: .3s;
    transform: rotate(0deg);
}

.side_bar_sub p[data-menu-open-state = "open"].side-middle-menu__head:after {
    content: "";
    transform: rotate(-180deg);
}

.subpageLink .side-middle-menu__list .grandson {
    box-sizing: border-box;
    font-size: 12px;
    padding: 3px 15px;
    position: relative;
}

.subpageLink .side-middle-menu__list .grandson:before {
    content: "-";
    font-size: 12px;
    color: #CCC;
    margin: 0 5px;
    position: absolute;
    top: 3px;
    left: 0px;
}

.sidebar_review{margin-bottom: 15px;}

/** 求人バナー ********************************************************************/


#recruit_banner_block {margin:0 0 15px 0;}
#recruit_banner_block a, .rec_scrl_btn {
    display: block;
    font-size: 16px;
    padding: 15px 10px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    background: #690 url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size: cover;
    border-radius: 28px;
    cursor:pointer;
}

h4#shop_info_title, #side_link_block h4, #sidetopics01 h4, #sidetopics02 h4, #eigyoubi_cal h4, #sv_title, .like_topics_block h4 {
    color:#FFF;
    font-size:16px;
    font-weight:normal;
    background: #AAA url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size: cover;
    text-align:center;
    padding:10px 40px 10px 10px;
    margin:0 0 15px 0;
    border-radius:5px;
    position:relative;
    cursor:pointer;
}
h4#shop_info_title:before, #side_link_block h4:before, #sidetopics01 h4:before, #sidetopics02 h4:before, #eigyoubi_cal h4:before, #sv_title:before, .like_topics_block h4:before {
    content: "";
    height: 10px;
    width: 10px;
    display: block;
    border: 1px solid #FFF;
    border-right-width: 0;
    border-top-width: 0;
    -webkit-transform: translate(0 , -50%) rotate(-45deg);
    transform: translate(0 , -50%) rotate(-45deg);
    position: absolute;
    top: 50%;
    right: 17px;
}



/** 営業日カレンダー ********************************************************************/

#edittable01, #edittable02 {width: 100%;}

#eigyoubi_cal #now, #eigyoubi_cal #next {
    width:80%;
    margin: 0 auto;
    display:none;
}
#eigyoubi_cal #now {padding: 0 0 15px 0;}
#eigyoubi_cal #next {padding:0 0 30px 0;}

div#eigyoubi_cal p {
  text-align: center;
  font-size: 16px;
  padding: 3px 0;
  color:#FFFFFF;
  background:#0066FF;
}

#eigyoubi_cal tr {background:#7FB2FF;}
#eigyoubi_cal th, #eigyoubi_cal td {text-align:center;}

#eigyoubi_cal th {
    padding:5px 0;
    font-weight:normal;
}
#eigyoubi_cal th a {
    text-decoration:none;
    color:#FFFFFF;
}
#eigyoubi_cal td {background-color: #FFF;}

#eigyoubi_cal td.closed span, #eigyoubi_cal td.regularClosed span, #eigyoubi_cal td.allholclosed span {
    display:block;
    width:100%;
    background-color:#7FB2FF;
    color:#FFFFFF !important;
}

#eigyoubi_cal span {
  color:#333;
  font-size:14px;
  display: block;
  padding: 5px 0px;
}

#eigyoubi_cal span.sat {color:#1989fa;}
#eigyoubi_cal span.sun, #eigyoubi_cal span.hday, #eigyoubi_cal span.hsat, #eigyoubi_cal span.hsun {color:#f51a0f;}



/*** パンくず ***/

#pan {
    color: #fff;
    background: #999;
    font-size: 12px;
    padding: 8px 3%;
    text-shadow: none;
    line-height: 15px;
    margin: 0 0 30px 0;
}
#pan li {
    float: left;
    background: url(../img/copy2open/car_list_arw.png) no-repeat right 8px center;
    padding: 0 20px 0 0;
}
#pan li:last-child {
    background: none;
    padding: 0;
}
#pan li a {
    display:block;
    color:#fff;
}


/*** 料金表 ***/

.pricetable_block {position:relative;}
.smt_scroll {overflow:auto;}

.smt_scroll::-webkit-scrollbar {
    width:5px;
    background:#EEE;
    height:5px;
}
.smt_scroll::-webkit-scrollbar-button {
    width:5px;
    height:5px;
    background:rgba(0,0,0,0.15);
}
.smt_scroll::-webkit-scrollbar-thumb {
    background:rgba(0,0,0,0.15);
    border-radius:2px;
}

h3.edit_table_title, .usedcar_p_title {
    border-left: 5px solid #0066FF;
    padding: 5px 0 0 10px;
    margin: 0 0 10px 0;
    font-weight:bold;
}

.pricetable th, .pricetable td {
    padding:5px;
    border:1px solid rgba(0,0,0,0.15);
    text-align:center;
    width:16%;
}
.pricetable th {background:#EEE;}
.pricetable td strong {color: #C00;}

table.pricetable {
    font-size:12px;
    width:auto;
    background:#F7F7F7;
}
.pricetabel_memo {
    padding: 10px 0 0 0;
}


/** その他ブロック ********************************************************************/

.div_box_feature, .div_box_coupon, .div_box_promise, .div_box_tokuten, .div_box_flow, .div_box_voice, .div_box_jirei, .div_box_setsubi, .div_box_staff, .div_box_gaiyo, .div_box_history, .div_box_campaign, .div_box_free, #car_list_base, .div_box_faq0, .access_info, #otoiawase_table_box, #mitumori_table_box, .map_big, .div_box_requirements01, .div_box_requirements02, .div_box_requirements03, .div_box_requirements04, .div_box_requirements05, .recruit_section, .div_box_company_pict, #usercar_base, .historyback_box, .right_link, .pricetable_content, .div_box_reco_car {
    margin: 0 auto;
    padding:0 0 45px 0;
    width: 90%;
}
.box_feature, .box_coupon, .box_promise, .box_tokuten, .box_voice, .box_jirei, .box_setsubi, .box_staff, .box_free, .box_side_topics {
    clear:both;
    border-bottom:1px solid rgba(0,0,0,0.15);
    padding: 0 0 5px 0;
    margin:0 0 15px 0;
}
.box_feature:last-child, .box_coupon:last-child, .box_promise:last-child, .box_tokuten:last-child, .box_voice:last-child, .box_jirei:last-child, .box_setsubi:last-child, .box_staff:last-child, .box_free:last-child {
    margin: 0;
}
.box_feature p, .box_coupon p, .box_promise p, .box_tokuten p, .box_voice p, .box_jirei p, .box_setsubi p, .box_staff p, .box_free p, .box_side_topics p {
    padding: 0 0 10px 0;
}
.campaign_content, #sidebar_shp_inf div.side_shop_info_mapbottom, #image_letter_block, .usercar_list, .box_flow, .map_box, .thumbnail_box, .shop_info_box {
    margin: 0 0 15px 0;
    background: #FFF;
    padding: 15px 5%;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.usercar_list {position:relative;}

.shop_info_box {
    width: 90%;
    margin: 0 auto 15px auto;
    box-sizing: border-box;
}

.box_flow div.img_box_left {
    /*width:64px;*/
    float: left;
    margin: 0 15px 0 0;
}

.box_flow div.img_box_left a img {
    /*width:64px ;*/
}

.box_flow div.img_box_right {
    /*width:64px ;*/
    float: right;
    margin: 0 0 0 15px;
}

/*.box_flow div.img_box_right a img {width:64px;}*/

/*.box_voice div.img_box_left a img {width:64px;}*/
.box_voice div.img_box_left a img.size_max {padding:0 5% 0 0;}
/*.box_voice div.img_box_right a img {width:64px;}*/

.div_box_faq {margin:0 0 15px 0;}
.div_box_faq h3 {
    padding: 15px 15px 15px 45px;
    margin: 0;
    background: #FFF url(../img/copy2open/q_bg.png) no-repeat left 0px;
    background-size: 35px 300px;
}
.div_box_faq p {
    padding: 15px 15px 15px 45px;
    background: #EEE url(../img/copy2open/a_bg.png) no-repeat left 0px;
    background-size: 35px 300px;
}
p.flow_arrow {
    height:15px;
    margin:0 0 15px 0;
    background: url(../img/copy2open/flow_arrow.png) no-repeat center top;
    background-size: 26px 15px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.campaign_content h3 {margin:0 0 10px 0;}

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

#image_letter_block {margin: 0 5% 45px;}
#image_letter_block a img {width:auto;}
#image_letter_block #main_copy {margin: 0;}

#main_copy {margin: 0 5% 15px 5%; width:90%;}


/* 会社案内 */
.company_pict {
    width: 32%;
    margin: 0 2% 0 0;
    overflow: hidden;
    float: left;
}
.div_box_company_pict .company_pict:last-child {
    margin: 0;
}
.company_pict img {width:100%;}



.n_table {
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom: none;
    width:100%;
}
.n_table, .n_table tbody, .n_table tr {
    display:block;
}
.n_table th, .n_table td {
    display: block;
    text-align:left;
    font-weight:normal;
    padding: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
#otoiawase_table_box .n_table td, #mitumori_table_box .n_table td {
    padding: 10px 10px 5px 10px;
}
.n_table th {background: #EEE;}
.n_table td {background: #F7F7F7;}


/* お問合せ・お見積り */

input[type="text"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], select, textarea {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 16px;
    box-sizing: border-box;
    min-height: 39px;
    margin:0 0 5px 0;
    max-width:100%;
}
button, input, select, textarea, submit {
    font-family: inherit;
    font-size: 100%;
    -webkit-user-select: auto;
    vertical-align: middle;
}
input[type="file"] {width: 100%;}


.select_point {
    font-size: 16px;
    margin: 0px 10px 3px 0;
    display: inline-block;
}

.inputarea, .inputarea3, .inputarea4 {width:100%;}
.inputbtn, .right_link a {
    border: none;
    text-decoration: none;
    border-radius: 35px;
    display: block;
    width:100%;
    font-size: 16px;
    padding: 15px 10px;
    color: #FFF;
    text-align: center;
    background: #36F url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size: cover;
    box-sizing: border-box;
    cursor:pointer;
}

#otoiawase_table_box td span, #mitumori_table_box td span {
    padding: 0 0 5px 0;
    display:block;
    font-size:12px;
}

.mail_body_edit .n_table th {
    width: 100%;
    box-sizing: border-box;
    display: block;
}

.np, #mitumori_table_box .n_table, #form1 .n_table, .mail_body_edit {
    margin: 0 0 30px 0;
    width: 100%;
}

.mail_body_edit {
    margin: 0 auto 30px;
    width: 90%;
}

.link_cap_txt {
    text-align:center;
    margin-bottom:10px;
}



/* アクセス */
.map_big iframe{height: 300px;}
.map_big #js-googleMapOuter {
    width: 100% !important;
    height: 100vw !important;
}
.access_info p {
    border-bottom:1px solid rgba(0,0,0,0.15);
    padding-bottom:5px;
    margin-bottom:5px;
}
.access_info p.link {
    border-bottom:none;
    padding-bottom:0;
    margin:10px 0 0 0;
}



/** 在庫車一覧 ********************************************************************/

#ucConpane .usercar_list {
    margin: 0 0 15px 0;
    position: relative;
}
.usercar_list h3 {margin:0 0 10px 0;}
.usercar_list h3 img {padding:5px;}
.list_status {
    display: inline-block;
    font-size: 12px;
    padding: 2px 10px;
    color: #FFF;
    border-radius: 12px;
    margin: 0 0 10px 0;
}
.zaiko_used {background:#339900;}
.newcar_used {background:#E71870;}
.baikyaku_used {background:#CC0000;}
.syoudanchu_used {background: #FF9900;}
.daiko_used {background: #6699FF;}

.usercar_list h3 a {
    display: block;
    padding: 10px;
    background: #EEE url(./../img/copy2open/usercar_grass.png) no-repeat center top;
    color: #333;
    background-size: cover;
    border-left: 3px solid #0066FF;
    text-decoration: none;
    font-size: 16px;
}
.sample_name {
    padding:10px 0 0 0;
    color:#C00;
    font-size:12px;
    font-weight:normal;
}
.usercar_list h3 span {
    display: block;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    top: 16px;
    right: 5%;
    color: #AAA;
}
.more_carinfo_link {
    display:block;
    text-align: right;
}
.UsedCarEditBtnBlock img {
    padding:25px 0 0 0;
    height:130px;
}
.UsedCarListEditBtnBlock img {
    height: 71px;
    width: 100%;
}

.historyback_box, .more_carinfo_link {text-align: right;}
.historyback_box a, .more_carinfo_link a {
    color: #06f;
    text-decoration:none;
    text-shadow:none;
    font-size: 14px;
    text-align:left;
    font-weight:normal;
    position:relative;
    background: url(./../img/copy2open/next_text.png) no-repeat right center;
    background-size:13px 12px;
    padding:0 15px 0 0;
}

.usedcar_info_body #wrapper a.carDetailPrintLink{
    display: none;
}


/**********************************************************************/
/* 中古車機能改修 ひとまず中古車関連を一まとめに */
/*在庫車リスト*/
/*2014-05-07 在庫車情報 */

a.thumbnail_box {
    color: #333;
    position: relative;
    display: block;
    text-decoration: none;
    float: left;
    width: 49%;
    box-sizing: border-box;
    margin: 0 2% 10px 0;
}
#carListThumNail_wrapper a.thumbnail_box:nth-of-type(even) {margin-right: 0;}
.recomendcar_img_box {position: relative;}
.thumbnail_box .carthumb_img {
    position:relative;
    display: block;
    margin:0 0 10px 0;
}
img[name="mainpict"] {width:100%;}
.thumbnail_box .carthumb_img img.recomendmark_img {
    position: absolute;
    top:0;
    left: 0;
    width:60px;
}
.thumbnail_box .carthumb_img img.soldout_img {
    left:auto;
    right:0;
}
.soldout_img {left: 74px;}
.thumbnail_box h3, .thumbnail_box .h3 {
    margin:0 0 10px 0;
    display:block;
}
.thumbnail_box .carthumb_txt {
    font-size: 75%;
    line-height: 130%;
    text-align: left;
    display:block;
    padding:5px 0 0 0;
}

.thumbnail_box .carthumb_date {
    font-size: 75%;
    line-height: 100%;
    display:block;
    padding:5px 0 0 0;
}
.thumbnail_box .carthumb_price {
    font-size: 12px;
    display: block;
}
.thumbnail_box .carthumb_price span strong {
    font-size: 16px;
    color:#C00;
}
.thumbnail_box .carthumb_price span.totalCost strong {
    font-weight:normal;
    font-size: 11px;
}
.thumbnail_box_last {margin:0 0 20px;}
.thumbnail_box_lastrow1st {margin:20px 0 0 0;}

#carListExchgMsg {
    margin: 0 1em 0 0;
    border: solid #06f 3px;
    padding: 20px 40px;
    background: #fff;
    color:#333;
    opacity: .95;
    font-size: 16px;
    line-height:150%;
    z-index:100;
    text-align: center;
    width:300px;
}
#carListExchgMsg h2 {
    background-color: #3366FF;
    clear: both;
    color: #FFF;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 5px 5px 5px 35px;
    font-size: 16px;
    text-align: left;
}
#carListExchgMsg h2.iconlist {background:#36f url(../img/common/carListChgIcon_list.gif) no-repeat 7px 7px;}
#carListExchgMsg h2.iconthumb {background:#36f url(../img/common/carListChgIcon_thumb.gif) no-repeat 7px 7px;}

#carListExchgMsg p {
    font-size: 12px;
    margin:20px 0 0;
    color: #666;/*#eee*/
}
.UsedCarEditBtnBlock {
    text-align: center;
    border: #ccc dashed 4px;
    height: 244px;
}
.carlistEmptyMsg {
    margin: 30px 10px;
    text-align: center;
    padding: 30px;
    border: 1px solid rgba(0,0,0,0.15);
    font-size: 14px;
    }
#usedcar_regi_btn_block span {font-size:12px;}

#main_usedcarpage_link_box {
    margin:0 0 10px 0;
    text-align:right;
}

#main_usedcarpage_link_box a {
    font-size: 14px;
    display:inline-block;
    background:url(./../img/copy2open/next_text.png) no-repeat right center;
    background-size: 13px 12px;
    padding: 3px 20px 0 0;
    text-decoration: none;
}

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

.UsedCarListEditBtnBlock:hover {background-color: #f5f5f5;}



.list_main {
    margin: 0 2% 15px 0;
    float: left;
    width: 30%;
}
.list_main p {margin: 0 0 10px 0;}

.list_main dt, .list_main dd {
    font-size: 12px;
    padding: 5px 0;
}
.list_main dt strong, .list_main dd strong {
    font-size: 16px;
    color:#C00;
}
.list_main dt {border-bottom: 1px solid rgba(0,0,0,0.15);}

.list_main ul li {
    float: left;
    padding: 0 10px 0 0;
}
.list_con table {
    margin: 0 0 15px 0;
    width: 68%;
    display: block;
    float: left;
    border-top: 1px solid rgba(0,0,0,0.15);
    border-right: 1px solid rgba(0,0,0,0.15);
    box-sizing: border-box;
}
.list_con tbody {display: block;}
.list_con tr {
    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box;
}
.list_con th {
    background: #EEE;
    font-weight: normal;
}
.list_con th, .list_con td {
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    border-left: 1px solid rgba(0,0,0,0.15);
    padding: 3px 3%;
    font-size: 12px;
    box-sizing: border-box;
    min-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

/*中古車 詳細 画像スライドショー*/

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

#carGallMask {overflow:hidden;}
#car_gall ul {
    width: 10000px;
    display: block;
}
#car_gall ul li {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 5px 5px 0;
    position:relative;
    overflow:hidden;
    border-radius:100%;
    background:#EEE;
}
#cgmIndex {
    z-index:4;
    position:absolute;
    top:0px;
    left:0px;
    padding:10px;
    background:#000;
    font-size:12px;
    color:#fff;
    width:50px;
    text-align:center;
}
#car_gall ul li span {
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    clear: both;
}
#car_gall .gall_text {
    font-size: 11px;
    clear: both;
    text-align: right;
    width: 100%;
}
h3 span.regidate {
    font-weight: normal;
    font-size: 12px;
    float: right;
}

#car_gall .car_gall_main {
    position: relative;
    margin:0 0 30px 0 ;
}

#cgmCapWrapper {
    z-index:4;
    bottom:0px;
    left:0;
    background:#000;
    color:#fff;
    width:100%;
    text-shadow:none;
}
#cgmCap {
    display:block;
    padding:10px;
}

#cgmL, #cgmR {
    position:absolute;
    width:15%;
    height:100%;
    z-index:2;
    top:0;
    opacity:0;
    cursor:pointer;
    text-align:center;
}
#cgmL {left:0;}
#cgmR {right:0;}

#cgmLArrow, #cgmRArrow {
    position: absolute;
    width: 10%;
    top: 50%;
    -webkit-transform: translate(0 , -50%);
    transform: translate(0 , -50%);
    opacity: 0;
}
#cgmLArrow {left:0;}
#cgmRArrow {right:0;}

#carListCurrentDiv {
    width: 60px;
    height: 60px;
    border: 3px solid #f00;
    box-sizing: border-box;
    position: absolute;
    z-index: 4;
    top: 0px;
    left: 0px;
    border-radius: 100%;
}
.regidateDetail {
    font-size:12px;
    text-align: right;
    margin:0 0 15px 0;
}
.regidateDetail b {font-weight:normal;}

.zaiko_base {
    margin: 0 0 20px 0;
}
.zaiko_base img {
    width: 32%;
    margin: 0 0 5px 0;
}
.gall_text {
    font-size:14px;
    clear:both;
}

.carlist_pager_box {
    height:65px;
    text-align:center;
    margin-bottom: 15px;
}
.carlist_pager_box .pager li span {
    display: block;
    font-weight: bold;
    color: #F5F5F5;
    background: #333;
    padding: 3px 8px;
}
.carlist_pager_box .pager li a {
    display:block;
    color: #333;
    border:1px solid #333;
    padding: 3px 8px;
}
.carlist_pager_box .pager {
    background:none;
    border:none;
    padding:0;
}
.carlist_pager_box .pager li {
    display:inline-block;
}
.carlist_pager_box .pager_str {
    clear: both;
    font-size: 12px;
    margin-bottom: 5px;
    text-align:center;
}
.kihon_tale, .kihon_tale2, .soubishiyou {
    margin: 0 0 30px 0;
    width: 100%;
    border:1px solid rgba(0,0,0,0.15);
    border-bottom:none;
}
.kihon_tale th, .kihon_tale td, .kihon_tale2 th, .kihon_tale2 td, .soubishiyou th, .soubishiyou td {
    display:block;
    border-bottom:1px solid rgba(0,0,0,0.15);
    padding:10px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    min-height: 22px;
}
.kihon_tale th, .kihon_tale2 th, .soubishiyou th {background: #EEE;}
.kihon_tale td, .kihon_tale2 td, .soubishiyou td {
    background: #FFF !important;
    opacity: 1 !important;
}

.tokuten_come {
    background: url(../img/copy2open/tokuten.png) no-repeat left top;
    background-size:40px 17px;
    padding:0 0 0 50px;
    margin:0 0 5px 0;
    font-weight: bold;
}

.pr_come {
    background: url(../img/copy2open/pr.png) no-repeat left top;
    background-size:40px 17px;
    padding:0 0 0 50px;
    margin:0 0 5px 0;
    font-weight: bold;
}
.tokuten_body {
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.pr_body {
    margin:0 0 45px 0;
}
.shop_name, .shop_adrs, .tel_num, .shop_hour {
    display: block;
}
.tel_num {
    font-size: 24px;
    font-weight: bold;
    color:#C00;
    padding:0 0 0 22px;
    background: url(../img/copy2open/usedcar_tel_icon.png) no-repeat left center;
    background-size: 20px 20px;
}


/*バリデータJSで書かれたCSSの強制上書き*/
.baloon {
    left:auto !important;
    right:0;
}


/*2015-04-14 サンキューページ　アンケートクラス　高橋追記*/
.enquete_caption {margin-bottom:30px;}
.enqate_question_block {margin-bottom:30px;}
.enqate_question_block h3 {margin-bottom:10px;}
.enqate_question_block label {
    cursor: pointer;
    line-height: 210%;
    display: block;
    font-size: 16px;
}
#other_good_reason_text_block, #other_bad_reason_text_block {
    display:none;
    padding:15px 0 0 0;
}

#other_good_reason_text_block textarea, #other_bad_reason_text_block textarea {
    width:96%;
    padding:2%;
    height:150px;
}
#enquete_main_copy, .pageback {
    width:90%;
    margin:0 auto 30px;
}

/*2018-02-14 youtubeBox対応 北川*/
.youtubeBox{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtubeBox iframe{
  position: absolute;
  top: -5px;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*2020-06-11 口コミ機能 北川*/
.reviewTopContentsOuter{
    width: 100%;
}

.reviewTopContentsInner.js-imageBoxBackground {
    background-repeat: no-repeat !important;
    background-size: auto 320px !important;
    background-position: top left !important;
    width: 100%;
    min-height: 320px;
    box-sizing: border-box;
    padding: 5px 0;
    margin: 0 0 45px;
    border-bottom: none;
}

.reviewTopContents {
    width: 92%;
    height: auto;
    margin: 150px auto 0;
}

.js-imageBoxBackground .reviewTopContents .editTextOuter {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(32, 32, 32, 0.9);
    margin: 0 auto 10px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    word-break: break-all;
    color: #FFF;
}

.reviewTopContentsLeadText{
    border-bottom: 1px solid #FFF;
    padding: 0 0 5px;
    margin: 0 0 15px;
}

.reviewTopContentsLeadTextFront {
    font-size: 18px;
}

.reviewTopContentsLeadTextBack{
    font-size: 12px;
}

.reviewTopContentsLeadTextBack:before, .reviewTopContentsLeadTextBack:after {
    content: "－";
}

.reviewTopContentsCopyText{
    font-size: calc(1.5rem + ((1vw - 3.2px) * 4.2553));
    font-weight: 700;
    line-height: 1.3em;
    margin: 0 0 0.5em;
}

.reviewTopContentsCaptionText{
    margin: 0 0 15px;
}

.reviewTopContentsShopInfoText{
    text-align: right;
}

.reviewTopContentsInner.js-imageBoxBackground .changeBoxImageLayoutControllerOuter{
    margin: 0;
    bottom: -45px;
}

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

.reviewSampleContents {
    display: inline-block;
    width: calc( ( 100% - 30px ) / 3 );
    height: 50px;
    float: left;
    margin: 0 15px 0 0;
    background-position: center;
    background-repeat: no-repeat;
}

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

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

.reviewSampleContents:last-of-type {
    background-image: url(../img/copy2open/review_3.png);
    background-size: contain;
    margin: 0;
}

.reviewMainContents,
.reviewConversionContentsOuter{
    width: 100%;
    margin-bottom: 4%;
}

.reviewConversionContentsOuter{
    width: 92%;
    margin: 0 auto;
}

.sidebar_review{
    text-align: center;
}

.sidebar_review a img{
    width: 200px;
}


/*** 迷惑メールフィルタ機能 ***/
.spamFilterLevelSwitchOuter{
    text-align: center;
}

.spamFilterToggleSwitch {
    width: 100px;
    padding: 2px 0px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    background: #eee;
    border-radius: 15px;
    margin-right: 15px;
    border: 1px solid #ddd;
    cursor: pointer;
    position: relative;
}

.spamFilterSettingBlock[data-current-value="0"] .spamFilterToggleSwitch[data-toggle-value="0"], .spamFilterSettingBlock[data-current-value="1"] .spamFilterToggleSwitch[data-toggle-value="1"]{
    background-color: #36f;
    color: #fff;
}


.ec-cart .ec-cart__progress-item--current,
.ec-cart .ec-cart__progress--edit .ec-cart__progress-item:hover{
    background: #0066FF;
}

.ec-cart .ec-cart__progress-item--current:after,
.ec-cart .ec-cart__progress--edit .ec-cart__progress-item:hover:after {
    background: #0066FF;
}

.ec-cart .ec-cart__progress-item--current span,
.ec-cart .ec-cart__progress-item:hover a{
    color: #FFFFFF;
    font-weight: bold;
}


.checkbox__wrap{
    text-align: center;
    margin: 45px 0 20px;
}

.checkbox__no-robot {
    display: none;
}

.label__no-robot{
    background: #F9F9F9;
    border: 1px solid #CCC;
    cursor: pointer;
    color: #666666;
    display: inline-block;
    padding: 15px 25px 15px 62px;
    font-size: 14px;
    margin: 0 auto;
    position: relative;
    transition: .3s;
}

.label__no-robot:hover{
    background: #F0F0F0;
}

.label__no-robot:before{
    content: "";
    width: 27px;
    height: 27px;
    background: #FFF;
    border-radius: 3px;
    border: 2px solid #CCC;
    position: absolute;
    left: 16px;
    top: 10px;
}

.label__no-robot:after {
    content: "";
    width: 8px;
    height: 16px;
    animation-name:removeCheckIconAction;
    animation-duration:.45s;
    animation-fill-mode:forwards;
    border-bottom: 3px solid #12A561;
    border-right: 3px solid #12A561;
    display: block;
    left: 26px;
    margin-top: -12px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
}

.checkbox__no-robot:checked + .label__no-robot::after {
    animation-name: addCheckIconAction--noRobot;
    animation-duration: .9s;
    animation-fill-mode: forwards;
    opacity: 1;
}

@keyframes addCheckIconAction--noRobot{
    0% {
        transform: perspective(10px) translateY(-0px) translateZ(9px) rotate(-45deg);
        -webkit-transform: perspective(10px) translateY(-0px) translateZ(9px) rotate(-45deg);
        opacity: 0;
    }
    100% {
        transform: perspective(10px) translateY(-0px) translateZ(0px) rotate(45deg);
        -webkit-transform: perspective(10px) translateY(-0px) translateZ(0px) rotate(45deg);
        opacity: 1;
    }
}

.error-message__checkbox{
    display: none;
    position: absolute;
    left: 37px;
    top: -15px;
    font-size: 11px;
    color: #900;
    background: #FFF;
    border: 1px solid #676767;
    padding: 3px 13px;
    border-radius: 11px;
    box-shadow: 0 10px 15px 5px rgb(0 0 0 / 4%);
}

.error-message__checkbox:before{
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    left: -3px;
    bottom: -10px;
    background: url(../img/copy2open/no_robot_fuki.png);
}


.businessDeclineText{
    font-size: 12px;
    margin: 0 0 10px;
}


.mobileImageSizeFixed .imageFixControllerInner[data-fix-type="imageSize"] {
    display: none;
}

/* 拡大・サイズボタン */
.mobileImageSizeFixed .btnWrap.imagePosition,
.mobileImageSizeFixed .btnWrap.imageSize{
    display: none;
}


/* img_box_xxx */
.mobileImageSizeFixed .img_box_left,
.mobileImageSizeFixed .img_box_right{
    width:100% !important;
}


/* img_box_xxx > div */
.mobileImageSizeFixed .imageBoxContents:not(.imageBoxContents[data-layout = "LAYOUT_2COLUMN"]):not(.imageBoxContents[data-layout = "LAYOUT_3COLUMN"]):not(.imageBoxContents[data-layout = "LAYOUT_4COLUMN"]):not(.imageBoxContents[data-layout = "LAYOUT_MULTI_SLIDESHOW"]){
    margin-right:0 !important;
    margin-left:0 !important;
}

.mobileImageSizeFixed .imageBoxContents:not(.imageBoxContents[data-layout = "LAYOUT_2COLUMN"]):not(.imageBoxContents[data-layout = "LAYOUT_3COLUMN"]):not(.imageBoxContents[data-layout = "LAYOUT_4COLUMN"]):not(.imageBoxContents[data-layout = "LAYOUT_SLIDESHOW"]):not(.imageBoxContents[data-layout = "LAYOUT_MULTI_SLIDESHOW"]){
    width:100%;
}


/* img要素 or スライダーそのもの */
.mobileImageSizeFixed .js-imageBlockImage,
.mobileImageSizeFixed .js-imageBoxSlider{
    width: 100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

/* スライダーのコントローラー */
.mobileImageSizeFixed .js-imageBoxSlider .js-controllerOuter,
.mobileImageSizeFixed .js-imageBoxSlider .boxImageSliderProgressOuter{
    width:100% !important;
}



/* メインイメージ */

.sliderImage a {
    overflow:hidden;
}





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

body{
    background: #fff;
    padding: 108px 0 0 0;
}

h3 {
    font-size: 16px;
    margin: 0 0 15px;
}

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

.midashi_long a{color: #36F;}

.size_max,
.size_bigger{width: 100% !important;}


.img_box_left .size_bigger,
.img_box_right .size_bigger{
    padding: 0 0 10px;
}

.size_big,
.size_middle,
.size_small{
    width: 135px !important;
}

.size_xsmall{
    width: 60px !important;
}

/*** スマホアニメーション用 ***/
#menu_wrapper{
    top: 100px;
    height: calc(100% - 100px);
    background: url(../img/cmscss/mobile_first/info_bg_sp/0066ff.jpg) no-repeat right bottom;
    background-size: cover;
}

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

.js-header_minimize #menu_wrapper{
    top: 50px;
    height: calc(100% - 50px);
}

#menu_wrapper.editmode{
    top: 140px;
    height: calc(100% - 140px);
}

.js-header_minimize #menu_wrapper.editmode{
    top: 90px;
    height: calc(100% - 90px);
}

#smt_3menu{
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    overflow: hidden;
}

#menu_trigger{
    transform-origin: top right;
}

#menu_wrapper,
.company_rogo,
.company_rogo a,
#menu_trigger,
#smt_3menu{
    transition: all .3s ease;
}

#menu li a,
#menu .ul_sub li a, #menu .ul_sub li .private-menu__link,
.sp_freepage_accordion_btn span {
    color: #353535;
}

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

#menu > ul > li:after {
    content: "";
    background: #353535;
}



.js-header_minimize span.company_rogo {
    text-align: left;
}

.js-header_minimize .company_rogo a {
    height: 50px !important;
    font-size: 14px;
    padding: 0px 15px;
}

.js-header_minimize #menu_trigger{
    transform: scale(.8) translateY(-5px);
}

.js-header_minimize #smt_3menu{
    transform: rotateX(-90deg);
    height: 0;
    overflow: hidden;
}


/*** ***/

.div_box_campaign, .div_box_feature, .div_box_coupon, .div_box_promise, .div_box_tokuten, .div_box_flow, .div_box_voice, .div_box_jirei, .div_box_setsubi, .div_box_staff, .div_box_campaign, .div_box_free, #car_list_base, .div_box_faq0, .access_info, .map_big, .div_box_requirements01, .div_box_requirements02, .div_box_requirements03, .div_box_requirements04, .div_box_requirements05, .recruit_section, .div_box_company_pict, .historyback_box, .right_link, .pricetable_content, .div_box_reco_car{
    width: 100%;
    padding: 0 0 30px;
    border-bottom: 1px dashed #EEE;
}


.campaign_content, .box_feature, .box_coupon, .box_promise, .box_tokuten, .box_voice, .box_jirei, .box_setsubi, .box_staff, .box_free{
    width: 90%;
    margin: 0 auto 7%;
}

.campaign_content:last-child, .box_feature:last-child, .box_coupon:last-child, .box_promise:last-child, .box_tokuten:last-child, .box_voice:last-child, .box_jirei:last-child, .box_setsubi:last-child, .box_staff:last-child, .box_free:last-child{
    margin: 0 auto;
    border: none;
    padding: 0;
}

.editTextOuter p{
    letter-spacing: .1em;
    line-height: 170%;
}

#smt_head_base{
    background: url(../img/cmscss/mobile_first/header_bg/0066ff.jpg) no-repeat top right;
    background-size: 900px 108px;
}


span.company_rogo{
    width: 100%;
}

.company_rogo a {
    font-size: 16px;
    height: 70px !important;
    padding: 0 70px 0 15px;
    color: #FFF;
    text-shadow:0px 2px 1px #1957DC,0px 1px 1px #1957DC,1px 1px 1px #1957DC,1px 0px 1px #1957DC,2px 0px 1px #1957DC,1px -1px 1px #1957DC,1px -2px 1px #1957DC,0px -2px 1px #1957DC,-1px -2px 1px #1957DC,-2px -2px 1px #1957DC,-2px -1px 1px #1957DC,-2px 0px 1px #1957DC,-2px 1px 1px #1957DC,-1px 1px 1px #1957DC;
}

#menu_trigger {
    background: #333;
    border-radius: 5px;
    top: 10px;
    right: 10px;
}

#menu_trigger span {
    position: absolute;
    left: 13px;
    width: 22px;
    height: 3px;
    background-color:#FFFFFF;
}

#menu_trigger span:nth-of-type(1) {
    width: 10px;
    top: 10px;
    left: auto;
    right: 13px;
}
#menu_trigger span:nth-of-type(2) {
    width: 22px;
    top: 18px;
    left: auto;
    right: 13px;
}
#menu_trigger span:nth-of-type(3) {
    width: 16px;
    top: 26px;
    left: auto;
    right: 13px;
}

.js-menuOpened #menu_trigger span:nth-of-type(1){width: 22px}
.js-menuOpened #menu_trigger span:nth-of-type(3){width: 22px}


#smt_3menu li a {
    height: auto;
    color: #606060;
    text-shadow: 0px 1px 0px #FFF;
    letter-spacing: .2em;
    /* font-weight: bold; */
    font-size: 12px;
    padding: 13px 10px;
    background: rgba(255,255,255,.6);
    position: relative;
    box-sizing: border-box;
    line-height: 1;
}

#smt_3menu li:nth-last-of-type(1) a:after{
    content: "";
}

#menu_trigger:after{
    content: "menu";
    color: #FFF;
}


/*** スライダ ***/
#bgSlider{
    box-shadow: none;
}

#body_top #main_img_wrapper{
    background: url(../img/cmscss/mobile_first/info_bg_sp/0066ff.jpg) no-repeat right top 50vh !important;
    -webkit-background-size: auto 50vh !important;
    background-size: auto 50vh !important;
}

#bgSlider .sliderDiv{
    -webkit-background-size: auto 50vh;
    background-size: auto 50vh;
    min-height: calc(50vh + 50px);
}

#bgSlider .slider_content_wrap{
    padding: 50vh 0 0 !important;
}

#bgSlider .slider_text_wrap{
    background: url(../img/cmscss/mobile_first/info_bg_sp/0066ff.jpg) no-repeat right top !important;
    -webkit-background-size: auto 480px !important;
    background-size: auto 480px !important;
    padding: 55px 7.5% 60px;
}

#bgSlider .slideshow-zoomout .slider_img_wrapper{
    height: 50vh !important;
}

#bgSlider .slideshow-zoomout .slider_img{
    height: 50vh;
    background-size: cover;
}

#bgSlider strong{
    text-shadow: none;
    max-height: none;
    width: 100%;
}

#bgSlider .slider_strong strong{
    color: #353535;
    text-align: left;
    font-family: 'Noto Serif JP', serif !important;
    font-size: 32px;
    font-style: oblique;
    font-weight: 700;
    letter-spacing: .15em;
    line-height: 140%;
    margin: 0 auto 15px;
    text-shadow: none;
}

.slider_text{
    z-index: 1;
    max-height: none !important;
}

#bgSlider .slider_btn {
    z-index: 1;
}

#bgSlider .slider_caption span{
    width: 97% !important;
    text-align: left;
    font-size: 14px;
    color: #343434;
    letter-spacing: .2em;
    max-height: none !important;
    line-height: 200%;
}

#bgSlider .slider_caption .slider_contents{
    text-shadow: none !important;
}

#bgSlider p a.tltp{
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    background: #1957DC;
    border-radius: calc(14px + 4vw);
    border: 1px solid #1957DC;
    display: block;
    letter-spacing: .15em;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    padding: 4vw 0;
    position: relative;
}

#bgSlider p a.tltp:before {
    width: 24px;
    height: 1px;
    content: "";
    position: absolute;
    right: 22px;
    top: calc( 50% - 0px );
    display: block;
    background: #FFF;
    transition: all cubic-bezier(0.19, 1, 0.22, 1) .4s;
}

#bgSlider p a.tltp:after {
    content: url(../img/cmscss/mobile_first/common/btn_arrow_w.png);
    position: absolute;
    right: 18px;
    top: calc( 50% - 9px );
    transition: all .3s;
}

#bgSlider .add_url_slider{
    margin: 0 !important;
    left: auto;
    right: 15px;
}

#increment,
#decrement{
    display: none;
}

#sliderStepsContainer{
    top: calc(50vh + 20px) !important;
}

#bgSlider #sliderLoader{
    display: none;
}

#main_contents{overflow: hidden;}


/*** block_outer ***/

#main_contents .block_outer{padding: 15px 0 45px;}
#main_contents .block_outer.block_outer_usedcar_recommend{padding: 15px 0 0;}
#main_contents .block_outer_pankuzu01{padding: 0;}
#main_contents .block_outer_pagetitle, #main_contents .block_outer_page_link{display: none;}


/*** ぱんくず ***/
#pan{margin: 0; padding: 15px 3% 8px;}

/*** h2 ***/
h2.midashi_long, #middle_top_price01 h2, .blog_item h2, .subpageLink h3 {
    background: none;
    box-shadow: none;
    color: #353535;
    font-size: 24px;
    font-family: 'Noto Serif JP', serif !important;
    letter-spacing: .03em;
    line-height: 1.25em;
    margin: -15px auto 45px auto;
    padding: 45px 15px;
    position: relative;
    text-shadow: none;
}

.subpageLink h3{
    padding: 20px 15px 45px;
    margin: 0 auto 15px;
}

h2.midashi_long:after, #middle_top_price01 h2:after, .blog_item h2:after{
    width: 50px;
    height: 2px;
    background: #1957DC;
    content: "";
    display: block;
    position: absolute;
    bottom: 30px;
    left: 15px;
}


#main_contents .block_outer:nth-of-type(3n-2) h2.midashi_long, #main_contents .block_outer:nth-of-type(3n-2) #middle_top_price01 h2{
    background: #FFF url(../img/cmscss/mobile_first/common/h2_bg2_sp.jpg) repeat-x center top;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    transform: skewY(-3deg);
}

#main_contents .block_outer:nth-of-type(3n-1) h2.midashi_long, #main_contents .block_outer:nth-of-type(3n-1) #middle_top_price01 h2{
    background: #FFF url(../img/cmscss/mobile_first/common/h2_bg3_sp.jpg) repeat-x center top;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    transform: skewY(-3deg);
}

#main_contents .block_outer:nth-of-type(3n) h2.midashi_long, #main_contents .block_outer:nth-of-type(3n) #middle_top_price01 h2, #main_contents .blog_item #middle_top_cardetail,#main_contents .blog_item #recommend_h2{
    background: #FFF url(../img/cmscss/mobile_first/common/h2_bg1_sp.jpg) repeat-x center top;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    transform: skewY(-3deg);
}

#main_contents .parallaxContentOuter:nth-of-type(3n-2) .block_outer h2.midashi_long, #main_contents .parallaxContentOuter:nth-of-type(3n-2) .block_outer #middle_top_price01 h2{
    background: #FFF url(../img/cmscss/mobile_first/common/h2_bg2_sp.jpg) repeat-x center top;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    transform: skewY(-3deg);
}

#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer h2.midashi_long, #main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer #middle_top_price01 h2{
    background: #FFF url(../img/cmscss/mobile_first/common/h2_bg3_sp.jpg) repeat-x center top;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    transform: skewY(-3deg);
}

#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer h2.midashi_long, #main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer #middle_top_price01 h2, #main_contents .blog_item #middle_top_cardetail,#main_contents .blog_item #recommend_h2{
    background: #FFF url(../img/cmscss/mobile_first/common/h2_bg1_sp.jpg) repeat-x center top;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    transform: skewY(-3deg);
}


#main_contents .block_outer:nth-of-type(4n-2) h2,
#main_contents .block_outer:nth-of-type(4n) h2,
#main_contents .block_outer:nth-of-type(4n-2) .subpageLink h3,
#main_contents .block_outer:nth-of-type(4n) .subpageLink h3 {
    text-align: right;
}

#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer h2,
#main_contents .parallaxContentOuter:nth-of-type(4n) .block_outer h2,
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer .subpageLink h3,
#main_contents .parallaxContentOuter:nth-of-type(4n) .block_outer .subpageLink h3 {
    text-align: right;
}

#main_contents .block_outer:nth-of-type(4n-2) h2:after,
#main_contents .block_outer:nth-of-type(4n) h2:after,
#main_contents .block_outer:nth-of-type(4n-2) .subpageLink h3:after,
#main_contents .block_outer:nth-of-type(4n) .subpageLink h3:after  {
    left: auto;
    right: 15px;
}

#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer h2:after,
#main_contents .parallaxContentOuter:nth-of-type(4n) .block_outer h2:after,
#main_contents .parallaxContentOuter:nth-of-type(4n-2) .block_outer .subpageLink h3:after,
#main_contents .parallaxContentOuter:nth-of-type(4n) .block_outer .subpageLink h3:after  {
    left: auto;
    right: 15px;
}


#main_contents .blog_item #recommend_h2{
    text-align: left !important;
}

#main_contents .blog_item #recommend_h2:after {
    left: 15px !important;
    right: auto !important;
}

#middle_top_price01 h2 *,
h2.midashi_long *,
.blog_item h2 *{
  font-family: 'Noto Serif JP', serif !important;
}

.blog_item #recommend_h2 #recommend_title{
    text-decoration: none;
    color: #353535;
    font-family: 'Noto Serif JP', serif !important;
}


h2.midashi_long:first-letter, #middle_top_price01 h2:first-letter, #middle_top_cardetail:first-letter, .blog_item #recommend_h2 #recommend_title:first-letter{
    font-size: 175%;
}



.midashiFadein{
    animation: midashiFadein .3s ease forwards;
}

.midashiSlideInleft{
    animation: midashiSlideInleft .3s ease forwards;
    -webkit-transform: translateX(-100%) skewY(3deg);
    transform: translateX(-100%) skewY(3deg);
}

.midashiSlideInRight{
    animation: midashiSlideInRight .3s ease forwards;
    -webkit-transform: translateX(100%) skewY(-3deg);
    transform: translateX(100%) skewY(-3deg);
}

@media screen and (max-width: 480px) {


    @keyframes midashiFadein {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    @keyframes midashiSlideInleft {
        0% {
            -webkit-transform: translateX(-100%) skewY(3deg);
            transform: translateX(-100%) skewY(3deg);
        }
        100% {
            -webkit-transform: translateX(0%) skewY(3deg);
            transform: translateX(0%) skewY(3deg);
            opacity: 1;
        }
    }

    @keyframes midashiSlideInRight {
        0% {
            -webkit-transform: translateX(100%) skewY(-3deg);
            transform: translateX(100%) skewY(-3deg);
        }
        100% {
            -webkit-transform: translateX(0%) skewY(-3deg);
            transform: translateX(0%) skewY(-3deg);
            opacity: 1;
        }
    }

    @keyframes sidebarMove {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }
        100% {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
            opacity: 1;
        }
    }

    @keyframes translateLeft {
        0% { transform: matrix3d(0.84, 0, 0, 0, 0, 0.84, 0, 0, 0, 0, 1, 0, 150, 0, 0, 1);}
        7.61% { transform: matrix3d(0.90, 0, 0, 0, 0, 0.90, 0, 0, 0, 0, 1, 0, 69.561, 0, 0, 1); }
        11.41% { transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, 39.355, 0, 0, 1); }
        15.12% { transform: matrix3d(0.97, 0, 0, 0, 0, 0.97, 0, 0, 0, 0, 1, 0, 17.801, 0, 0, 1); }
        18.92% { transform: matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 3.02, 0, 0, 1); }
        22.72% { transform: matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, -5.661, 0, 0, 1); }
        30.23% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -10.852, 0, 0, 1); opacity: 1; }
        50.25% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.282, 0, 0, 1); }
        70.27% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.519, 0, 0, 1); }
        100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; }
    }

    @keyframes translateRight {
        0% { transform: matrix3d(0.84, 0, 0, 0, 0, 0.84, 0, 0, 0, 0, 1, 0, -150, 0, 0, 1); }
        7.61% { transform: matrix3d(0.90, 0, 0, 0, 0, 0.90, 0, 0, 0, 0, 1, 0, -69.561, 0, 0, 1); }
        11.41% { transform: matrix3d(0.95, 0, 0, 0, 0, 0.95, 0, 0, 0, 0, 1, 0, -39.355, 0, 0, 1); }
        15.12% { transform: matrix3d(0.97, 0, 0, 0, 0, 0.97, 0, 0, 0, 0, 1, 0, -17.801, 0, 0, 1); }
        18.92% { transform: matrix3d(0.98, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, -3.02, 0, 0, 1); }
        22.72% { transform: matrix3d(0.99, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 5.661, 0, 0, 1); }
        30.23% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.852, 0, 0, 1); opacity: 1; }
        50.25% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.282, 0, 0, 1); }
        70.27% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.519, 0, 0, 1); }
        100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; }
    }

}

.div_box_campaign.translateRight,
.div_box_feature.translateRight,
.div_box_coupon.translateRight,
.div_box_promise.translateRight,
.div_box_tokuten.translateRight,
.div_box_flow.translateRight,
.div_box_voice.translateRight,
.div_box_jirei.translateRight,
.div_box_setsubi.translateRight,
.div_box_staff.translateRight,
.div_box_campaign.translateRight,
.div_box_free.translateRight,
.div_box_faq0.translateRight,
.access_info.translateRight,
.map_big.translateRight,
.div_box_requirements01.translateRight,
.div_box_requirements02.translateRight,
.div_box_requirements03.translateRight,
.div_box_requirements04.translateRight,
.div_box_requirements05.translateRight,
.recruit_section.translateRight,
.div_box_company_pict.translateRight,
.div_box_reco_car.translateRight,
.h2_box_1.translateRight,.h2_box_2.translateRight,.h2_box_3.translateRight{
    animation: translateRight 900ms linear forwards;
}



/*** 3連メニュー ***/
#midbox_wrapper {
    padding: 0;
    margin: 0;
    position: relative;
}

#midbox_wrapper:before{
    content: "";
    display: none;
}

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

#midbox_wrapper .img_left img {
    width: 100%;
    height: auto;
    -webkit-transform: translate(0 , 0);
    transform: translate(0 , 0);
    top: auto;
    left: auto;
}

#midbox_wrapper .text_left{
    width: 100%;
}

.h2_box_1, .h2_box_2, .h2_box_3 {
    width: 100%;
    margin: 0;
    float: none;
    text-align: center;
}

.h2_box_1 a, .h2_box_2 a, .h2_box_3 a {
    display: block;
    width: 100%;
    height: 100px;
    text-decoration: none;
    color: #FFF;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0;
    font-size: 36px;
    line-height: 100px;
    font-style: oblique;
    font-weight: bold;
    text-align: right;
    padding: 0px 50px 0 0;
    box-sizing: border-box;
    position: relative;
}

.h2_box_1 a:after, .h2_box_2 a:after, .h2_box_3 a:after{
    position: absolute;
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background: #1957DC;
    right: 15px;
    top: calc(50% - 1px);
}



/*** ブロック ***/
.box_feature, .box_coupon, .box_promise, .box_tokuten, .box_voice, .box_jirei, .box_setsubi, .box_staff, .box_free{
    padding: 0 0 30px;
    position: relative;
}


/*
.box_feature:not(.js-imageBoxBackground):before, .box_coupon:not(.js-imageBoxBackground):before, .box_promise:not(.js-imageBoxBackground):before, .box_tokuten:not(.js-imageBoxBackground):before, .box_voice:not(.js-imageBoxBackground):before, .box_jirei:not(.js-imageBoxBackground):before, .box_setsubi:not(.js-imageBoxBackground):before, .box_staff:not(.js-imageBoxBackground):before, .box_free:not(.js-imageBoxBackground):before{
    content: "";
    height: 15px;
    width: 15px;
    display: block;
    -webkit-transform: translate(0 , -50%) rotate(-45deg);
    transform: translate(0 , -50%) rotate(-45deg);
    position: absolute;
    border: 1px solid #555;
    border-right-width: 0;
    border-top-width: 0;
    bottom: 15px;
    right: 2%;
    transition: all .3s;
}

.box_feature:not(.js-imageBoxBackground).activate:before, .box_coupon:not(.js-imageBoxBackground).activate:before, .box_promise:not(.js-imageBoxBackground).activate:before, .box_tokuten:not(.js-imageBoxBackground).activate:before, .box_voice:not(.js-imageBoxBackground).activate:before, .box_jirei:not(.js-imageBoxBackground).activate:before, .box_setsubi:not(.js-imageBoxBackground).activate:before, .box_staff:not(.js-imageBoxBackground).activate:before, .box_free:not(.js-imageBoxBackground).activate:before{
  content: "";
  -webkit-transform: translate(0 , 0) rotate(-225deg);
  transform: translate(0 , 0) rotate(-225deg);
}
*/

.box_feature:not(.js-imageBoxBackground) p, .box_coupon:not(.js-imageBoxBackground) p, .box_promise:not(.js-imageBoxBackground) p, .box_tokuten:not(.js-imageBoxBackground) p, .box_voice:not(.js-imageBoxBackground) p, .box_jirei:not(.js-imageBoxBackground) p, .box_setsubi:not(.js-imageBoxBackground) p, .box_staff:not(.js-imageBoxBackground) p, .box_free:not(.js-imageBoxBackground) p{
}

.box_feature p, .box_coupon p, .box_promise p, .box_tokuten p, .box_voice p, .box_jirei p, .box_setsubi p, .box_staff p, .box_free p, .box_side_topics p{
    letter-spacing: 0.1em;
}

.campaign_content{
    box-shadow: none;
    border-radius: 0;
    padding: 15px 0;
}


.pricetable_content{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #DDD;
}


h3.edit_table_title {
    border-left: none;
    margin: 0;
    font-weight: bold;
    background: url(../img/cmscss/mobile_first/common/h2_bg3_sp.jpg) no-repeat;
    background-position: 0px -66px;
    border-radius: 0;
    box-shadow: inset 0px 1px 0px #f8f8f8;
    position: relative;
    color: #777;
    font-size: 18px;
    letter-spacing: .1em;
    text-shadow: 1px 1px 0px #FFF;
    padding: 20px 55px 20px 10px;
    text-align: center;
    font-weight: normal;
}

h3.edit_table_title:after{
    content: "";
    height: 10px;
    width: 10px;
    display: block;
    -webkit-transform: translate(0 , -50%) rotate(-45deg);
    transform: translate(0 , -50%) rotate(-45deg);
    position: absolute;
    border: 1px solid #777;
    border-right-width: 0;
    border-top-width: 0;
    top: calc(50% - 3px);
    right: 33px;
    transition: all .3s;
}

h3.edit_table_title.activate:after{
    content: "";
    -webkit-transform: translate(0 , 0) rotate(-225deg);
    transform: translate(0 , 0) rotate(-225deg);
}

.pricetable_block,
.pricetabel_memo{
    display: none;
    width: 90%;
    margin: 0 auto;
}

.pricetable_block{
    margin-top: 20px;
}

.pricetabel_memo{
    margin: 0 auto 30px;
}

.block_outer_flow{
    background: #FFF;
}

.box_flow{
    background: none;
    box-shadow: none;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
    padding: 0 5% 45px;
    margin: 0 0 45px;
    position: relative;
}

.div_box_flow .box_flow:nth-last-of-type(1){
    border-bottom: none;
    margin: 0;
    padding: 0 5% 0;
}

.box_flow:before{
  width: 49px;
  height: 44px;
  background: url(../img/cmscss/mobile_first/common/flow_arrow.jpg) no-repeat center center;
  bottom: -25px;
  content: "";
  display: block;
  left: calc(50% - 24.5px);
  position: absolute;
}

.div_box_flow .box_flow:nth-last-of-type(1):before{
  content: "";
  display: none;
}

.div_box_flow .js-imageBoxBackground:before{
  bottom: -55px;
  content: "";
}

.div_box_flow .js-imageBoxBackground{
  margin: 60px 0;
}

.flow_arrow {
  display: none;
}


.div_box_faq{
    margin: 0;
}

.div_box_faq h3{
    background: #FCFCFC url(../img/cmscss/mobile_first/common/q_a_q.jpg) no-repeat left 0px;
    border-top: 1px solid #CCC;
    position: relative;
    padding: 20px 50px 20px 50px;
}

.div_box_faq h3:before{
  content: "";
  height: 10px;
  width: 10px;
  display: block;
  border: 1px solid #333;
  border-right-width: 0;
  border-top-width: 0;
  -webkit-transform: translate(0 , -50%) rotate(-45deg);
  transform: translate(0 , -50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 17px;
  transition: all .3s;
}

.div_box_faq h3.activate:before{
  content: "";
  -webkit-transform: translate(0 , 0) rotate(-225deg);
  transform: translate(0 , 0) rotate(-225deg);
}

.div_box_faq p {
    background: #FFF url(../img/cmscss/mobile_first/common/q_a_a.jpg) no-repeat left 0px;
    padding: 20px 20px 20px 50px;
    display: none;
}


/*** テーブル ***/
.n_table{
    border: none;
}
.n_table tr:nth-last-of-type(1) td{
  border-bottom: none;
}

.n_table th {
  background-color: #353535;
  color: #FFF;
  box-shadow: inset 0px 1px 1px #4c4c4c, inset 0px -1px 1px #252525;
  vertical-align: middle;
}

.n_table td {
  background-color: #EEE;
  box-shadow: inset 0px 1px 1px #f0f0f0, inset 0px -1px 1px #DDDDDD;
  text-align: left;
}



/*** 在庫車ブロック ***/

#carListThumNail_wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

a.thumbnail_box{
    border-radius: 0;
    box-shadow: none;
    width: 50%;
    margin: 0 0 10px;
    padding: 0 0 15px;
    position: relative;
    border-right: 1px solid #CCC;
    overflow: hidden;
}

#carListThumNail_wrapper a.thumbnail_box:nth-of-type(2n){
    width: calc(50% - 1px);
    border-right: none;
}

.thumbnail_box h3, .thumbnail_box .h3 {
    position: absolute;
    top: calc(32.5vw + 10px);
    padding: 0 5px 0 15px;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.thumbnail_box .carthumb_date {
    width: 100%;
    background: #111;
    bottom: 30px;
    box-sizing: border-box;
    color: #FFF;
    font-size: 10px;
    letter-spacing: .1em;
    line-height: 100%;
    padding: 6px 15px;
    position: absolute;
    text-align: center;
}

.thumbnail_box .carthumb_price{
    padding: 0 15px;
}

.thumbnail_box .carthumb_txt{
    padding: 0 15px;
}

.carthumb_img img[name="mainpict"] {
    width: 100%;
    margin: 0 0 30px;
}

#ucConpane{
    width: 90%;
}

#car_list_base{
    position: relative;
    margin: 0 5%;
    width: 90%;
}

#body_top #carlist_main_box{
    margin: 0 0 30px;
    position: relative;
}

.usercar_list {
    width: 100%;
    margin: 0 0 60px;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.usercar_list .list_con{
    width: 100%;
}

.usercar_list .list_main {
    margin: 0 2% 15px 0;
    float: left;
    width: 30%;
}

.usercar_list h3{
    margin: 0;
}

.usercar_list h3 a {
    padding: 5px 0;
    background: none;
    border-left: none;
}

.usercar_list h3 span{
    display: block;
    font-size: 10px;
    font-weight: normal;
    padding: 3px 10px;
    background: #333;
    position: absolute;
    top: 0px;
    right: 0%;
    color: #fff;
}

.usercar_list .list_main p{
    margin: 0 0 30px;
}

.usercar_list .list_main dl{
    float: left;
}

.usercar_list .list_con th {
    background: #353535;
    color: #FFF;
    font-weight: normal;
}

.usercar_list .list_status {
    margin: 0 0 3px 0;
}

.usercar_list .list_con table {
    width: 68%;
    float: right;
}


.more_carinfo_link {
    text-align: center;
    clear: both;
}

.more_carinfo_link a {
    font-size: 18px;
    color: #353535;
    background: #FFF;
    border-radius: 28px;
    border: 1px solid #353535;
    display: block;
    letter-spacing: .15em;
    cursor: pointer;
    width: 100%;
    padding: 15px 0;
    position: relative;
    text-align: center;
}

.more_carinfo_link a:before{
    width: 24px;
    height: 1px;
    content: "";
    position: absolute;
    right: 42px;
    top: calc( 50% - 0px );
    display: block;
    background: #333;
    transition: all cubic-bezier(0.19, 1, 0.22, 1) .4s;
}

.more_carinfo_link a:after {
    content: url(../img/cmscss/mobile_first/common/btn_arrow_b.png);
    position: absolute;
    right: 36px;
    top: calc( 50% - 9px );
    transition: all .3s;
}

#car_list_base .js-sliderBtnWrap{
    position: absolute;
    top: 42vw;
}

#car_list_base .js-sliderBtnWrap .js-sliderPrev{
    width: 40px;
    height: 40px;
    background: url(../img/cmscss/mobile_first/common/smt_zaiko_prev.png);
    display: block;
    position: absolute;
    left: 4vw;
    top: 0;
}
#car_list_base .js-sliderBtnWrap .js-sliderNext{
    width: 40px;
    height: 40px;
    background: url(../img/cmscss/mobile_first/common/smt_zaiko_next.png);
    display: block;
    position: absolute;
    right: -96vw;
    top: 0;
}

/*** 在庫車詳細 ***/
.blog_item h2 > span{
    font-size: 12px;
}

#usercar_base{
    padding: 0;
}

.kihon_tale tr, .kihon_tale2 tr, .soubishiyou tr{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    text-align: left;
}

.kihon_tale th, .kihon_tale td, .kihon_tale2 th, .kihon_tale2 td, .soubishiyou th, .soubishiyou td{
    display: block;
    width: 50%;
    box-sizing: border-box;
}


.kihon_tale th, .kihon_tale2 th, .soubishiyou th{
    background-color: #353535;
    color: #FFF;
    box-shadow: inset 0px 1px 1px #4c4c4c, inset 0px 0px 1px #252525;
}

.kihon_tale td, .kihon_tale2 td, .soubishiyou td{
    background-color: #EEE !important;
    box-shadow: inset 0px 0px 0px #f0f0f0, inset 0px 1px 0px #ffffff;
}

.n_table tr:nth-of-type(1) td{
  box-shadow: inset 0px -1px 1px #DDDDDD;
}

.n_table tr:nth-last-of-type(1) td{
  box-shadow: inset 0px 1px 1px #f0f0f0;
}

.usedcar_p_title{
    border-left: none;
    padding: 5px 0 0;
}

.usedcar_info_body #carlist_main_box{
    margin: 0;
}

/*
.usedcar_info_body #carListThumNail_wrapper a.thumbnail_box:nth-last-of-type(-n+2) {
    margin: 0;
}
*/

.usedcar_info_body .shop_info_box{
    width: 100%;
    padding: 30px 5%;
    background: #1957DC url(../img/cmscss/mobile_first/common/main_img_over_70.png) no-repeat bottom left;
    -webkit-background-size: 150% auto;
    background-size: 150% auto;
    color: #FFF;
    border-radius: 0;
    text-align: center;
}

.usedcar_info_body .shop_info_box h3{
    font-size: 14px;
}

.usedcar_info_body .shop_info_box .tel_num{
    background: none;
    color: #FFF;
    font-style: italic;
    font-size: 22px;
    padding: 0;
}

.historyback_box{
    text-align: center;
}

.historyback_box a{
    font-size: 18px;
    color: #333;
    background: none;
    border-radius: 28px;
    border: 1px solid #333;
    letter-spacing: .15em;
    cursor: pointer;
    width: 85%;
    margin: 0 auto;
    padding: 15px 0;
    position: relative;
    display: inline-block;
    text-align: center;
}

.historyback_box a:before {
    width: 24px;
    height: 1px;
    content: "";
    position: absolute;
    left: 30px;
    top: calc( 50% - 0px );
    display: block;
    background: #333;
    transition: all cubic-bezier(0.19, 1, 0.22, 1) .4s;
}

.historyback_box a:after {
    content: url(../img/cmscss/mobile_first/common/btn_arrow_b_rev.png);
    position: absolute;
    left: 22px;
    top: calc( 50% - 9px );
    transition: all .3s;
}


.inputbtn, .right_link a{
    border: none;
    text-decoration: none;
    border-radius: 30px;
    display: block;
    width: 90%;
    margin: 0 5%;
    font-size: 16px;
    padding: 15px 0px;
    color: #FFF;
    text-align: center;
    background: #FF5454 url(../img/cmscss/mobile_first/common/btn_arrow_w.png) no-repeat center right 15px;
    box-sizing: border-box;
    cursor: pointer;
}

/*** アクセス ***/
#body_sub .block_outer_main_copy{
    padding: 15px 0;

}

#body_sub .block_outer_main_copy #main_copy,
#body_sub .map_big,
#body_sub .block_outer_access_info .access_info{
    margin: 0 5%;
    width: 90%;
}


/*** サイドバー ***/
#side_bar_sub_top, .side_bar_sub{
    padding: 0;
}

.subpageLink {
    background: #F9F9F9 url(../img/cmscss/mobile_first/common/h2_bg3.jpg) repeat-x center top;
    -webkit-background-size: auto 100px;
    background-size: auto 100px;
    margin: 0 0 30px;
    padding: 15px 5%;
}

.subpageLink p {
    padding: 0px 10px 0px 30px;
    margin: 0 0 3px;
    position: relative;
    background: #F0F0F0;
    box-shadow: inset -1px -1px 0 #dfdfdf, inset 1px 1px 0px #fff;
}

.subpageLink p.subpageLinkCurrent{
    padding: 8px 10px 8px 30px;
    background: #C0C0C0;
    box-shadow: inset 1px 1px 0 #b6b6b6, inset -1px -1px 0px #f3f3f3;
    font-weight: bold;
}

.subpageLink p:before {
    content: "";
    width: 5px;
    height: 2px;
    position: absolute;
    left: 15px;
    top: calc(50% - 1px);
    background: #666;
    display: block;
    box-shadow: 1px 0px 0 #FFF;
}

.subpageLink p > a{
    display: block;
    padding: 8px 0;
}

.subpageLink h3{
    position: relative;
}

.subpageLink h3:after{
    width: 40px;
    height: 2px;
    background: #1957DC;
    content: "";
    display: block;
    position: absolute;
    bottom: 35px;
    left: 15px;
}


h4#shop_info_title, #side_link_block h4, #sidetopics01 h4, #sidetopics02 h4, #eigyoubi_cal h4, #sv_title, .like_topics_block h4{
    background: url(../img/cmscss/mobile_first/common/h2_bg3_sp.jpg) no-repeat;
    background-position: 0px -66px;
    border-bottom: 1px solid #ececec;
    border-radius: 0;
    box-shadow: inset 0px -1px 0px #f8f8f8;
    color: #777;
    font-size: 18px;
    letter-spacing: .1em;
    margin: 0;
    text-shadow: 1px 1px 0px #FFF;
    padding: 20px 40px 20px 10px;
}

h4#shop_info_title:before, #side_link_block h4:before, #sidetopics01 h4:before, #sidetopics02 h4:before, #eigyoubi_cal h4:before, #sv_title:before, .like_topics_block h4:before{
    border: 1px solid #777;
    border-right-width: 0;
    border-top-width: 0;
    top: calc(50% - 3px);
    right: 33px;
    transition: all .3s;
}

h4#shop_info_title.activate:before, #side_link_block h4.activate:before, #sidetopics01 h4.activate:before, #sidetopics02 h4.activate:before, #eigyoubi_cal h4.activate:before, #sv_title.activate:before, .like_topics_block h4.activate:before{
  content: "";
  -webkit-transform: translate(0 , 0) rotate(-225deg);
  transform: translate(0 , 0) rotate(-225deg);
}

.sidebar_shopinfo_block, #recruit_banner_block, #sidetopics01, #sidetopics02, .like_topics_block, .sidebar_linkbox_block, #eigyoubi_cal{
    padding: 0;

}

.sidebar_shopinfo_block h4 + .map_box,
#side_link_block h4 + p.link_banner,
#side_lead_block_01 h4 + .box_side_topics,
#side_lead_block_02 h4 + .box_side_topics,
#sidetopics01 h4 + .box_side_topics,
#sidetopics02 h4 + .box_side_topics{
    margin-top: 15px;
}

.sidebar_shopinfo_block{
    text-align: center;
    letter-spacing: .15em;
}

.map_box,
#sidebar_shp_inf div.side_shop_info_mapbottom{
    display: block;
    box-shadow: none;
    border-bottom: 1px solid #DDD;
    border-radius: 0;
    width: 94%;
    box-sizing: border-box;
    margin: 0 auto 7%;
    padding: 0 0 5px;
}

#sidebar_shp_inf .link a{
    width: 92%;
    height: auto !important;
    background: #333;
    box-sizing: border-box;
    border: 1px solid #353535;
    border-radius: 30px;
    color: #FFF;
    display: block;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: .15em;
    line-height: 150%;
    margin: 0 auto 10px;
    text-align: center;
    text-decoration: none;
    padding: 15px 0;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#sidebar_shp_inf .link a:before{
  width: 24px;
  height: 1px;
  content: "";
  position: absolute;
  right: 30px;
  top: calc( 50% - 0px );
  display: block;
  background: #FFF;
  transition: all cubic-bezier(0.19, 1, 0.22, 1) .4s;
}


#sidebar_shp_inf .link a:after{
  content: url(../img/cmscss/mobile_first/common/btn_arrow_w.png);
  position: absolute;
  right: 24px;
  top: calc( 50% - 9px );
  transition: all .3s;
}

.map_box{
    margin-bottom: 5px;
    border-bottom: none;
}

/*** 営業日カレンダー ***/

.side_bar_sub div#eigyoubi_cal p{
  box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background: url(../img/cmscss/mobile_first/header_bg/0066ff.jpg) no-repeat right -230px top !important;
  background-size :cover !important;
  font-size: 18px;
  padding: 6px 15px !important;
  text-align: left;
  color: #555 !important;
}

.side_bar_sub div#eigyoubi_cal #next p{
  background: url(../img/cmscss/mobile_first/header_bg/0066ff.jpg) no-repeat right -25px top !important;
  background-size :cover !important;
}

#eigyoubi_cal #now,
#eigyoubi_cal #next{
  margin: 0 auto 20px !important;
  width: 230px !important;
  border-radius: 0px !important;
  padding:0 !important
}

#eigyoubi_cal #now{
  margin: 20px auto 20px !important;
}

#edittable01 tr, #edittable02 tr{
  background: #FFF !important;
}

#edittable01 th, #edittable02 th{
  padding: 7px 0 !important;
}

.side_bar_sub #edittable01 th a,
.side_bar_sub #edittable02 th a,
.side_bar_sub #edittable01 tr:nth-of-type(1) th,
.side_bar_sub #edittable02 tr:nth-of-type(1) th{
  color: #333 !important;
  font-weight: bold !important;
  font-size: 14px;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

#edittable01 tr:nth-of-type(1) th:nth-of-type(1),
#edittable02 tr:nth-of-type(1) th:nth-of-type(1),
#edittable01 tr:nth-of-type(1) th:nth-of-type(1) a,
#edittable02 tr:nth-of-type(1) th:nth-of-type(1) a{
  color: #FF4D4D !important;
}

#edittable01 tr:nth-of-type(1) th:nth-of-type(7),
#edittable02 tr:nth-of-type(1) th:nth-of-type(7),
#edittable01 tr:nth-of-type(1) th:nth-of-type(7) a,
#edittable02 tr:nth-of-type(1) th:nth-of-type(7) a{
  color: #4D7AFF !important;
}

#edittable01 td span,
#edittable02 td span,
#edittable01 td span,
#edittable02 td span,
#edittable01 td span,
#edittable02 td span{
  font-family: 'Cantora One', sans-serif;
  width: 32px !important;
}

#edittable01 td.closed span,
#edittable02 td.closed span,
#edittable01 td.regularClosed span,
#edittable02 td.regularClosed span,
#edittable01 td.allholclosed span,
#edittable02 td.allholclosed span{
  position: relative;
  background: none !important;
  color: #DDD !important;
  padding: 6px 0 !important;
}

#edittable01 td.closed span:before,
#edittable02 td.closed span:before,
#edittable01 td.regularClosed span:before,
#edittable02 td.regularClosed span:before,
#edittable01 td.allholclosed span:before,
#edittable02 td.allholclosed span:before{
  width: 22px;
  height: 18px;
  background: url(../img/cmscss/mobile_first/common/calender_close.jpg);
  content:"";
  display: block;
  position: absolute;
  left: 5px;
  top: 6px;
}

.box_side_topics{
    width: 94%;
    margin: 0 auto 15px;
}

#sidetopics01 .box_side_topics:last-child, #sidetopics02 .box_side_topics:last-child, .like_topics_block .box_side_topics:last-child {
    margin: 0 auto;
}

#recruit_banner_block {
    margin: 0;
}

#recruit_banner_block a, .rec_scrl_btn{
    font-size: 18px;
    color: #333;
    background: none;
    border-radius: 28px;
    border: 1px solid #333;
    letter-spacing: .15em;
    cursor: pointer;
    width: 85%;
    margin: 25px auto;
    position: relative;
}

#recruit_banner_block a:before {
    width: 24px;
    height: 1px;
    content: "";
    position: absolute;
    right: 42px;
    top: calc( 50% - 0px );
    display: block;
    background: #333;
    transition: all cubic-bezier(0.19, 1, 0.22, 1) .4s;
}


#recruit_banner_block a:after{
  content: url(../img/cmscss/mobile_first/common/btn_arrow_b.png);
  position: absolute;
  right: 36px;
  top: calc( 50% - 9px );
  transition: all .3s;
}


/*** フッタ ***/
#footer_wrapper{
    background: #111 url(../img/cmscss/mobile_first/common/main_img_over_70.png)no-repeat bottom right 60px;
    -webkit-background-size: 150% auto;
    background-size: 150% auto;
    padding: 15px 0 45px 0;
}

#footer ul li a {color: #FFF;}
#footer ul li:after {
    content: "";
    background: #FFF;
}

.copy_right {color: #FFF;}


.backtop {
    width: 40px;
    height: 40px;
    background: url(../img/cmscss/mobile_first/common/pagetop.jpg) no-repeat;
    background-size: contain;
    border-radius: 0%;
    position: fixed;
    bottom: 15px;
}

input[type="submit"] {
   -webkit-appearance: none;
}


/*** js- の操作 ***/

.block_outer .js-imageBoxBackground{text-align: left !important; padding: 20px 0 !important;}
.block_outer .js-imageBoxBackground.isRight{text-align: left !important;}
.block_outer .js-imageBoxBackground .editTextOuter{
    width: 60% !important;
    margin: 0 auto 0 5% !important;
}

.block_outer .js-imageBoxBackground.isRight .editTextOuter{
    width: 60% !important;
    margin: 0 5% 0 auto !important;
}

#conteiner{position: relative;}
#conteiner > .img_left{
    position: absolute;
    bottom: 6px;
    left: calc(50% - 90px);
}


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

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


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

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


.edit .parallaxContentOuter.empty .parallaxContent{
  z-index:6;
  bottom:0 !important;
}




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


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

}

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


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


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


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


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


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


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



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



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

.disnon {
    display: none;
}

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

.disBlock {
    display: block;
}

body.no_pc_header_menu_top #menu_trigger,
body.no_pc_header_menu_middle #menu_triggerr,
body.no_pc_header_menu_top #smt_3menu,
body.no_pc_header_menu_middle #smt_3menu,
body.no_footer_menu .footerContentOuter{
    display:none !important;
}

body.no_pc_header_menu_left #menu_trigger,
body.no_pc_header_menu_right #menu_trigger,
body.no_pc_header_menu_left #smt_3menu,
body.no_pc_header_menu_right #smt_3menu{
    height:0;
    padding:0;
    overflow:hidden;
    border: none;
    background: none;
}

body.no_pc_header_menu_left.edit,
body.no_pc_header_menu_right.edit,
body.no_pc_header_menu_top.edit,
body.no_pc_header_menu_middle.edit {
    margin: 30px 0 0;
}

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

.sliderImage .slider_title{
    width: calc( 100vw - 80px );
    display: block;
    left: 25px;
    position: absolute;
    top: 40px;
}

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

.sliderImage .slider_title p{
    font-family: 'M PLUS 1p', sans-serif;
    font-size: calc(0.75rem + ((1vw - 2.8px) * 2));
    color: #FFF;
    line-height: 1.4;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
}

.sliderImage .slider_title p b{
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 36px;
    color: #FFF;
    letter-spacing: -.01em;
    text-shadow: none;
}

.sliderImage .slider_title p b.str_num_under_8{font-size: calc(1.75rem + ((1vw - 2.8px) * 14.5));}
.sliderImage .slider_title p b.str_num_8{font-size: calc(1.5625rem + ((1vw - 2.8px) * 12.5));}
.sliderImage .slider_title p b.str_num_9{font-size: calc(1.375rem + ((1vw - 2.8px) * 11));}
.sliderImage .slider_title p b.str_num_10{font-size: calc(1.25rem + ((1vw - 2.8px) * 10));}
.sliderImage .slider_title p b.str_num_11{font-size: calc(1.125rem + ((1vw - 2.8px) * 9));}
.sliderImage .slider_title p b.str_num_over_11{font-size: calc(1.0625rem + ((1vw - 2.8px) * 8));}

.sliderImage .slider_title p.main_color_000000 b{
    text-shadow: rgb(0, 0, 0) 3px 0px 0px, rgb(0, 0, 0) 2.83487px 0.981584px 0px, rgb(0, 0, 0) 2.35766px 1.85511px 0px, rgb(0, 0, 0) 1.62091px 2.52441px 0px, rgb(0, 0, 0) 0.705713px 2.91581px 0px, rgb(0, 0, 0) -0.287171px 2.98622px 0px, rgb(0, 0, 0) -1.24844px 2.72789px 0px, rgb(0, 0, 0) -2.07227px 2.16926px 0px, rgb(0, 0, 0) -2.66798px 1.37182px 0px, rgb(0, 0, 0) -2.96998px 0.42336px 0px, rgb(0, 0, 0) -2.94502px -0.571704px 0px, rgb(0, 0, 0) -2.59586px -1.50383px 0px, rgb(0, 0, 0) -1.96093px -2.27041px 0px, rgb(0, 0, 0) -1.11013px -2.78704px 0px, rgb(0, 0, 0) -0.137119px -2.99686px 0px, rgb(0, 0, 0) 0.850987px -2.87677px 0px, rgb(0, 0, 0) 1.74541px -2.43999px 0px, rgb(0, 0, 0) 2.44769px -1.73459px 0px, rgb(0, 0, 0) 2.88051px -0.838247px 0px,rgb(153, 153, 153) 5px 0px 0px, rgb(153, 153, 153) 4.90033px 0.993347px 0px, rgb(153, 153, 153) 4.60531px 1.94709px 0px, rgb(153, 153, 153) 4.12668px 2.82321px 0px, rgb(153, 153, 153) 3.48353px 3.58678px 0px, rgb(153, 153, 153) 2.70151px 4.20736px 0px, rgb(153, 153, 153) 1.81179px 4.6602px 0px, rgb(153, 153, 153) 0.849836px 4.92725px 0px, rgb(153, 153, 153) -0.145998px 4.99787px 0px, rgb(153, 153, 153) -1.13601px 4.86924px 0px, rgb(153, 153, 153) -2.08073px 4.54649px 0px, rgb(153, 153, 153) -2.94251px 4.04248px 0px, rgb(153, 153, 153) -3.68697px 3.37732px 0px, rgb(153, 153, 153) -4.28444px 2.57751px 0px, rgb(153, 153, 153) -4.71111px 1.67494px 0px, rgb(153, 153, 153) -4.94996px 0.7056px 0px, rgb(153, 153, 153) -4.99147px -0.291871px 0px, rgb(153, 153, 153) -4.83399px -1.27771px 0px, rgb(153, 153, 153) -4.48379px -2.2126px 0px, rgb(153, 153, 153) -3.95484px -3.05929px 0px, rgb(153, 153, 153) -3.26822px -3.78401px 0px, rgb(153, 153, 153) -2.4513px -4.35788px 0px, rgb(153, 153, 153) -1.53666px -4.75801px 0px, rgb(153, 153, 153) -0.560763px -4.96845px 0px, rgb(153, 153, 153) 0.437495px -4.98082px 0px, rgb(153, 153, 153) 1.41831px -4.79462px 0px, rgb(153, 153, 153) 2.34258px -4.41727px 0px, rgb(153, 153, 153) 3.17346px -3.86382px 0px, rgb(153, 153, 153) 3.87783px -3.15633px 0px, rgb(153, 153, 153) 4.4276px -2.32301px 0px, rgb(153, 153, 153) 4.80085px -1.39708px 0px, rgb(153, 153, 153) 4.98271px -0.415447px 0px;
}

.sliderImage .slider_title p.main_color_006600 b{
    text-shadow: rgb(0, 102, 0) 3px 0px 0px, rgb(0, 102, 0) 2.83487px 0.981584px 0px, rgb(0, 102, 0) 2.35766px 1.85511px 0px, rgb(0, 102, 0) 1.62091px 2.52441px 0px, rgb(0, 102, 0) 0.705713px 2.91581px 0px, rgb(0, 102, 0) -0.287171px 2.98622px 0px, rgb(0, 102, 0) -1.24844px 2.72789px 0px, rgb(0, 102, 0) -2.07227px 2.16926px 0px, rgb(0, 102, 0) -2.66798px 1.37182px 0px, rgb(0, 102, 0) -2.96998px 0.42336px 0px, rgb(0, 102, 0) -2.94502px -0.571704px 0px, rgb(0, 102, 0) -2.59586px -1.50383px 0px, rgb(0, 102, 0) -1.96093px -2.27041px 0px, rgb(0, 102, 0) -1.11013px -2.78704px 0px, rgb(0, 102, 0) -0.137119px -2.99686px 0px, rgb(0, 102, 0) 0.850987px -2.87677px 0px, rgb(0, 102, 0) 1.74541px -2.43999px 0px, rgb(0, 102, 0) 2.44769px -1.73459px 0px, rgb(0, 102, 0) 2.88051px -0.838247px 0px,rgb(51, 204, 0) 5px 0px 0px, rgb(51, 204, 0) 4.90033px 0.993347px 0px, rgb(51, 204, 0) 4.60531px 1.94709px 0px, rgb(51, 204, 0) 4.12668px 2.82321px 0px, rgb(51, 204, 0) 3.48353px 3.58678px 0px, rgb(51, 204, 0) 2.70151px 4.20736px 0px, rgb(51, 204, 0) 1.81179px 4.6602px 0px, rgb(51, 204, 0) 0.849836px 4.92725px 0px, rgb(51, 204, 0) -0.145998px 4.99787px 0px, rgb(51, 204, 0) -1.13601px 4.86924px 0px, rgb(51, 204, 0) -2.08073px 4.54649px 0px, rgb(51, 204, 0) -2.94251px 4.04248px 0px, rgb(51, 204, 0) -3.68697px 3.37732px 0px, rgb(51, 204, 0) -4.28444px 2.57751px 0px, rgb(51, 204, 0) -4.71111px 1.67494px 0px, rgb(51, 204, 0) -4.94996px 0.7056px 0px, rgb(51, 204, 0) -4.99147px -0.291871px 0px, rgb(51, 204, 0) -4.83399px -1.27771px 0px, rgb(51, 204, 0) -4.48379px -2.2126px 0px, rgb(51, 204, 0) -3.95484px -3.05929px 0px, rgb(51, 204, 0) -3.26822px -3.78401px 0px, rgb(51, 204, 0) -2.4513px -4.35788px 0px, rgb(51, 204, 0) -1.53666px -4.75801px 0px, rgb(51, 204, 0) -0.560763px -4.96845px 0px, rgb(51, 204, 0) 0.437495px -4.98082px 0px, rgb(51, 204, 0) 1.41831px -4.79462px 0px, rgb(51, 204, 0) 2.34258px -4.41727px 0px, rgb(51, 204, 0) 3.17346px -3.86382px 0px, rgb(51, 204, 0) 3.87783px -3.15633px 0px, rgb(51, 204, 0) 4.4276px -2.32301px 0px, rgb(51, 204, 0) 4.80085px -1.39708px 0px, rgb(51, 204, 0) 4.98271px -0.415447px 0px;
}

.sliderImage .slider_title p.main_color_cc0000 b{
    text-shadow: rgb(204, 0, 0) 3px 0px 0px, rgb(204, 0, 0) 2.83487px 0.981584px 0px, rgb(204, 0, 0) 2.35766px 1.85511px 0px, rgb(204, 0, 0) 1.62091px 2.52441px 0px, rgb(204, 0, 0) 0.705713px 2.91581px 0px, rgb(204, 0, 0) -0.287171px 2.98622px 0px, rgb(204, 0, 0) -1.24844px 2.72789px 0px, rgb(204, 0, 0) -2.07227px 2.16926px 0px, rgb(204, 0, 0) -2.66798px 1.37182px 0px, rgb(204, 0, 0) -2.96998px 0.42336px 0px, rgb(204, 0, 0) -2.94502px -0.571704px 0px, rgb(204, 0, 0) -2.59586px -1.50383px 0px, rgb(204, 0, 0) -1.96093px -2.27041px 0px, rgb(204, 0, 0) -1.11013px -2.78704px 0px, rgb(204, 0, 0) -0.137119px -2.99686px 0px, rgb(204, 0, 0) 0.850987px -2.87677px 0px, rgb(204, 0, 0) 1.74541px -2.43999px 0px, rgb(204, 0, 0) 2.44769px -1.73459px 0px, rgb(204, 0, 0) 2.88051px -0.838247px 0px,rgb(255, 0, 0) 5px 0px 0px, rgb(255, 0, 0) 4.90033px 0.993347px 0px, rgb(255, 0, 0) 4.60531px 1.94709px 0px, rgb(255, 0, 0) 4.12668px 2.82321px 0px, rgb(255, 0, 0) 3.48353px 3.58678px 0px, rgb(255, 0, 0) 2.70151px 4.20736px 0px, rgb(255, 0, 0) 1.81179px 4.6602px 0px, rgb(255, 0, 0) 0.849836px 4.92725px 0px, rgb(255, 0, 0) -0.145998px 4.99787px 0px, rgb(255, 0, 0) -1.13601px 4.86924px 0px, rgb(255, 0, 0) -2.08073px 4.54649px 0px, rgb(255, 0, 0) -2.94251px 4.04248px 0px, rgb(255, 0, 0) -3.68697px 3.37732px 0px, rgb(255, 0, 0) -4.28444px 2.57751px 0px, rgb(255, 0, 0) -4.71111px 1.67494px 0px, rgb(255, 0, 0) -4.94996px 0.7056px 0px, rgb(255, 0, 0) -4.99147px -0.291871px 0px, rgb(255, 0, 0) -4.83399px -1.27771px 0px, rgb(255, 0, 0) -4.48379px -2.2126px 0px, rgb(255, 0, 0) -3.95484px -3.05929px 0px, rgb(255, 0, 0) -3.26822px -3.78401px 0px, rgb(255, 0, 0) -2.4513px -4.35788px 0px, rgb(255, 0, 0) -1.53666px -4.75801px 0px, rgb(255, 0, 0) -0.560763px -4.96845px 0px, rgb(255, 0, 0) 0.437495px -4.98082px 0px, rgb(255, 0, 0) 1.41831px -4.79462px 0px, rgb(255, 0, 0) 2.34258px -4.41727px 0px, rgb(255, 0, 0) 3.17346px -3.86382px 0px, rgb(255, 0, 0) 3.87783px -3.15633px 0px, rgb(255, 0, 0) 4.4276px -2.32301px 0px, rgb(255, 0, 0) 4.80085px -1.39708px 0px, rgb(255, 0, 0) 4.98271px -0.415447px 0px;
}

.sliderImage .slider_title p.main_color_6633cc b{
    text-shadow: rgb(102, 51, 204) 3px 0px 0px, rgb(102, 51, 204) 2.83487px 0.981584px 0px, rgb(102, 51, 204) 2.35766px 1.85511px 0px, rgb(102, 51, 204) 1.62091px 2.52441px 0px, rgb(102, 51, 204) 0.705713px 2.91581px 0px, rgb(102, 51, 204) -0.287171px 2.98622px 0px, rgb(102, 51, 204) -1.24844px 2.72789px 0px, rgb(102, 51, 204) -2.07227px 2.16926px 0px, rgb(102, 51, 204) -2.66798px 1.37182px 0px, rgb(102, 51, 204) -2.96998px 0.42336px 0px, rgb(102, 51, 204) -2.94502px -0.571704px 0px, rgb(102, 51, 204) -2.59586px -1.50383px 0px, rgb(102, 51, 204) -1.96093px -2.27041px 0px, rgb(102, 51, 204) -1.11013px -2.78704px 0px, rgb(102, 51, 204) -0.137119px -2.99686px 0px, rgb(102, 51, 204) 0.850987px -2.87677px 0px, rgb(102, 51, 204) 1.74541px -2.43999px 0px, rgb(102, 51, 204) 2.44769px -1.73459px 0px, rgb(102, 51, 204) 2.88051px -0.838247px 0px,rgb(204, 153, 255) 5px 0px 0px, rgb(204, 153, 255) 4.90033px 0.993347px 0px, rgb(204, 153, 255) 4.60531px 1.94709px 0px, rgb(204, 153, 255) 4.12668px 2.82321px 0px, rgb(204, 153, 255) 3.48353px 3.58678px 0px, rgb(204, 153, 255) 2.70151px 4.20736px 0px, rgb(204, 153, 255) 1.81179px 4.6602px 0px, rgb(204, 153, 255) 0.849836px 4.92725px 0px, rgb(204, 153, 255) -0.145998px 4.99787px 0px, rgb(204, 153, 255) -1.13601px 4.86924px 0px, rgb(204, 153, 255) -2.08073px 4.54649px 0px, rgb(204, 153, 255) -2.94251px 4.04248px 0px, rgb(204, 153, 255) -3.68697px 3.37732px 0px, rgb(204, 153, 255) -4.28444px 2.57751px 0px, rgb(204, 153, 255) -4.71111px 1.67494px 0px, rgb(204, 153, 255) -4.94996px 0.7056px 0px, rgb(204, 153, 255) -4.99147px -0.291871px 0px, rgb(204, 153, 255) -4.83399px -1.27771px 0px, rgb(204, 153, 255) -4.48379px -2.2126px 0px, rgb(204, 153, 255) -3.95484px -3.05929px 0px, rgb(204, 153, 255) -3.26822px -3.78401px 0px, rgb(204, 153, 255) -2.4513px -4.35788px 0px, rgb(204, 153, 255) -1.53666px -4.75801px 0px, rgb(204, 153, 255) -0.560763px -4.96845px 0px, rgb(204, 153, 255) 0.437495px -4.98082px 0px, rgb(204, 153, 255) 1.41831px -4.79462px 0px, rgb(204, 153, 255) 2.34258px -4.41727px 0px, rgb(204, 153, 255) 3.17346px -3.86382px 0px, rgb(204, 153, 255) 3.87783px -3.15633px 0px, rgb(204, 153, 255) 4.4276px -2.32301px 0px, rgb(204, 153, 255) 4.80085px -1.39708px 0px, rgb(204, 153, 255) 4.98271px -0.415447px 0px;
}

.sliderImage .slider_title p.main_color_ff6699 b{
    text-shadow: rgb(255, 102, 153) 3px 0px 0px, rgb(255, 102, 153) 2.83487px 0.981584px 0px, rgb(255, 102, 153) 2.35766px 1.85511px 0px, rgb(255, 102, 153) 1.62091px 2.52441px 0px, rgb(255, 102, 153) 0.705713px 2.91581px 0px, rgb(255, 102, 153) -0.287171px 2.98622px 0px, rgb(255, 102, 153) -1.24844px 2.72789px 0px, rgb(255, 102, 153) -2.07227px 2.16926px 0px, rgb(255, 102, 153) -2.66798px 1.37182px 0px, rgb(255, 102, 153) -2.96998px 0.42336px 0px, rgb(255, 102, 153) -2.94502px -0.571704px 0px, rgb(255, 102, 153) -2.59586px -1.50383px 0px, rgb(255, 102, 153) -1.96093px -2.27041px 0px, rgb(255, 102, 153) -1.11013px -2.78704px 0px, rgb(255, 102, 153) -0.137119px -2.99686px 0px, rgb(255, 102, 153) 0.850987px -2.87677px 0px, rgb(255, 102, 153) 1.74541px -2.43999px 0px, rgb(255, 102, 153) 2.44769px -1.73459px 0px, rgb(255, 102, 153) 2.88051px -0.838247px 0px,rgb(255, 204, 255) 5px 0px 0px, rgb(255, 204, 255) 4.90033px 0.993347px 0px, rgb(255, 204, 255) 4.60531px 1.94709px 0px, rgb(255, 204, 255) 4.12668px 2.82321px 0px, rgb(255, 204, 255) 3.48353px 3.58678px 0px, rgb(255, 204, 255) 2.70151px 4.20736px 0px, rgb(255, 204, 255) 1.81179px 4.6602px 0px, rgb(255, 204, 255) 0.849836px 4.92725px 0px, rgb(255, 204, 255) -0.145998px 4.99787px 0px, rgb(255, 204, 255) -1.13601px 4.86924px 0px, rgb(255, 204, 255) -2.08073px 4.54649px 0px, rgb(255, 204, 255) -2.94251px 4.04248px 0px, rgb(255, 204, 255) -3.68697px 3.37732px 0px, rgb(255, 204, 255) -4.28444px 2.57751px 0px, rgb(255, 204, 255) -4.71111px 1.67494px 0px, rgb(255, 204, 255) -4.94996px 0.7056px 0px, rgb(255, 204, 255) -4.99147px -0.291871px 0px, rgb(255, 204, 255) -4.83399px -1.27771px 0px, rgb(255, 204, 255) -4.48379px -2.2126px 0px, rgb(255, 204, 255) -3.95484px -3.05929px 0px, rgb(255, 204, 255) -3.26822px -3.78401px 0px, rgb(255, 204, 255) -2.4513px -4.35788px 0px, rgb(255, 204, 255) -1.53666px -4.75801px 0px, rgb(255, 204, 255) -0.560763px -4.96845px 0px, rgb(255, 204, 255) 0.437495px -4.98082px 0px, rgb(255, 204, 255) 1.41831px -4.79462px 0px, rgb(255, 204, 255) 2.34258px -4.41727px 0px, rgb(255, 204, 255) 3.17346px -3.86382px 0px, rgb(255, 204, 255) 3.87783px -3.15633px 0px, rgb(255, 204, 255) 4.4276px -2.32301px 0px, rgb(255, 204, 255) 4.80085px -1.39708px 0px, rgb(255, 204, 255) 4.98271px -0.415447px 0px;
}

.sliderImage .slider_title p.main_color_ffcc00 b{
    text-shadow: rgb(255, 153, 0) 3px 0px 0px, rgb(255, 153, 0) 2.83487px 0.981584px 0px, rgb(255, 153, 0) 2.35766px 1.85511px 0px, rgb(255, 153, 0) 1.62091px 2.52441px 0px, rgb(255, 153, 0) 0.705713px 2.91581px 0px, rgb(255, 153, 0) -0.287171px 2.98622px 0px, rgb(255, 153, 0) -1.24844px 2.72789px 0px, rgb(255, 153, 0) -2.07227px 2.16926px 0px, rgb(255, 153, 0) -2.66798px 1.37182px 0px, rgb(255, 153, 0) -2.96998px 0.42336px 0px, rgb(255, 153, 0) -2.94502px -0.571704px 0px, rgb(255, 153, 0) -2.59586px -1.50383px 0px, rgb(255, 153, 0) -1.96093px -2.27041px 0px, rgb(255, 153, 0) -1.11013px -2.78704px 0px, rgb(255, 153, 0) -0.137119px -2.99686px 0px, rgb(255, 153, 0) 0.850987px -2.87677px 0px, rgb(255, 153, 0) 1.74541px -2.43999px 0px, rgb(255, 153, 0) 2.44769px -1.73459px 0px, rgb(255, 153, 0) 2.88051px -0.838247px 0px,rgb(255, 204, 0) 5px 0px 0px, rgb(255, 204, 0) 4.90033px 0.993347px 0px, rgb(255, 204, 0) 4.60531px 1.94709px 0px, rgb(255, 204, 0) 4.12668px 2.82321px 0px, rgb(255, 204, 0) 3.48353px 3.58678px 0px, rgb(255, 204, 0) 2.70151px 4.20736px 0px, rgb(255, 204, 0) 1.81179px 4.6602px 0px, rgb(255, 204, 0) 0.849836px 4.92725px 0px, rgb(255, 204, 0) -0.145998px 4.99787px 0px, rgb(255, 204, 0) -1.13601px 4.86924px 0px, rgb(255, 204, 0) -2.08073px 4.54649px 0px, rgb(255, 204, 0) -2.94251px 4.04248px 0px, rgb(255, 204, 0) -3.68697px 3.37732px 0px, rgb(255, 204, 0) -4.28444px 2.57751px 0px, rgb(255, 204, 0) -4.71111px 1.67494px 0px, rgb(255, 204, 0) -4.94996px 0.7056px 0px, rgb(255, 204, 0) -4.99147px -0.291871px 0px, rgb(255, 204, 0) -4.83399px -1.27771px 0px, rgb(255, 204, 0) -4.48379px -2.2126px 0px, rgb(255, 204, 0) -3.95484px -3.05929px 0px, rgb(255, 204, 0) -3.26822px -3.78401px 0px, rgb(255, 204, 0) -2.4513px -4.35788px 0px, rgb(255, 204, 0) -1.53666px -4.75801px 0px, rgb(255, 204, 0) -0.560763px -4.96845px 0px, rgb(255, 204, 0) 0.437495px -4.98082px 0px, rgb(255, 204, 0) 1.41831px -4.79462px 0px, rgb(255, 204, 0) 2.34258px -4.41727px 0px, rgb(255, 204, 0) 3.17346px -3.86382px 0px, rgb(255, 204, 0) 3.87783px -3.15633px 0px, rgb(255, 204, 0) 4.4276px -2.32301px 0px, rgb(255, 204, 0) 4.80085px -1.39708px 0px, rgb(255, 204, 0) 4.98271px -0.415447px 0px;
}

.sliderImage .slider_title p.main_color_ffffff b{
    text-shadow: rgb(153, 153, 153) 3px 0px 0px, rgb(153, 153, 153) 2.83487px 0.981584px 0px, rgb(153, 153, 153) 2.35766px 1.85511px 0px, rgb(153, 153, 153) 1.62091px 2.52441px 0px, rgb(153, 153, 153) 0.705713px 2.91581px 0px, rgb(153, 153, 153) -0.287171px 2.98622px 0px, rgb(153, 153, 153) -1.24844px 2.72789px 0px, rgb(153, 153, 153) -2.07227px 2.16926px 0px, rgb(153, 153, 153) -2.66798px 1.37182px 0px, rgb(153, 153, 153) -2.96998px 0.42336px 0px, rgb(153, 153, 153) -2.94502px -0.571704px 0px, rgb(153, 153, 153) -2.59586px -1.50383px 0px, rgb(153, 153, 153) -1.96093px -2.27041px 0px, rgb(153, 153, 153) -1.11013px -2.78704px 0px, rgb(153, 153, 153) -0.137119px -2.99686px 0px, rgb(153, 153, 153) 0.850987px -2.87677px 0px, rgb(153, 153, 153) 1.74541px -2.43999px 0px, rgb(153, 153, 153) 2.44769px -1.73459px 0px, rgb(153, 153, 153) 2.88051px -0.838247px 0px,rgb(0, 0, 0) 5px 0px 0px, rgb(0, 0, 0) 4.90033px 0.993347px 0px, rgb(0, 0, 0) 4.60531px 1.94709px 0px, rgb(0, 0, 0) 4.12668px 2.82321px 0px, rgb(0, 0, 0) 3.48353px 3.58678px 0px, rgb(0, 0, 0) 2.70151px 4.20736px 0px, rgb(0, 0, 0) 1.81179px 4.6602px 0px, rgb(0, 0, 0) 0.849836px 4.92725px 0px, rgb(0, 0, 0) -0.145998px 4.99787px 0px, rgb(0, 0, 0) -1.13601px 4.86924px 0px, rgb(0, 0, 0) -2.08073px 4.54649px 0px, rgb(0, 0, 0) -2.94251px 4.04248px 0px, rgb(0, 0, 0) -3.68697px 3.37732px 0px, rgb(0, 0, 0) -4.28444px 2.57751px 0px, rgb(0, 0, 0) -4.71111px 1.67494px 0px, rgb(0, 0, 0) -4.94996px 0.7056px 0px, rgb(0, 0, 0) -4.99147px -0.291871px 0px, rgb(0, 0, 0) -4.83399px -1.27771px 0px, rgb(0, 0, 0) -4.48379px -2.2126px 0px, rgb(0, 0, 0) -3.95484px -3.05929px 0px, rgb(0, 0, 0) -3.26822px -3.78401px 0px, rgb(0, 0, 0) -2.4513px -4.35788px 0px, rgb(0, 0, 0) -1.53666px -4.75801px 0px, rgb(0, 0, 0) -0.560763px -4.96845px 0px, rgb(0, 0, 0) 0.437495px -4.98082px 0px, rgb(0, 0, 0) 1.41831px -4.79462px 0px, rgb(0, 0, 0) 2.34258px -4.41727px 0px, rgb(0, 0, 0) 3.17346px -3.86382px 0px, rgb(0, 0, 0) 3.87783px -3.15633px 0px, rgb(0, 0, 0) 4.4276px -2.32301px 0px, rgb(0, 0, 0) 4.80085px -1.39708px 0px, rgb(0, 0, 0) 4.98271px -0.415447px 0px;
}

.sliderImage .slider_title p.main_color_99cc00 b{
    text-shadow: rgb(102, 153, 0) 3px 0px 0px, rgb(102, 153, 0) 2.83487px 0.981584px 0px, rgb(102, 153, 0) 2.35766px 1.85511px 0px, rgb(102, 153, 0) 1.62091px 2.52441px 0px, rgb(102, 153, 0) 0.705713px 2.91581px 0px, rgb(102, 153, 0) -0.287171px 2.98622px 0px, rgb(102, 153, 0) -1.24844px 2.72789px 0px, rgb(102, 153, 0) -2.07227px 2.16926px 0px, rgb(102, 153, 0) -2.66798px 1.37182px 0px, rgb(102, 153, 0) -2.96998px 0.42336px 0px, rgb(102, 153, 0) -2.94502px -0.571704px 0px, rgb(102, 153, 0) -2.59586px -1.50383px 0px, rgb(102, 153, 0) -1.96093px -2.27041px 0px, rgb(102, 153, 0) -1.11013px -2.78704px 0px, rgb(102, 153, 0) -0.137119px -2.99686px 0px, rgb(102, 153, 0) 0.850987px -2.87677px 0px, rgb(102, 153, 0) 1.74541px -2.43999px 0px, rgb(102, 153, 0) 2.44769px -1.73459px 0px, rgb(102, 153, 0) 2.88051px -0.838247px 0px,rgb(153, 204, 0) 5px 0px 0px, rgb(153, 204, 0) 4.90033px 0.993347px 0px, rgb(153, 204, 0) 4.60531px 1.94709px 0px, rgb(153, 204, 0) 4.12668px 2.82321px 0px, rgb(153, 204, 0) 3.48353px 3.58678px 0px, rgb(153, 204, 0) 2.70151px 4.20736px 0px, rgb(153, 204, 0) 1.81179px 4.6602px 0px, rgb(153, 204, 0) 0.849836px 4.92725px 0px, rgb(153, 204, 0) -0.145998px 4.99787px 0px, rgb(153, 204, 0) -1.13601px 4.86924px 0px, rgb(153, 204, 0) -2.08073px 4.54649px 0px, rgb(153, 204, 0) -2.94251px 4.04248px 0px, rgb(153, 204, 0) -3.68697px 3.37732px 0px, rgb(153, 204, 0) -4.28444px 2.57751px 0px, rgb(153, 204, 0) -4.71111px 1.67494px 0px, rgb(153, 204, 0) -4.94996px 0.7056px 0px, rgb(153, 204, 0) -4.99147px -0.291871px 0px, rgb(153, 204, 0) -4.83399px -1.27771px 0px, rgb(153, 204, 0) -4.48379px -2.2126px 0px, rgb(153, 204, 0) -3.95484px -3.05929px 0px, rgb(153, 204, 0) -3.26822px -3.78401px 0px, rgb(153, 204, 0) -2.4513px -4.35788px 0px, rgb(153, 204, 0) -1.53666px -4.75801px 0px, rgb(153, 204, 0) -0.560763px -4.96845px 0px, rgb(153, 204, 0) 0.437495px -4.98082px 0px, rgb(153, 204, 0) 1.41831px -4.79462px 0px, rgb(153, 204, 0) 2.34258px -4.41727px 0px, rgb(153, 204, 0) 3.17346px -3.86382px 0px, rgb(153, 204, 0) 3.87783px -3.15633px 0px, rgb(153, 204, 0) 4.4276px -2.32301px 0px, rgb(153, 204, 0) 4.80085px -1.39708px 0px, rgb(153, 204, 0) 4.98271px -0.415447px 0px;
}

.sliderImage .slider_title p.main_color_0066ff b{
    text-shadow: rgb(0, 51, 204) 3px 0px 0px, rgb(0, 51, 204) 2.83487px 0.981584px 0px, rgb(0, 51, 204) 2.35766px 1.85511px 0px, rgb(0, 51, 204) 1.62091px 2.52441px 0px, rgb(0, 51, 204) 0.705713px 2.91581px 0px, rgb(0, 51, 204) -0.287171px 2.98622px 0px, rgb(0, 51, 204) -1.24844px 2.72789px 0px, rgb(0, 51, 204) -2.07227px 2.16926px 0px, rgb(0, 51, 204) -2.66798px 1.37182px 0px, rgb(0, 51, 204) -2.96998px 0.42336px 0px, rgb(0, 51, 204) -2.94502px -0.571704px 0px, rgb(0, 51, 204) -2.59586px -1.50383px 0px, rgb(0, 51, 204) -1.96093px -2.27041px 0px, rgb(0, 51, 204) -1.11013px -2.78704px 0px, rgb(0, 51, 204) -0.137119px -2.99686px 0px, rgb(0, 51, 204) 0.850987px -2.87677px 0px, rgb(0, 51, 204) 1.74541px -2.43999px 0px, rgb(0, 51, 204) 2.44769px -1.73459px 0px, rgb(0, 51, 204) 2.88051px -0.838247px 0px,rgb(0, 153, 255) 5px 0px 0px, rgb(0, 153, 255) 4.90033px 0.993347px 0px, rgb(0, 153, 255) 4.60531px 1.94709px 0px, rgb(0, 153, 255) 4.12668px 2.82321px 0px, rgb(0, 153, 255) 3.48353px 3.58678px 0px, rgb(0, 153, 255) 2.70151px 4.20736px 0px, rgb(0, 153, 255) 1.81179px 4.6602px 0px, rgb(0, 153, 255) 0.849836px 4.92725px 0px, rgb(0, 153, 255) -0.145998px 4.99787px 0px, rgb(0, 153, 255) -1.13601px 4.86924px 0px, rgb(0, 153, 255) -2.08073px 4.54649px 0px, rgb(0, 153, 255) -2.94251px 4.04248px 0px, rgb(0, 153, 255) -3.68697px 3.37732px 0px, rgb(0, 153, 255) -4.28444px 2.57751px 0px, rgb(0, 153, 255) -4.71111px 1.67494px 0px, rgb(0, 153, 255) -4.94996px 0.7056px 0px, rgb(0, 153, 255) -4.99147px -0.291871px 0px, rgb(0, 153, 255) -4.83399px -1.27771px 0px, rgb(0, 153, 255) -4.48379px -2.2126px 0px, rgb(0, 153, 255) -3.95484px -3.05929px 0px, rgb(0, 153, 255) -3.26822px -3.78401px 0px, rgb(0, 153, 255) -2.4513px -4.35788px 0px, rgb(0, 153, 255) -1.53666px -4.75801px 0px, rgb(0, 153, 255) -0.560763px -4.96845px 0px, rgb(0, 153, 255) 0.437495px -4.98082px 0px, rgb(0, 153, 255) 1.41831px -4.79462px 0px, rgb(0, 153, 255) 2.34258px -4.41727px 0px, rgb(0, 153, 255) 3.17346px -3.86382px 0px, rgb(0, 153, 255) 3.87783px -3.15633px 0px, rgb(0, 153, 255) 4.4276px -2.32301px 0px, rgb(0, 153, 255) 4.80085px -1.39708px 0px, rgb(0, 153, 255) 4.98271px -0.415447px 0px;
}

.sliderImage .slider_title p.main_color_3399ff b{
    text-shadow: rgb(51, 153, 255) 3px 0px 0px, rgb(51, 153, 255) 2.83487px 0.981584px 0px, rgb(51, 153, 255) 2.35766px 1.85511px 0px, rgb(51, 153, 255) 1.62091px 2.52441px 0px, rgb(51, 153, 255) 0.705713px 2.91581px 0px, rgb(51, 153, 255) -0.287171px 2.98622px 0px, rgb(51, 153, 255) -1.24844px 2.72789px 0px, rgb(51, 153, 255) -2.07227px 2.16926px 0px, rgb(51, 153, 255) -2.66798px 1.37182px 0px, rgb(51, 153, 255) -2.96998px 0.42336px 0px, rgb(51, 153, 255) -2.94502px -0.571704px 0px, rgb(51, 153, 255) -2.59586px -1.50383px 0px, rgb(51, 153, 255) -1.96093px -2.27041px 0px, rgb(51, 153, 255) -1.11013px -2.78704px 0px, rgb(51, 153, 255) -0.137119px -2.99686px 0px, rgb(51, 153, 255) 0.850987px -2.87677px 0px, rgb(51, 153, 255) 1.74541px -2.43999px 0px, rgb(51, 153, 255) 2.44769px -1.73459px 0px, rgb(51, 153, 255) 2.88051px -0.838247px 0px,rgb(102, 204, 255) 5px 0px 0px, rgb(102, 204, 255) 4.90033px 0.993347px 0px, rgb(102, 204, 255) 4.60531px 1.94709px 0px, rgb(102, 204, 255) 4.12668px 2.82321px 0px, rgb(102, 204, 255) 3.48353px 3.58678px 0px, rgb(102, 204, 255) 2.70151px 4.20736px 0px, rgb(102, 204, 255) 1.81179px 4.6602px 0px, rgb(102, 204, 255) 0.849836px 4.92725px 0px, rgb(102, 204, 255) -0.145998px 4.99787px 0px, rgb(102, 204, 255) -1.13601px 4.86924px 0px, rgb(102, 204, 255) -2.08073px 4.54649px 0px, rgb(102, 204, 255) -2.94251px 4.04248px 0px, rgb(102, 204, 255) -3.68697px 3.37732px 0px, rgb(102, 204, 255) -4.28444px 2.57751px 0px, rgb(102, 204, 255) -4.71111px 1.67494px 0px, rgb(102, 204, 255) -4.94996px 0.7056px 0px, rgb(102, 204, 255) -4.99147px -0.291871px 0px, rgb(102, 204, 255) -4.83399px -1.27771px 0px, rgb(102, 204, 255) -4.48379px -2.2126px 0px, rgb(102, 204, 255) -3.95484px -3.05929px 0px, rgb(102, 204, 255) -3.26822px -3.78401px 0px, rgb(102, 204, 255) -2.4513px -4.35788px 0px, rgb(102, 204, 255) -1.53666px -4.75801px 0px, rgb(102, 204, 255) -0.560763px -4.96845px 0px, rgb(102, 204, 255) 0.437495px -4.98082px 0px, rgb(102, 204, 255) 1.41831px -4.79462px 0px, rgb(102, 204, 255) 2.34258px -4.41727px 0px, rgb(102, 204, 255) 3.17346px -3.86382px 0px, rgb(102, 204, 255) 3.87783px -3.15633px 0px, rgb(102, 204, 255) 4.4276px -2.32301px 0px, rgb(102, 204, 255) 4.80085px -1.39708px 0px, rgb(102, 204, 255) 4.98271px -0.415447px 0px;
}

.sliderImage .slider_title p.main_color_ff9900 b{
    text-shadow: rgb(255, 102, 0) 3px 0px 0px, rgb(255, 102, 0) 2.83487px 0.981584px 0px, rgb(255, 102, 0) 2.35766px 1.85511px 0px, rgb(255, 102, 0) 1.62091px 2.52441px 0px, rgb(255, 102, 0) 0.705713px 2.91581px 0px, rgb(255, 102, 0) -0.287171px 2.98622px 0px, rgb(255, 102, 0) -1.24844px 2.72789px 0px, rgb(255, 102, 0) -2.07227px 2.16926px 0px, rgb(255, 102, 0) -2.66798px 1.37182px 0px, rgb(255, 102, 0) -2.96998px 0.42336px 0px, rgb(255, 102, 0) -2.94502px -0.571704px 0px, rgb(255, 102, 0) -2.59586px -1.50383px 0px, rgb(255, 102, 0) -1.96093px -2.27041px 0px, rgb(255, 102, 0) -1.11013px -2.78704px 0px, rgb(255, 102, 0) -0.137119px -2.99686px 0px, rgb(255, 102, 0) 0.850987px -2.87677px 0px, rgb(255, 102, 0) 1.74541px -2.43999px 0px, rgb(255, 102, 0) 2.44769px -1.73459px 0px, rgb(255, 102, 0) 2.88051px -0.838247px 0px,rgb(255, 153, 0) 5px 0px 0px, rgb(255, 153, 0) 4.90033px 0.993347px 0px, rgb(255, 153, 0) 4.60531px 1.94709px 0px, rgb(255, 153, 0) 4.12668px 2.82321px 0px, rgb(255, 153, 0) 3.48353px 3.58678px 0px, rgb(255, 153, 0) 2.70151px 4.20736px 0px, rgb(255, 153, 0) 1.81179px 4.6602px 0px, rgb(255, 153, 0) 0.849836px 4.92725px 0px, rgb(255, 153, 0) -0.145998px 4.99787px 0px, rgb(255, 153, 0) -1.13601px 4.86924px 0px, rgb(255, 153, 0) -2.08073px 4.54649px 0px, rgb(255, 153, 0) -2.94251px 4.04248px 0px, rgb(255, 153, 0) -3.68697px 3.37732px 0px, rgb(255, 153, 0) -4.28444px 2.57751px 0px, rgb(255, 153, 0) -4.71111px 1.67494px 0px, rgb(255, 153, 0) -4.94996px 0.7056px 0px, rgb(255, 153, 0) -4.99147px -0.291871px 0px, rgb(255, 153, 0) -4.83399px -1.27771px 0px, rgb(255, 153, 0) -4.48379px -2.2126px 0px, rgb(255, 153, 0) -3.95484px -3.05929px 0px, rgb(255, 153, 0) -3.26822px -3.78401px 0px, rgb(255, 153, 0) -2.4513px -4.35788px 0px, rgb(255, 153, 0) -1.53666px -4.75801px 0px, rgb(255, 153, 0) -0.560763px -4.96845px 0px, rgb(255, 153, 0) 0.437495px -4.98082px 0px, rgb(255, 153, 0) 1.41831px -4.79462px 0px, rgb(255, 153, 0) 2.34258px -4.41727px 0px, rgb(255, 153, 0) 3.17346px -3.86382px 0px, rgb(255, 153, 0) 3.87783px -3.15633px 0px, rgb(255, 153, 0) 4.4276px -2.32301px 0px, rgb(255, 153, 0) 4.80085px -1.39708px 0px, rgb(255, 153, 0) 4.98271px -0.415447px 0px;
}

.sliderImage .slider_title p.main_color_333333 b{
    text-shadow: rgb(102, 102, 102) 3px 0px 0px, rgb(102, 102, 102) 2.83487px 0.981584px 0px, rgb(102, 102, 102) 2.35766px 1.85511px 0px, rgb(102, 102, 102) 1.62091px 2.52441px 0px, rgb(102, 102, 102) 0.705713px 2.91581px 0px, rgb(102, 102, 102) -0.287171px 2.98622px 0px, rgb(102, 102, 102) -1.24844px 2.72789px 0px, rgb(102, 102, 102) -2.07227px 2.16926px 0px, rgb(102, 102, 102) -2.66798px 1.37182px 0px, rgb(102, 102, 102) -2.96998px 0.42336px 0px, rgb(102, 102, 102) -2.94502px -0.571704px 0px, rgb(102, 102, 102) -2.59586px -1.50383px 0px, rgb(102, 102, 102) -1.96093px -2.27041px 0px, rgb(102, 102, 102) -1.11013px -2.78704px 0px, rgb(102, 102, 102) -0.137119px -2.99686px 0px, rgb(102, 102, 102) 0.850987px -2.87677px 0px, rgb(102, 102, 102) 1.74541px -2.43999px 0px, rgb(102, 102, 102) 2.44769px -1.73459px 0px, rgb(102, 102, 102) 2.88051px -0.838247px 0px,rgb(204, 204, 204) 5px 0px 0px, rgb(204, 204, 204) 4.90033px 0.993347px 0px, rgb(204, 204, 204) 4.60531px 1.94709px 0px, rgb(204, 204, 204) 4.12668px 2.82321px 0px, rgb(204, 204, 204) 3.48353px 3.58678px 0px, rgb(204, 204, 204) 2.70151px 4.20736px 0px, rgb(204, 204, 204) 1.81179px 4.6602px 0px, rgb(204, 204, 204) 0.849836px 4.92725px 0px, rgb(204, 204, 204) -0.145998px 4.99787px 0px, rgb(204, 204, 204) -1.13601px 4.86924px 0px, rgb(204, 204, 204) -2.08073px 4.54649px 0px, rgb(204, 204, 204) -2.94251px 4.04248px 0px, rgb(204, 204, 204) -3.68697px 3.37732px 0px, rgb(204, 204, 204) -4.28444px 2.57751px 0px, rgb(204, 204, 204) -4.71111px 1.67494px 0px, rgb(204, 204, 204) -4.94996px 0.7056px 0px, rgb(204, 204, 204) -4.99147px -0.291871px 0px, rgb(204, 204, 204) -4.83399px -1.27771px 0px, rgb(204, 204, 204) -4.48379px -2.2126px 0px, rgb(204, 204, 204) -3.95484px -3.05929px 0px, rgb(204, 204, 204) -3.26822px -3.78401px 0px, rgb(204, 204, 204) -2.4513px -4.35788px 0px, rgb(204, 204, 204) -1.53666px -4.75801px 0px, rgb(204, 204, 204) -0.560763px -4.96845px 0px, rgb(204, 204, 204) 0.437495px -4.98082px 0px, rgb(204, 204, 204) 1.41831px -4.79462px 0px, rgb(204, 204, 204) 2.34258px -4.41727px 0px, rgb(204, 204, 204) 3.17346px -3.86382px 0px, rgb(204, 204, 204) 3.87783px -3.15633px 0px, rgb(204, 204, 204) 4.4276px -2.32301px 0px, rgb(204, 204, 204) 4.80085px -1.39708px 0px, rgb(204, 204, 204) 4.98271px -0.415447px 0px;
}

#tltpFlg {
    display:none;
}

.side_pict_edit_btn, .pict_edit_btn, .side_pict_edit_btn {
    min-width: auto !important;
    background: #f5f5f5;
    border: 1px solid #ccc;
    display: flex;
    left: 0;
    margin: 0 !important;
    padding: 5px 3px;
    position: absolute;
    top: 0;
    z-index: 4;
}

.side_recruit_edit_btn{
    left: 5%;
}

.img_box_left,
.img_box_right{
    transition: .25s opacity;
}

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

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

.edit .side_pict_edit_btn a{
    width: 23px;
    height: 23px;
    max-width: none !important;
    max-height: none !important;
    background-position: center center !important;
    box-sizing: content-box;
    float: none;
    margin: 0 2px;
    padding: 0;
}

.edit .side_pict_edit_btn a.side_edit_pict_delete{
    background: #C00;
    margin: 0 2px !important;
}

.edit .side_pict_edit_btn a img{
    max-width: none !important;
    max-height: none !important;
}

.edit .side_pict_edit_btn a[data-fix-type="delete"] img{
    max-width: none !important;
}

.pict_edit_btn a img, .side_pict_edit_btn a img, .side_pict_edit_btn a img, #sidebar_shp_inf a img, .edit_link_box a img {
    width: auto !important;
    padding:0 5px 0 0;
}

.side_img_box {
    position: relative;
}

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

.side_pict_edit_btn .sidebarImageFixTrigger[data-fix-type="pictLeft"],
.side_pict_edit_btn .sidebarImageFixTrigger[data-fix-type="pictRight"],
.side_pict_edit_btn .sidebarImageFixTrigger[data-fix-type="sideSmall"],
.side_pict_edit_btn .sidebarImageFixTrigger[data-fix-type="sideBig"],
.side_pict_edit_btn .sidebarImageFixTrigger[data-fix-type="sideMax"],
.side_recruit_edit_btn .sidebarImageFixTrigger[data-fix-type="pictLeft"],
.side_recruit_edit_btn .sidebarImageFixTrigger[data-fix-type="pictRight"],
.side_recruit_edit_btn .sidebarImageFixTrigger[data-fix-type="sideSmall"],
.side_recruit_edit_btn .sidebarImageFixTrigger[data-fix-type="sideBig"],
.side_recruit_edit_btn .sidebarImageFixTrigger[data-fix-type="sideMax"]
 {
    display: none !important;
}

#recruit_banner_block {
    position: relative;
}

#recruit_banner_block .side_recruit_edit_btn .sidebarImageFixTrigger[data-tsh="recruit_banner"]{
    background: #333;
    border-radius: unset;
    padding: 0;
}

#recruit_banner_block .side_recruit_edit_btn .side_edit_pict_delete.sidebarImageFixTrigger[data-tsh="recruit_banner"]{
    background: #C00;
}

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

#recruit_banner_block .linkOverlay[href=""] {
    display: none;
}

.linkOverlay:not([href=""]) {
    opacity: 0;
}

.linkOverlay:not([href=""]):after {
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.4) url(../img/copy2open/link_overlay_bg.png) no-repeat center center;
    background-size: 44px 44px;
    transition: opacity .4s;
    position: absolute;
    left: 0;
    top: 0;
}

.fixed_menu_list{
    width: 98%;
    margin: 0 auto;
}

.edit .side_recruit_edit_btn.edit_img_empty{
    width: auto;
}

#fixed_menu2_button {
    display: none;
}

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

/*.fixed_menu_sub, .fixed_menu_sub_right, .palette-icons-list {
    display:none;
}
*/
#rest_day, #sudo_link, #first_release_schejule{display: none;}

.fixed_menu_trial {
    display: block;
    float: left;
    width: 104px;
    height: 53px;
    background: url(../img/common/palette_edit_demo_m.png) no-repeat center;
    background-size: 100%;
    image-rendering: -webkit-optimize-contrast;
    box-sizing: border-box;
}

.fixed_menu_trial a {
    display: block;
    width:100%;
    height:100%;
}


.fixed_menu_trial img {
    display: none;
}
    

#contents_edit_panel,
#design_chng,
#add_free_page_panel,
#movieSelectMenu,
#contract_status_update,
#fixed_menu_diagnose_panel,
.cz_btn,
.add_examplewidth,
.openpage_btn {
    min-width: 50px;
    cursor: pointer;
    display: block;
}

#openpage_menu_panel .openButton{
    color: #fff !important;
    background-color: #FE4C4D;
    border-radius: 3px;
    border-bottom: none;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-indent: 22px;
    align-items: center;
    margin: 0 0 15px;
    padding: 20px 0 !important;
    position: relative;
}

#openpage_menu_panel .openButton:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/cms/img/palette/edit_hp_release.png) no-repeat;
    background-size: 20px;
    display: block;
    position: absolute;
    top: calc(50% - 11px);
    left: calc( 50% - 83px);
}

#openpage_menu_panel .checkOpenPage{
    background: linear-gradient(45deg, #e9e9e9 0%,#eeeeee 100%);
    color: #333 !important;
    border-radius: 3px;
    border-bottom: none;
    font-size: 12px;
    text-align: center;
    text-indent: 30px;
    align-items: center;
    margin: 0 0 15px;
    padding: 15px 0 !important;
    position: relative;
}


#openpage_menu_panel .checkOpenPage:before {
    content: "";
    width: 24px;
    height: 18px;
    background: url(/cms/img/palette/edit_hp_confirm.png) no-repeat;
    display: block;
    position: absolute;
    top: calc(50% - 9px);
    left: calc( 50% - 90px);
}

.fixed_menu_panel .openButtonDisabled{
    color: #fff !important;
    background-color: #aaa;
    background-image: url(/cms/img/palette/edit_hp_release.png);
    background-repeat: no-repeat;
    background-position: left 70px center;
    background-size: 20px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    align-items: center;
    margin: 0 0 2px;
    padding: 10px 0 10px 0 !important;
}





.openButtonDisabled span{
    cursor: default;
}


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


.openButtonDisabledComment{
    color: #fd4c4c;
    font-size: 12px;
    margin-bottom: 5px;
}

.palette-icons-list{
    min-width: 165px;
    cursor: pointer;
    display: block;
}


/**
 * scrollable
 */
.scrollable__wrapper{
    width: calc( 100% - 192px );
    float: left;
}

.scrollable__wrapper.existInformationPanel{
    width: calc( 100% - 170px );
}

.scrollable__wrapper.notExistContractUpdateBtn{
    width: calc( 100% - 115px );
}


.scrollable__wrapper:after{
    width: 30px;
    height: calc( 100% - 20px );
    background: rgb(51,51,51);
    background: -moz-linear-gradient(90deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%);
    background: linear-gradient(90deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%);
    position: absolute;
    content: "";
    display: block;
    left: calc( 1% + 54px + (100% - 192px) - 36px);
    top: 20px;
}

.scrollable__wrapper.existInformationPanel:after{
    left: calc( 1% + 54px + (100% - 170px) - 36px);
}

.scrollable__wrapper.notExistContractUpdateBtn:after{
    left: calc( 1% + 54px + (100% - 115px) - 36px);
}

.scrollable__container{
    width: auto; /** TOPと下層で要素数が異なる **/
    height: 50px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 20px 0 0;
    opacity: 0;
    transition: opacity .4s;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollable__container.show{
    opacity: 1;
}

.scrollable__container::-webkit-scrollbar {
    display: none;
}

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


.shop_example{
    font-size:14px;
}

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

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

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

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

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

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

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

.shop_example__indent{
    min-height:44px;
}

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

.examplePanel__h3{
    float:left;
}

.examplePanel__a{
    font-size:14px;
    color: #36f;
    background-image: url(/cms/img/common/out_link.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 16px 0 0;
    float:right;
}

.shop_example_link{
    background-color: #8192dd;
    color: #fff !important;
    text-decoration: none !important;
    padding: 2px 15px;
    display: inline-block;
    border-radius: 3px;
    font-size: 11px;
    margin-top: 5px;
    width: calc(100% - 30px);
    text-align: center;
}

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

.shop_example__shopInfo span{
    font-size: 11px !important;
}
.shop_example__shopInfo b{
    font-size: 12px;
}

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

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

.shop_example__shopInfo{
    margin:0 0 15px;
}

.casePageTitle{
    margin:0 5px 0 0;
    font-size: 11px;
}

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

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

.introduceCaseHeaderCaptionOuter{
    display: none;
}

.caseOuter{
    position: relative;
}

.shop_example.clearfix{
    margin: 0 5px;
}

.shop_example li{
    margin: 0;
    width: 45%;
    display: inline-block;
    padding-top: 25px;
    padding-bottom:10px;
}

.shop_example li:nth-child(-n+2){
    padding-top: 20px;
}

.shop_example li:nth-child(odd){
    padding-right: 10%;
}

.paletteMenuHeader:before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 20px;
    display: inline-block;
    width: 40px;
    height: 2px;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #fc0;
}

.caseOrder{
    position: absolute;
    left: -9px;
    top: -9px;
    background: #fff;
    border: 1px solid #fc0;
    width: 18px;
    height: 18px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    font-weight: bold;
    font-size: 10px;
}

#contract_status_update, .openpage_btn {
    margin:0px !important;
    float:right;
    padding-bottom: 0px;
    width: 54px;
}

.fixed_menu_sub.trial_openpage_btn {
    margin-right: 5px !important;
}

.fixed_menu_sub_right {width:15%;}
#contract_status_update {width:74px;}

.fixed_menu_panel,
.slide-palette-contents-wrap{
    display:none;
    position: absolute;
    overflow: auto;
    height: calc(100vh - 75px);
    padding: 15px;
    width: 96% !important;
    left: 2%;
    top: 70px;
    background: #fff;
    color:#000;
    box-shadow: 1px 3px 3px rgba(0,0,0,0.3);
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    z-index: 10;
}

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

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

.agency-regist .palette-icon {
    background-image: url(/cms/img/common/palette_edit_agent_h.png);
}

.palette--info .palette-icon{
    background-image: url(/cms/img/common/palette_edit_info_h.png);
    position: relative;
}

#fixed_menu_panel_edit_movie a.thickbox {
    display:block;
    margin: 10px 0 15px 0;
    padding: 5px 0 0 0;
}

.paletteButtonItem.changeMainImageUploaded{
    margin:0 0 30px;
}

.slide-palette-contents{
    transition: .8s background-color;
    border-radius: 3px;
}

.slide-palette-contents.unread{
}

.slide-palette-contents .paletteDateStringIcon{
    position: relative;
    transition: .5s;
}

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

.slide-palette-contents .paletteDateStringIcon:after{
    background: #fd4c4c;
    border-radius: 2px;
    color: #FFFFFF;
    content :"未読";
    font-size: 10px;
    opacity: 0;
    padding: 1px 7px 1px 6px;
    position: absolute;
    right: -44px;
    top: 2px;
    transition: .5s;
}

.slide-palette-contents.unread .paletteDateStringIcon:after{
    content: "未読";
    transform: translateY(0px);
    opacity: 1;
}

.slide-palette-contents.readed .paletteDateStringIcon:after{
    content: "未読";
    background: #777777;
    transform: translateY(-7px);
    opacity: 0;
}

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

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

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

.slide-palette-contents-wrap h2.diagnose_name{
    background: #EEE;
    color: #535353;
    font-size: 14px;
    margin: 0 0 20px !important;
    padding: 10px;
    border-left: 2px solid #999;
    border-bottom: 1px solid #999;
}

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

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

.slide-palette-contents-wrap .next_btn{
    background: #FE7974;
    display: block;
    width:100%;
    margin: 0 auto;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    text-decoration:none;
    box-sizing:border-box;
}

/*.slide-palette-contents-wrap * {
    cursor:auto;
}*/

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

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

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

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

.paletteButtonItem.designChange {
    display: inline-block !important;
    background: -moz-linear-gradient(45deg, #e9e9e9 0%, #eeeeee 100%);
    background: -webkit-linear-gradient(45deg, #e9e9e9 0%,#eeeeee 100%);
    background: linear-gradient(45deg, #e9e9e9 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#eeeeee',GradientType=1 );
    padding: 10px 10px 10px 36px !important;
    border-radius: 5px;
    background-repeat: no-repeat;
    position: relative;
    text-decoration: none !important;
    color: #333 !important;
    cursor: pointer !important;
}

.paletteButtonItem.designChange {
    padding: 10px 36px 10px 10px !important;
    float: right;
}

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

.paletteDateStringIcon{
    background-color: #777;
    color: #fff;
    font-weight: normal;
    margin: 0 0 10px;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 2px;
    font-size:12px;
}

.slide-palette-contents-wrap .slide-palette-contents:nth-of-type(n+2) .paletteDateStringIcon{
    margin: 20px 0 10px;
}

.ssl-entry-button{
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
    color: #FFF;
    cursor: pointer;
    display: block;
    font-size: 20px;
    padding: 15px;
    margin: 20px auto;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgb(0 0 0 / 20%);
    font-weight: bold;
    background: #FFA74D url(../img/common/create_btn.png) repeat-x;
    border: 1px solid #FFF;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFA74D), color-stop(0.00, #FFDD34));
    background: -webkit-linear-gradient(#FFDD34, #FFA74D);
    background: -moz-linear-gradient(#FFDD34, #FFA74D);
    background: -ms-linear-gradient(#FFDD34, #FFA74D);
    background: linear-gradient(#FFDD34, #FFA74D);
    box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
}

.ssl-entry-button:link, .ssl-entry-button:visited {
    color: #FFF;
    text-decoration: none;
}

#fixed_menu2 .ssl-entry-button,
#fixed_menu2 .ssl-entry-button:link,
#fixed_menu2 .ssl-entry-button:visited{
    color: #FFF;
}

#midbox_wrapper .img_left a{
    position: static;
}

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

#movie_img_btn{
    font-size:10px;
}


.movie_change2{
    width: 100%;
    display: block;
    font-size: 14px;
    margin: 0 0 10px;
}

.paletteButtonMainImageOuter{
    margin: 0 0 15px;
}

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

.paletteButtonMainImageOuter .otherFastUploadTriggerOuter .js-otherFastUploadTrigger[data-tsh="slider01"] .otherPict{
    width: auto;
    height: auto;
}



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

.site_acc_rank .to_optionplan,
.site_acc_rank .option_link{
    display: none;
}

.diagnose_dktlmax{
    display: none;
}

.checkEditOff,
.checkEditOn{
    display: none;
}

.diagnosePalette{
    font-size: calc(0.75rem + ((1vw - 3.2px) * 2.1277));
}

.diagnoseLinks{
    margin: 0 0 15px;
}

.diagnoseLinks a{
    display: inline-block;
}

.site_acc_rank{
    margin: 0 0 15px;
}

.diagnoseHead,
.diagnoseLinks .current{
    display: block;
    font-weight: bold;
    margin: 0 0 5px;
}

.diagnose_ranking__wrap {
    width: 66%;
    margin: 0 0 3px;
    padding: 0px 0;
    position: relative;
}

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

.diagnose_ranking__wrap .page_view{
    color: #EC726C;
    font-size: 175%;
    line-height: 1;
}


.unopenedLabel{
    color: #fff;
    background-color: #ec726c;
    padding: 2px 5px 1px;
    border-radius: 2px;
    font-size: 10px;
    margin: 0 0 0 30px;
    position: absolute;
    right: 0;
    top: calc(50% - 9px);
}


.s_matrics{
    width: 100%;
    border: 1px solid #999;
    margin: 0 0 15px;
}

.s_matrics th{
    width: 60%;
    background-color: #F5F5F5;
    border: 1px solid #EEE;
    color: #000;
    font-weight:normal;
    line-height: 1;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.s_matrics td {
    width: 40%;
    background-color: #FFF;
    border: 1px solid #EEE;
    line-height: 1;
    padding: 10px;
    text-align: right;
    vertical-align: middle;
}


.diagnose_graph{
    position:relative;
}

.graph_kbn{
    position: absolute;
}

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

.graph_bg--triangle{
    width: 216px;
    height: 216px;
    background: url(../img/common/radar_chart_bg.png) no-repeat center center;
    top: calc(0.75rem + ((1vw - 3.2px) * 2.1277) + 23px);
    left: calc(50% - 108px);
}

.graph_bg--square{
    width: 208px;
    height: 208px;
    background: url(../img/common/radar_chart_bg_square.png) no-repeat center center;
    top: calc(0.75rem + ((1vw - 3.2px) * 2.1277) + 27px);
    left: calc(50% - 104px);
}

.advice_ttl,
.seo_kaiseki_ttl{
    color: #EC726C;
    font-weight: bold;
    margin: 0 0 5px;
}

.diagnose_graph .mb15{
    margin: 0 0 10px;
}


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

.cz_btn a.palette_menu1 {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

.cz_btn .mb15{
    margin-bottom: 15px;
}

.cz_btn .editLogOrder {
    width: 16px;
    height: 16px;
    background-color: #0568c9;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 9px;
    line-height: 17px;
    text-align: center;
    vertical-align: middle;
}

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

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

.lastEditTimeDiff .unit {
    font-size: 10px;
    transform: translate(-2px, 0px);
}

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


/**
 * 制作代行パレット
 */

.duptize-schedule .duptizePalette{
    height: calc(100vh - 75px) !important;
    overflow: auto;
}

.duptize-schedule .duptizeContact,
.duptize-schedule .duptizeSchedule{
    padding: 0;
}

.duptize-schedule .duptizeScheduleTitle{
    background: none;
    text-shadow: none;
    color: #333;
    padding: 0 !important;
    border: none;
    box-shadow: none;
    font-weight: normal;
    margin: 10px 0 0;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    position: relative;
    margin: 0 0 15px;
    font-size: 16px;
    top: 0;
    text-align: left;
}

.duptize-schedule .duptizeScheduleTitle:after {
    content: "";
    width: 30px;
    height: 2px;
    background: #fc0;
    position: absolute;
    bottom: -2px;
    left: 0px;
}

.duptize-schedule .duptizeContactCommentOuter:before,
.duptize-schedule .duptizeContactCommentOuter:after {
    top: auto;
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    border: none;
    border-radius: 0px;
    background: #eee;
    right: -7px;
    bottom: calc( 50% - 10px );
    transform: rotate(45deg);
    left: auto;
    box-shadow: 1px -1px 1px rgb(0 0 0 / 15%);
    border-top-left-radius: 0px;
    border-top-right-radius: 2px;
}

.duptize-schedule .duptizeContactSupport  {
    width: 37%;
    position: absolute;
    top: 10%;
    right: -44%;
    text-align: center;
}

.duptize-schedule .duptizeContactSupport .supportImage {
    width: 100%;
    height: auto;
    border-radius: 100%;
    border: 3px solid #FFDD34;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 5px;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
}

.duptize-schedule .duptizeContactCommentOuter {
    width: 70%;
    background: #eee;
    border:none;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    box-sizing: border-box;
    font-size: 12px;
    margin-bottom: 15px;
    padding: 10px;
    position: relative;
}


.duptize-schedule .duptizeContactSupport .supportTitle {
    display: block;
    font-size: 10px;
}

.duptize-schedule .duptizeContactSupport .supportName {
    display: block;
    font-size: 10px;
}

.duptize-schedule .duptizeScheduleTableInner .duptizeNumberOuter {
    width: 48px;
}

.duptize-schedule .duptizeScheduleTableInner .duptizeListTitleOuter {
    width: calc((100% - 48px) * 0.6);
    padding: 0 0 0 10px;
    font-size: 12px;
}

.duptize-schedule .duptizeScheduleTableInner .duptizeListTitle {
    font-size: 14px;
    font-weight: bold;
}

.duptize-schedule .duptizeScheduleTableInner .duptizeListDateOuter {
    width: calc((100% - 48px) * 0.4);
    text-align: right;
    position: relative;
    font-size: 12px;
}

.duptize-schedule .duptizeListDate .date,
.duptize-schedule .duptizeListDate .time {
    width: auto;
}

.duptize-schedule .duptizeScheduleTable:after {
    content: "";
    position: absolute;
    top: 50px;
    left: 22px;
    width: 4px;
    height: 277px;
    background: #abc2f5;
    z-index: 1;
    box-shadow: 0px -5px 2px #ccc;
}

.duptize-schedule .completedStr,
.duptize-schedule .dateTime{
    display: inline-block;
}

.duptize-schedule .js-duptizeListDate[data-duptize-undecided="0"]:before {
    content: "予定";
    position: absolute;
    top: -8px;
    left: 0px;
    background: #999;
    padding: 1px 5px;
    margin-right: 5px;
    border-radius: 2px;
    color: #eee;
    font-size: 10px;
}

.duptize-schedule .duptizeScheduleTableInner[data-completed="1"] .duptizeListTitle,
.duptize-schedule .duptizeScheduleTableInner[data-completed="1"] .completedDateTime {
    opacity: 0.5;
    margin-bottom: 0px;
}

.fixed_menu_panel::-webkit-scrollbar {
    width: 5px;
}

.fixed_menu_panel::-webkit-scrollbar-track {
    background:#EEE;
    opacity:0.6;
}

.fixed_menu_panel::-webkit-scrollbar-thumb {
    background:#ABABAB;
    border-radius:5px;
    opacity:0.6;
}


#design_btn_ajax:after, #color_btn_ajax:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}

#design_btn_ajax a, .movie_img_chng {
    display: block;
    float: left;
    width: 19%;
    margin: 0 1% 5px 0;
}

#color_btn_ajax a {
    display: block;
    float: left;
    width: 7.6%;
    margin: 0 0.8% 0 0;
}
#color_btn_ajax a:last-child {
    margin: 0;
}
#design_btn_ajax a img, #color_btn_ajax a img, .movie_img_chng img {width:100%;}

.fixed_menu_title2 {
    display:block;
}

#header_wrapper {
    position:relative;
    z-index:5;
}
#contents_edit_panel .fixed_menu_panel a, #contents_edit_panel .fixed_menu_panel br {
    display: none;
}
#contents_edit_panel .fixed_menu_panel .palette_menu1 {
    display: block;
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    text-decoration: none;
    text-shadow:none;
}

#contents_edit_panel .fixed_menu_panel #page_content_edit {
    display:none;
}

#liquidr_chng_ajax, #menu_position_ajax, #company_name_ajax {
    display:none;
}

.add_examplewidth hr {
    border-width: 1px 0px 0px 0px;
    border-style: dashed;
    border-color: #ccc;
    height: 1px;
    clear: both;
    padding-bottom: 10px;
    display:block;
}


.add_examplewidth .fixed_menu_panel {
    font-size:12px;
}

ul#shop_example_hybrid, ul#shop_example {
    margin:0 0 10px;
}

ul#shop_example_hybrid a, ul#shop_example a {
    width: 25%;
    float: left;
}

ul#shop_example_hybrid a.palette_menu1, ul#shop_example a.palette_menu1 {
    clear: none;
    display: block;
    float: left;
    width: 75%;
}
ul#shop_example_hybrid li, ul#shop_example li {
    float: left;
    margin: 0 0 10px;
    padding: 10px 0 5px;
    position: relative;
    width: 100%;
}
ul#shop_example_hybrid li.example_right, ul#shop_example li.example_right {
    margin: 0 0 10px;
}
ul#shop_example li:nth-child(2), ul#shop_example li:nth-child(4), ul#shop_example li:nth-child(6), ul#shop_example li:nth-child(8), ul#shop_example li:nth-child(10), ul#shop_example li:nth-child(12) {
    background:#f0f0f0;
}

ul#shop_example_hybrid li span.mainmenu, ul#shop_example li span.mainmenu {
    display:none;
}
ul#shop_example_hybrid li span.access, ul#shop_example li span.access {
    padding: 0 30px 0 0;
}

ul#shop_example_hybrid li img, ul#shop_example li img {
    float: left;
    padding: 0 2.5% 0 0;
    z-index: 5;
    width:95%;
}

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

.jirei_movie p {padding:10px 0 0 0;}
#syde-wysiwyg_toolbar{
    position : absolute;
    left : 0;
    box-sizing : border-box;
    width : 100vw !important;
    border : none !important;
    border-bottom : 2px solid #EDE9D7;
    text-shadow: none;
    z-index:1000 !important;
    /*background:#fff url(../img/toolbar/drag_glip_m.png) no-repeat left top !important;*/
    background-size:contain !important;
    top: 0px;
}

#syde-wysiwyg_area a {
    padding: 5px !important;
    /* margin: 0 5px 0px 0 !important; */
}

#toolbar_submenu_size span{
    font-size: 12px!important;
    margin-left: 3px;
}

.syde-wysiwyg span {
    font-size: 18px !important;
}

#link_area {
    margin:0 !important;
}

#link_input {
    width: 100% !important;
    padding: 5px;
    margin-bottom:5px;
    font-size: 16px;
    border: 1px solid #CCC;
    box-shadow: none;
    border-radius: 5px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.pictedit_left_btn, .pictedit_right_btn, .pictedit_minimum_btn, .pictedit_small_btn, .pictedit_big_btn, .pictedit_maximum_btn {
    display:none;
}

/* 中古車 編集*/

#carDetailHeadBtn {
    text-align: center;
    margin: 0px 0 20px 0;
    color: #fff;
    z-index: 1;
    display:block;
}

.clDelete {
    display:none;
}

#carDetailOpenOrClose p{
    width: 30%;
    padding: 2% 0;
    float: left;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 14px;
}

.clOpen {
    background: #00B789;
}

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

.clocIcon {
    margin: 0 10px 0 0;
}

.clOff {
    background: #ccc !important;
    color: #666 !important;
}

.clClose {
    background: #939;
}

.clOff .clocArrow {
    opacity: 0.01 !important;
}


#carDetailOpenOrClose #deleteUsedCarBtn {
    float: right;
    z-index: 2;
    background: #ccc;
    color: #000;
}

#syde_data_holder {
    display:none !important;
}


.fixed_menu2_menu {
    width: 48px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    position:relative;
    transition: background 0.5s;
}

#palette_edit_menu {background: url(../img/common/palette_edit_menu_h.png) no-repeat center;}
#palette_edit_design {background: url(../img/common/palette_edit_design_h.png) no-repeat center;}
#palette_edit_movie {background: url(../img/common/palette_edit_movie_h.png) no-repeat center;}
#palette_ex {background: url(../img/common/palette_ex_h.png) no-repeat center;}
#palette_diagnose {background: url(../img/common/palette_diagnose_h.png) no-repeat center;}
#palette_ctrlZ {background: url(../img/common/palette_ctrlZ_h.png) no-repeat center;}
#palette_edit_page {background: url(../img/common/palette_edit_page_h.png) no-repeat center;}

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

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

#fixed_menu_information_panel {
    display:block;
    position:static;
}

#fixed_menu_information_panel ul a {
    width:100%;
    display: block;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #ccc;
    text-decoration: none;
    text-shadow: none;
}

#openpage_menu_panel {
    left: initial;
    padding: 15px;
    right: 2%;
    top: 70px;
}

#rteditor_loader {
    position:fixed !important;
    top:50%;
    left:50%;
    transform:translate(-50% , -50%);
    width:auto;
}
#fixed_menu2 .dktl_q, #contents_edit_panel .fixed_menu_panel #replacement {display:none;}
#ui-datepicker-div {z-index: 100 !important;}


/* 画像添付フォーム */
.input_pict_file {
    font-size:12px;
    margin:0 0 15px 0;
}

.pict_plus_minus_btn_block {
    width:50%;
}

.pict_form_plus {
    float:left;
    padding:0 10px 0 0 !important;
    cursor:pointer;
    margin:0;
}

.pict_form_minus {
    padding:0 0 0 0 !important;
    cursor:pointer;
}


/* HTMLブロック */
#HTMLBlock_20_htmlcode01_01_1 iframe, #HTMLBlock_20_htmlcode01_01_1 img {
    width:95%;
}

#ShereBtnBox {
    background: none repeat scroll 0 0 #FFF;
    padding: 0px;
    position: fixed;
    right: 0px;
    bottom: 50px;
    z-index: 99;
    cursor:pointer;
}

#HTMLBlock_102_htmlcode01_01_1 img {
    width:100%;
}
.edit1, .edit1_top_campaign, .edit_table_long2, .edit1_top_info, .edit2, .edit_table, .edit2_long, .editLine04, .editLine01, .editLine01p, .editLine02, .editLine02p, .editLine03,  .editLine03p, .editLine04, .editLine04p, .editLine05, .editLine05p, .edit1_top_campaign_p {
    cursor:default !important;
}
h4#shop_info_title .editLine01p, #side_link_block h4 .editLine01p, #sidetopics01 h4 .editLine01p, #sidetopics02 h4 .editLine01p, .subpageLink h3, #sv_title {
    cursor:pointer !important; /*サイドバーの文字はポインターにするため上から外す*/
}
.setup_HTMLBlock, #ShereBtnBox, #NonEditCheck_PopupBox, #NonEditCheckBtnBox, .video_edit_btn {
    display:none !important; /*setup_HTMLBlockが表示されるケースがあるのでimportantを付ける*/
}

div.syde_tweetbtn iframe, div.syde_fbbtn iframe, div.syde_hbbtn iframe, div.syde_mixibtn iframe, div.syde_gplusbtn iframe {
    margin:0;
    padding:0;
}


/* image_letter_block */

div#img_h2_0_change {left: 0;}
div#img_h2_0_change input[type="text"] {width:100%;}


/* image_letter_block */

#enquete-Popup, #paymentThanx-Popup {
    width: 90% !important;
    left: 5% !important;
}
#enquete-Popup #enquete_PopupWrapper {
    width:100% !important;
}
#enquete_popupclose_top, #old_brawser_popupclose_top, #popupclose_btn_topright {
    top: 0 !important;
    right: 0 !important;
}


#paymentThanx-Popup.aboutChargePopup{
    top: 5% !important;
    height: 90% !important;
    overflow-y: scroll;
}

#paymentThanx-Popup.aboutChargePopup .alertChargePopup__inner{
    width: 100% !important;
    box-sizing: border-box;
    padding: 15px !important;
}

#paymentThanx-Popup.aboutChargePopup .alertChargePopup__inner .popup_close_btn{
    width: 100% !important;
    box-sizing:border-box;
}

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

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


/* ブロック全体 */

#dksm_wrapper{
    width:90%;
    margin:0 auto 45px;
}

.addPadding{
    padding:30px;
}

.dksm_regist{
    position:relative;
}

#dksm_wrapper .about_dksm{
    margin:0 0 15px;
}


/* ブロックの中身 */

#dksm_form_01, #dksm_form_02{
    float:left;
    width:100%;
    margin:0 0 10px;
}

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

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

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

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

.dksm_regist select[name="name"],
.dksm_regist select[name="tel_1"], .dksm_regist input[name="tel_2"], .dksm_regist input[name="tel_3"],
.dksm_regist select[name="shaken_expired_year"],.dksm_regist select[name="shaken_expired_month"], .dksm_regist select[name="shaken_expired_day"],
.dksm_regist select[name="shaken_term"],
.dksm_regist textarea{
    padding: 5px;
}

.dksm_regist select[name="tel_1"], .dksm_regist input[name="tel_2"], .dksm_regist input[name="tel_3"]{
    width:70px;
    font-size:14px;
}

.dksm_regist select[name="shaken_expired_year"]{
    max-width:130px;
}

.dksm_regist select[name="shaken_expired_month"], .dksm_regist select[name="shaken_expired_day"]{
    max-width:75px;
}

.dksm_regist textarea{
    min-width: 100%;
    min-height: 150px;
}


/* ブロックにかかるオーバーレイ・スライダー */

#js_dksmSliderContents{
    width:500%;
}

#dksm_wrapper .overLay{
    position: absolute;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index:2;
    top:0;
    left:0;
    border-radius: 10px;
    border:none;
}

.dksm_regist .dksmSlider{
    position: absolute;
    margin: 30px;
    height: 414px;
    top: calc( 50% - 207px );
    background: #fff;
    overflow:hidden;
    z-index:3;
    left:0;
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba( 0,0,0, 0.6);
}



#js_dksmSliderContents div{
    width:calc( 20% - 30px );
    float:left;
    padding: 15px;
}

#js_dksmSliderButtonNext, #js_dksmSliderButtonPrev{
    display:none;
}

#js_dksmSliderStep{
    position:absolute;
    bottom:30px;
    width:100%;
}

#js_dksmSliderStep span:nth-child(5n) {
    margin-right:0;
}

#js_dksmSliderStep .current{
    background:#36f;
}

#js_dksmSliderContents h2{
    background:none !important;
    box-shadow:none !important;
    border:none !important;
    width: 100%;
    border: none;
    font-size: 20px;
    line-height: 120%;
    font-weight: normal;
    padding: 15px 0 0;
    margin:0 0 30px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #CE4231, -1px -1px 1px #CE4231, 1px -1px 1px #CE4231, -1px 1px 1px #CE4231, 2px 2px 2px #E18B82, -2px -2px 2px #E18B82, 2px -2px 2px #E18B82, -2px 2px 2px #E18B82 !important;
}

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

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


#js_dksmSliderContents div > img{
    margin:0 0 30px 0;
    width:100%;
}

#js_dksmSliderStep p{
    width:90px;
    margin:0 auto;
}

#js_dksmSliderStep span{
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}


/***スライダーの3枚目が対象***/

#js_dksmSliderContents div:nth-child(3) p{
    margin:0 0 15px;
}

#js_dksmSliderContents div:nth-child(3) p b{
    display:block;
}

.dksmSliderContents p img {
    display: none;
}

/***スライダーの3枚目が対象 ここまで***/

#js_dksmSliderContents .dksmBtn {
    border: none;
    color: #fff;
    padding: 10px 0;
    margin: 0 auto 15px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    max-width: 80%;
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: inherit;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
}

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

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




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

#carGallMask{
    position:relative;
    margin: 0 0 15px;
    height:60px;
}

#js-slideIconWrapped{
    height:60px;
    position:absolute;
    z-index:1;
}

#js-currentMask{
    height: 60px;
    position: absolute;
    width: 80px;
    z-index: 2;
    top: 0;
    left: 0;
    border: 3px solid #c00;
    box-sizing: border-box;
}

#js-slideIcon{
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    z-index:0;
}

#js-slideImage{
    max-width:none;
}

.car_gall_main{
    overflow:hidden;
    max-width:640px;
}

#cgmLArrow, #cgmRArrow{
    z-index:0;
}

.cgm{
    position: absolute;
    height: 100%;
    width: 20%;
    z-index:1;
}

.cgm.cgmRight{
    right:0;
}

.carthumb_img img{
    min-height:13px;
}
#js-ImageLink{
    float:left;
}
#cgmCapWrapper{
    clear:both;
}

#carGallMask .cgm.hover:hover{
    opacity:0.3;
    cursor:pointer;
}


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

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

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

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

#carGallMask .cgm {
    position: absolute;
    width: 10%;
    top: 0px;
    right: 0;
    background: #fff url(../img/usedcar/cgmBg.png);
    opacity: 0;
    text-align: center;
    z-index: 4;
}

#carGallMask .cgmLeft{
    left: 0;
}



/* 在庫車検索のブロック */
.submit_btn {
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #FFF;
    border-radius: 3px;
    width: 260px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFA74D), color-stop(0.00, #FFDD34));
    background: -webkit-linear-gradient(#FFDD34, #FFA74D);
    background: -moz-linear-gradient(#FFDD34, #FFA74D);
    background: -ms-linear-gradient(#FFDD34, #FFA74D);
    background: linear-gradient(#FFDD34, #FFA74D);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    margin: 10px auto;
    display: block;
    font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#car_search_area {
    text-align: center;
    display: none;
    font-size: 12px;
    color: #222;
    margin: 30px 0 10px;
}

#carSearch_public {
    max-width: 960px;
    margin: 15px auto 35px auto;
    padding-left: 20px;
}


#carSearchForm_public {
    font-size: 14px;
}
#car_name {
    margin-bottom: 15px;
}

.search_title {
    width: 30%;
    display: inline-block;
}

#carMaker_public {
    width: 62%;
}
#carName_public {
    width: 62%;
}

.car_search_select {
    font-size: 13px;
    width: 100px;
}

.pager {
    font-size: 12px;
    clear: both;
    background-color: #F7F7F7;
    width: 650px;
    padding-top: 4px;
    padding-right: 9px;
    padding-bottom: 0px;
    padding-left: 9px;
    margin: 0 auto;
    background: none;
    border: none;
    width: 100%;
}

.pager li {
    margin-bottom: 10px;
    display: inline-block;
}

.pager li span {
    display: block;
    font-weight: bold;
    color: #000;
    border: 1px solid #333;
    background: #FFF;
    margin: 0 5px 0;
    padding: 10px 15px;
    text-align: center;
}
.pager li a {
    display: block;
    background: #DDD;
    border: 1px solid #333;
    margin: 0 5px 0;
    padding: 10px 15px;
}

#car_loader_wrap {
    text-align: center;
}
#car_loader_wrap span {
    margin-left: 10px;
}
#car_rteditor_loader {
    width: 35px;
}

#messagePanel {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    color: #FFF;
}

#carSearchSubmit_public {
    margin: 15px auto;
}

.sidebarSvSubmit {
    color: #FFF;
    width: 50%;
    height: 30px;
    font-size: 11px;
    background: linear-gradient(#FFDD34, #FFA74D);
    cursor: pointer;
    border: 1px solid #FFF;
    border-radius: 3px;
    display: none;
}

#streetViewSubmit {
    margin-top: 15px;
}

.company_fax_str {
    margin : 0 0 0 20px;
}

.unused {
    background: #36f;
}

.link_banner img {
    max-width: 100%;
}

#recruit_banner_block .recruit_banner_bg {
    background: none;
}

#car_recommend_area .noneUsedcarImageThumb {
    min-height: 80px;
}

.carinfo_wrapped {
    margin: 10px 0;
}

.carsort_wrapped {
    margin: 0 0 10px;
}

.display_sort_str {
    display: inline-block;
    width: 27%;
    vertical-align: top;
}

.display_sort_wrapped {
    display: inline-block;
    font-size: 13px;
}

.display_sort_wrapped .order_label_checked {
    background: #555;
    color: #ffffff;
    border: 1px solid #707070;
    border-radius: 3px;
    width: 40px;
    text-align: center;
    font-size: 13px;
    padding: 0 10px;
}

.display_sort_wrapped .order_label_unchecked {
    background: #ccc;
    color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 40px;
    text-align: center;
    font-size: 13px;
    color: #FFF;
    border-radius: 3px;
    padding: 0 10px;
/*    border-bottom: 4px solid #555; */
}

.sort_wrapped {
    margin: 0 0 5px;
}

.order_wrapped {
    text-align: center;
    margin: 10px 0;
}

#sort_order_asc {
    display: none;
}

#sort_order_desc {
    display: none;
}

.detail_link a:visited, .detail_link a:link {
    color: #eee;
}

.main_pict_img {
    vertical-align: middle;
}

#car_free_search_wrapped {
    margin: 0 0 15px;
}

#car_free_search_wrapped .search_title {
    width: 40%;
}

#car_free_search {
    width: 52%;
    font-size:13px;
}

.trialEnqueteHtmlWrapped{
    display:none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 2147483647;
    overflow: hidden;
}

.trialEnqueteHtmlWrapped iframe{
    width: calc( 100% - 30px );
    height: calc( 100% - 30px );
    position: absolute;
    top: 15px;
    left: 15px;
    background: #fefefe;
    border-radius: 5px;
    border: none;
}


#js-trialFormSubmitButton{
    width: 80px;
    height: 80px;
    position: absolute;
    background-image: url(/cms/img/common/trial_end_btn_unable.png);
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 15px;
    left: calc( 50% - 40px );
    z-index: 2;
    transition: .25s;
}

#js-trialFormSubmitButton.js-able{
    background-image: url(/cms/img/common/trial_end_btn.png);
    cursor:pointer;
}


.validate-comment{
    position: absolute;
    bottom: 65px;
    left: calc( 50% - 70px );
    width: 140px;
    height: 140px;
    background-image: url(/cms/img/common/fukidashi.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    z-index: 2;
    transition: opacity .3s, transform .3s, visibility 0s ease .3s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px) scale(0.75);
    transform: translateY(30px) scale(0.75);
    text-align: center;
    cursor: pointer;
}

.validate-comment.isset{
    opacity: 1;
    transition-delay: 0s;
    transition : .3s;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.validate-comment.isset.more{
    animation-name: validateCommentEmphasis;
    animation-duration:.3s;
    animation-iteration-count: 2;
}


@keyframes validateCommentEmphasis{
    0%{ 
        -webkit-transform: translateX(0) translateY(0) scale(1);
        transform: translateX(0) translateY(0) scale(1);
    }
    50%{ 
        -webkit-transform: translateX(0) translateY(0) scale(1.1);
        transform: translateX(0) translateY(0) scale(1.1);
    }
    100%{ 
        -webkit-transform: translateX(0) translateY(0) scale(1);
        transform: translateX(0) translateY(0) scale(1);
    }
}

.validate-comment p{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) translateY( -15px );
    transform: translateX(-50%) translateY(-50%) translateY( -15px );
    width: calc( 100% - 30px );
    line-height: 18px;
    font-size: 14px;
    color: #f00;
    margin-top:5px;
}


#js-trialEnqueteLoader{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 3;
    opacity:0;
    transition:.25s;
}

#js-trialEnqueteLoader.isset{
    opacity:1;
}

#js-trialEnqueteLoader:after {
    content: url(/cms/img/common/loading-grey.gif);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.display_change_icon {
    width: 38px !important;
    height: 38px !important;
    background-image: url(/cms/img/common/setting.png);
    background-size: cover !important;
    background-repeat: no-repeat;
}

.leadOriginalDesign {
    margin: 10px 0;
}

.requiredLabel{
    font-size: 10px;
    background: #f33;
    padding: .5px 5px;
    margin-left: 7.5px;
    border-radius: 3px;
    color: #fff;
}

.ui-datepicker{
    box-sizing:border-box;
}

.js-datePicker .ui-datepicker-title span {
    display: inline !important;
}


.datePickTriggerIcon{
    vertical-align:middle;
    margin: 0 0 0 5px;
}

.js-datePicker{
    position:absolute;
    display:none;
    z-index:2;
}

.n_table .js-datePicker table,
.n_table .js-datePicker tbody,
.n_table .js-datePicker tr{
    display:table-row-group;
}

.n_table .js-datePicker th,
.n_table .js-datePicker td{
    display:table-cell;
    padding:inherit !important;
}

.js-datePicker .ui-datepicker{
    width:280px !important;
    padding: 5px;
}

.js-datePicker .ui-datepicker th, .js-datePicker .ui-datepicker td {
    width: calc( 280px / 7 ) !important;
}

.js-datePicker .ui-datepicker td a {
    padding: 3px 3px 3px 0 !important;
}

.js-datePicker .ui-datepicker th span{
    padding:5px 0px !important;
}

.ui-icon-circle-triangle-w{
    background-image : url(../img/copy2open/datePicker-left.png) !important;
}

.ui-icon-circle-triangle-e{
    background-image : url(../img/copy2open/datePicker-right.png) !important;
}

.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e{
    background-position: center !important;
    border-radius: 100%;
}

.estimateCategory {
    display: inline-block;
    width: calc( ( 100% - 20px ) / 3 );
    box-sizing: border-box;
    margin: 0 5px 0 0;
    background: #eee;
    border-radius: 15px;
    border: 1px solid #ccc;
    padding: 3px 0;
    text-align: center;
    font-size:14px;
}

.estimateCategory:hover{
    opacity:0.8;
}

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

.estimateCategory input{
    display:none;
}

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

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

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

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

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

.overAlert {
    background: #fd4c4c !important;
    font-weight: bold !important;
    color: #fff !important;
}


@keyframes addCheckIconAction{
    0% {
        transform: scale(7.5) rotate(-72deg);
        -webkit-transform: scale(7.5) rotate(-72deg);
        opacity: 0.1;
    }
    100% {
        transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}

@keyframes removeCheckIconAction{
    0% { opacity: 1; }
    100% { opacity: 0; }
}

#mitumori_table_box .input_pict_file span {
    display: inline !important;
}


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

/**************************************/
/*------ animation ------*/

.purun {animation: purun 0.8s ease forwards ;}
@keyframes purun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%);  opacity:0;}
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%);  opacity:1;}
}

.poyon {animation: poyon 1.1s ease forwards;}
@keyframes poyon {
  0%   { transform: scale(0.8, 1.4) translate(0%, -100%); opacity:0;}
  10%  { transform: scale(0.8, 1.4) translate(0%, -15%); }
  20%  { transform: scale(1.4, 0.6) translate(0%, 30%); }
  30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -30%); }
  50%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%);  opacity:1;}
}

.poyooon {animation: poyooon 0.9s ease forwards;}
@keyframes poyooon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%);opacity: 0 }
  10%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(0.9, 1.2) translate(0%, -100%); }
  75%  { transform: scale(0.9, 1.2) translate(0%, -20%); }
  85%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
}

.fromBottom {animation: fromBottom 0.9s ease forwards;}
@keyframes fromBottom {
  0%   { transform: scale(1.1, 1.1) translate(0%, 5%);opacity: 0 }

  100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
}

.fromLeft {animation: fromLeft 0.9s ease forwards;}
@keyframes fromLeft {
  0%   { transform: scale(1.1, 1.1) translate(-5%, 0%);opacity: 0 }

  100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
}

.fromRight {animation: fromRight 0.9s ease forwards;}
@keyframes fromRight {
  0%   { transform: scale(1.1, 1.1) translate(5%, 0%);opacity: 0 }

  100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
}

.expandUp {animation: expandUp 0.7s ease forwards;}
@keyframes expandUp {
    0% {transform: translateY(100%) scale(0.6) scaleY(0.5);}
    60%{transform: translateY(-7%) scale(1.08) scaleY(1.12);}
    75%{transform: translateY(3%);} 
    100% {transform: translateY(0%) scale(1) scaleY(1);}    
}

.fadeBlockUp {animation: fadeBlockUp 1s forwards;}
@keyframes fadeBlockUp {
    0% {opacity:0; transform:translate(0, 60px);}
    100% {opacity:1; transform:none;}
}

.pulse {animation: pulse 1.5s infinite;}
@keyframes pulse {
    0% {transform:scale(0.9); opacity:0.7;}
    50% {transform:scale(1); opacity:1;}    
    100% {transform:scale(0.9); opacity:0.7;}
}

.hatch {animation: hatch 1s ease-in-out forwards; transform-origin: 50% 100%;}
@keyframes hatch {
    0% {transform: rotate(0deg) scaleY(0.6);}
    20% {transform: rotate(-2deg) scaleY(1.05);}
    35% {transform: rotate(2deg) scaleY(1);}
    50% {transform: rotate(-2deg);} 
    65% {transform: rotate(1deg);}  
    80% {transform: rotate(-1deg);}     
    100% {transform: rotate(0deg);}                                 
}

.h2_box_fadein {animation: h2_box_fadein 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes h2_box_fadein {
    0% {opacity:0; transform:translate(0, 20px);}
    100% {opacity:1; transform:translate(0, 0px);}
}

.fadeinLeft {animation: fadeinLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes fadeinLeft {
    0% {opacity:0; transform:translate(-20px, 0);}
    100% {opacity:1; transform:translate(0, 0);}
}

.fadeinRight {animation: fadeinRight 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes fadeinRight {
    0% {opacity:0; transform:translate(20px, 0);}
    100% {opacity:1; transform:translate(0, 0);}
}

.fadeinBottom {animation: fadeinBottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes fadeinBottom {
    0% {opacity:0; transform:translate(0, 20px);}
    100% {opacity:1; transform:translate(0, 0px);}
}

.fadeinScale {animation: fadeinScale 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes fadeinScale {
    0% {opacity:0; transform:scale(1.1);}
    100% {opacity:1; transform:scale(1.0);}
}

.slideinLeft {animation: slideinLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes slideinLeft {
    0% {
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
    opacity: 0;
    }
    30% {opacity: 1;}
    100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    }
}

.carPurun {animation: carPurun 0.8s ease forwards ;}
@keyframes carPurun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%);  opacity:0;}
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.2, 0.7) translate(0%, 7%); }
  50%  { transform: scale(0.7, 1.2) translate(0%, -7%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.03, 1.03) translate(0%, 0%);  opacity:1;}
}

.crossin {
  position: relative;
  opacity: 1 !important;
}

.crossin:before {
  animation: crossin .3s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes crossin {
  99% {
    transform: translateX(100%);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}


.crossinRight {
  position: relative;
  opacity: 1 !important;
}

.crossinRight:before {
  animation: crossinRight .3s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@keyframes crossinRight {
  99% {
    transform: translateX(-100%);
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}

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

.textCounter__wrapper{
    display:none;
}


#main_contents_container{
    overflow: hidden;
}



/* ImageBox */

#js-directUploadImageInput{
    display:none;
}

.js-changeableBoxImageLayoutBox {
    transition:.25s;
    -webkit-transition:.25s;
    position:relative;
}

[data-transparent="0"]{ opacity:1; }

[data-transparent="1"]{ opacity:0; }

.imageBoxContents {
    position: relative;
    margin:0 0 15px;
    float: left;
}

.img_box_left.imageBoxSlider{
    float:left;
}

.img_box_right.imageBoxSlider{
    float:right;
}

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

.img_box_left:not(.imageBoxSlider) .imageBoxContents{
    margin: 0 10px 10px 0;
}

.img_box_right:not(.imageBoxSlider) .imageBoxContents{
    margin: 0 0 10px 10px;
}

.img_box_left:not(.imageBoxSlider)[data-size="max"] .imageBoxContents,
.img_box_right:not(.imageBoxSlider)[data-size="max"] .imageBoxContents{
    margin: 0 0 10px 0 !important;
}

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

.imageBoxSlider .imageBoxContents img{
    float:none;
}


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

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

.imageBoxClearfix{
    display:none;
}

.size_max{
    height: auto !important;
    padding: 0 !important;
}


.js-activeControll .js-imageBox{
    z-index: 12;
}


.imageBoxContents[data-layout="LAYOUT_2COLUMN"],
.imageBoxContents[data-layout="LAYOUT_3COLUMN"],
.imageBoxContents[data-layout="LAYOUT_4COLUMN"]{
    float: left;
    width: calc( 50% - 7.5px );
    margin-right: 15px;
}

.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_2COLUMN"]:last-of-type,
.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_3COLUMN"]:nth-of-type(2),
.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_3COLUMN"]:nth-of-type(3),
.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_4COLUMN"]:nth-of-type(2),
.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_4COLUMN"]:nth-of-type(4){
    margin-right: 0;
}

.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_3COLUMN"]:nth-of-type(3){
    clear:both;
}

.imageFixControllerInner{
    position:relative;
}

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



/* ImageBox Controller */


.changeBoxImageLayoutControllerOuter {
    background: #f5f5f5;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    float: right;
    margin: 5px 0;
    opacity: 1;
    padding: 5px;
    transition: .25s;
    position: relative;
}


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

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


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

.changeBoxImageLayoutControllerInner img{
    width: 30px;
    cursor: pointer;
}


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

.boxImageImageControllerOuter{
    z-index: 5;
}

.boxImageSettingControllerOuter{   
    z-index: 4;
}

.img_box_left .boxImageImageControllerOuter,
.img_box_left .boxImageSettingControllerOuter{
    left: 0px;
}

.img_box_right .boxImageImageControllerOuter,
.img_box_right .boxImageSettingControllerOuter{
    right: 0px;
}

.imageDetailControllerOuter{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    transition: .25s;
}

.imageDetailControllerMask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 100;
}

.imageDetailControllerInner {
    background-color: #f5f5f5;
    padding: 30px;
    z-index: 101;
    position: absolute;
    border-radius: 5px;
    width: 90vw;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    text-align: center;
}

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

.imageDetailControllerTitle, .imageDetailControllerCurrentLinkOuter {
    padding: 0 !important;
}

.imageDetailControllerTitle{
    margin: 0 0 5px;
}

.imageDetailControllerCurrentLinkOuter{
    margin:0 0 20px;
}

.imageDetailControllerAbout {
    color: #aaa;
    font-size: 12px;
}

.imageDetailControllerCaption{
    font-size:12px;
    text-align:left;
    margin: 0 0 5px;
    color:#666;
    padding:0 !important;
}

.imageDetailControllerSubmit{
    color: #fff;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
    font-weight: bold;
    font-size: 16px;
    padding: 10px 45px;
    background: #FFA74D url(../img/common/create_btn.png) repeat-x;
    border: 1px solid #FFF;
    border-radius: 3px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFA74D), color-stop(0.00, #FFDD34));
    background: -webkit-linear-gradient(#FFDD34, #FFA74D);
    background: -moz-linear-gradient(#FFDD34, #FFA74D);
    background: -ms-linear-gradient(#FFDD34, #FFA74D);
    background: linear-gradient(#FFDD34, #FFA74D);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
    transform: translateY(-1px);
    display:block;
    margin:0 auto;
}

.imageDetailControllerlabelOuter{
    margin:0 0 30px;
    text-align: left;
}

.imageDetailControllerTitle{
    font-size: 16px !important;
    color: #333;
}

input[type="text"].imageDetailControllerInputText
{
    width: 100%;
    margin:0 0 5px;
}

.deleteEditorThumbNailOuter{
    margin: 0 0 30px;
    border: 5px solid #fc0;
    border-radius: 5px;
    padding: 15px;
}

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

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

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

.imageDetailControllerTab {
    margin: 5px 0 10px;
    padding: 0;
}

.imageDetailControllerTab .tab__item{
    display: inline-block;
    text-align: center;
    padding: 15px 5px;
    border-radius: 5px;
    background: #F0F0F0;
    color: #CCC !important;
    cursor: pointer;
    line-height: 1;
    font-size: 12px;
    transition: all .3s;
    width: 123px;
    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{
    height: 75px;
    margin: 0 0 15px;
}

.imageDetailControllerDetail.detail__item{
    display: none;
}

.imageDetailControllerTextOuter[data-active = "link"] [data-detail = "link"],
.imageDetailControllerTextOuter[data-active = "popup"] [data-detail = "popup"]{
    display: block;
}

.imageDetailControllerDetail p{
    font-size: 12px;
    margin: 0 0 3px;
}
.imageDetailControllerDetail .attention{
    color: #999;
    font-size: 12px;
}

.imageDetailControllerDetail[data-detail = "popup"] .attention{
    width: 100%;
    text-align: center;
    background: #f8f8f8;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    color: #999 !important;
    padding: 20px;
}

.imageDetailControllerDetail input[type = "text"]{
    width: 100%;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 7px;
    box-sizing: border-box;
}

.imageDetailControllerDetail input[type = "text"]::placeholder{
    color: #CCC;
}

.imageDetailControllerOuter[data-editor="delete"] .imageDetailControllerTextOuter{
    margin: 0 0 15px;
}


.imageDetailControllerCancelString{
    color:#36f;
}


.imageDetailControllerFormOuter{
    text-align:center;
}

.js-loadingDirectUpload:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,0.9);
    background-image: url(/cms/img/common/loading001.gif);
    background-repeat: no-repeat;
    background-position: center center;
    opacity:0;
    transition:.5s;
}

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


.closeDetailController {
    position: absolute;
    right: -5px;
    top: -5px;
    padding: 0 !important;
}

.imageDetailControllerCurrentLink{
    margin: 0 0 15px !important;
    color: #36f !important;
    background-image: url(/cms/img/common/out_link.gif);
    background-position: right top 2px;
    padding: 0 18px 0 0;
    background-repeat: no-repeat;
    font-size: 12px;
}

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


.imageFixControllerInner[data-fix-type="captionHead"].disabled .imageFixController,
.imageFixControllerInner[data-fix-type="captionBody"].disabled .imageFixController{
    cursor:default;
    opacity:0.5;
}


.imageFixController[data-fix-type="disabled"]{
    width:19px;
    padding: 2px 0px 2px 2px;
    cursor:not-allowed;
}


.controllerErrorMessage{
    color: #e00 !important;
    margin: 5px 0 !important;
    font-size: 12px !important;
}


/* imageBox Slider */

.imageBoxSlider{
    overflow:hidden;
    padding:0;
    position:relative;
}

.imageBoxSlider .imageBoxContentsWrapper{
    transition: .5s;
}


.imageBoxSlider .imageBoxContents{
    max-width:100% !important;
}

.imageBoxSlider .imageBoxOuter{
    height:100%;
    width:100%;
    display:table;
    text-align:center;
    margin:0;
}

.imageBoxSlider .imageBoxInner{
    display:table-cell;
    vertical-align:middle;
}

.js-controllerOuter{
    position: absolute;
    top: 50%;
}


.boxImageSliderController[data-active="1"],
.boxImageSliderProgress[data-active="1"]{
    opacity:1;
}

.boxImageSliderProgress:last-of-type{
    margin:0;
}

.boxImageSliderController{
    position: absolute;
    top: calc( 50% - 20px);
    color: #fff;
    padding: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    transition: .3s;
    opacity: 0;
    z-index: 1;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid #ccc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    border-radius:4px;
}


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

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

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

.boxImageSliderProgress {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ccc;
    border-radius: 100%;
    margin-right: 5px;
    opacity:0;
}

.boxImageSliderProgress.js-current{
    background-color: #fefefe;
    box-shadow: 1px 1px 3px rgba(0,0,0,1);
}

.boxImageSliderProgressOuter {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 30px;
    z-index:1;
}


/* boxImageMultiSlider */

.imageBoxMultiSlider{
    width: 100%;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 45px;
    position: relative;
}

.imageBoxMultiSlider .controllerOuter{
    bottom: 60px;
    position: absolute;
    top: auto;
    z-index: 1;
}

.imageBoxMultiSlider .numberingOuter{
    width: 86px;
    border-radius: 3px;
    bottom: 32px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    left: calc( 50% - 43px );
    padding: 2px 5px;
    text-align: center;
    position: absolute;
    z-index: 1;
}

.imageBoxMultiSlider .numberingOuter.blink{
    animation: multiSliderNumBlink 300ms ease forwards;
}

@keyframes multiSliderNumBlink {
    0% {
        background: none;
    }
    25% {
        background: #ffc7c7;
    }
    50% {
        background: none;
    }
    75% {
        background: #ffc7c7;
    }
    100% {
        background: none;
    }
}


.imageBoxMultiSlider .boxImageMultiSliderNumber{
    width: 32px;
    font-family: 'Noto Sans JP', sans-serif !important;
    display: inline-block;
    text-align: center;
}

.imageBoxMultiSlider .boxImageMultiSliderController{
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    transition: top .2s;
    box-sizing: border-box;
    background-size: 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFF;
}

.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "prev"]{
    position: absolute;
    right: auto;
    left: calc( 50% - 80px );
    background-image: url(../img/usedcar/carslider_prev.png);
    cursor: pointer;
    margin: 0 10px 0 0;
}

.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "prev"]:hover,
.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "next"]:hover{
    top: -3px;
}

.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "next"]{
    position: absolute;
    left: auto;
    right: calc( 50% - 80px );
    background-image: url(../img/usedcar/carslider_next.png);
    cursor: pointer;
    margin: 0 0 0 10px;
}


/* スライドできる要素がないのにコントローラーは必要ない */
.imageBoxMultiSlider[data-max-slider-num = "0"],
.imageBoxMultiSlider[data-max-slider-num = "1"]{
    padding: 0;
}

.imageBoxMultiSlider[data-max-slider-num = "0"] .imageBoxContentsWrapper,
.imageBoxMultiSlider[data-max-slider-num = "1"] .imageBoxContentsWrapper{
    overflow: hidden !important;
}

.imageBoxMultiSlider[data-max-slider-num = "0"] .numberingOuter,
.imageBoxMultiSlider[data-max-slider-num = "1"] .numberingOuter,
.imageBoxMultiSlider[data-max-slider-num = "0"] .controllerOuter,
.imageBoxMultiSlider[data-max-slider-num = "1"] .controllerOuter{
    display: none;
}

.imageBoxMultiSlider .imageBoxContentsWrapper{
    width: 90%;
    margin: 0 auto 15px;
    /*overflow: hidden;*/
}

.imageBoxMultiSlider .imageBoxContentsWrapper.moveNext .imageBoxContentsSubWrapper{
    left: -30px;
}

.imageBoxMultiSlider .imageBoxContentsWrapper.movePrev .imageBoxContentsSubWrapper{
    left: 30px;
}

.imageBoxMultiSlider .imageBoxContentsSubWrapper{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    transition: left 300ms cubic-bezier(0.49, 0, 0.24, 1);
    left: 0;
    margin: 0;
    position: relative;
}

.imageBoxMultiSlider .imageBoxContents[data-layout="LAYOUT_MULTI_SLIDESHOW"]{
    box-sizing: border-box;
    margin: 0px 10px 10px;
}

.imageBoxMultiSlider .captionHead{
    font-size: 16px;
}

.imageBoxMultiSlider .captionBody{
    font-size: 12px;
}

.imageBoxMultiSlider .imageBoxOuter{
    margin: 0 auto;
}

.imageBoxMultiSlider .imageBoxInner{
    width: 100%;
}

.imageBoxMultiSlider .js-imageBlockImage{
    box-shadow: none;
}

.imageBoxMultiSlider .imageBoxInner > img{
    width: 100%;
    border-radius: 0px !important;
    box-shadow: none !important;
}


/* ImageBox BlankImage */

.imageBoxBlankOuter {
    width: 100%;
    display: block;
    text-align: center;
    border: 2px dashed #ccc;
    background-color: #fff;
    box-sizing:border-box;
    color: #36f;
    font-size: 12px;
    padding: 10px;
}

.imageBoxBlank{
    display:block;
}

.img_box_left .imageBoxBlankOuter img,
.img_box_right .imageBoxBlankOuter img {
    padding: 0;
    float: none;
}

.alertAboutCaption{
    position: absolute;
    font-size: 12px;
    top: 100%;
    background: #fefefe;
    width: 100%;
    padding: 15px;
    left: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    display: none;
    cursor: pointer;
    border: 2px solid #fc0;
    box-sizing: border-box;
}


.header_logo_img {
    width: 150px;
    height: 40px;
}

.visibilityHidden {
    visibility: hidden;
}

.visibilityVisible {
    visibility: visible;
}


.js-imageBoxBackground {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    min-height: 320px;
    box-sizing: border-box;
    padding: 20px 0;
}

.js-imageBoxBackground .changeBoxImageLayoutControllerOuter{
    bottom: 0;
    right: 0;
    position: absolute;
    margin: 10px 0 0;
}

.js-imageBoxBackground .editTextOuter {
    width: 80%;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    word-break: break-all;
}

.js-imageBoxBackground .editTextOuter h3 {
    float: none;
    width: auto;
}

.js-imageBoxBackground .editTextOuter b, .js-imageBoxBackground .editTextOuter p {
    float: none;
    padding: 0;
    width: auto;
    background: none;
}

.box_voice.js-imageBoxBackground .editTextOuter b {
    display: inline-block;
    margin-bottom: 10px;
}

.campaign_content.js-imageBoxBackground .editTextOuter span {
    color: #000;
}



.js-imageBoxBackground .imageNone {
    display: none;
}

.js-imageBoxBackground .imageBlock {
    display: block;
    background: transparent;
    border: 0;
    margin: 0;
}

.div_box_flow .js-imageBoxBackground.box_flow:after {
    content: "";
}


.bgImageUploadLoader {
    position: absolute;
    top: calc(50% - 52.5px);
    left: calc(50% - 52.5px);
}


.bgImageUploadLoaderOuter {
    background: transparent;
    position: absolute;
    opacity: 0;
    transition: .25s;
    z-index: 2;
}

.bgImageUploadLoaderActive {
    opacity: 1;
}

.js-imageBoxBackground .js-imageBox {
    position: unset;
}

.js-imageBoxBackground .imageBoxContents {
    position: unset;
}

.js-imageBoxBackground.isRight {
    text-align: right;
}

.js-imageBoxBackground.isLeft {
    text-align: left;
}

.resetWidth {
    width: auto;
}

.resetHeight {
    height: auto;
}




.wrap{
    display: flex;
    min-width: auto !important;
}

.wrap.hide{
    display: none;
}

.imageBoxBlank ~ .wrap{
    display: none;
}

.img_box_left .wrap img,
.img_box_right .wrap img{
    float: none;
    margin: 0;
    padding: 0;

}

.btnWrap{
    background: #EEE;
    cursor: pointer;
}

.parentBtn{
    width: 29px;
    height: 29px;
    background: #333;
    border: 1px solid #999;
    padding: 1px;
    text-align: left;
    margin: 0 2px;
}

.parentBtn > img{
    position: relative;
    top: 3px;
    left: 3px;
}

.imageDelete .parentBtn{
    background: #C00;
}

.childBtn{
    width: 33px;
    height: 33px;
    position: relative;
    margin: 0 3px;
}

.childBtn img{
    width: 33px;
    height: 33px;
}


.childBtnWrap{
    display: none;
    padding: 10px;
    background: #FFF;
    border-radius: 10px;
    position: absolute;
    bottom: 38px;
    transform: translateX(-50%) translateX(18px);
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}

.childBtnWrap:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -9px;
    border: 9px solid transparent;
    border-top: 9px solid #FFF;
}

.childBtnWrap--active{
    display: flex;
    animation: buttonExpandUp 0.3s ease forwards;
}

.tapExpandUp{
    animation: tapExpandUp 0.3s ease forwards;
}

.tapOpacityAnimation{
    animation: tapOpacityAnimation 1s ease forwards;
}

@keyframes tapExpandUp {
    0% {transform: scale(0.6) scaleY(0.5);}
    60%{transform: scale(1.08) scaleY(1.12);}
    100% {transform: scale(1) scaleY(1);}    
}

@keyframes tapOpacityAnimation {
    0% {opacity: 0;}
    100% {opacity: 1;}    
}

@keyframes buttonExpandUp {
    0% {transform: translateX(-50%) translateX(18px) scale(0.6) scaleY(0.5);}
    60%{transform: translateX(-50%) translateX(18px) scale(1.08) scaleY(1.12);}
    100% {transform: translateX(-50%) translateX(18px) scale(1) scaleY(1);}    
}


@media all and (-ms-high-contrast:none){ /** IE11用 **/

    .imagePosition .childBtnWrap,
    .imageLink .childBtnWrap,
    .imageCaption .childBtnWrap{
        width: 78px;
    }

}





#smt_head_base .editLogoOuter .editLogoImage {
    width: auto;
    height: 45px;
    vertical-align: middle;
}

#header .editLogoCompany.logoTextColorCC0000{
    color: #cc0000 !important;
}

#header .editLogoCompany.logoTextColorFF9900{
    color: #ff9900 !important;
}

#header .editLogoCompany.logoTextColorFFCC00{
    color: #ffcc00 !important;
}

#header .editLogoCompany.logoTextColor99cc00{
    color: #99cc00 !important;
}
#header .editLogoCompany.logoTextColor006600{
    color: #006600 !important;
}
#header .editLogoCompany.logoTextColor3399ff{
    color: #3399ff !important;
}
#header .editLogoCompany.logoTextColor0066ff{
    color: #0066ff !important;
}
#header .editLogoCompany.logoTextColor6633cc{
    color: #6633cc !important;
}
#header .editLogoCompany.logoTextColorFF6699{
    color: #ff6699 !important;
}
#header .editLogoCompany.logoTextColor333333{
    color: #333333 !important;
}
#header .editLogoCompany.logoTextColor000000{
    color: #000000 !important;
}
#header .editLogoCompany.logoTextColorFFFFFF{
    color: #ffffff !important;
}



#smt_head_base .editLogoOuter {
    height: auto;
    padding-right: 0;
}

#smt_head_base .editLogoOuter a.editLogoCompany {
    vertical-align: middle;
    position: relative;
    top: unset;
    box-sizing: border-box;
    font-size: 16px;
}


#smt_head_base .editLogoOuter.logoEditMark1 .editLogoCompany {
    padding: 0 3%;
}



#smt_head_base .editLogoOuter.logoEditMark1 .editLogoCompany:first-letter {
    font-size: 130%;
}



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

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




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

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

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

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

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

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

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

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

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

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

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

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





#smt_head_base .editLogoOuter.logoEditMark2.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMark3.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMark4.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMark5.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMarkReverse5.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMark6.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMark7.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMarkReverse7.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMark8.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMark9.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMark10.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMark12.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMark13.logoPositionRight,
#smt_head_base .editLogoOuter.logoEditMark14.logoPositionRight
{
    background-position: right center;
}


#smt_head_base .editLogoOuter.logoEditMark2 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark3 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark4 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark5 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark6 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark8 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark9 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark10 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark12 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark13 .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark14 .editLogoCompany
{
    padding: 0 0 0 55px;
}




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

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



#smt_head_base .editLogoOuter.logoEditMark2.logoPositionRight .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark3.logoPositionRight .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark4.logoPositionRight .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark5.logoPositionRight .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark6.logoPositionRight .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark7.logoPositionRight .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark8.logoPositionRight .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark9.logoPositionRight .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark10.logoPositionRight .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark12.logoPositionRight .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark13.logoPositionRight .editLogoCompany,
#smt_head_base .editLogoOuter.logoEditMark14.logoPositionRight .editLogoCompany
{
    padding: 0 0 0 10px;
}

.editLogoOuter.logoEditMarkReverse5.logoPositionRight .editLogoCompany {
    padding: 0 3%;
}

.editLogoOuter.logoEditMarkReverse7.logoPositionRight .editLogoCompany {
    padding: 0 3%;
}

.editLogoHeaderOuter .editLogoOuter a.editLogoCompany.hiddenShopName {
    display: none;
}

.editLogoHeaderOuter .editLogoOuter .originalLogo.showOriginalHeaderLogo {
    display: none;
}

#header .editLogoOuter a.editLogoCompany.hiddenShopName,
#smt_head_base .editLogoOuter a.editLogoCompany.hiddenShopName {
    display: none;
}

#header .editLogoOuter .originalHeaderLogoOuter,
#smt_head_base .editLogoOuter .originalHeaderLogoOuter {
    display: none;
}

#header .editLogoOuter .originalHeaderLogoOuter,
#smt_head_base .editLogoOuter .originalHeaderLogoOuter {
    display: none;
}

#header .editLogoOuter .originalHeaderLogoOuter.showOriginalHeaderLogo,
#smt_head_base .editLogoOuter .originalHeaderLogoOuter.showOriginalHeaderLogo {
    display: block;
}

#header .editLogoOuter .originalHeaderLogoOuter.showOriginalHeaderLogo .originalLogo,
#smt_head_base .editLogoOuter .originalHeaderLogoOuter.showOriginalHeaderLogo .originalLogo {
    display: block;
    height: 100%;
}




.notoSansJpLight .smtCompanyName {
    font-family: "notoSansJpLight", serif !important;
}

.mplus1pRegular .smtCompanyName {
    font-family: "mplus1pRegular", serif !important;
}

.notoSansJpBlack .smtCompanyName {
    font-family: "notoSansJpBlack", serif !important;
}

.notoSansJpBold .smtCompanyName {
    font-family: "notoSansJpBold", serif !important;
}

.notoSerifJpExtraLight .smtCompanyName {
    font-family: "notoSerifJpExtraLight", serif !important;
    padding-bottom: 3px !important;
}

.sourceHanSansRegular .smtCompanyName {
    font-family: "sourceHanSansRegular", serif !important;
    padding-bottom: 2px !important;
}

.notoSerifJpBlack .smtCompanyName {
    font-family: "notoSerifJpBlack", serif !important;
    padding-bottom: 2px !important;
}

.mPlusRounded1cLight .smtCompanyName {
    font-family: "mPlusRounded1cLight", serif !important;
}

.mPlusRounded1cBold .smtCompanyName {
    font-family: "mPlusRounded1cBold", serif !important;
}

.logoTypeGothic .smtCompanyName {
    font-family: "logoTypeGothic", serif !important;
}


/* スマホではフォントサイズを変える */
#smt_head_base .editLogoOuter.company_rogo a.logoTextSizeSmall {
    font-size: 12px;
}

/* スマホではフォントサイズを変える */
#smt_head_base .editLogoOuter.company_rogo a.logoTextSizeMedium {
    font-size: 16px;
}

/* スマホではフォントサイズを変える */
#smt_head_base .editLogoOuter.company_rogo a.logoTextSizeLarge {
    font-size: 18px;
}

.logoNone {
    display: none !important;
}



.company_rogo a.logoEditEffect2 {
    text-shadow: #EEE 1px 0px 0px, #EEE 0.75517px 0.958851px 0px, #EEE 0.0806px 0.68294px 0px, #EEE 0.141474px 1.99499px 0px, #EEE -0.832294px 1.81859px 0px, #EEE -1.60229px 1.19694px 0px, #EEE -0.97998px 0.28224px 0px, #EEE -0.87291px -0.701566px 0px, #EEE -0.30729px -1.5136px 0px, #EEE -0.421592px -0.95506px 0px, #EEE 0.567324px -0.91785px 0px, #EEE 0.41734px -0.41108px 0px, #EEE 0.92034px -0.558831px 0px;
}
/*
.company_rogo a.logoEditEffect3 {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #ff0000 0px -2px 1px, #ff0000 -1px 1px 1px, #ff0000 1px 1px 1px, #ff0000 -2px 1px 1px, #ff0000 2px -1px 1px, #ff0000 -2px -1px 1px, #ff0000 1px 2px 1px, #ff0000 0px 2px 1px, #ff0000 1px -2px 1px, #ff0000 -1px -2px 1px, #ff0000 1px 1px 1px, #ff0000 -1px 1px 1px, #ff0000 1px -1px 1px, #ff0000 -1px -1px 1px, #ff0000 1px 1px 1px, #ff0000 -1px 1px 1px;
}
*/


.company_rogo a.logoEditEffectCC0000 {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #CC0000 0px -2px 1px, #CC0000 -1px 1px 1px, #CC0000 1px 1px 1px, #CC0000 -2px 1px 1px, #CC0000 2px -1px 1px, #CC0000 -2px -1px 1px, #CC0000 1px 2px 1px, #CC0000 0px 2px 1px, #CC0000 1px -2px 1px, #CC0000 -1px -2px 1px, #CC0000 1px 1px 1px, #CC0000 -1px 1px 1px, #CC0000 1px -1px 1px, #CC0000 -1px -1px 1px, #CC0000 1px 1px 1px, #CC0000 -1px 1px 1px;
}

.company_rogo a.logoEditEffectFF9900 {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FF9900 0px -2px 1px, #FF9900 -1px 1px 1px, #FF9900 1px 1px 1px, #FF9900 -2px 1px 1px, #FF9900 2px -1px 1px, #FF9900 -2px -1px 1px, #FF9900 1px 2px 1px, #FF9900 0px 2px 1px, #FF9900 1px -2px 1px, #FF9900 -1px -2px 1px, #FF9900 1px 1px 1px, #FF9900 -1px 1px 1px, #FF9900 1px -1px 1px, #FF9900 -1px -1px 1px, #FF9900 1px 1px 1px, #FF9900 -1px 1px 1px;
}

.company_rogo a.logoEditEffectFFCC00 {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFCC00 0px -2px 1px, #FFCC00 -1px 1px 1px, #FFCC00 1px 1px 1px, #FFCC00 -2px 1px 1px, #FFCC00 2px -1px 1px, #FFCC00 -2px -1px 1px, #FFCC00 1px 2px 1px, #FFCC00 0px 2px 1px, #FFCC00 1px -2px 1px, #FFCC00 -1px -2px 1px, #FFCC00 1px 1px 1px, #FFCC00 -1px 1px 1px, #FFCC00 1px -1px 1px, #FFCC00 -1px -1px 1px, #FFCC00 1px 1px 1px, #FFCC00 -1px 1px 1px;
}

.company_rogo a.logoEditEffect99cc00 {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #99cc00 0px -2px 1px, #99cc00 -1px 1px 1px, #99cc00 1px 1px 1px, #99cc00 -2px 1px 1px, #99cc00 2px -1px 1px, #99cc00 -2px -1px 1px, #99cc00 1px 2px 1px, #99cc00 0px 2px 1px, #99cc00 1px -2px 1px, #99cc00 -1px -2px 1px, #99cc00 1px 1px 1px, #99cc00 -1px 1px 1px, #99cc00 1px -1px 1px, #99cc00 -1px -1px 1px, #99cc00 1px 1px 1px, #99cc00 -1px 1px 1px;
}


.company_rogo a.logoEditEffect006600 {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #006600 0px -2px 1px, #006600 -1px 1px 1px, #006600 1px 1px 1px, #006600 -2px 1px 1px, #006600 2px -1px 1px, #006600 -2px -1px 1px, #006600 1px 2px 1px, #006600 0px 2px 1px, #006600 1px -2px 1px, #006600 -1px -2px 1px, #006600 1px 1px 1px, #006600 -1px 1px 1px, #006600 1px -1px 1px, #006600 -1px -1px 1px, #006600 1px 1px 1px, #006600 -1px 1px 1px;
}


.company_rogo a.logoEditEffect3399ff {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #3399ff 0px -2px 1px, #3399ff -1px 1px 1px, #3399ff 1px 1px 1px, #3399ff -2px 1px 1px, #3399ff 2px -1px 1px, #3399ff -2px -1px 1px, #3399ff 1px 2px 1px, #3399ff 0px 2px 1px, #3399ff 1px -2px 1px, #3399ff -1px -2px 1px, #3399ff 1px 1px 1px, #3399ff -1px 1px 1px, #3399ff 1px -1px 1px, #3399ff -1px -1px 1px, #3399ff 1px 1px 1px, #3399ff -1px 1px 1px;
}

.company_rogo a.logoEditEffect0066ff {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #0066ff 0px -2px 1px, #0066ff -1px 1px 1px, #0066ff 1px 1px 1px, #0066ff -2px 1px 1px, #0066ff 2px -1px 1px, #0066ff -2px -1px 1px, #0066ff 1px 2px 1px, #0066ff 0px 2px 1px, #0066ff 1px -2px 1px, #0066ff -1px -2px 1px, #0066ff 1px 1px 1px, #0066ff -1px 1px 1px, #0066ff 1px -1px 1px, #0066ff -1px -1px 1px, #0066ff 1px 1px 1px, #0066ff -1px 1px 1px;
}

.company_rogo a.logoEditEffect6633cc {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #6633cc 0px -2px 1px, #6633cc -1px 1px 1px, #6633cc 1px 1px 1px, #6633cc -2px 1px 1px, #6633cc 2px -1px 1px, #6633cc -2px -1px 1px, #6633cc 1px 2px 1px, #6633cc 0px 2px 1px, #6633cc 1px -2px 1px, #6633cc -1px -2px 1px, #6633cc 1px 1px 1px, #6633cc -1px 1px 1px, #6633cc 1px -1px 1px, #6633cc -1px -1px 1px, #6633cc 1px 1px 1px, #6633cc -1px 1px 1px;
}

.company_rogo a.logoEditEffectFF6699 {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FF6699 0px -2px 1px, #FF6699 -1px 1px 1px, #FF6699 1px 1px 1px, #FF6699 -2px 1px 1px, #FF6699 2px -1px 1px, #FF6699 -2px -1px 1px, #FF6699 1px 2px 1px, #FF6699 0px 2px 1px, #FF6699 1px -2px 1px, #FF6699 -1px -2px 1px, #FF6699 1px 1px 1px, #FF6699 -1px 1px 1px, #FF6699 1px -1px 1px, #FF6699 -1px -1px 1px, #FF6699 1px 1px 1px, #FF6699 -1px 1px 1px;
}


.company_rogo a.logoEditEffect333333 {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #333333 0px -2px 1px, #333333 -1px 1px 1px, #333333 1px 1px 1px, #333333 -2px 1px 1px, #333333 2px -1px 1px, #333333 -2px -1px 1px, #333333 1px 2px 1px, #333333 0px 2px 1px, #333333 1px -2px 1px, #333333 -1px -2px 1px, #333333 1px 1px 1px, #333333 -1px 1px 1px, #333333 1px -1px 1px, #333333 -1px -1px 1px, #333333 1px 1px 1px, #333333 -1px 1px 1px;
}


.company_rogo a.logoEditEffect000000 {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #000000 0px -2px 1px, #000000 -1px 1px 1px, #000000 1px 1px 1px, #000000 -2px 1px 1px, #000000 2px -1px 1px, #000000 -2px -1px 1px, #000000 1px 2px 1px, #000000 0px 2px 1px, #000000 1px -2px 1px, #000000 -1px -2px 1px, #000000 1px 1px 1px, #000000 -1px 1px 1px, #000000 1px -1px 1px, #000000 -1px -1px 1px, #000000 1px 1px 1px, #000000 -1px 1px 1px;
}

.company_rogo a.logoEditEffectFFFFFF {
    text-shadow: #000000 1px 0px 2px, #000000 -1px 0px 2px, #000000 0px 0px 2px, #000000 0px 0px 2px, #000000 0px 1px 2px, #000000 0px -1px 2px, #000000 0px 0px 2px, #000000 0px 0px 2px, #FFFFFF 0px -2px 1px, #FFFFFF -1px 1px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -2px 1px 1px, #FFFFFF 2px -1px 1px, #FFFFFF -2px -1px 1px, #FFFFFF 1px 2px 1px, #FFFFFF 0px 2px 1px, #FFFFFF 1px -2px 1px, #FFFFFF -1px -2px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -1px 1px 1px, #FFFFFF 1px -1px 1px, #FFFFFF -1px -1px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -1px 1px 1px;
}

.company_rogo a.logoEditEffect4 {
    text-shadow: 1px 1px 1px #EEE, 1px -1px 1px #EEE, 0px 1px 1px #EEE, -1px -1px 1px #EEE, 0px 2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px -2px 2px #fff;
}
.company_rogo a.logoEditEffect5 {
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 1.928px 2.5px 2px rgba(20, 18, 16, 0.5);
}
.company_rogo a.logoEditEffect6 {
    text-shadow: #FFFFFF 1px 0px 1px, #FFFFFF -1px 0px 1px, #FFFFFF 0px 0px 1px, #FFFFFF 0px 0px 1px, #FFFFFF 0px 1px 1px, #FFFFFF 0px -1px 1px, #FFFFFF 0px 0px 1px, #FFFFFF 0px 0px 2px, #EEE 0px -2px 0px, #EEE -1px 1px 0px, #EEE 1px 1px 1px, #EEE -2px 1px 0px, #EEE 2px -1px 0px, #EEE -2px -1px 0px, #EEE 1px 2px 0px, #EEE -1px 2px 0px, #EEE 1px -2px 0px, #EEE -1px -2px 0px, #EEE 1px 1px 0px, #EEE -1px 1px 0px, #EEE 1px -1px 0px, #EEE -2px -1px 0px, #EEE 1px 1px 0px, #EEE -1px 1px 0px;
}
.company_rogo a.logoEditEffect7 {
    text-shadow: 1px 0px 3px rgba(204, 204, 204, 0.5), -1px 0px 3px rgba(204, 204, 204, 0.5), 0px -1px 3px rgba(204, 204, 204, 0.5), 0px 1px 3px rgba(204, 204, 204, 0.5), 1.5px 0px 5px rgba(204, 204, 204, 0.3), -1.5px 0px 5px rgba(204, 204, 204, 0.5), 0px 1.5px 5px rgba(204, 204, 204, 0.5), 0px -1.5px 5px rgba(204, 204, 204, 0.5);
}
.company_rogo a.logoEditEffect8 {
    text-shadow: 0.707px 1.707px 2px rgba(0, 0, 0, 0.6), -1.207px -0.207px 2px rgba(255, 255, 255, 0.6);
}
.company_rogo a.logoEditEffect9 {
    text-shadow: 1px 1.7px 3px rgba(255, 255, 255, 0.7), -1px -1px 2px rgba(119, 119, 119, 0.7);
}

.company_rogo a.logoEditEffect10 {
    text-shadow: none;
}

.company_rogo a.logoEditEffect10:before {
  position: absolute;
  top: 1em;
  content: attr(data-text);
  color: inherit;
  opacity: 0.3;
  transform: rotateX(180deg) translateY(-5px);
}

#smt_head_base .editLogoOuter a.editLogoCompany.textShadowNone {
    text-shadow: none;
}

.company_rogo a.logoEditEffect10 {
    text-shadow: none;
}

.editLogoOuter .editLogoCompany.logoEditEffect11 {
    text-shadow: none;
}


.editLogoOuter.originalHeaderLogo {
    background-size: 40px;
    height: 40px;
}

.fontPreload {
    visibility: hidden;
}


#carlist_main_box {
    overflow: hidden;
}

#car_list_base .carlist_slider_count {
    text-align: center;
    margin: 25px 0;
    opacity: 0;
}

#car_list_base .count_outer {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
    background: transparent;
    transition: .3s;
}

.carlist_slider_count .current_count, .carlist_slider_count .max_count {
    font-size: 12px;
    font-weight: bold;
    padding: 0 5px;
    display: inline-block;
    border-radius: 3px;
    transition: .25s;
}

.carlist_slider_count .loop_first {
    background: #fcc !important;
}

#car_list_base .prev_img_outer, #car_list_base .next_img_outer {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

#carListSlideShow_wrapper a.thumbnail_box {
    width: 180px;
    padding: 10px;
    margin-right: 10px;
    display: inline-block;
    transition: .2s;
}


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

@media screen and (max-width:414px){ /* iPhone XS Max, iPhone 11 Pro Max, iPhone 8 Plus, Pixel 2 etc...*/
    #carListSlideShow_wrapper a.thumbnail_box {
        width: 173px;
    }
}

@media screen and (max-width:375px){ /* iPhone X Pro, iPhone 8, Nexus 5, Pixel 2 etc...*/
    #carListSlideShow_wrapper a.thumbnail_box {
        width: 157px;
    }
}

@media screen and (max-width:320px){ /* iPhone 5, iPhone SE etc...*/
    #carListSlideShow_wrapper a.thumbnail_box {
        width: 140px;
    }
}


#carListSlideShow_wrapper .js-current {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    z-index: 2;
}


.carlist_btn_mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    z-index: 2;
}

.carlist_btn_mask_none {
    display: none;
}

.carlist_btn_mask_shadow {
    opacity: 0.3;
}

#carListSlideShow_wrapper .thumbnail_box:not(.js-current):after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    opacity: 0.3;
    visibility: visible;
}


#carListSlideShow_wrapper .js-current .h3 {
    padding-top: 5px;
}

.base0_carlistSlideShow01 .slideshow_box {
    padding-top: 10px;
}


.plusBlockBtn {
    width: 90%;
    align-items: center;
    display: flex !important;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    font-size: 12px;
    margin: 0 auto 45px;
    vertical-align: bottom;
}

.plusBlockBtn ul {
    align-items: flex-end;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    float: right;
    margin: 0 0 0 5px;
}

.plusBlockBtn ul li{
    margin: 0 2px;
}

.plusBlockBtn .plusBlockBtn_p {
    max-width: calc( 100% - 110px );
    text-align: right;
}

.catch_copy {
    font-size: 14px;
    padding: 0 0 5px;
}

.catch_copy,
.catch_copy *{
    font-family: 'Noto Serif JP', sans-serif !important;
}

.catch_copy_text_white {
    color: #FFFFFF;
}

.catch_copy_text_black {
    color: #000000;
}

.paletteButtonItem.changeMainImageUploaded,
.paletteButtonItem.uploadMainImage{
    display: inline-block !important;
    background: -moz-linear-gradient(45deg, #e9e9e9 0%, #eeeeee 100%);
    background: -webkit-linear-gradient(45deg, #e9e9e9 0%,#eeeeee 100%);
    background: linear-gradient(45deg, #e9e9e9 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#eeeeee',GradientType=1 );
    padding: 10px 10px 10px 36px !important;
    border-radius: 5px;
    background-repeat: no-repeat;
    position: relative;
    text-decoration:none !important;
    color: #333 !important;
    cursor:pointer !important;
    box-sizing:border-box;
    width: 100%;
}


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


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

.fixed_menu_panel_design .paletteButtonItem{
    display: inline-block !important;
    background: -moz-linear-gradient(45deg, #e9e9e9 0%, #eeeeee 100%);
    background: -webkit-linear-gradient(45deg, #e9e9e9 0%,#eeeeee 100%);
    background: linear-gradient(45deg, #e9e9e9 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#eeeeee',GradientType=1 );
    padding: 10px 10px 10px 36px !important;
    border-radius: 5px;
    background-repeat: no-repeat;
    position: relative;
    text-decoration:none !important;
    color: #333 !important;
    cursor:pointer !important;
}

.fixed_menu_panel_design .paletteButtonItem.hasStringIcon{
    display:block;
    font-size: 12px;
    padding: 7px !important;
}

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


#fixed_menu2 .paletteMenuHeader{
    background: none;
    text-shadow: none;
    color: #333;
    padding: 0 !important;
    border: none;
    box-shadow: none;
    font-weight: normal;
    margin: 10px 0 0;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    position: relative;
    margin: 0 0 15px;
    font-size: 16px;
    top: 0;
    text-align: left;
}

.examplePallet .paletteMenuHeader{
    margin:0;
}

.paletteMenuHeader:before, .paletteMenuHeader:after{
    display:none;
}


.buyButtonMini,
.favoriteButtonMini,
.toCartButtonMini,
.detailButtonMini,
.buyButton,
.favoriteButton,
.toCartButton,
.detailButton{
    border-radius:5px;
    display: inline-block;
    color:#fff;
    text-decoration:none;
    background-repeat:no-repeat;
}



.usercar_list .buyButtonMini,
.usercar_list .favoriteButtonMini,
.usercar_list .toCartButtonMini{
    padding: 10px 10px 10px;
}

.usercar_list .inCarlist{
    display: block;
    text-align: right;
    margin: 10px 0 0 0;
}

.buyButtonMini{
    background-color: #d31715;
}


.thumbnail_box .inCarlist{
    text-align:center;
}




.usercar_list .buyButtonMini{

}


.favoriteButtonMini{
    background-color: #555555;
}

.favoriteButtonMini.disable{
    
}


.usercar_list .buyButtonMini{
    position:relative;
    padding: 10px;
    margin: 0 10px 0 0;
    text-align: center;
}

.usercar_list .buyButtonMini:before{
    content: "";
    height: 16px;
    width: 16px;
    display: inline-block;
    background: url(../img/copy2open/cart_icon_w.png);
    background-size: cover;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.usercar_list .toCartButtonMini{
    position:relative;
    padding: 10px;
    text-align: center;
}

.usercar_list .toCartButtonMini:before{
    content: "";
    height: 16px;
    width: 16px;
    display: inline-block;
    background: url(../img/copy2open/cart_icon_w.png);
    background-size: cover;
    vertical-align: middle;
    margin: 0 5px 0 0;
}


.usercar_list .favoriteButtonMini {
    margin: 0;
    padding: 10px;
}

.usercar_list .favoriteButtonMini:before{
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../img/copy2open/star_icon_y.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
    transform: translateY(-1px);
}

.usercar_list .favoriteButtonMini.disable:before,
.thumbnail_box .favoriteButtonMini.disable:before{
    background-image: url(../img/copy2open/star_icon_w.png);
}




.thumbnail_box .buyButtonMini{
    display: block;
    padding: 5px;
    background-position: left 10px center;
    background-size: 16px;
    font-size: 10px;
    margin: 5px 0px;
}

.thumbnail_box .buyButtonMini:before{
    content: "";
    height: 16px;
    width: 16px;
    display: inline-block;
    background: url(../img/copy2open/cart_icon_w.png);
    background-size: cover;
    vertical-align: middle;
    margin: 0 5px 0 0;
}


.thumbnail_box .toCartButtonMini{
    display: block;
    padding: 5px;
    background-position: left 10px center;
    background-size: 16px;
    font-size: 10px;
    margin: 10px 0px;
}

.thumbnail_box .toCartButtonMini:before{
    content: "";
    height: 16px;
    width: 16px;
    display: inline-block;
    background: url(../img/copy2open/cart_icon_w.png);
    background-size: cover;
    vertical-align: middle;
    margin: 0 5px 0 0;
}


.thumbnail_box .favoriteButtonMini{
    width: calc( 60% - 5px );
    padding: 5px 5px 5px 5px;
    background-size: 12px;
    background-position: left 5px top 7px;
    font-size: 10px;
    margin: 0 5px 0 0;
    box-sizing: border-box;
    text-align:center;
}

.thumbnail_box .favoriteButtonMini:before{
    content: "";
    width: 11px;
    height: 11px;
    background-image: url(../img/copy2open/star_icon_y.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 3px 0 0;
    vertical-align: middle;
    transform: translateY(-1px);
}





.usercar_list .favoriteButtonMini{
    margin:0;
}


.thumbnail_box .toCartButtonMini,
.usercar_list .toCartButtonMini{
    background-color: #d31715;
}





.thumbnail_box .detailButtonMini{
    width:40%;
    background-color: #ec872f;
    padding: 5px;
    background-size: 12px;
    font-size: 10px;
    clear: both;
    box-sizing: border-box;
    text-align:center;
    float:right;
}


.thumbnail_box .detailButtonMini:before{
    content: "";
    width: 11px;
    height: 11px;
    display: inline-block;
    background-image: url(../img/copy2open/detail_icon.png);
    background-size: cover;
    background-position: center center;
    vertical-align: middle;
    transform: translateY(-1px);
    margin: 0 3px 0 0;
}


.usercar_list .detailButtonMini{
    display:none;
}


.buyButtonOuter{
    text-align:center;
}






.buyButton, .toCartButton{
    background-color: #d31715;
}

.buyButton{
    background-color:#d31715;
}

.buyButton, .toCartButton{
    width: calc( 60% - 10px );
    margin: 0 10px 0 0;
    padding: 15px 0px;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
}

.toCartButton{
    width: 90%;
    margin: 0 auto;
    display: block;
    font-size: 16px;
}

.buyButton:before, .toCartButton:before{
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../img/copy2open/cart_icon_w.png);
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.toCartButton:before{
    width: 18px;
    height: 18px;
    margin: -3px 10px 0 0;

}

.favoriteButton {
    background-color: #555;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.favoriteButton:before {
    content: "";
    width: 16px;
    height: 100%;
    background-image: url(../img/copy2open/star_icon_y.png);
    display: inline-block;
    background-size: 16px;
    background-position:center;
    background-repeat: no-repeat;
    margin: 0 5px 0 0;
    vertical-align: middle;
}


.favoriteButton.js-favorited:before,
.favoriteButton.disable:before{
    background-image: url(../img/copy2open/star_icon_w.png);
}






.cartListOuter:empty{
    position:relative;
}

.cartListOuter:empty:before {
    content: "カートの中身を読み込んでいます…";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% + 60px));
    font-size: 14px;
    width: 100%;
    text-align: center;
}

.cartListOuter:empty:after {
    content: "";
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 80px 0;
    background-image: url(../img/copy2open/ajax-loader_big.gif);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.cartListOuter.js-loaded:empty:before{
    content : "カートに商品は入っていません";
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 45px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    position:relative;
}

.cartListOuter.js-loaded:empty:after{
    display:none;
}


.cartListOuter.js-favoriteListOuter.js-loaded:empty:before{
    content : "「気になる」リストには商品はまだありません";
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 45px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    position:relative;
}

.cartListOuter.js-favoriteListOuter.js-loaded:empty:after{
    display:none;
}

.js-until .nextCartButton{
    display:none;
}

.favoriteList {
    padding:0 5%;
}

.moveCartButton, .existsCartButton{
    background-color: #d31715;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
}

.moveCartButton{
    margin: 0 5px 0 0;
}


.existsCartButton{
    cursor:default;
    background-color:#aaa;
}

.deleteCartButton{
    background-color: #aaa;
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}
.moveCartButton, .deleteCartButton{
    transition:.3s;
}

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

.favoriteList img, .cartList img {
    max-width: 50%;
    margin: 0 15px 15px 0px;
}

.actionButtonOuter{
    margin: 15px 0 45px;
    text-align: right;
}

.carList .about + div{
    margin:0 0 45px;
}

.cartList .itemName{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
}

.cartList .itemCost{
    margin:0 0 5px;
}

.cartList .itemCost .key{
    margin: 0 5px 0 0;
}

.cartList .itemTotalCost{
    font-size: 20px;
    color: #c00;
    margin: 0 0 15px;
}

.cartList .itemComments .key{
    display: block;
    font-size: 14px;
    font-weight: bold;
}



.selectPaymentItemOuter{
    margin:0 0 30px;
}

#js-selectCreditCardPayment,
#js-selectAmazonPay{
    display:none;
}

#js-selectCreditCardPayment[data-useable="1"],
#js-selectAmazonPay[data-useable="1"]{
    display:block;
}

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

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


.aboutPaymentOuter{
    display:none;
    padding:15px;
}

.aboutPaymentLabel{
    display: inline-block !important;
    margin: 0 0 5px;
    background: #666;
    color: #fff;
    font-size: 11px;
    padding: 0 5px !important;
}

.noteDeliveryTime{
    display: inline-block;
    margin: 5px 0 0 0px;
}

.noteTop{
    display: block;
    text-align: left;
    margin-bottom: 5px;
}

.nextCartButton{
    color:#fff !important;
    text-align:center !important;
    text-decoration:none !important;
}

.js-purchaseInput[readonly]{
    border:none !important;
    box-shadow:none;
}

.js-purchaseInput{
    resize:none;
}



#carListThumbNail_wrapper .inCarlist .toCartButtonMini{
    width: 120px;
    padding: 10px 0px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
}


.aboutCommerceLaw{
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 30px;
}

.paletteMenuHeader:before, .paletteMenuHeader:after{
    display:none;
}


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

.contactAboutShoppingOuter{
    padding: 30px 0px;
    border: 1px solid #ccc;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    box-sizing: border-box;
    display: block;
    border-radius:5px;
    background:#fff;
}

.contactAboutShoppingOuter .title{
    display: inline-block;
    color: #fff;
    background: #333;
    padding: 0 25px;
    border-radius: 15px;
    margin:0 0 5px;
}

.contactAboutShoppingOuter .body{
    font-weight:bold;
    font-size:26px;
    color:#333;
}




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

.aboutSendMail{
    font-weight:bold;
}

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


.cartActionOuter{
    position: fixed;
    box-sizing: border-box;
    background: #fff;
    width: 75vw;
    bottom: 0px;
    left: 50%;
    padding: 5%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 3;
    display:flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%) translateY(100%);
    -webkit-transform: translateX(-50%) translateY(100%);
    box-shadow: 0px -1px 3px rgba(0,0,0,0.3)
}


.aboutCartIcon{
    font-size:12px;
    margin:0 0 10px;
}

.aboutCartIcon:empty{
    margin:0;
}



.cartActionOuter .triggerItem.js-hidden{
    display:none;
}

.cartActionOuter .triggerItem{
    display:flex;
    vertical-align:middle;
    margin-right: 2vw;
    cursor:pointer;
    transition:.3s;
    float:left;
    font-size:0.75rem;
    align-items:center;
    text-align:center;
}

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

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




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

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

.cartIcon,
.favoriteIcon{
    width: calc( 82.5vw * 0.16 );
    height: calc( 82.5vw * 0.16 );
}


.cartButton.js-carted{
    background-color:#aaa;
    cursor:default;
}

.cartButton:before{
    content: "";
    width: 18px;
    height: 100%;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    display: inline-block;
    margin: 0 8px 0 0;
}


.cartIcon{
    border: 3px solid #6EA86C;
    box-sizing: border-box;
    border-radius: 4px;
    background-image: url(../img/copy2open/cart_icon_w_filled.png);
    background-position: center center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-color: #6EA86C;
    position: relative;
}


.favoriteIcon{
    border: 3px solid #6EA86C;
    box-sizing: border-box;
    border-radius: 4px;
    background-image: url(../img/copy2open/star_icon_w_emphasis.png);
    background-position: center;
    background-size: 30px;
    background-repeat: no-repeat;
    position: relative;
    background-color: #6EA86C;
}

.favoriteButton.js-favorited{
    cursor:default;
}

.favoriteButton.js-disabled{
    background-color:#aaa;
    cursor:default;
}

.cartIcon .counter,
.favoriteIcon .counter{
    background-color: #CE1919;
    color: #fff;
    width: 15px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    left: -7.5px;
    top: -7.5px;
    border-radius: 100%;
}



.cartActionOuter {
    display:none;
}

.cartActionOuter.js-ready{
    display:flex;
    z-index:3;
}

.cartActionOuter.js-ready.js-animated{
    transition:.3s;
    transform: translateX(-50%) translateY(0%);
    -webkit-transform: translateX(-50%) translateY(0%);
}

.cartActionOuter.js-hidden,
.cartActionOuter.js-empty{
    display:none;
}


.cartActionOuter{
    display:none;
}

.cartActionOuter *.js-hidden{
    display:none;
}




.hi-icon_now {
    cursor: pointer;
    position: relative;
}

.hi-icon_now:after{
    width: 10px;
    height: 10px;
    opacity: 0.75;
    background: #fff;
    color: #fff;
    padding: 1px;
    display: block;
    position: absolute;
    font-size: 10px;
    top: 35px;
    right: 5px;
    border-radius: 100%;
    content: '';
    z-index: 130;
    box-sizing: content-box;
    animation: sonarEffect 1.3s ease forwards 3;
}

.hi-icon_side_scroll {
    cursor: pointer;
    position: relative;
}

.hi-icon_side_scroll:after{
    width: 10px;
    height: 10px;
    opacity: 0.75;
    background: #fff;
    color: #fff;
    padding: 1px;
    display: block;
    position: absolute;
    font-size: 10px;
    top: 20px;
    left: 20px;
    border-radius: 100%;
    content: '';
    z-index: 130;
    box-sizing: content-box;
    animation: sonarEffect 1.3s ease forwards 3;
}

.hi-icon_inifite{
    cursor: pointer;
    position: relative;
}

.hi-icon_inifite:after{
    width: 10px;
    height: 10px;
    opacity: 0.75;
    background: #fff;
    color: #fff;
    padding: 1px;
    display: block;
    position: absolute;
    font-size: 10px;
    top: 20px;
    left: 20px;
    border-radius: 100%;
    content: '';
    z-index: 130;
    box-sizing: content-box;
    animation-name:sonarEffect;
    animation-duration:1.3s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

td.emptyTd {
    display: none;
}

#hash-favorite{
    position:absolute;
    top: -140px;
}

#js-totalCostAbout{
    font-size:12px;
    display:block;
    margin:5px 0 0;
    display:none;
}

#js-totalCostAbout.show{
    display:block;
}

.detail_text_none {
    display: none;
}



/*** 実例ページ ***/

.sidebar_review{
    position:relative;
}

.sidebar_review .closed_label{
    right: calc( 50% - 100px );
}

#body_free.reviewPage #main_img_wrapper{
    display:block;
    height:initial;
}

.block_outer_review_main .box_free{
    box-sizing:border-box;
}

.reviewTopContentsInner{
    background-position: top center !important;
}

 .reviewTopContents *{
    color:#fff;
 }

/**
 * 成功事例ページ
 */
#body_free.reviewPage .reviewTopContentsInner{
    
}

/* フェイスブックブロック */
.block_outer_facebook_block .facebook_wrapper{
    position: relative;
    margin-bottom: 60px;
    text-align: center;
    width: 90%;
    margin: 0 auto 60px;
}

#facebook_wrapper .overLay{
    position: absolute;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    border-radius: 10px;
    border: none;    
}

#facebook_wrapper .facebookModal{
    color: #333;
    width: calc( 100% - 0px );
    top: calc(50% - 330px / 2);
    left: calc(50% - (100% + 10px) / 2 );
    position: absolute;
    background: #fff;
    overflow: hidden;
    z-index: 3;
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba( 0,0,0, 0.6);
    padding: 5px;
}

.facebookModalTitle{
    margin: 30px auto 15px;
    font-size: 18px;
    font-weight: normal;
}

.facebookIdInput{
    font-size: 13px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: 5.5px 5px;
    margin: 0 0 5px;
    box-sizing: border-box;
    display: inline-block;
    width: 95%;
}

.facebookErrorMsg{
    color: #e00;
    visibility: hidden;
    height: 0px;
    transition: 0.25s;
    font-size: 12px;
}

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

#lead_p a:last-of-type{
    background-image: url(../img/copy2open/btn_grass.png);
    background-color: #36f;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    padding: 15px;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    display:inline-block;
}

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


.edit .js-imageBoxBackground .imageBoxOuter{
    position: static;
}


.edit .block_outer .js-imageBox > div.imageBoxContents:first-of-type,
.edit .block_outer .js-imageBox .imageBoxContentsWrapper,
.edit .block_outer .editTextOuter > h3 {
    /*margin-top: 15px;*/
}

.facebookErrorMsg.active{
    visibility: visible;
    height: 25px;
    margin-top: -10px;
}

.facebookRegistBtn{
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    font-size: 14px;
    padding: 8px;
    background: #FFA74D url(../img/common/create_btn.png) repeat-x;
    border: 1px solid #FFF;
    border-radius: 3px;
    width: 100px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFA74D), color-stop(0.00, #FFDD34));
    background: -webkit-linear-gradient(#FFDD34, #FFA74D);
    background: -moz-linear-gradient(#FFDD34, #FFA74D);
    background: -ms-linear-gradient(#FFDD34, #FFA74D);
    background: linear-gradient(#FFDD34, #FFA74D);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    display: block;
    margin: 0 auto 15px;
}

.facebookRegistBtn:hover{
    opacity: 0.8;
}

.facebookFrame{
    opacity: 0;
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    visibility: hidden;
    transition: .3s;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.facebookContentOuter{
    height: 500px;
    max-width: 280px;
}

.facebookFrameBackNotes{
    position: absolute;
    z-index: 0;
    border-radius: 10px;
}

.facebookNotes{
    font-size: 12px;
    margin: 0px auto 15px;
    width: 100%;
}

.facebookDetaileLink{
    color: #36f;
    text-decoration: none;
    background-image: url("/cms/img/common/out_link.gif");
    background-repeat: no-repeat;
    background-position: right top 4px;
    padding-right: 16px;
}

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

.facebookLoader{
    background: url(../img/copy2open/ajax-loader_big.gif);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center center;
    text-align: center;
    height: 500px;
    max-width: 500px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
    border-radius: 10px;
    border: none;  
}

.facebookFrameBackNotes{
    position: absolute;
    z-index: 0;
    border-radius: 10px;
    height: 500px;
    width: 280px;
    background-color: #333;
    opacity: .8;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.facebookFrameBackNotes p{
    position: absolute;
    top: 50%;
    left: 50%;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    color: #fff;
}

/*スマホ機能解放*/
#syde-wysiwyg_area{
    display: flex!important; /*インラインで指定されているため*/
    display: -webkit-box;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-top: 25%;
}

#edit_frame{
    order: 3;
    -webkit-order: 3;
}

.js-focused #syde-wysiwyg_toolbar{
    top: -62px;
    background: none;
    background-color: #fff;
    padding: 0;
    border: none!important;
    overflow-x: hidden;
    -webkit-transition: none;
    transition: none;
    padding-top: 58px;
    border:2px solid rgb(255, 204, 0)!important;
    margin: 0 0;
}

#syde-wysiwyg_toolbar.showContextForAndroid{
    margin-bottom: 40px;
}

#syde-wysiwyg_toolbar.showContextForIos{
    margin-bottom: 40px;
}

#syde-wysiwyg_toolbar.stateDrag{
    background-color: #ddd;
    transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}

#syde-wysiwyg_area .syde_toolbar_button.stateDrag{
    background-color: #ddd!important;
}

#syde-wysiwyg_toolbar .syde_toolbar_button.stateDrag.change_function{
    background-color:#eee !important;
}

#syde_wysiwyg_content{
    width: calc(200vw - 25px);
    position: absolute;
    top: 0;
    left: 25px;
    -webkit-transition: .25s;
    transition: .25s;
}

#syde_wysiwyg_content.function2{
    left: calc(-100% + 25px);
}

#link_input{
    width: 70%!important;
}

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

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

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

#syde-wysiwyg_toolbar{
    overflow: hidden;
}

.syde_toolbar{
    width: calc( 100vw - 29px );
    position: relative;
    -webkit-transition: .25s;
    transition: .25s;
    background-size:contain !important;
    padding: 5px 0;
    display: inline-block;
    box-sizing:border-box;
}

.syde_toolbar.function2{
    left: 25px;
}


.syde_toolbar_parent{
    width: 100%;
    box-sizing: border-box;
    left: 0px;
    padding: 0 10px;
    position: absolute;
}

.change_function.next{
    background-image : url(../img/copy2open/menu_arrow_mega_vl.png);
    background-position: 60% center;
    background-size: 8px 12px !important;
}

.change_function.prev{
    background-image : url(../img/copy2open/menu_arrow_mega_vr.png);
    background-position: 40% center;
    background-size: 8px 12px !important;
}

.syde_toolbar_2 :nth-child(1){
    margin: 0 0 0 10px!important;
}

#syde-wysiwyg_area .syde_toolbar_button{
    font-size: 90%;
    padding: 12px 1px!important;
    display: inline-block;
    background-color: #fff;
}

#syde-wysiwyg_area #syde-wysiwyg_toolbar #save_button{
    background-color: #fff;
}

#syde-wysiwyg_area #syde-wysiwyg_toolbar #save_button.stateDrag{
    background-color:#ddd;
}

.toolbar_sub_menu{
    display: block;
    width: 50%;
}

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

#toolbar_submenu_color{
    left:8px !important;
}

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

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

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

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

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

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

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

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

.change_design_loader:before{
    content: "";
    background: url(../img/loader.gif) no-repeat;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2147483647; /* mask_windowが2147483646のため */
    background-color: #fff;
    background-position: center;
}

#syde-wysiwyg_area .syde_toolbar_button img,
#syde-wysiwyg_area .syde_toolbar_button p{
    background-color: #eee;
    padding: 1px;
}

#syde-wysiwyg_area .syde_toolbar_button.save p{
    background-color: #fc0;
    font-weight: bold;
}

.drag_area{
    background: #676767 url(../img/common/fff6dot.png) no-repeat center center;
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#toolbar_submenu_color,
#toolbar_submenu_size{
    margin-left: 10px;
}

#syde_wysiwyg_content .toolbar_sub_menu{
    background-color: transparent!important;
}

.toolbar_sub_menu .anyFontSizeOuter {
    margin-left: 0;
    margin: 0;
    vertical-align: middle;
    transform: none;
    -webkit-transform: none;
}

.anyFontSizeUnit {
    margin-left: 5px;
}

.toolbar_sub_menu .anyFontSizeInput {
    width: 35px;
    padding: 5px 5px;
    min-height: auto;
    font-size: 12px !important;
    vertical-align: middle;
}

.toolbar_sub_menu .anyFontSizeError {
    top: 40px;
    left: 0px;
}

.dummyButtonArea{
    position: absolute;
    top: -20px;
    left: 0;
    height: 60px;
    width: 100%;
    background-color: transparent;
}

#syde-wysiwyg_area #link_input{
    margin: 0;
}

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

#toolbar_submenu_color span {
    margin: 2px 0 0 2px;
    font-size: 24px!important;
    line-height: 26px;
}

#toolbar_submenu_size,#toolbar_submenu_color{
    width: 45%;
}

#syde-wysiwyg_toolbar.dragDisabled #syde_toolbar_drag {
    display: none;
}

#syde-wysiwyg_toolbar.dragDisabled #syde_wysiwyg_content{
    left: 5px;
}

#syde-wysiwyg_toolbar.dragDisabled #syde_wysiwyg_content.function2{
    left: calc(-100% + 5px);
}

#syde-wysiwyg_toolbar.dragDisabled .change_function{
    right: 10px;
}

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

#carListSlideShow_wrapper .free_search_hit_str {
    bottom: -7px;
    font-size: 10px;
}


h3 span.highlightFormatCar, .h3 span.highlightFormatCar {
    background: #f3f314 !important;
    float: none;
    padding: 0;
    margin: 0;
    font-size: inherit;
    font-weight: bold;
    color: #000000;
    position: relative;
    top: unset;
    right: unset;
    display: inline-block;
}

.block_outer_usedcar_detail .highlightFormatCar {
    background: #f3f314 !important;
}


.thumbnail_box .free_search_hit_str {
    font-size: 10px;
    text-align: right;
    display: block;
    box-sizing: border-box;
    color: #fb0;
    text-shadow: 0 0 #000000;
    text-decoration: underline;
    margin: 10px 0 0;
}

.usercar_list .free_search_hit_str {
    font-size: 13px;
    display: block;
    box-sizing: border-box;
    color: #fb0;
    text-shadow: 0 0 #000000;
    z-index: 2;
    text-decoration: underline;
    text-align: right;
    margin: 15px 0;
}

#menu .ul_sub.recruit_link_pc {
    display: none;
}

.recruit_invalid_str {
    margin: 0 0 0 15px;
}

.pict_edit_btn_usedcar, .deleteLinkOuter {
    display: none;
}


/* EFO対策第1弾 */

.inputFileContollerOuter,.inputFileViewer, .inputFileController, .inputFileDeleter{
    display:none !important;
}

.inputFileTriggerIcon {
    width: 72px;
    height: 54px;
    display: inline-block;
    border: 2px dashed #ddd;
    background-image: url(../img/copy2open/camera48ccc.png);
    background-size: 24px;
    background-position: center top 4px;
    background-repeat: no-repeat;
    margin-right: 4px;
    margin-bottom: 8px;
    border-radius: 5px;
    cursor: pointer;
    transition: opacity .3s;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
}

.inputFileTriggerIcon.js-error{
    background-image: url(../img/copy2open/camera48f99.png);
}

.inputFileTriggerIcon:before {
    content: "クリック";
    background-color: #ccc;
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    position: absolute;
    bottom: 5px;
    font-weight: normal;
    border-radius: 6px;
    width: 54px;
    height: 14px;
    box-sizing: border-box;
    left: calc( 50% - 26px );
    text-shadow: 1px 1px 0.15px rgba(0,0,0,0.1);
}


.inputFileTriggerIcon.js-loadImage:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.95);
    background-image: url(../img/copy2open/icon_loader_a_ww_03_s1.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.inputFileTriggerIcon.js-error{
    background-color: #fcc;
    border-color: #f99;
}

.inputFileTriggerIcon.js-error:before{
    color: #f99;
    font-weight:bold;
}



.inputFileTriggerIcon.js-hasImage:before{
    content:"";
    background:none;
}

.inputFileTriggerIcon:hover{
    opacity:0.75;
}



.inputFileTriggerIcon.js-hasImage{
    border:none;
    background:none;
}

.inputFileViewer{
    max-width: 100%;
    max-height: 100%;
}

.js-hasImage .inputFileViewer{
    display:inline-block !important;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.inputFileTriggerIcon:last-child{
    margin-right:0px;
}



.inputFileTriggerIcon.js-hasImage .inputFileDeleter{
    display: inline-block !important;
    color: #fff;
    background-color: #f66;
    position: absolute;
    right: -7px;
    top: -7px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    border: 2px solid #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    transition: .25s;
    padding: 0 !important;
}


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

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

#recontract_menu_panel a {
    text-decoration: none;
}


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

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

#gmenu_contact .ul_sub{
    display:none;
}


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



/* 画像ポップアップ機能関連 */

/* 編集画面UI用 */

.imageDetailControllerOuter .imageDetailControllerpopUpTrigger{
    color: #36F !important;
    cursor: pointer;
    font-size: 12px;
    text-decoration: underline;
    position: relative;
    top: 0px;
}

.imageDetailControllerPopup{
    text-align: center;
    color: #333;
    font-size: 12px;
    margin: 0 0 15px;
}

.imageDetailControllerPopup label{
    cursor: pointer;
}

.imageDetailControllerPopup input[type = "checkbox"]{
    transform: translate(-4px,-1px);
}

.imageDetailControllerFormOuter .linkurlForm {
    margin: 0 0 15px !important;
}

.imageDetailControllerOuter .linkUrlFormOverlay {
    width: 100%;
    background: rgba(0,0,0,0.75);
    color: #F5F5F5 !important;
    display: none;
    font-size: 14px;
    padding: 15px 10px;
    position: absolute;
    text-align: center;
    top: -7px;
    left: -10px;
}

.imageDetailControllerOuter .link-url__overlay {
    width: 100%;
    background: rgba(0,0,0,0.75);
    color: #F5F5F5 !important;
    display: none;
    font-size: 10px;
    padding: 15px 10px;
    position: absolute;
    text-align: center;
    top: -3px;
    left: -10px;
}

.imageDetailControllerOuter .link-url__overlay--visible{
    display: block;
}

/* 公開側　ポップアップトリガー */
.popupImageBoxInnerOpen:after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
    translate: opacity .3s;
    opacity: 0;
}

.popupImageBoxInnerOpen:hover:after{
    opacity: 1;
}

.popUpTriggerOpen{
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: block;
    vertical-align: middle;
}

.popUpTriggerOpen:after{
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.5) url(../img/copy2open/popup_overlay_bg.png) no-repeat center center;
    background-size: 64px 64px;
    transition: opacity .4s;
    position: absolute;
    left: 0;
    top: 0;
}

.popUpTriggerOpen:hover:after{
    opacity: 1;
}


/* JSで動的にHTML生成されるもの */
.popup-wrapper{
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.75);
    /*display: none;*/
    left: 0;
    position: fixed;
    top: 0;
    z-index: 101;
    transform-origin: center center;
    opacity: 0;
}


.popup-wrapper.show{
    animation: show .4s linear;
    display: block;
    opacity: 1;
}

.popup-wrapper.hide{
    animation: hide .6s linear;
}


@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

@keyframes hide{
    0%{
        opacity: 1;
    }
    60%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}


.popup-container{
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hide .popup-container{
    animation: zoomout .4s ease forwards;
}

.show .popup-container{
    animation: zoomup .6s ease forwards;
}


@keyframes zoomout{
    0%{
        opacity: 1;
        transform: scale(1);
    }
    100%{
        opacity: 0;
        transform: scale(0.4);
    }
}

@keyframes zoomup{
    0%{
        opacity: 0;
        transform: scale(0.4);
    }
    40%{
        opacity: 0.7;
        transform: scale(0.4);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}

.popup-figure{
    position: relative;
}

.edit .popup-figure { /* 編集ページはfixed_menuがある分調整 */
    position: relative;
    top: 30px;
}

[data-popup-mode = "pdf"] .popup-figure{
    width: 90vw;
    height: 85vh;
}

.edit [data-popup-mode = "pdf"] .popup-figure { /* 編集ページはfixed_menuがある分調整 */
    height: calc( 85vh - 70px );
    position: relative;
    top: 30px;
}

.popup-figure__image{
    background: none;
    border: 5px solid #FFF;
    box-shadow: 10px 20px 20px rgba(0,0,0,0.25);
    display: block;
    max-width: 85vw;
    min-width: 50px;
    max-height: 70vh;
    min-height: 50px;
    transition: all ease-in-out .4s;
}

.popup-figure__iframe{
    border: 5px solid #FFF;
    display: block;
    box-shadow: 10px 20px 20px rgba(0,0,0,0.25);
    box-sizing: border-box;
}

.popup-figure__caption{
    opacity: 0;
    margin: 10px 0 0;
}

.popup-figure__caption-head{
    max-width: 85vw;
    color: #FFF;
    text-shadow: 1px 1px 1px #111;
    margin: 5px 0 0;
    font-size: 20px;
    font-weight: bold;
}

.popup-figure__caption-body{
    max-width: 85vw;
    color: #FFF;
    text-shadow: 1px 1px 1px #111;
    margin: 5px 0 0;
    font-size: 16px;
}

.show .popup-figure__caption{
    animation: captionFadein 1s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
}

.hide .popup-figure__caption{
    animation: captionFadeout .25s ease forwards;
}

@keyframes captionFadein{
    0%{
        opacity: 0;
    }
    55%{
        opacity: 0;
        transform: translateY(10px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes captionFadeout{
    0%{
        opacity: 1;
        transform: translateY(0);
    }
    100%{
        opacity: 0;
        transform: translateY(10px);
    }
}


.popup-figure__button{
    width: 28px;
    height: 28px;
    background: #FFF url(../img/copy2open/popup_close_button.png) no-repeat center center;
    border-radius: 5px 5px 0 0;
    cursor:pointer;
    position: absolute;
    right: 0;
    top: -27px;
}


.fixed-menu-content__large{
    display: none;
}

.fixed-menu-content__large.hide{
    display: none;
}
/*** EC機能 ***/
/** 
 * 各デザインCSSで上書きする際、importantは不要です。
 * .ec-cart を指定して優先度を高くしてください。
 */

.ec-cart__progress{
    border-radius: 5px;
    counter-reset: flag;
    margin: 30px auto 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 92vw;
}

.ec-cart__progress-item{
    width: calc( 200% / 4 - 6px);
    background: #ededed;
    color: white;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 32px;
    outline: none;
    padding: 0 0px 0 0px;
    position: relative;
    transition: all .25s;
    border-radius: 15px;
    margin: 3px;
}


.ec-cart__progress-item--current,
.ec-cart__progress--edit .ec-cart__progress-item:hover{
    background: #CCCCCC;
}

.ec-cart__progress-item:before {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0 0 1px #d1d1d1;
    color: #333;
    content: counter(flag);
    counter-increment: flag;
    font-weight: bold;
    left: 15px;
    line-height: 20px;
    margin: 6px 0;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 0;
}

.ec-cart__progress-item a,
.ec-cart__progress-item span{
    color: #333;
    display: block;
    text-decoration: none;
    padding: 0 0 0 48px;
}

.ec-cart__progress-item a,
.ec-cart__progress-item a:after {
    position: relative;
    transition: all 0.25s;
    z-index: 1;
}

[data-show-grandson-count = "0"] .child-count__wrap{
    display: none;
}


p.designNewIcon{
    position: relative;
}

.spDesignNewIcon:before {
    content: "NEW";
    width: 25px;
    height: 15px;
    background-color: #ff8080;
    font-size: 10px;
    border-radius: 10px;
    padding: 0 2px;
    color: #fff;
    position: absolute;
    top: -9px;
    left: -2px;
    z-index: 123;
}


@media screen and (max-width:320px){


    #syde-wysiwyg_area .syde_toolbar_button.save p{
        display:none;
    }

    #syde-wysiwyg_area .syde_toolbar_button.save:after {
        content: "更新";
        background-color: #fc0;
        font-weight: bold;
        font-size: 12px;
        height: 24px;
        display: block;
        padding: 0 3px;
    }

    .fixed_menu2_menu{
        width: 50px;
    }

    #helpPalette__wrapper .helpPalette__freeDial{
        color: #333;
        font-size: 33px;
    }

    #helpPalette__wrapper .helpPalette__questionText {
        font-size: 13px;
    }

    #helpPalette__wrapper .helpPalette__questionButton{
        width: 140px;
    }

    #helpPalette__wrapper .helpPalette__questionWrapper{
        width: 48%;
    }
    #helpPalette__wrapper .helpPalette__suportImage{
        width: 41px;
    }
    #helpPalette__wrapper .helpPalette__links a, #helpPalette__wrapper .helpPalette__links span{
        font-size: 10px;
    }
    #helpPalette__wrapper .helpPalette__sydeInfo-head{
        font-size: 12px
    }
    .helpSupport span{
        font-size: 14px;
    }
    #helpPalette__wrapper .helpPalette__links a{
        padding: 2px 0 2px 20px;
    }

    .shop_example_link{
        padding: 2px 23px;
    }

    .shop_example__shopInfo b{
        font-size: 12px;
    }

    .js-focused #syde-wysiwyg_toolbar{
        padding-top: 54px;
    }
    
    #syde-wysiwyg_area .syde_toolbar_button{
        font-size: 90%;
        display: inline-block;
    }
    
    #syde-wysiwyg_area .syde_toolbar_button.fixed{
    }

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

}


/**
 * 2021-10-08 スマホスライダーアップデートに伴う対応
 */


#slider{
    transition: height .3s;
}

#slider .sliderAddedDiv,
#bgSlider .sliderAddedDiv{
    display: block;
    position: absolute;
}

.sliderImage2,
.sliderImage3 {
  display: none;
}

#bgSlider .sliderAddedDiv{
    transition: opacity .3s;
}

#bgSlider .sliderAddedDiv.changing{
    opacity: 0;
}

.silderDotsWrap {
    width: 40px;
    height: 10px;
    bottom: 10px;
    margin: auto;
    position: absolute;
    right: 10px;
    z-index: 2;
}

.silderDotsWrap .sliderDot {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

.silderDotsWrap .sliderDot:nth-last-of-type(1) {
    margin: 0;
}

.silderDotsWrap .sliderDot.active{
    background: #36F;
}



#body_top #wrapper span[face="Noto Serif JP"],
#body_sub #wrapper span[face="Noto Serif JP"],
#body_free #wrapper span[face="Noto Serif JP"],
span[face="Noto Serif JP"],
#body_top #wrapper span[face="Noto Serif JP"] *,
#body_sub #wrapper span[face="Noto Serif JP"] *,
#body_free #wrapper span[face="Noto Serif JP"] *,
span[face="Noto Serif JP"] * {
    font-family: 'Noto Serif JP', sans-serif !important;
}

#body_top #wrapper span[face="'M PLUS Rounded 1c'"],
#body_sub #wrapper span[face="'M PLUS Rounded 1c'"],
#body_free #wrapper span[face="'M PLUS Rounded 1c'"],
span[face="'M PLUS Rounded 1c'"],
#body_top #wrapper span[face="'M PLUS Rounded 1c'"] *,
#body_sub #wrapper span[face="'M PLUS Rounded 1c'"] *,
#body_free #wrapper span[face="'M PLUS Rounded 1c'"] *,
span[face="'M PLUS Rounded 1c'"] * {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

#body_top #wrapper span[face="Kosugi"],
#body_sub #wrapper span[face="Kosugi"],
#body_free #wrapper span[face="Kosugi"],
span[face="Kosugi"],
#body_top #wrapper span[face="Kosugi"] *,
#body_sub #wrapper span[face="Kosugi"] *,
#body_free #wrapper span[face="Kosugi"] *,
span[face="Kosugi"] * {
    font-family: 'Kosugi', sans-serif !important;
}

#body_top #wrapper span[face="Noto Sans JP"],
#body_sub #wrapper span[face="Noto Sans JP"],
#body_free #wrapper span[face="Noto Sans JP"],
.defaultFont span[face="Noto Sans JP"],
#body_top #wrapper span[face="Noto Sans JP"] *,
#body_sub #wrapper span[face="Noto Sans JP"] *,
#body_free #wrapper span[face="Noto Sans JP"] *,
span[face="Noto Sans JP"] * {
    font-family: 'Noto Sans JP', sans-serif !important;
}


.preventDoublePost {
    pointer-events: none;
}


/* パララックス  */

.parallaxContent{
    position: relative;
    width: 100vw;
    height: 240px;
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: repeat;
    background-size:  cover;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 50%) inset, -2px 2px 4px rgb(0 0 0 / 50%) inset;
    transition: background-size .25s;
    overflow: hidden;
}

.liquid_off .parallaxContent{
    width: 100%;
}

.parallaxContentOuter[data-loading="1"] .parallaxContent{
    opacity: 0;
}

.parallaxContentOuter.empty .parallaxContent{
    height: auto;
    text-align: center;
    box-shadow: none;
    overflow: hidden;
}

.ios .parallaxContent{
    background-attachment: scroll;
}


.no_footer_menu .footerContentOuter {
    display: none;
}





/*** 見出し演出  ***/


body[data-h2-animate-ready = "0"] h2{
    opacity: 0;
}


body[data-h2-animate-ready = "1"] h2{
    opacity: 1;
}


#main_contents h2.midashi_long .splited,
#main_contents .blog_item h2 .splited,
#main_contents #middle_top_price01 h2 .splited{
    opacity:0;
    color: inherit;
    font-size: inherit;
    text-decoration: inherit;
    font-weight: inherit;
}


/* H2 Animation float  */

.splited.fired[data-h2-animation-name = "float"]{
    animation-name: h2float;
    animation-duration: .4s;
    animation-fill-mode:forwards;
    display: inline-block;
}

@keyframes h2float{
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}




/* H2 Animation float-left  */

.splited.fired[data-h2-animation-name = "float-left"]{
    animation-name: h2float-left;
    animation-duration: .6s;
    animation-fill-mode:forwards;
    display: inline-block;
    transform: translateX(-50%) translateY( 50% );
}


@keyframes h2float-left{
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(50%);
    }
    100% {
        opacity: 1;
        transform: translateX(0) translateY(0);
    }
}




/* H2 Animation bounce  */

.splited.fired[data-h2-animation-name = "bounce"]{
    animation-name: h2bounce;
    animation-duration: .4s;
    animation-fill-mode:forwards;
    display: inline-block;
}


@keyframes h2bounce{
    0% {
        opacity: 0;
        transform: scaleX(0.2) translateY(-50%);
    }

    50% {
        opacity: 1;
        transform: scaleX(2.0) translateY(25%);
    }

    75% {
        opacity: 1;
        transform: scaleX(1.5) translateY(-12.5%);
    }

    100% {
        opacity: 1;
        transform: scaleX(1.0) translateY(0px);
    }
}




/* H2 Animation jump  */

.splited.fired[data-h2-animation-name = "jump"]{
    animation-name: jump;
    animation-duration: .6s;
    animation-fill-mode:forwards;
    display: inline-block;
    animation-delay: 0.2s !important;
}


.splited.fired[data-h2-animation-name = "jump"]:nth-of-type(2n){
    animation-name: jump;
    animation-duration: .6s;
    animation-fill-mode:forwards;
    display: inline-block;
    animation-delay: 0.25s !important;
}


@keyframes jump{
    0% {
        opacity: 0;
        transform: translateY(50%);
    }

    33% {
        opacity: 1;
        transform: translateY(-25%) rotate(-10deg);
    }

    66% {
        opacity: 1;
        transform: translateY(12.5%) rotate(1deg);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}




/* H2 Animation typing  */

.splited.fired[data-h2-animation-name = "typing"]{
    opacity: 0;
    position: relative;
    animation-name: typing;
    animation-duration: .05s;
    animation-fill-mode: forwards;
}

.splited.fired[data-h2-animation-name = "typing"]:after{
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 2px;
    height: 100%;
    background-color: #333;
    animation-name: typingPointer;
    animation-duration: inherit;
    animation-fill-mode: inherit;
    animation-delay: inherit;
    opacity: 0;
}


.splited.fired.lastFired[data-h2-animation-name = "typing"]:after{
    animation-duration: 1s;
    opacity: 0;
    animation-name: typingPointerLast;
    animation-iteration-count: 10;
}


@keyframes typing{
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes typingPointer{
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


@keyframes typingPointerLast{
    0% {
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}




/* H2 Animation wave  */

.splited.fired[data-h2-animation-name = "wave"]{
    animation-name: wave;
    animation-duration: .6s;
    animation-fill-mode:forwards;
    display: inline-block;
}


.splited.fired[data-h2-animation-name = "wave"]:nth-of-type(2n){
    animation-name: wave;
    animation-duration: .6s;
    animation-fill-mode:forwards;
    display: inline-block;
}


@keyframes wave{
    0% {
        opacity: 0;
        transform: translateX(0%) translateY(0%) scale(1);
    }

    50% {
        opacity: 1;
        transform: translateX(20%) translateY(-20%) scale(1.1);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}




/* H2 Animation shrink-top  */

.splited.fired[data-h2-animation-name = "shrink-top"]{
    animation-name: h2shrink-top;
    animation-duration: .4s;
    animation-fill-mode:forwards;
    display: inline-block;
    transform:  translateX(-40%) translateY(-100%) scaleX(2.5);
    text-shadow: 0px 3px 3px rgb(0 0 0 / 30%);
}


@keyframes h2shrink-top{
    0% {
        opacity: 0;
        transform:  translateX(-40%) translateY(-75%) scaleX(2.5);
        text-shadow: 0px 5px 3px rgb(0 0 0 / 50%);
    }
    25% {
        opacity: 1;
        
    }
    100% {
        opacity: 1;
        transform:  translateX(0%) translateY(0%) scaleX(1);
        text-shadow: 0px 3px 3px rgb(0 0 0 / 0%);
    }
}




/* H2 Animation label  */

#main_contents h2.midashi_long .splited.fired[data-h2-animation-name = "label"],
#main_contents .blog_item h2 .splited.fired[data-h2-animation-name = "label"],
#main_contents #middle_top_price01 h2 .splited.fired[data-h2-animation-name = "label"]{
    animation-name: h2label;
    animation-fill-mode:forwards;
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline-block;
    opacity: 1;
    position: relative;
    
}


#main_contents .splited.fired[data-h2-animation-name = "label"]:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    animation-name: h2label-after;
    animation-duration: .05s;
    animation-fill-mode: inherit;
    animation-delay: inherit;
    background-color: rgba(0,0,0,1);
    transform: translateY(0);
    animation-timing-function: linear;
}

#main_contents .splited.firstFired[data-h2-animation-name = "label"]:after{
    animation-name: h2label-after-first;
    animation-duration: .05s;
}

#main_contents .splited.lastFired[data-h2-animation-name = "label"]:after{
    animation-name: h2label-after-last;
    animation-duration: .3s;
    animation-timing-function: ease-out;
}

@keyframes h2label-after-first{
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes h2label-after{
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes h2label-after-last{
    0% {
        width: 100%;
        opacity: 1;
    }
    100% {
        width: 0%;
        opacity: 0;
    }
}

/** フェードイン（上から） */
.animation-lib--fade-in-top{
    animation-name: animation-lib--fade-in-top;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out
}


@keyframes animation-lib--fade-in-top{
    0%{
        opacity: 0;
        transform: translateY(-15px);
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
    }
}


/** フェードイン（下から） */
.animation-lib--fade-in-bottom{
    animation-name: animation-lib--fade-in-bottom;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out
}


@keyframes animation-lib--fade-in-bottom{
    0%{
        opacity: 0;
        transform: translateY(15px);
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
    }
}


/** フェードイン（左から） */
.animation-lib--fade-in-left{
    animation-name: animation-lib--fade-in-left;
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
}


@keyframes animation-lib--fade-in-left{
    0%{
        opacity: 0;
        transform: translateX(-10px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}

/** フェードイン（左から大きく） */
.animation-lib--fade-in-left-big{
    animation-name: animation-lib--fade-in-left-big;
    animation-duration: .9s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
}


@keyframes animation-lib--fade-in-left-big{
    0%{
        opacity: 0;
        transform: translateX(-30px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}


/** フェードイン（右から） */
.animation-lib--fade-in-right{
    animation-name: animation-lib--fade-in-right;
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
}


@keyframes animation-lib--fade-in-right{
    0%{
        opacity: 0;
        transform: translateX(10px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}

/** フェードイン（右から大きく） */
.animation-lib--fade-in-right-big{
    animation-name: animation-lib--fade-in-right-big;
    animation-duration: .9s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);
}


@keyframes animation-lib--fade-in-right-big{
    0%{
        opacity: 0;
        transform: translateX(30px);
    }
    100%{
        opacity: 1;
        transform: translateX(0px);
    }
}


/** ブラーイン */
.animation-lib--blur-in{
    animation-name: animation-lib--blur-in;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}


@keyframes animation-lib--blur-in{
    0%{
        opacity: 0;
        filter: blur(20px);
    }
    95%{
        opacity: 1;
        filter: blur(0px);
    }
    100%{
        opacity: 1;
        filter: none;
    }
}


/** フリップイン（下から） */
.animation-lib--flip-in-bottom{
    animation-name: animation-lib--flip-in-bottom;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

@keyframes animation-lib--flip-in-bottom{
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%) rotateX(180deg);
            transform: translateY(100%) rotateX(180deg);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) rotateX(0);
            transform: translateY(0) rotateX(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}


/** スケールイン（左から） */
.animation-lib--scale-in-hor-left{
    animation-name: animation-lib--scale-in-hor-left;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

@keyframes animation-lib--scale-in-hor-left{
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}


/** スケールイン（左上から） */
.animation-lib--scale-in-tl{
    animation-name: animation-lib--scale-in-tl;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.27, 0, 0, 1);
}

@keyframes animation-lib--scale-in-tl{
  0% {
    -webkit-transform: translate(-25px, -25px) scale(0.85);
            transform: translate(-25px, -25px) scale(0.85);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1);
            transform: translate(0px, 0px) scale(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}


/** スケールイン（右上から） */
.animation-lib--scale-in-tr{
    animation-name: animation-lib--scale-in-tr;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.27, 0, 0, 1);
}

@keyframes animation-lib--scale-in-tr{
  0% {
    -webkit-transform: translate(25px, -25px) scale(0.85);
            transform: translate(25px, -25px) scale(0.85);
    -webkit-transform-origin: 100%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1);
            transform: translate(0px, 0px) scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}


/** スケールイン（左上から） */
.animation-lib--scale-in-bl{
    animation-name: animation-lib--scale-in-bl;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.27, 0, 0, 1);
}

@keyframes animation-lib--scale-in-bl{
  0% {
    -webkit-transform: translate(-25px, 25px) scale(0.85);
            transform: translate(-25px, 25px) scale(0.85);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1);
            transform: translate(0px, 0px) scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}


/** スケールイン（右上から） */
.animation-lib--scale-in-br{
    animation-name: animation-lib--scale-in-br;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.27, 0, 0, 1);
}

@keyframes animation-lib--scale-in-br{
  0% {
    -webkit-transform: translate(25px, 25px) scale(0.85);
            transform: translate(25px, 25px) scale(0.85);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1);
            transform: translate(0px, 0px) scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}


/** チルトイン（斜め上から） */
.animation-lib--tilt-in-tr{
    animation-name: animation-lib--tilt-in-tr;
    animation-duration: .65s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

@keyframes animation-lib--tilt-in-tr{
  0% {
    -webkit-transform: rotateY(-8.5deg) rotateX(5deg) translate(60px, -60px) skew(-3deg, -4deg);
            transform: rotateY(-8.5deg) rotateX(5deg) translate(60px, -60px) skew(-3deg, -4deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

/** バウンスイン（大きくなる） */
.animation-lib--bounce-in-fwd{
    animation-name: animation-lib--bounce-in-fwd;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes animation-lib--bounce-in-fwd{
  0% {
    -webkit-transform: scale(0.4) rotateZ(-5deg);
            transform: scale(0.4) rotateZ(-5deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  38% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  55% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.89);
            transform: scale(0.89);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1) rotateZ(-0deg);
            transform: scale(1) rotateZ(-0deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}


.layout--default p.link img{
    display: none;
}

.subpageLink{
    opacity: 1;
    transition: .3s all;
}

.subpageLink.layout--list p.link:before,
.subpageLink.layout--list p.link:after,
.subpageLink.layout--card p.link:before,
.subpageLink.layout--card p.link:after{
    content: "";
    display: none;
}

.subpageLink.layout--list,
.subpageLink.layout--card{
  display: flex;
  flex-wrap: wrap;
}

.subpageLink.layout--list h3,
.subpageLink.layout--card h3{
  width: 100%;
}

.subpageLink.layout--card{
  align-items: flex-start;
}

.subpageLink.layout--list p.link{
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 10px 0 !important;
  padding: 0 5% 5px;
}

p.link.thumbnail-empty:before{
    content: "";
    display: none !important;
}

.layout--list p.link.current-record.thumbnail-empty:nth-of-type(5n-4),
.layout--list p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-4) a{
    background-image: url(../img/copy2open/no_image_1_s.jpg);
}

.layout--card p.link.current-record.thumbnail-empty:nth-of-type(5n-4),
.layout--card p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-4) a{
    background-image: url(../img/copy2open/no_image_1.png);
}

.layout--list p.link.current-record.thumbnail-empty:nth-of-type(5n-3),
.layout--list p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-3) a{
    background-image: url(../img/copy2open/no_image_2_s.jpg);
}

.layout--card p.link.current-record.thumbnail-empty:nth-of-type(5n-3),
.layout--card p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-3) a{
    background-image: url(../img/copy2open/no_image_2.png);
}

.layout--list p.link.current-record.thumbnail-empty:nth-of-type(5n-2),
.layout--list p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-2) a{
    background-image: url(../img/copy2open/no_image_3_s.jpg);
}

.layout--card p.link.current-record.thumbnail-empty:nth-of-type(5n-2),
.layout--card p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-2) a{
    background-image: url(../img/copy2open/no_image_3.png);
}

.layout--list p.link.current-record.thumbnail-empty:nth-of-type(5n-1),
.layout--list p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-1) a{
    background-image: url(../img/copy2open/no_image_4_s.jpg);
}

.layout--card p.link.current-record.thumbnail-empty:nth-of-type(5n-1),
.layout--card p.link:not(.current-record).thumbnail-empty:nth-of-type(5n-1) a{
    background-image: url(../img/copy2open/no_image_4.png);
}

.layout--list p.link.current-record.thumbnail-empty:nth-of-type(5n),
.layout--list p.link:not(.current-record).thumbnail-empty:nth-of-type(5n) a{
    background-image: url(../img/copy2open/no_image_5_s.jpg);
}

.layout--card p.link.current-record.thumbnail-empty:nth-of-type(5n),
.layout--card p.link:not(.current-record).thumbnail-empty:nth-of-type(5n) a{
    background-image: url(../img/copy2open/no_image_5.png);
}

.layout--list p.link.current-record.thumbnail-empty,
.layout--list p.link:not(.current-record).thumbnail-empty a{
    padding: 15px 0 15px 84px !important;
    box-sizing: border-box;
    background-size: 64px auto;
    background-repeat: no-repeat;
    background-position: left center;
}

.layout--list p.link.current-record.thumbnail-empty{
  padding: 15px 5% 15px calc( 84px + 5% ) !important;
  background-position: left 5% center;
}

.layout--list p.link.current-record{
  display: flex;
  align-items: center;
}

.layout--list p.link:not(.current-record) a{
  align-items: center;
  display: flex;
  text-decoration: none;
}

.layout--list p.link img{
  width: 64px;
  max-width: 64px;
  margin: 0 20px 0 0;
}

.layout--card .foot-middle-menu__list{
    align-items: flex-start;
}

.subpageLink.layout--card p.link{
  width: 49%;
  margin: 0 1% 1% 0 !important;
  background: rgba(0,0,0,0);
  transition: all .2s;
  font-size: 14px !important;
  padding: 10px !important;
  box-sizing: border-box;
  text-align: center;
}

.subpageLink.layout--card p.link img{
  width: 100%;
  max-width: 100%;
  margin: 0 0 10px;
}

.subpageLink.layout--card p.link:hover{
    background: rgba(0,0,0,.05);
    font-weight: bold;
}

.subpageLink.layout--card p.link.thumbnail-empty.current-record,
.subpageLink.layout--card p.link.thumbnail-empty:not(.current-record) a{
    padding: calc( 100% * 0.75 + 10px ) 0 0 0 !important;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
}

.subpageLink.layout--card p.link.thumbnail-empty.current-record{
    padding: calc( (49% - 5px) * 0.75 + 10px ) 10px 10px 10px !important;
    background-size: calc( 100% - 20px ) auto;
    background-position: top 10px center;
}

.subpageLink.layout--card p.link a{
    display: block;
}

.subpageLink.layout--card p.link a:link{
    text-decoration: none;
}

.plusBlockBtn--lead {
    padding: 0 0 30px 0 !important;
    top: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
}

.lead__wrap .plusBlockBtn--lead{
  display: none !important;
}

.plusBlockBtn.plusBlockBtn--lead ul{
    width: auto;
    height: 25px;
    margin-left: 5px;
}

.plusBlockBtn--lead .changeLeadLayout{
    width: 25px;
    height: 25px;
    background: #DDD;
    cursor: pointer;
    margin-left: 2px !important;
    padding-left: 0px !important;
}

.plusBlockBtn--lead .changeLeadLayout.current{
    position: relative;
}

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

.plusBlockBtn--lead .changeLeadLayout[data-layout = "default"]{
    background: #DDD url(../img/common/lead_block_layout_default.gif);
}
.plusBlockBtn--lead .changeLeadLayout[data-layout = "card"]{
    background: #DDD url(../img/common/lead_block_layout_card.gif);
}
.plusBlockBtn--lead .changeLeadLayout[data-layout = "list"]{
    background: #DDD url(../img/common/lead_block_layout_list.gif);
}@charset "utf-8";

/* 20160331 高橋 */
/* 背景が動くスライダーのためのデザイン上書きCSS */
/* デザイン Photo　を想定 */

h1 {
    top:-490px !important;
    z-index:4;
}

#header_wrapper{
    position: absolute;
    background:none;
    z-index:5;
}

#body_sub #header_wrapper,
#body_free #header_wrapper{
    position:static;
}

#main_img_wrapper {
    position:relative;
    padding:0;
}


.slider_text{
    text-align:center;
    margin:0 0 15px;
    position:relative;
    max-width:960px;
    max-height:155px;
    overflow:hidden;
    margin:0 auto 30px;
    z-index: 2
}

.slider_btn{
    overflow:visible;
}

#increment,
#decrement{
    position:absolute;
    top:45%;
    width:50px;
    height:50px;
    border-radius: 100%;
    border: 1px solid #fff;
    cursor:pointer;
    color:#fff;
    text-align: center;
    line-height: 45px;
    box-shadow: 0px 0px 7px -1px #333;
    -moz-box-shadow: 0px 0px 7px -1px #333;
    -webkit-box-shadow: 0px 0px 7px -1px #333;
    text-shadow: 0 0 6px #000;
    z-index:2;
}

#increment {
    right:100px;
}

#decrement {
    left:100px;
}

#sliderSteps{
    position: absolute;
    width: 100%;
    bottom: 50px;
    height: 20px;
}

#sliderStepsContainer{
    margin: auto;
    height: 20px;
    width: 10px;
    position:relative;
    bottom:120px;
    z-index: 2;
    text-align:center;
}

#sliderStepsContainer span {
    display:inline-block;
    border-radius:100%;
    background:#fff;
    width:10px;
    height:10px;
    margin:0 5px 0 0;
    cursor:pointer;
    padding:0;
}

#sliderStepsContainer span.current {
    background:#ccc;
}

#sliderLoader {
    height: 1px;
    position: absolute;
    bottom: 70px;
    background: #fff;
    width: 100%;
}

#sliderLoader span {
    display:block;
	background: #ccc;
	margin:auto;
	width:0 ;
	height:1px;
    padding:0px;
    max-width:100%;
}


.slideshow-icon-addbg{
    background: #666;
    padding: 5px;
    border-radius: 3px;
    box-sizing: border-box;
}




#bgSlider{
    visibility:hidden;
}

#bgSlider:after{
    content: url(/cms/img/ajax_loader_alpha.gif);
    position: absolute;
    z-index: 1;
    top: calc( 50% - 9px );
    left: calc( 50% - 9px );
    visibility: visible;
}

#bgSlider.js-loaded{
    visibility:visible;
    background:none;
}

#bgSlider.js-loaded:after{
    display:none;
}



/* slideshow-playbtn */

.slideshow-icon-wrap {
    width: 32px !important;
    height: 32px !important;
    display: block !important;
    border-radius: 3px !important;
    float: right !important;
    position: relative !important;
    margin-left: 5px !important;
    padding: 0 !important;
    background-color: transparent !important;
}




/* fadein */

.slideshow-fadein{
    background-size:auto;
    background-repeat:no-repeat;
    background-position:center;
}


/* slidedown */

.slideshow-slidedown{
    position:absolute;
    background-size:auto;
    background-position: center -1200px;
    background-repeat:no-repeat;
    animation-timing-function : ease-in-out;
    animation-duration:.75s;
    animation-fill-mode:forwards
}

.slideshow-slidedown-passive {
    background-position: center -1200px;
    z-index:0;
    animation-name:slideup;
}

.slideshow-slidedown-active {
    background-position: center center;
    z-index:1;
    animation-name:slidedown;
}

.slideshow-slidedown *{
    display:none;
}

.slideshow-slidedown-active *{
    display:block;
}

.slideshow-slidedown-wrap #sliderStepsContainer,
.slideshow-slidedown-wrap #sliderLoader{
    z-index:1;
}


@keyframes slidedown{
    0%{background-position: center -1200px;}
    100%{background-position: center center;}
}

@keyframes slideup{
    0%{background-position: center center;}
    100%{background-position: center -1200px;}
}

@keyframes fadein{
    0%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 1;}
}



/* zoomin */

.slideshow-zoomin *{
    display:none;
}

.slideshow-zoomin-active *{
    display:block;
}

.slideshow-zoomin {
    z-index: 0;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size:auto;
    position:absolute;
}

.slideshow-zoomin-active{
    opacity:1;
    z-index:1;
    animation-name:zoomin;
    animation-duration:1s;
    animation-fill-mode:forwards;
    transform: scale( 1 ) rotate(0.1deg);
}

.slideshow-zoomin-wrap #sliderStepsContainer,
.slideshow-zoomin-wrap #sliderLoader{
    z-index:1;
}

@keyframes zoomin{
    0%{transform:scale(0.9) rotate(0deg);}
    100%{transform:scale(1) rotate(0deg);}
}


/* zoomout */

.slideshow-zoomout {
    width: 100%;
    height: 100%;
    position: absolute;
}



.slideshow-zoomout{
    transition: opacity .75s;
}

.slideshow-zoomout-passive{
    opacity: 0;
    z-index: 0;
}

.slideshow-zoomout-active{
    opacity: 1;
    z-index: 1;
}

.slideshow-zoomout .slider_img_wrapper{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}



.slideshow-zoomout .slider_img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    transform: scale(1.2);
    transform-origin: center center;
    transition: transform 8s;
}

.slideshow-zoomout-active .slider_img {
    transform: scale(1) rotate(0.1deg);
    z-index: 1;
}

.slideshow-zoomout-wrap #sliderStepsContainer,
.slideshow-zoomout-wrap #sliderLoader{
    z-index: 1;
}


#bgSlider .newArrivalSlideShow {
    position: absolute;
    float: none !important;
    top: 5px;
    right: 8px;
    background-color: #f00;
    color: #fff !important;
    line-height: 16px !important;
    font-size: 12px !important;
    border-radius: 100%;
    text-align: center;
    width: 16px !important;
    height: 16px !important;
    padding: 0;
}

#bgSlider .newArrivalSlideShow:empty{
    display:none;
}

#bgSlider .slider_caption .slider_contents {
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.sliderDiv[data-disp-flag="0"],
#sliderStepsContainer > span[data-disp-flag="0"]{
    display:none !important;
}


/*responsive*/
@media screen and (max-width: 480px) {

    #body_sub #header_wrapper,
    #body_free #header_wrapper{
        position:absolute;
    }


    /* slidedown */
    .slideshow-slidedown {
        display:none;
    }

    .slideshow-slidedown-active {
        display:block;
    }

    .slideshow-slidedown-wrap #increment,
    .slideshow-slidedown-wrap #decrement,
    .slideshow-slidedown-wrap #sliderStepsContainer{
        z-index:2;
    }

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

    @keyframes slideup{
        0%{
            background-position: center center;
        }
        100%{
            background-position: center -1200px;
        }
    }

    /* zoomin */
    .slideshow-zoomin {
        position:absolute;
        display:none;
    }

    .slideshow-zoomin-active {
        display:block;
    }

    #bgSlider .slider_icons{
        display:block !important;
    }

    .prevnextSliderSorterTrigger{
    }

    .slideshow-icon-wrap:not(.js-play){
        float:none !important;
    }

    /* zoomout */
    .useCustomSlider .slideshow-zoomout{
        height: auto;
    }
    .useCustomSlider .slideshow-zoomout .slider_img_wrapper{
        height: 56.25vw; /* デフォルトでは 16.9 比率にしている 各デザインCSSで上書き可 */
    }

}
div.baloon {
   font-size: 11px;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url("../img/baloon.gif") no-repeat top left;
   z-index: 5000;
}

div.baloon a {
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
}

div.baloon a:hover {
   background-color: #eef;
}

div.baloon div {
   background: url("../img/baloon_right.gif") no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
}

/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}