@import url('https://fonts.googleapis.com/css2?family=Teko:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital@0;1&display=swap');

*{
   margin:0;
   padding:0;
   list-style-type: none;
   font-size: 100%;
}

*:not(font){
   font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body {
    margin:0px;
    color: #4B4B4B;
}

a:link {
  text-decoration: underline;
  color: #0066CC;
}
a:visited {
  text-decoration: underline;
  color: #663399;
}
a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
}

h3 {
  font-size:18px;
}

#main_img_container h1{
    color: #999;
    font-weight: normal;
    position: absolute;
    z-index: 4;
    top: -615px !important;
    right: inherit;
    font-size: 12px;
}
#body_sub #main_img_container h1,#body_free #main_img_container h1{
    top: -80px !important;
}

#header_wrapper{
    width: 100%;
}
#body_sub #header_wrapper, #body_free #header_wrapper {
  position:static;
    height:60px;
    background: #333 url(../img/cmscss/lotas/sbgimg/sbgimg01.jpg) no-repeat center top;
}
#body_sub #menu_wrapper, #body_free #menu_wrapper {
  padding:0;
}
#main_img_wrapper{
    background: #DEDEDE;
}
#main_img_container {
    width: 960px;
    margin:0 auto;
  position:relative;
}
#main_contents_wrapper{
  width: 900px;
  text-align: left;
  clear: both;
  margin: 0 auto;
  padding:60px 30px 90px 30px;
  background: #FFF;
}

#menu_wrapper {
    font-size: 14px;
    width: 100%;
    padding: 0;
    background: #000;
    background: -webkit-linear-gradient(top, #222 0, #000 100%);
    background: -moz-linear-gradient(top, #222 0, #000 100%);
    background: -o-linear-gradient(top, #222 0, #000 100%);
    background: linear-gradient(to bottom, #222, #000 100%);
}


#menu li a:hover {
  background:#999999;
}

#body_top #main_img_wrapper:after {
    content: "";
    display: block;
    width: 100%;
    height: 90px;
    bottom: 60px;
    background: url(../img/copy2open/scroll.png) no-repeat center bottom;
    position: absolute;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
    -webkit-animation: animeScroll 2s ease-in-out infinite;
    animation: animeScroll 2s ease-in-out infinite;
    z-index:1;
}
.slider_strong{
  padding: 5px 0 0;
}
#bgSlider .slider_text_wrap{
  padding: 70px 0 0!important;
}

body [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap .slider_text_wrap{
    padding: 30px 170px !important;
}

body [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "fit"] .slider_text_wrap{
    width: 1020px !important;
}

.noTitlePotision{
  margin-top: 35px !important;
}

.noCaptionPotision{
  margin-top: 30px !important;
}

.noTextPotision{
  margin-top: 65px !important;
}
.sliderDiv{
    height: 535px !important;
    padding: 0 0 0 0;
}
#bgSlider .slider_icons{
  top: 0 !important;
}
@keyframes animeScroll { 
    0% {bottom: 60px;}
    50% {bottom: 50px;}
    100% {bottom: 60px;}
}




/*ワイド切り替えここから*/

#conteiner {
  background:#e6e6e6;
}


/*

body {
    background: url(../img/cmscss/lotas/common/compact_bg.jpg) repeat;
}

#wrapper {
    width: 1000px;
    text-align: left;
    position: relative;
    margin: 0 auto;
    clear: both;
    background: #FFF;
    overflow: hidden;
}
#conteiner {
    clear: both;
    margin:0 auto 0 auto;
    position: relative;
}
#menu_wrapper {
  left:0;
}
#decrement{
  left: 20px !important;
}
#increment{
  right: 20px !important;
}

#main_contents_wrapper{
    text-align: left;
    clear: both;
    margin:0 auto;
    background:#FFF;
}
#header_wrapper{
    width: 100%;
    text-align: left;
    position: relative;
    margin: 0 auto;
}

#main_img_wrapper{
    width: 100%;
    text-align: left;
    margin:0 auto;
    padding:30px 0 70px;
    background:#333;
}



#bgSlider .slider_caption{
    max-width:700px;
}

#bgSlider .slider_caption .slider_caption_contents{
  width:auto;
}


*/
/*ワイド切り替えここまで*/

h3 span{
  word-wrap: break-word;
  overflow-wrap: break-word;
}
#header_conteiner {
    width: 960px;
    margin: 0 auto;
    height: 60px;
  position:relative;
}

#wrapper{
  padding: 24px 0 0 0;
  position: relative;
  background:#FFF;
}

#header_wrapper{
    height: 60px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    top: 24px;
    background: #CC0000 !important;
    position: static !important;
}

#header_conteiner:after {
  content:"";
  display:block;
  width:282px;
  height:60px;
  position:absolute;
  left:-58px;
  bottom:0;
  background:url(../img/cmscss/lotas/common/lotas_logo.png) no-repeat;
}

#header {
  position:relative;
}

#body_sub #main_img_wrapper,
#body_free #main_img_wrapper{
   padding:0 !important;
}


#menu_container {
    width: 960px;
    padding:0px;
    margin:0 auto;
}
#main_contents_container {
    clear: both;
    margin:0 auto;
}
#main_contents{
  float:left;
  text-align:left;
  margin: 0px;
  padding:0 0 0 0 !important;
  width: 670px;
}
.np {
    font-size: 12px;
    line-height: 160%;
    clear: both;
    margin-bottom: 15px;
    margin-right: 20px;
    margin-left: 30px;
}

.block_outer_usedcar_recommend .thumbnail {
    width: calc((100% / 3) - 20px);
}

.block_outer_usedcar_recommend .maker_link {
    padding: 0;
}

#menu ul li .addFreePageLink, #menu ul li .editMenuLink, #menu ul li .gmenuHelpLink{
  top: -12px !important;
  z-index: 5;
}

#menu ul li:hover .addFreePageLink, #menu ul li:hover .editMenuLink, #menu ul li:hover .gmenuHelpLink{
  top: -12px !important;
  z-index: 5;
}

/*****************************************************************************************/
/*background:url(../img/bar/h2/ffffff.gif) no-repeat right top;*/
/*    background:url(../img/header/menu_back.jpg) top;*/
/******************ここからサイドバーが上の場合*/






























#main_img_container h1{
    top: -651px !important;
}
#body_sub #main_img_container h1,#body_free #main_img_container h1{
    top: -116px !important;
}
#menu{
  position: relative;
}
#menu ul li{
    float:left;
}

#menu li a {
    width: 96px;
    height: 36px;
    display: table-cell;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    padding: 0 5px;
    color: #ffffff;
    vertical-align: middle;
    line-height: 1.2em;
}

#menu ul li ul{
  clear: both;
  position:absolute;
  top:36px;
  z-index:5;
  text-align:left;
  display:none;
}


#menu li ul li{
  clear: both;
  text-align:left;
  background: #0066ff;
  border-bottom:1px solid #fff;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}

#menu li ul li a,#menu li ul li a:visited {
  background: #EEEEEE;
  color:#000;
  clear: both;
  font-size:12px;
  width:140px;
  font-weight:normal;
  margin: 0;
  padding:10px;
  line-height: 120%;
  height:auto;
  text-align:left;
}


#menu li ul li a:hover{
  background: #ccc;
  color:#000;
}



div.mega_menu{
    width: 960px;
}



#side_bar_sub_top {
    margin-top:270px;
}
#right_box{
  top: 60px !important;
  right: 30px;
}
.side_bar_sub {
  float:right;
}



/******************ここからサイドバーが中の場合*/

/*
#menu{
  position: relative;
}

#header_wrapper {
    margin:0 auto;
}

#menu_wrapper {
  padding: 0;
  position: relative;
}

#menu ul li{
    float:left;
}
#menu li a {
    width: 96px;
    height: 36px;
    display: table-cell;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    padding: 0 5px;
    color: #ffffff;
    vertical-align: middle;
    line-height: 1.2em;
}



#gmenu_top a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_shaken a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_bankin a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_cars a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_other a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_company a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_access a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_contact a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_estimate a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_syuri a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_hoken a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_check a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_newcars a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_custom a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_rentacar a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_buyback a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_replacement a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_coating a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_sub1 a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_sub2 a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_sub3 a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_sub4 a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_sub5 a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_sub6 a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_sale a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}


#gmenu_carlease a {
    display:table-cell;
    text-decoration:none;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    height: 40px;
    padding:10px 5px;
    color:#000000;
    vertical-align:middle;
}



#menu ul li ul{
  position:absolute;
  top:36px;
  z-index:2;
  text-align:left;
  display:none;
}


#menu li ul li{
  clear: both;
  text-align:left;
  border-bottom:none;
  border-left:none;
  border-right:none;
    z-index:2;
}

#menu li ul li a,#menu li ul li a:visited {
  background: #EEEEEE;
  color:#444444;
  clear: both;
  font-size:14px;
  font-weight:normal;
  margin: 0;
  padding: 10px 0 10px 10px;
  line-height: 15px;
  height:auto;
  text-align:left;
  text-decoration:none;
  z-index:2;
  color:#444444;
  width:170px;
}

#menu li ul li a:hover{
    background: #ccc;
    color:#222 !important;
    text-decoration:none;
    width:170px;
    font-weight:normal;
    text-align:left;
    line-height:15px !important;
    padding: 10px 0 10px 10px;
    z-index:2;
  }



div.mega_menu{
    top: 37px;
    width: 920px;
}



#right_box {
    top: 95px !important;
    right: 30px;
}
.side_bar_sub {
  float:right;
}
#side_bar_sub_top {
    margin-top:270px;
}


*/





/******************ここから下がサイドバーが右および左の場合*/


/*#menu_wrapper {
    position: relative;
    width:200px;
    float:right;
    margin-bottom:30px;
    padding: 0;
}

#menu_container {
    background-repeat: repeat-y;
    background-position: left top;
    padding:0px;
    width:200px;
    float:right;
}

.menu_wrapper_top{
    margin-top:270px !important;
}


#menu{
    font-size:14px;
    width:200px;
    float:right;
    margin: 0px;
    background: #fff url(../img/cmscss/lotas/side_menu_head/ffffff.png) no-repeat 0 0;
  	padding: 46px 0 0 0;
}



#menu ul{
    clear: both;
    margin: 0px;
    padding:0;
    background: #999999;
}

#menu li a:hover{
    background: #999999;
}

#menu li{
    padding:0px;
    clear: both;
    margin: 0px;
}

#menu li a{
    border-bottom: 1px solid #CCCCCC;
    color:#000000;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 10px 10px 10px;
    text-align: left;
    text-decoration: none;
    width: 180px;
    line-height: 1.2em;
}

#menu li ul{
    margin: 0px;
    padding: 0px;
    clear: both;
    box-shadow: 1px 0 0 #DDDDDD inset;
}

#menu li ul li{
    margin:0px;
    font-size:12px;
    clear: both;

}

#menu li ul li a{
    background:none;
    color:#000000;
    clear: both;
    font-weight:normal;
    font-size:12px;
    padding:10px 10px 10px 10px;
    line-height: 130%;
    display: block;
    width: 180px;
    margin: 0px;
    border-top:none;
    border-bottom:1px dotted #ccc;
}
#menu li ul li a:hover{
    text-decoration: underline;
}





#right_box {
  right:30px;
  top: 60px !important;
}
.side_bar_sub {
  float:right;
}
#main_contents{
  float:left;
}

*/.side_bar_sub {
    width:200px;
    padding:0;
    margin-bottom: 40px;
    margin-left: 0px;
    color:#333;
}
.side_bar_sub address {
    font-size: 12px;
    font-style: normal;
    color: #666;
    padding-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 120%;
    text-align:left;
    background:#FFFFFF;
    border-bottom: 1px solid #CCCCCC;
}
.side_bar_sub p,
#eigyoubi_cal .box_side_claendar #sideCalendar_01_1{
    font-size: 12px;
    line-height: 130%;
    color: #666;
    margin-bottom: 3px !important;
    padding-bottom: 10px;
}

#sidebar_shp_inf .side_shop_info_mapbottom p.freedial_tel, #sidebar_shp_inf .side_shop_info_mapbottom p.normal_tel, #sidebar_shp_inf .side_shop_info_mapbottom p.normal_fax{
    margin-bottom: 10px !important;
}

.side_bar_sub img {
  padding-top: 10px;
}
p.link a:link,p.link a:visited {
  color: #000000;
  text-decoration: underline;
}
p.link a:hover,p.link a:active {
  color: #000000;
  text-decoration: none;
}


div.mega_menu ul li a, div.mega_menu ul li a:visited {
    background:none !important;
}
div.mega_menu ul li{
  margin-bottom: 0 !important;
}

.nav_link {
   font-size: 12px;
   line-height: 27px;
   clear: both;
   text-align: left;
   display: block;
   height:auto !important;
   padding:0;
   font-size: 12px;
   line-height: 27px;
   text-align: right;
   background:none;
   display: block;
   clear: both;
}

/*------toppage------*/


.toppage_h2 span {
    font-size: 14px !important;
  width:inherit !important;
  padding-left: 10px;
    border-left: 5px solid #999999;
  height: auto !important;
}

.text_left {
  padding:10px;
  border: 1px solid #c8c8c8;
}

.h2_box_1, .h2_box_2 {
    margin-right: 20px;
}

.h2_box_1, .h2_box_2, .h2_box_3{
    width: 210px;
    float:left;
}

.h2_box_1 .text_left p,.h2_box_2 .text_left p,.h2_box_3 .text_left p {
    font-size: 12px;
    line-height: 150%;
    clear: both;
    margin-bottom: 10px;
    text-align: left;
}
.h2_box_1 h2,.h2_box_2 h2,.h2_box_3 h2 {
    background: #FFF;
    clear: both;
    margin-bottom: 15px;
    padding-left: 0;
}
.h2_box_1 h3,.h2_box_2 h3,.h2_box_3 h3 {
    font-size: 14px;
    line-height: 150%;
    clear: both;
    margin-bottom: 10px;
    text-align: left;
    color: #000;
}

.img_left img,.img_left img,.img_left img {
    clear: both;
    padding:0;
}
.h2_box_1 .otherPict,.h2_box_2 .otherPict,.h2_box_3 .otherPict {
    clear: both;
    width: 100%;
}
.main_copy {
    font-size: 12px;
    line-height: 180%;
    clear: both;
    margin-bottom: 25px;
}







#right_box {
    color: #FFF;
    font-size: 12px;
    position: absolute !important;
    width: 200px;
}

.side_shop_info_box{
}

#right_box p {
    font-size: 12px;
    line-height: 140%;
    color: #666;
    margin-bottom: 5px;
}

.right_box_img {
    margin-bottom: 10px;
    text-align: center;
  height:120px;
}

.right_box_img img{
    max-width: 160px;
  max-height:120px;
}

a.estimate_btn,div.section p.right_link a:link, div.section p.right_link a:visited{
    background: #c00;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #BD0000), color-stop(0.00, #C00));
    background:-webkit-linear-gradient(top, #C00 0, #BD0000 100%);
    background:-moz-linear-gradient(top, #C00 0, #BD0000 100%);
    background:-o-linear-gradient(top, #C00 0, #BD0000 100%);
    background:linear-gradient(to bottom, #C00 0, #BD0000 100%);
    color:#FFF;
    clear: both;
    display: block;
    font-size: 16px;
    padding: 5px 0 0 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    border-radius:5px;
    font-weight: normal;
}
.inputbtn{
    background: #c00;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #BD0000), color-stop(0.00, #C00));
    background:-webkit-linear-gradient(top, #C00 0, #BD0000 100%);
    background:-moz-linear-gradient(top, #C00 0, #BD0000 100%);
    background:-o-linear-gradient(top, #C00 0, #BD0000 100%);
    background:linear-gradient(to bottom, #C00 0, #BD0000 100%);
    color:#FFF;
    border-radius:5px;
    font-size: 16px;
    height: 48px;
    width: 200px;
    padding: 2px 0 0;
    display: block;
    margin: 0 auto;
    cursor:pointer;
    border:none;
    font-weight: normal;
}
a.estimate_btn:hover ,.inputbtn:hover,div.section p.right_link a:hover{
  opacity:0.9;
  color: #fff;
}



/* ------footer----- */
#footer_wrapper{
    width: 100%;
    clear: both;
    background: url(../img/cmscss/lotas/common/footer_bg.png) repeat-x center top ;
    margin: 0 auto;
    box-shadow: 0 -1px 0 #FFF, 0 -2px 0 #BFBFBF;
}

#footer_conteiner {
    width: 960px;
    padding:0px;
    margin: 0 auto;

}

#footer{
    height: 320px;
    text-align:center;
    letter-spacing:0em;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    background: url(../img/cmscss/lotas/common/footer_logo.png) no-repeat center top !important;
}

#footer ul{
  clear: both;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  height: 60px;
  margin-bottom: 241px;
}

#footer li{
    display: inline;
    padding:0;
}

#footer li a{
  text-decoration:none;
  font-size: 12px;
}

#footer li a:link,
#footer li a:visited {
    color:#000;
    text-decoration: none;
    text-align:center;
    font-size:12px;
}

#footer li a:hover,
#footer li a:active{
    text-decoration: underline;
}

.copy_right{
    font-size:10px;
    color:#FFF;
    clear: both;
    margin-right: auto;
    margin-left: auto;
    padding: 2px 0;
    background:#999999;
    text-align: center;
    position: absolute;
    width: 960px;
    bottom: 240px;
    left: calc(50% - 480px);
}
.copy_right a{
    font-size:10px;
}
hr {
  border-width: 1px 0px 0px 0px; /**/
  border-style: dashed; /*  */
  border-color: #ccc; /* */
  height: 1px;
  clear: both;
  padding-bottom: 10px;
}

#wrapper hr {
  display:none;
}

.btn a{
  color:#ccc;
  text-align:right;
}


/***************************************************************************************/
/*注意！common.cssに残りの記述あり*/

.add_attention_h2 {
  color:#666 !important;
    margin:0 0 5px 0 !important;
}
.plusBlockBtn, .plusBlockBtn2, .plusBlockBtn3, .plusBlockBtn4, .plusBlockBtn5 {
  width: 100% !important;
}
#mobile_QR_info {
    padding: 0 !important;
    margin:0 0 30px !important;
}

#mobile_QR_info h4{
    background: url(../img/cmscss/lotas/common/side_qr.jpg) no-repeat 0 2px !important;
    padding: 0 0 5px 30px !important;
    color:#222 !important;
}

h3.h3_lead {
    display: inline-block;
    color: #000;
    margin: 0 0 10px !important;
    font-size: 32px !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 3px solid #BBB !important;
    position: relative;
    width: 100%;
}
h3.h3_lead:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 3px;
    bottom: -3px;
    left: 0;
    background: #999999;
}
li.lead {
    clear: both !important;
    font-size: 12px !important;
    margin: 0 !important;
}

ul.ul_lead {
    margin: 0 0 15px !important;
    border-bottom:1px solid #CCC !important;
}




/***************************************************************************************/
/*サブページ*/

#sub_top_img{
    width:660px;
    height:100px;
    overflow:hidden;
    float:right;
    padding-right: 10px;
    display:none;
}

#sub_left_box{
    float:left;
    width:280px;
    height:100px;
    color:#fff;
    text-align:center;
    background:#000;
    padding: 0px;
    display:none;
}

.map_big {
    background-color: #e6e6e6;
    clear: both;
    margin-bottom: 30px;
    padding: 35px;
    width: 600px;
}







/*車検の流れ*/

.div_box_flow {
    clear: both;
    width: 670px;
    margin-bottom: 30px;
}

.box_flow {
    border-radius: 3px;
    clear: both;
    padding:20px 20px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: thin;
    }
.box_flow h3 {
  margin-bottom: 10px;
}
.box_flow h3 span {
  
}
.box_flow h3 b {
    display:none;
}

.box_flow p {
    font-size: 12px;
    line-height: 160%;
    color: #666666;
    margin-bottom: 20px;
}
.flow_arrow {
    clear: both;
    line-height: 30px;
    background: url(../img/cmscss/lotas/common/flow_arrow.png);
    background-repeat: no-repeat;
    background-position: center top;
    color:#fff;
    z-index: 1;
    margin: -1px 0 0;
}






/*特徴*/


.div_box_feature {
    clear: both;
    width: 670px;
    margin-bottom: 30px;
}
.box_feature {
    clear: both;
    width: 670px;
    margin-bottom: 20px;
    padding: 0 0 15px;
    border-bottom:1px dashed #CCC;
}
.box_feature h3 {
  margin-bottom: 10px;
  line-height: 120%;
}
.box_feature h3 {
  color: #000000;
}
.box_feature h3 b {
    display:none;
}
.box_feature p {
    font-size: 12px;
    line-height: 160%;
    color: #333;
}






/*事例*/


.div_box_jirei {
    clear: both;
    width: 670px;
    margin-bottom: 30px;

}
.box_jirei {
    clear: both;
    margin: 0 0 20px;
    width: 670px;
    padding: 0 0 15px;
    border-bottom:1px dashed #CCC;
}

.box_jirei h3 {
    line-height: 120%;
    margin-bottom: 10px;
}
.box_jirei h3 {
  color: #000000;
}
.box_jirei h3 b {
    padding-left: 80px;
    display:none;
}
.box_jirei p {
  font-size: 12px;
  line-height: 150%;
}






/*よくあるご質問*/


.div_box_faq0 {
    margin-bottom: 20px;
}

.div_box_faq {
    clear: both;
    width: 670px;
    margin-bottom: 20px;
    padding:0 0 20px;

}
.div_box_faq h3 {
    background: url(../img/cmscss/lotas/q_icon/ffffff.jpg) no-repeat 0 0;
    clear: both;
    font-size: 14px;
    line-height: 150%;
    padding: 10px 0 10px 50px;
}

.div_box_faq h3 {
    color: #333;
}
.div_box_faq h3 b {
    display:none;
}
.div_box_faq p {
    background: url(../img/cmscss/lotas/a_icon/ffffff.jpg) no-repeat 0 0;
    clear: both;
    font-size: 14px;
    line-height: 150%;
    padding: 10px 0 10px 50px;
}



/*クーポン*/

.div_box_coupon {
    clear: both;
    width: 670px;
    margin-bottom: 30px;
}
.box_coupon {
    width: 670px;
    clear: both;
    margin-bottom: 20px;
    padding: 0 0 15px;
    border-bottom:1px dashed #CCC;
}
.box_coupon h3 {
    font-size: 16px;
    line-height: 120%;
    margin:0 0 10px;
}
.box_coupon h3 b {
    height: 29px;
    padding-right: 10px;
    padding-left: 99px;
    display: none;
    float: left;
}
.box_coupon h3 {
  color: #000000;
}
.box_coupon p {
  font-size: 12px;
  line-height: 150%;
}





/*料金表*/


h3.edit_table_title {
    clear: both;
    font-size: 16px;
    padding-bottom: 10px;
    color: #333333;
    border-left: 5px solid #999999;
    padding: 5px 0 0 10px;
    margin: 0 0 10px 0;
}
#middle_top_price01 {
    clear: both;
    width: 670px;
    margin-bottom: 15px;
}
.pricetable_content {
    clear: both;
    width: 670px;
    margin-bottom: 60px;

}
.pricetable {
    border:solid #ccc 1px;
    clear:both;
    margin-bottom:20px;
    width:100%;
    font-size: 10px;
    background-color: #FFFFFF;
}
table {
border-collapse:collapse;
}
.pricetable th {
    font-size: 12px;
    background: #e6e6e6;
}
.pricetable th,.pricetable td {
    padding:10px 5px;
    width: 16%;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    font-weight: normal;
}
.pricetable td strong {
  font-size: 14px;
  color: #c00;
}
.price01_td {
    font-size: 12px;
}
.pricetabel_memo {
  font-size: 12px;
  line-height: 130%;
}





/*お約束*/


.div_box_promise {
    clear: both;
    width: 670px;
    margin-bottom: 30px;
 }
.box_promise {
    clear: both;
    width: 670px;
    margin-bottom: 20px;
    padding: 0 0 15px;
    border-bottom:1px dashed #CCC;

}
.box_promise h3 {
    font-size: 16px;
    line-height: 120%;
    margin:0 0 10px;
    color:#000;
}
.box_promise h3 b {
    margin-right: 10px;
    display:none;
}
.box_promise p {
    color: #000000;
    font-size: 12px;
    line-height: 150%;
}







/*特典*/
.div_box_tokuten {
    clear: both;
    width: 670px;
    margin-bottom: 30px;

}
.box_tokuten {
    clear: both;
    width: 670px;
    margin-bottom: 20px;
    padding: 0 0 15px;
    border-bottom:1px dashed #CCC;
}
.box_tokuten h3 {
  margin:0 0 10px;
  line-height: 120%;
}
.box_tokuten h3 span {
}
.box_tokuten h3 b {
    padding-left: 88px;
    display:none;
}
.box_tokuten p {
    font-size: 12px;
    line-height: 150%;
}




/*お客様の声*/


.div_box_voice {
    clear: both;
    width: 670px;
    margin-bottom: 30px;

}
.box_voice {
    clear: both;
    margin-bottom: 20px;
    width: 670px;
    padding: 0 0 15px;
    border-bottom:1px dashed #CCC;
}
.box_voice h3 {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px;
    line-height: 180%;
}
.box_voice h3 b {
    display:none;
}
.b_voice {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
}

.box_voice p {
    font-size: 12px;
    line-height: 150%;
    padding: 10px 0 0;
}





/*キャンペーン情報*/



.div_box_campaign {
    clear: both;

}
.campaign_content {
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #c8c8c8;
    border-radius: 15px;
}
.campaign_content .b_campaign{
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 10px;
    color: #000;
}
.campaign_content h3 {
    clear: both;
    margin-bottom: 15px;
}
.box_free h3 > span, .campaign_content h3 > span {
    color: #000;
    padding-left: 10px;
    border-left: 3px solid #999999;
}
.b_campaign {
    font-size: 12px;
    line-height: 100%;
    border: none;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    display: block;
    font-weight: normal;
}

.campaign_content p {
    font-size: 14px;
    line-height: 160%;
    clear: both;
    padding-bottom: 10px;
}

.div_box_company_pict {
    clear: both;
    margin-bottom: 40px;
    padding: 0 18px;
}
.company_pict {
    float: left;
    margin: 0 11px;
    text-align: center;
}




/*設備*/

.div_box_setsubi {
    clear: both;
    width: 670px;
    margin-bottom: 30px;

}
.box_setsubi {
    clear: both;
    width: 670px;
    margin-bottom: 20px;
    padding: 0 0 15px;
    border-bottom:1px dashed #CCC;
}
.box_setsubi h3 {
    line-height: 120%;
    margin-bottom: 10px;
}
.box_setsubi h3 {
  color: #000000;
}
.box_setsubi h3 b {
    display:none;
}
.box_setsubi p {
  font-size: 12px;
  line-height: 150%;
}




/*スタッフ*/

.div_box_staff {
    clear: both;
    width: 670px;
    margin-bottom: 30px;

}
.box_staff {
    width: 670px;
    clear: both;
    margin-bottom: 20px;
    padding: 0 0 15px;
    border-bottom:1px dashed #CCC;
}
.box_staff h3 {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 120%;
}
.box_staff h3 b {
    display:none;
}
.box_staff h3 {
  color: #000000;
}
.box_staff p {
    font-size: 12px;
    line-height: 150%;
}





/*自由入力*/

.div_box_free, #dksm_wrapper {
    clear: both;
    margin-right: auto !important;
    margin-left: auto !important;
}
.box_free, .box_dksm {
    clear: both;
    margin-bottom: 30px;
    padding: 0 0 15px;
    border-bottom:1px dashed #CCC;
}
.box_free h3, .box_dksm h3 {
  margin-bottom: 10px;
  line-height:160%;
}
.box_free h3, .box_dksm h3 {
  color: #000000;
}
.box_free h3 b, .box_dksm h3 b {
    height:21px;
    display:none;
}
.box_free p, .box_dksm p {
  font-size: 12px;
  line-height: 160%;
}








/*問い合わせフォーム*/


.n_table {
    border: medium none;
    clear: both;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.n_table th {
    color: #666;
    font-size: 80%;
    font-weight: normal;
    line-height: 160%;
    padding: 15px;
    text-align: left;
    vertical-align: top;
    width: 25%;
    border: 1px solid #CCCCCC;
}
.n_table td {
    color: #666;
    font-size: 80%;
    line-height: 160%;
    padding: 10px 10px 10px 20px;
    text-align: left;
    width: 55%;
    border: 1px solid #CCCCCC;
}
textarea{
  font-size:14px;
}

.inputarea {
  border: 1px solid #999999;
  line-height: 25px;
  height: 25px;
  width: 300px;
  font-size: 100%;
}
.inputarea2 {
  border: 1px solid #999999;
  line-height: 25px;
  height: 25px;
  width: 200px;
  font-size: 100%;
}
.inputarea3 {
  border: 1px solid #999999;
  line-height: 25px;
  height: 25px;
  width: 50px;
  font-size: 100%;
}
.inputarea4 {
  border: 1px solid #999999;
  line-height: 25px;
  height: 150px;
  width: 300px;
  font-size: 100%;
}
.inputarea, .inputarea2, .inputarea3,.inputarea4{
    box-shadow: none !important;
}
.inputtxtarea {
  border: 1px solid #999999;
  height: 140px;
  width: 100%;
  font-size: 100%;
}

input[type="file"] {
    width:260px !important;
}








/***************************************************************/
/*　中古車一覧　　*/

.usercar_list {
    width: 100% !important;
}
.list_con {
    width: 100% !important;
}
.list_main {
    width: 274px !important;
}
.list_main p img {
    width: 130px !important;
}
.list_con table {
  float: right;
  width: 386px;
  border: 1px solid #ccc;
}
.list_con table th {
  text-align: left;
  width: 18%;
  font-size: 10px;
  font-weight: normal;
  padding: 3px;
    border: 1px solid #c8c8c8;
    background: #e6e6e6;
    color: #000000;
}
.list_con table td {
  text-align: left;
  width: 32%;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  border: 1px solid #ccc;
  padding: 3px;
}
.usercar_list h3 {
  clear: both;
  background-color: #e6e6e6;
  margin-bottom: 15px;
  padding: 7px;
}
.zaiko_used, .daiko_used, .syoudanchu_used, .baikyaku_used, .unused {
  font-size:14px;
}

.usercar_list h3 span {
  font-size: 10px;
  float: right;
  padding-left: 45px;
  font-weight: normal;
  color: #666;
}
.usercar_list h3 a:link,.usercar_list h3 a:visited {
  font-size:18px;
  color: #000;
}
.list_main dl {
  float: left;
  width: 125px;
  text-align: left;
  display: block;
  padding: 9px;
  border: 1px solid #c8c8c8;
  height:78px;
  box-sizing: border-box;
}
.list_main dl dt {
  color: #333333;
  clear: both;
  font-size: 12px;
  margin-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #999999;
  padding-bottom: 5px;
}
.list_main dl dd {
  padding-bottom: 5px;
  clear: both;
  font-size: 12px;

}
.list_main dl dt strong {
  font-size: 20px;
  color: #FF0000;
}
.list_main dl dd strong {
  font-size: 14px;
  color: #000000;
}
.pager_str {
    font-size: 12px;
    clear: both;
    margin-bottom: 5px;
}
.pager {
    font-size: 12px;
    clear: both;
    background-color: #F7F7F7;
    border: 1px solid #ccc;
    width: 660px;
    padding-top: 4px;
    padding-right: 9px;
    padding-bottom: 0px;
    padding-left: 9px;
}
.pager span {
  font-weight: bold;
}
.pager a,.pager span {
    padding: 5px;
    display: block;
    text-align: center;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.pager a:link,.pager a:visited {
  color: #3399FF;
}
.pager a:hover,.pager a:active {
  background-color: #fc0;
  color: #000000;
}

#main_usedcarpage_link_box {
    width: 100% !important;
    background: none !important;
    padding: 0 !important;
}

#main_usedcarpage_link_box a {
    background: url(../img/copy2open/carlist_linkarw.png) no-repeat left 10px;
    padding: 5px 0 0 25px !important;
    float: right;
}

.usercar_list .list_con .list_tokuten_come {
    width: 380px;
    margin-left: 10px;
}


.usercar_list .list_con .list_pr_com {
    width: 380px;
    margin-left: 10px;
}

/***************************************************************/
/*　中古車詳細　　*/

#usercar_base {
    width: 670px;
    margin-bottom: 30px;

}
#usercar_base table {
  border: 1px solid #CCCCCC;
  font-size: 12px;
  clear: both;
  width: 100%;
}
#usercar_base table th {
    text-align: left;
    border: 1px solid #CCCCCC;
    font-weight: normal;
    background: #e6e6e6;
    color: #000000;
}
#usercar_base table td {
    border: 1px solid #CCCCCC;
    background-color: #FFF;
}
.kihon_tale {
  margin-bottom: 25px;
}
.kihon_tale th {
  padding: 5px;
  line-height: 140%;
  width: 20%;
}
.kihon_tale td {
  padding: 5px;
  width: 30%;
}
.kihon_tale2 {
  width: 100%;
  margin-bottom: 25px;
  font-size: 12px;
}
.kihon_tale2 th {
  padding: 5px;
  line-height: 140%;
  width: 16%;
}
.kihon_tale2 td {
  padding: 5px;
  width: 16%;
}
.soubishiyou {
  width: 100%;
  margin-bottom: 25px;
  font-size:10px;
}
.soubishiyou th {
  padding: 5px;
  line-height: 120%;
  width: 23%;
}
.soubishiyou td {
  padding: 5px;
  width: 10%;
  text-align: center;
}
.kakaku_td {
  font-size: 16px;
  font-weight: bold;
}
.sougaku_th {
  font-weight: bold;
  color: #FF0000;
}
.sougaku_td {
  font-size: 18px;
  font-weight: bold;
  color: #FF0000;
}
#car_gall {
    clear: both;
    width: 670px;
    margin-bottom: 20px;
    padding: 0;
}
#car_gall h3 {
    clear: both;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}
#car_gall h3 span {
    color: #FFFFFF;
}
#car_gall p{
    text-align:left !important;
}
#car_gall p img {
    width:390px;
}


#usercar_base h3 {
    color: #FFFFFF;
    font-size: 14px;
    clear: both;
    margin-bottom: 20px;
}
h3 span.regidate {
  color: #000000;
}
.shiyou_title {
  clear: both;
  margin-bottom: 10px;
  font-weight: bold;
  color: #000000;
}

.shop_info_box {
    border: 3px double #CCCCCC;
    clear: both;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 594px;
}
.shop_info_box h3{
    color:#333333;
    clear: both;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: normal;
}
.shop_info_box p{
  color:#666;
  clear: both;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.shop_info_box p span{
  color:#666666;
  font-size:40px;
  font-weight:bold;
  font-style: italic;
  margin: 0px;
  padding: 0px;
}
.shop_info_box p .shop_name {
    clear:both;
    color:#333333;
    font-size:14px;
    font-weight:bold;
    font-style: normal;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.shop_info_box p .tel_num{
  color:#999999;
  font-size:40px;
  line-height:60px;
  font-weight:bold;
  clear: both;
  display:block;
}
.shop_info_box p .shop_adrs {
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
    display: block;
    clear: both;
    text-align: center;
    padding-bottom: 10px;
}
.shop_info_box p .shop_hour {
  font-size: 12px;
  font-weight: normal;
  color: #666666;
  font-style: normal;
  clear: both;
  padding-left: 20px;
}
.tokuten_come {
    font-size: 14px;
    line-height: 140%;
    clear: both;
    margin-bottom: 7px;
    background-image: url(../img/cmscss/lotas/common/tokuten.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 50px;
    padding-bottom: 10px;
    padding-top: 2px;
    font-weight: bold;
}
.pr_come {
    font-size: 14px;
    line-height: 140%;
    clear: both;
    margin-bottom: 20px;
    background-image: url(../img/cmscss/lotas/common/pr.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 50px;
    margin-right: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}
.zaiko_base {
    width: 670px !important;
    margin-bottom: 30px !important;
}













/*箱単位でのフロートによる高さ解決*/
#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,
.div_box_company_pict:after,
.box_staff:after,
.box_setsubi:after,
#car_list_base:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}



#middle_top_price01 h2, h2.midashi_long, .blog_item h2 {
    font-size: 32px;
    margin-bottom: 30px;
  padding: 0 0 10px 0;
    border-bottom: 3px solid #BBB;
  position:relative;
}

#middle_top_price01 h2:after, h2.midashi_long:after, .blog_item h2:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 3px;
    bottom: -3px;
    left: 0;
    background: #999999;
}

.blog_item h2 span {
  font-size: 12px;
  font-weight: normal;
}
h2.midashi_long a:link,h2.midashi_long a:visited {
  color: #000;
  text-decoration: underline;
}
h2.midashi_long a:hover,h2.midashi_long a:active {
  color: #000;
  text-decoration: none;
}


.img_box_left{
    float: left;
    font-size: 12px;
    position: relative;
    margin:0px 15px 15px 0px;
}

.img_box_right{
  float:right;
  margin:0px 0px 15px 15px;
  font-size: 12px;
  position: relative;
}



.free_del_block {
  clear: both;
  text-align: center;
  margin-bottom: 15px;
  padding-top: 15px;
}
.free_del_block p {
  font-size: 12px;
  color: #CC0000;
  font-weight: bold;
  clear: both;
  padding: 0px;
  margin: 0px 0px 5px 0px;

}
.free_del_block a,.free_edit_box a {
  display: block;
  padding: 5px;
  clear: both;
  width: 250px;
  font-size: 12px;
  font-weight: bold;
  background-color: #F7F7F7;
  border: 1px solid #CCCCCC;
  text-align: center;
  margin: 0px auto 20px auto;
}

.access_info {
    clear: both;
    width: 670px;
    margin-bottom: 30px;
}
.access_info p {
    text-align: left;
    font-size: 12px;
    clear: both;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E0E0E0 !important;
}
.access_info p a,.access_info p a:visited {
  color: #000000;
  line-height: 150%;
}


#side_link_block{
    margin:0 0 30px !important;
}

#side_link_block a{
    color:#333 !important;
    font-size:10px;
    text-align:center;
    display:block;
}

#side_link_block h4{
    background: url(../img/cmscss/lotas/common/side_link.jpg) no-repeat 0 3px !important;
    margin:0 0 10px;
    color:#222 !important;
}


#sidetopics01, #sidetopics02, .like_topics_block  {
    margin:0 0 30px !important;
}

#sidetopics01 h4, #sidetopics02 h4, .like_topics_block h4 {
    background: url(../img/cmscss/lotas/common/side_topics.jpg) no-repeat 0 2px !important;
    margin:0 0 20px !important;
    padding:0 0 5px 50px !important;
    color:#222 !important;
}

.like_topics_block h4 {
    background: url(../img/cmscss/lotas/common/side_info.jpg) no-repeat 0 2px !important;
}

#side_link_block h2 {
  font-size: 12px;
  font-weight: bold;
  color: #686846;
  clear: both;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  padding-left: 45px;
}


.linktoLinks {
    background: none repeat scroll 0 0 #EEEEEE !important;
    border-radius: 5px;
    border-style: none !important;
    clear: both !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    text-align: center !important;
}

.linktoLinks a{
    color:#333 !important;
    text-align:center;
    font-size:12px;
    display:block;

}

h4#shop_info_title, #sv_title{
    background: url(../img/cmscss/lotas/common/side_info.jpg) no-repeat 0 2px !important;
    padding: 0 0 5px 40px !important;
    margin: 0 0 20px !important;
    color:#222 !important;
}

#sidebar_shp_info{
    margin:0 0 30px;
}


.usedcar_regi_link {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  clear: both;
  height: 30px;
  margin-bottom: 35px;
  width: 400px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #CCCCCC;
}

.right_link {
  font-size: 14px;
  font-weight: bold;
  line-height: 50px;
  clear: both;
  height: 50px;
  width: 250px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}

.historyback_box {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  clear: both;
  height: 30px;
  margin-bottom: 20px;
  width: 400px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #CCCCCC;
}



.backtop {
    bottom: 100px;
    font-size: 14px;
    margin: 0 auto;
    position: relative;
    width: 960px;
}

.backtop:hover {
  opacity:0.9;
}
.backtop a {
    background: url(../img/cmscss/lotas/common/gototop.png) no-repeat center 0px;
    color: #333!important;
    display: block;
    font-size: 12px;
    padding: 65px 0 0px;
    position: fixed;
    margin: 0 0 0 840px;
    bottom: 20px;
    text-align: center;
    z-index: 10;
}



/*パンくずリスト(徳田仮追加)*/
#pan {
    clear: both;
    width: 670px;
    padding-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}
#pan:after {
    height: 0;
    visibility: hidden ;
    content: ".";
    display: block ;
    clear: both ;
}
#pan li {
    font-size: 12px;
    float: left;
    height: 15px;
    line-height: 15px;
    padding-right: 10px;
}
#pan li a {
    background-image: url(../img/cmscss/lotas/common/pan.jpg);
    background-repeat: no-repeat;
    display: block;
    background-position: right center;
    padding-right: 15px;
}



/*新たに追加したcss*/

/*メイン画像コピー背景*/
div#image_letter_block {
    background:#fff;
    margin: 0 0 60px 0;
    padding: 0;
}
/*サイドバーにあるリンクボタン*/
.side_bar_sub p.link {
    background:#eee !important;
    text-align: center !important;
    clear: both !important;
    height: 40px !important;
    width: 200px !important;
    line-height: 40px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;

}
.side_bar_sub p.link a:link,.side_bar_sub p.link a:visited {
    color: #333;
    text-decoration: underline;
    display:block;
}
.side_bar_sub p.link a:hover,.side_bar_sub p.link a:active {
    color: #000000;
    text-decoration: none;
}

/*サイドバートピックス見出し*/
.box_side_topics h5 {
    color: #222;
    width:100% !important;
    display:inline;
}
/*サイドバートピックス画像の縁取りを強制コントロール*/
.side_img_box {
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    margin: 0px;
    padding: 0 !important;
}

/*サイドバートピックスボックスを強制コントロール*/
.box_side_topics {
    width: 100% !important;
    clear: both !important;
    margin: 0 0 15px 0 !important;
    padding: 0 6px 9px 6px !important;
    width: 188px !important;
}
.box_side_topics p,
#eigyoubi_cal .box_side_claendar #sideCalendar_01_1{
    color: #666;
    line-height: 120%;
    font-size: 10px;
}

/*会社概要のテーブルボックス*/
.div_box_gaiyo,.div_box_history {
    width: 670px;
    margin-bottom: 60px;
}
/*お問い合わせボタン*/

div.section p.right_link {
    background: #999999;
    border-radius: 25px;
    border-style: none;
    box-shadow: 0 1px 3px #AAAAAA;
    clear: both;
    height: 45px;
    line-height: 45px;
    margin: 0 auto 30px;
    padding: 0;
    width: 260px;
}
div.section p.right_link a:link,div.section p.right_link a:visited {
    color: #ffffff;
}
div.section p.right_link a:hover,div.section p.right_link a:active {
    color: #000000;
    text-decoration: none;
}


/*サイドバーのグローバルサブリンク*/
.subpageLink {
    clear: both;
    color:#222 !important;
    margin-bottom: 30px !important;
}
.subpageLink h3 {
    background: url(../img/cmscss/lotas/common/submenu_title.jpg) no-repeat 0 2px !important;
    background-repeat: no-repeat !important;
    background-position: left 1px;
    border-bottom: #999 solid 1px;
    color: #222 !important;
    text-align: left !important;
    padding: 0 0 5px 40px !important;
    margin: 0 0 20px !important;
    clear: both;
    line-height: 130%;
    border-bottom-width: 1px !important;
}

.subpageLink p.link {
    font-size: 12px !important;
    line-height: 130% !important;
    text-align: left !important;
    clear: both !important;
    background: none !important;
    clear: both !important;
    height: auto !important;
    padding: 0px;
}

.subpageLink p.subpageLinkCurrent {
  border-bottom:1px solid #CCC !important;
    padding: 0 0 5px 0 !important;
}
.subpageLink p.link a:link,.subpageLink p.link a:visited {
    border-bottom: 1px solid #CCCCCC;
    color: #222222 !important;
    display: block !important;
    margin: 0 0 5px;
    padding: 5px 0;
    text-decoration: underline;
}

.subpageLink p.link a:hover {
    text-decoration: none;
}


.subpageLink link a {
    color:#222 !important;
}

/*お見積もりのh3タイトルバー*/
h3.mitsumori_title {
    clear: both;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 5px;
    padding: 0;
}


/*中古車のテーブルタイトル*/
p.usedcar_p_title {
    clear: both;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px;
    padding: 3px 0 5px;
}


/*サイドバーのフリーダイヤル強制コントロール*/

p.freedial_tel {
    background-image: url(../img/cmscss/lotas/common/freedial.gif) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    line-height: 100% !important;
    clear: both !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    margin-left: 0px !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 20px !important;
}
p.freedial_tel b {
    margin: 0px !important;
    padding: 0px !important;
    line-height: 100% !important;
}


div#sideaddbox01 {
    background-color: #FFFFFF !important;
    padding: 10px !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 15px !important;
    margin-left: 0px !important;
}
div.sidebar_ad_banner {
    background: none repeat scroll 0 0 #fff;
    clear: both !important;
    margin: 0 auto 0 !important;
    padding: 0px 5px 30px;
    text-align: center;
    width: 190px;
}

#sidebar_shp_inf p.link{
    margin-bottom: 30px !important;
}

.side_shop_info_mapbottom p{
    margin-bottom: 10px;
    padding-bottom: 0;
}

/*サイドバーのリンクバナーコントロール*/

p.link_banner {
    padding: 5px !important;
    background: #dadada !important;
    clear: both;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    text-align: center !important;
}
p.link_banner img {
    margin: 0px;
    padding: 0px;
}
.QR_innerBlock {
  color: #222;
}

/*サイドバーのグローバルサブメニューの色*/

.side_bar_sub .subpageLink h3 {
color: #222;
}


/*QRコード説明文の強制コントロール*/

#qr_txt span {
color: #ffffff !important;
}
p#qr_txt {
    background-color: #FFF !important;
    padding: 9px !important;
    border: 1px solid #CCC !important;
    color: #333 !important;
}
p#qr_txt span {
    color: #F00 !important;
}

#mobile_QR_info .mb_block{
    margin:0 45px !important;
}


/*サイドバーのリンクブロック強制コントロール*/

div.side_bar_sub div#side_link_block p.link {
    background:none !important;
    text-align: left !important;
    line-height: 120% !important;
    margin:0 0 10px !important;
    padding: 0px !important;
    height: auto !important;
}
div.side_bar_sub div#side_link_block p.link a {
    text-align: left !important;
}
/*サイドバーのリンク色コントルール*/

div.side_bar_sub a:link,div.side_bar_sub a:visited {
    text-decoration: underline;
}
div.side_bar_sub a:hover,div.side_bar_sub a:active {
    color: #000;
    text-decoration: none;
}

/*リンク集ページのコントロール*/
#link_block {
    clear: both;
    width: 670px;
    margin-bottom: 30px;

}
#link_block p {
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 10px;
}


/*トップページの3連h2の背景指定*/

.toppage_h2 {
    background:#ddd;
}


/*2013-06-13 元兼追記 中古車サムネイルリストブロック*/

a.thumbnail_box{
    background:none !important;
    border:none !important;
    display: block;
    float: left;
    margin: 0 20px 0 0 !important;
    text-decoration: none !important;
    width: 210px;
    height: 311px !important;
}

a.thumbnail_box_last,
a.thumbnail_box_lastlast{
    margin: 0 0 15px 0 !important;
}

.thumbnail_box .carthumb_img {
    clear: both;
    display: block;
    float: left;
    height: 157px !important;
    margin: 0 0 5px 0!important;
    overflow: hidden;
    padding: 0 !important;
    width: 210px;
}

.thumbnail_box .carthumb_img img{
    width: 100% !important;
}

.thumbnail_box .carthumb_img img.recomendmark_img{
    width: 60px !important;
    top: 0px !important;
    left: 0px !important;
}

.thumbnail_box h3 a,
.thumbnail_box .h3{
    color: #000 ;
    padding:5px 0 !important;
}
.thumbnail_box .h3 span{
    padding:0 !important;
}

.thumbnail_box .carthumb_price{
    margin: 0 0 5px !important;
}

.UsedCarEditBtnBlock{
    width: 202px;
}

/*2013-06-20 徳田追加 */
.UsedCarListEditBtnBlock{
    width: 610px !important;
}

.map_box {
    text-align: center;
    margin:0 !important;
}

/*ヘッダー用 電話番号・アドレス*/
#header p.headadd{
    background: url(../img/cmscss/lotas/pin/ffffff.png) no-repeat left center;
    padding: 0 5px 0 15px;
    position: absolute;
    right: 0;
    bottom: 43px;
}

#header p.headadd a, #header p.headadd a:visited {
    color: #999;
    font-size: 12px;
    text-decoration: none;
}

#header p.headadd a:hover {
    text-decoration: underline;
}

#header p.headtel {
    position: absolute;
    right: 40px;
    top: 15px;
}

#header p.headtel a:link, #header p.headtel a:visited {
    text-decoration: none;
    color: #000;
    display: block;
    letter-spacing: 2px;
    background: #FFC926 url(../img/cmscss/lotas/common/header_tel.png) no-repeat 10px center;
    padding: 2px 8px 0 30px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 28px;
}

#header p.headtel a:hover, #header p.headmail a:hover {
  opacity:0.8;
}


#header p.headmail {
    position: absolute;
    right: 0;
    top: 15px;
    padding: 0;
}

#header p.headmail a {
    background: #FFC926 url(../img/cmscss/lotas/common/header_mail.png) no-repeat center;
    display: block;
    text-decoration: none;
    width: 30px;
    height: 30px;
    border-radius: 3px;
}

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

#body_sub #main_img_container,
#body_free #main_img_container{
    width: 950px;
}

/*2015-07-3 衣川追加 */

div#eigyoubi_cal h4{
  background: url(../img/cmscss/lotas/common/side_info.jpg) no-repeat 0 2px !important;
  background-repeat: no-repeat !important;
  background-position: left 1px;
  border-bottom: #999 solid 1px;
  color:#222 !important;
  text-align:left !important;
  padding: 0 0 5px 40px !important;
  margin: 0 0 20px !important;
  clear: both;
  line-height: 130%;
}

div#eigyoubi_cal{
  padding: 0 !important;
}

.side_bar_sub #edittable01, .side_bar_sub #edittable02 {
    background: rgba(255,255,255,.1);
    padding: 0 5px 5px;
    border-collapse: collapse;
    border: 1px solid #DDD;
}

.side_bar_sub div#eigyoubi_cal p{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background: #ca0000;
  background: -moz-linear-gradient(top, #ca0000 0%, #bd0000 100%);
  background: -webkit-linear-gradient(top, #ca0000 0%,#bd0000 100%);
  background: linear-gradient(to bottom, #ca0000 0%,#bd0000 100%);
  font-size: 16px;
  font-family: "Josefin Sans","メイリオ";
  font-style: italic;
  border: 1px solid #CCC;
  border-bottom: none;
  font-weight: 400;
  padding: 6px 15px 4px !important;
  text-align: center;
  color: #333 !important;
  margin-bottom: 0 !important;
  position: relative;
  overflow: hidden;
  text-indent: -100px;
}

.side_bar_sub div#eigyoubi_cal p:before{
  content:"";
  width: 77px;
  height: 34px;
  display: block;
  background: url(../img/cmscss/lotas/common/cal_title_before.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  left: 10px;
  top: 0;
  z-index: -1;
}

.side_bar_sub #eigyoubi_cal #now,
.side_bar_sub #eigyoubi_cal #next{
  margin: 0 auto 20px !important;
  border-radius: 0px !important;
  background: none;
}

#edittable01 tr, #edittable02 tr,
#edittable01 td, #edittable02 td{
  background: none !important;
  border: 1px solid #DDD;
}

#edittable01 th, #edittable02 th{
  padding: 4px 0 3px !important;
  border: 1px solid #DDD;
}

.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,
#edittable01 span.sun,
#edittable02 span.sun{
  color: #FF4D4D !important;
}

#edittable01 tr:nth-of-type(1) th:nth-of-type(7),
#edittable02 tr:nth-of-type(1) th:nth-of-type(7),
#edittable01 tr:nth-of-type(1) th:nth-of-type(7) a,
#edittable02 tr:nth-of-type(1) th:nth-of-type(7) a,
#edittable01 span.sat,
#edittable02 span.sat{
  color: #75b9ff !important;
}


#edittable01 td span,
#edittable02 td span,
#edittable01 td span,
#edittable02 td span,
#edittable01 td span,
#edittable02 td span{
  font-family: 'Teko', sans-serif;
  font-weight: 500;
  padding: 4px 0 2px !important;
  color: #333;
}

#edittable01 td.closed, #edittable02 td.closed, #edittable01 td.regularClosed, #edittable02 td.regularClosed, #edittable01 td.allholclosed, #edittable02 td.allholclosed{
  background: #cccccc !important; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #cccccc 0%, #999999 100%) !important; /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #cccccc 0%,#999999 100%) !important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #cccccc 0%,#999999 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#edittable01 td.closed span,
#edittable02 td.closed span,
#edittable01 td.regularClosed span,
#edittable02 td.regularClosed span,
#edittable01 td.allholclosed span,
#edittable02 td.allholclosed span{
  font-family: 'Teko', sans-serif;
  font-weight: 500;
  position: relative;
  background: none !important;
  color: #cecece !important;
}


#slider_change {
    right: 70px !important;
}


#bgSlider {
    height: 535px !important;
}


#increment, #decrement {
    top:230px !important;
  height: 20px !important;
    line-height: 20px !important;
}

#sliderLoader {
  bottom: 20px !important;
}

#sliderStepsContainer span.current{
    background:#999999 !important;
}
#sliderStepsContainer span{
    border: solid 1px #CCC;
}
#sliderLoader span {
    background:#999999 !important;
}

#bgSlider .slider_strong_contents{
    font-size: 62px;
    font-weight: bold;
    display:block;
    max-width:1020px;
    max-height:155px;
    margin: 0 auto 0;
    line-height: 120%;
    color:#fff;
    text-align:center;
    opacity:1.0 !important;

    /* for modan browser */
    text-shadow:0px 3px 1px #777777,
                0px 2px 1px #777777,
                1px 2px 1px #777777,
                2px 2px 1px #777777,
                2px 1px 1px #777777,
                2px 0px 1px #777777,
                3px 0px 1px #777777,
                2px -1px 1px #777777,
                2px -2px 1px #777777,
                2px -3px 1px #777777,
                1px -3px 1px #777777,
                0px -3px 1px #777777,
                -1px -3px 1px #777777,
                -2px -3px 1px #777777,
                -3px -3px 1px #777777,
                -3px -2px 1px #777777,
                -3px -1px 1px #777777,
                -3px 0px 1px #777777,
                -3px 1px 1px #777777,
                -3px 2px 1px #777777,
                -2px 2px 1px #777777,
                -1px 2px 1px #777777,
                
                0px 7px 1px #999999,
                0px 6px 1px #999999,
                1px 6px 1px #999999,
                2px 6px 1px #999999,
                3px 6px 1px #999999,
                4px 5px 1px #999999,
                4px 4px 1px #999999,
                5px 4px 1px #999999,
                6px 3px 1px #999999,
                6px 2px 1px #999999,
                6px 1px 1px #999999,
                6px 0px 1px #999999,
                7px 0px 1px #999999,
                6px -1px 1px #999999,
                6px -2px 1px #999999,
                6px -3px 1px #999999,
                6px -4px 1px #999999,
                5px -5px 1px #999999,
                4px -5px 1px #999999,
                4px -6px 1px #999999,
                3px -7px 1px #999999,
                2px -7px 1px #999999,
                1px -7px 1px #999999,
                0px -7px 1px #999999,
                -1px -7px 1px #999999,
                -2px -7px 1px #999999,
                -3px -7px 1px #999999,
                -4px -7px 1px #999999,
                -5px -6px 1px #999999,
                -5px -5px 1px #999999,
                -6px -5px 1px #999999,
                -7px -4px 1px #999999,
                -7px -3px 1px #999999,
                -7px -2px 1px #999999,
                -7px -1px 1px #999999,
                -7px 0px 1px #999999,
                -7px 1px 1px #999999,
                -7px 2px 1px #999999,
                -7px 3px 1px #999999,
                -6px 4px 1px #999999,
                -5px 4px 1px #999999,
                -5px 5px 1px #999999,
                -4px 6px 1px #999999,
                -3px 6px 1px #999999,
                -2px 6px 1px #999999,
                -1px 6px 1px #999999,
                
                0px 8px 1px #FFF,
                0px 7px 1px #FFF,
                1px 7px 1px #FFF,
                2px 7px 1px #FFF,
                3px 7px 1px #FFF,
                3px 6px 1px #FFF,
                4px 6px 1px #FFF,
                5px 6px 1px #FFF,
                5px 5px 1px #FFF,
                6px 5px 1px #FFF,
                6px 4px 1px #FFF,
                7px 3px 1px #FFF,
                7px 2px 1px #FFF,
                7px 1px 1px #FFF,
                7px 0px 1px #FFF,
                8px 0px 1px #FFF,
                7px -1px 1px #FFF,
                7px -2px 1px #FFF,
                7px -3px 1px #FFF,
                7px -4px 1px #FFF,
                6px -4px 1px #FFF,
                6px -5px 1px #FFF,
                6px -6px 1px #FFF,
                5px -6px 1px #FFF,
                5px -7px 1px #FFF,
                4px -7px 1px #FFF,
                3px -7px 1px #FFF,
                3px -8px 1px #FFF,
                2px -8px 1px #FFF,
                1px -8px 1px #FFF,
                0px -8px 1px #FFF,
                -1px -8px 1px #FFF,
                -2px -8px 1px #FFF,
                -3px -8px 1px #FFF,
                -4px -8px 1px #FFF,
                -5px -7px 1px #FFF,
                -6px -7px 1px #FFF,
                -6px -6px 1px #FFF,
                -7px -6px 1px #FFF,
                -7px -5px 1px #FFF,
                -8px -4px 1px #FFF,
                -8px -3px 1px #FFF,
                -8px -2px 1px #FFF,
                -8px -1px 1px #FFF,
                -8px 0px 1px #FFF,
                -8px 1px 1px #FFF,
                -8px 2px 1px #FFF,
                -8px 3px 1px #FFF,
                -7px 4px 1px #FFF,
                -7px 5px 1px #FFF,
                -6px 5px 1px #FFF,
                -6px 6px 1px #FFF,
                -5px 6px 1px #FFF,
                -4px 7px 1px #FFF,
                -3px 7px 1px #FFF,
                -2px 7px 1px #FFF,
                -1px 7px 1px #FFF;
    
}

#bgSlider span.slider_contents {
    margin: 0 auto;
    color: #fff;
    line-height: 200%;
    width: auto;
    text-align:center;
    font-size: 18px;
    padding: 0;
    color: #fff;
    display: block;
    line-height: 150%;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

#bgSlider .sliderPageLink {
    font-size: 14px ;
    color: #FFF;
    padding: 10px 0 ;
    border-radius: 6px;
    display: block;
    width: 220px;
    text-align: center;
    margin: 0 auto 0 ;
    background: #999999;
    text-decoration: none;
    cursor: pointer;
}

#bgSlider .sliderPageLink :hover{
  opacity:0.9; 
}

a.shop_name_btn {
    position: relative;
    text-decoration: none;
    top: 0px;
    left: 0;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    background-repeat: no-repeat;
    background-position-x:220px;
    background-position-y:center;
    background-size: 36px 40px;
    -webkit-background-size: 36px 40px;
    padding: 9px 0 6px 270px;
    z-index: 5;
}

.editLogoOuter{
    top: 10px;
}


#increment,
#decrement{
    text-shadow: 0 0 6px #000 !important;
    padding: 55px 0 0 0;
    box-shadow:none !important;
    border: none !important;
}

#increment {
    background: url(../img/copy2open/slide_arrow_r.png) no-repeat center top !important;
}

#decrement {
    background: url(../img/copy2open/slide_arrow_l.png) no-repeat center top !important;
}

.recruit_section .rec_scrl_btn {
    background: #AAA !important;
}
.recruit_section .rec_scrl_btn {
    font-weight: normal !important;
    background:#eee !important;
    text-align: center !important;
    clear: both !important;
    height: 40px !important;
    width: 200px !important;
    line-height: 40px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-radius:5px;
    color: #333 !important;
    text-decoration: underline !important;
    display:block;
}
.recruit_section .rec_scrl_btn:hover {
  color: #000000 !important;
  text-decoration: none !important;
}


#sliderStepsContainer {
  height: 24px !important;
  bottom: 26px !important;
  position: absolute !important;
  right: 0;
  left: 0;
} 
#sliderStepsContainer span:last-child{
  margin: 0 !important;
}

#midbox_wrapper, #car_list_base0, .div_box_free, .div_box_campaign, .div_box_tokuten, .div_box_voice, .div_box_faq0, .div_box_promise, .div_box_coupon, .div_box_feature, .div_box_flow, .div_box_reco_car, .div_box_promise, .div_box_setsubi, .div_box_staff, .div_box_gaiyo, .div_box_history, middle_top_pictS01, .map_big, .access_info, .div_box_jirei, #otoiawase_table_box, .mail_body_edit, #mitumori_table_box, #usercar_base, .shop_info_box, #link_block {
    margin-bottom: 90px !important;
}

.plusBlockBtn, .plusBlockBtn2, .plusBlockBtn3, .plusBlockBtn4, .plusBlockBtn5 {
  margin-bottom:30px;
}

.edit_img_empty a{
  padding: 12px;
  background: url(../img/cmscss/glitter/common/no-img-bg.gif) repeat top left;
  display: block;
  margin-bottom: 16px;
  color: #0066CC !important;
}
.kihon_tale th, .kihon_tale2 th, .soubishiyou th{
  background: #e6e6e6;
}

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

/*** EC機能 ***/
.ec-cart .ec-cart__progress-item--current,
.ec-cart .ec-cart__progress--edit .ec-cart__progress-item:hover{
    background: #777777;
}

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

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


/*** サイドメニュー 子メニュー導入 ***/
#main_contents_container .side_bar_sub p.side-middle-menu__head{
    border-bottom: 1px solid #CCC;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

#main_contents_container .side_bar_sub p.grandson {
    box-sizing: content-box;
}

#main_contents_container .side_bar_sub .subpageLinkCurrent{
    padding: 7px 0 !important;
}


/*** パララックス ***/
.parallaxContent{
  width: 100% !important;
  margin: 15px 0 30px;
}

.edit .parallaxContentOuter.empty[data-phase-init="0"] .parallaxContent{
  position: relative !important;
}


/* 水平スライド */

.horizontal-slider__slide-item {
  position:absolute;
  top:0px;
}

/* 画像設定ボタン4カラム時の最後を右寄せ */
.imageBoxContents[data-layout="LAYOUT_4COLUMN"]:last-of-type .boxImageImageControllerOuter{
  left: auto;
  right: 0;
}


/***************************************************************/
/*共通ss*/
/* フッターのhrefを削除したらポインターが効かなくなったので追加 */


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

/**
 * なんこれ…必要？割といろんなところへ影響が出ている
 * 装飾をつけた文字のフォントがリセットされる。よろしくないなぁ
 */

/** {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/
/**:not(font) {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/

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

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

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

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

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

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

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

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

html {
    font-size: 16px; /* 絶対変えちゃダメ。ていうか変える必要もない */
}

body {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

body.userSelectNone *{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a {cursor:pointer;}

/*
.ExMon_msg{
    font-size: 11px;
    color: #369;
    display: block;
    padding: 0 5px;
}

*/

img{
    border:none;
    line-height: 0px;
    vertical-align: bottom;
}

iframe{
    border: none;
}

ol, ul {list-style: none;}
address{
    font-style:normal;
    padding:0px;
}
.clear {
    clear: both;
    margin: 0px !important;
    padding: 0px !important;
}
table {border-collapse:collapse;}
th,td {word-break:break-all;}

textarea,select{
    font-size:14px;
    padding:5px;
    border: 1px solid #CCCCCC !important;
    border-radius: 3px;
}

/*2023-09-05 フォームのbuttonタグ（もともとinputタグだったもの）のCSSを初期化*/
/*https://zenn.dev/fujishiro/scraps/7c20da0e8e86c1　を参照して作成*/
button{
    padding: 0;
    border: none;
    outline: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
    background: none;
}

.block {
    width:960px;
    margin:0 auto;
}

.tar{text-align:right;}
.tac{text-align:center;}
.tal{text-align:left;}

.fll{float: left;}
.flr{float: right;}

.ml10 {margin-left: 10px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb45 {margin-bottom: 45px;}
.mb60 {margin-bottom: 60px;}

.dblock {display:block;}
.dinlineblock{display:inline-block;}

.pc_none{display:none;}

/* end layout*/

.sliderImage span strong {
    font-size: 14px;
    color:#FFFFFF;
}
.top {
    top: 0;
    left: 0;
}
.bottom {
    bottom: 0;
    left: 0;
}
.left {
    top: 0;
    left: 0;
    width: 110px !important;
    height: 280px;
}
.right {
    right: 0;
    bottom: 0;
    width: 90px !important;
    height: 290px;
}


#slider {
    width: 660px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    transition: height .3s;
}

#sliderContent {
    width: 660px;
    position: absolute;
}

.sliderImage {
    float: left;
    position: relative;
    display: none;
}

.sliderImage span {
    position: absolute;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 20px 20px;
    width: 634px;
    background-color:#000;
    color: #fff;
    display: none;
    line-height:200%;
    opacity: 0.7;
}

.sliderImage .slider_title{
    width: calc( 100% - 100px );
    display: block;
    left: 50px;
    position: absolute;
    top: 70px;
    z-index: 2;
}

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

.sliderImage .slider_title p{
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 22px;
    color: #FFF;
    line-height: 1.3;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
}

.sliderImage .slider_title p b{
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 72px;
    color: #FFF;
    letter-spacing: -.01em;
    text-shadow: none;
}

.sliderImage .slider_title p b.str_num_under_8{font-size: 72px;}
.sliderImage .slider_title p b.str_num_8{font-size: 70px;}
.sliderImage .slider_title p b.str_num_9{font-size: 62px;}
.sliderImage .slider_title p b.str_num_10{font-size: 56px;}
.sliderImage .slider_title p b.str_num_11{font-size: 50px;}
.sliderImage .slider_title p b.str_num_over_11{font-size: 45px;}

.sliderImage .slider_title p.main_color_000000 b{
    text-shadow: rgb(0, 0, 0) 4px 0px 0px,
    rgb(0, 0, 0) 3.87565px 0.989616px 0px,
    rgb(0, 0, 0) 3.51033px 1.9177px 0px,
    rgb(0, 0, 0) 2.92676px 2.72656px 0px,
    rgb(0, 0, 0) 2.16121px 3.36588px 0px,
    rgb(0, 0, 0) 1.26129px 3.79594px 0px,
    rgb(0, 0, 0) 0.282949px 3.98998px 0px,
    rgb(0, 0, 0) -0.712984px 3.93594px 0px,
    rgb(0, 0, 0) -1.66459px 3.63719px 0px,
    rgb(0, 0, 0) -2.51269px 3.11229px 0px,
    rgb(0, 0, 0) -3.20457px 2.39389px 0px,
    rgb(0, 0, 0) -3.69721px 1.52664px 0px,
    rgb(0, 0, 0) -3.95997px 0.56448px 0px,
    rgb(0, 0, 0) -3.97652px -0.432781px 0px,
    rgb(0, 0, 0) -3.74583px -1.40313px 0px,
    rgb(0, 0, 0) -3.28224px -2.28625px 0px,
    rgb(0, 0, 0) -2.61457px -3.02721px 0px,
    rgb(0, 0, 0) -1.78435px -3.57996px 0px,
    rgb(0, 0, 0) -0.843183px -3.91012px 0px,
    rgb(0, 0, 0) 0.150409px -3.99717px 0px,
    rgb(0, 0, 0) 1.13465px -3.8357px 0px,
    rgb(0, 0, 0) 2.04834px -3.43574px 0px,
    rgb(0, 0, 0) 2.83468px -2.82216px 0px,
    rgb(0, 0, 0) 3.44477px -2.03312px 0px,
    rgb(0, 0, 0) 3.84068px -1.11766px 0px,
    rgb(0, 0, 0) 3.9978px -0.132717px 0px,
    rgb(153, 153, 153) 6px 0px 0px,
    rgb(153, 153, 153) 5.91686px 0.995377px 0px,
    rgb(153, 153, 153) 5.66974px 1.96317px 0px,
    rgb(153, 153, 153) 5.2655px 2.87655px 0px,
    rgb(153, 153, 153) 4.71532px 3.71022px 0px,
    rgb(153, 153, 153) 4.03447px 4.44106px 0px,
    rgb(153, 153, 153) 3.24181px 5.04883px 0px,
    rgb(153, 153, 153) 2.35931px 5.51667px 0px,
    rgb(153, 153, 153) 1.41143px 5.83163px 0px,
    rgb(153, 153, 153) 0.424423px 5.98497px 0px,
    rgb(153, 153, 153) -0.574341px 5.97245px 0px,
    rgb(153, 153, 153) -1.55719px 5.79441px 0px,
    rgb(153, 153, 153) -2.49688px 5.45578px 0px,
    rgb(153, 153, 153) -3.36738px 4.96596px 0px,
    rgb(153, 153, 153) -4.14455px 4.33852px 0px,
    rgb(153, 153, 153) -4.80686px 3.59083px 0px,
    rgb(153, 153, 153) -5.33596px 2.74364px 0px,
    rgb(153, 153, 153) -5.71718px 1.8204px 0px,
    rgb(153, 153, 153) -5.93995px 0.84672px 0px,
    rgb(153, 153, 153) -5.99811px -0.150428px 0px,
    rgb(153, 153, 153) -5.89004px -1.14341px 0px,
    rgb(153, 153, 153) -5.61874px -2.1047px 0px,
    rgb(153, 153, 153) -5.19172px -3.00766px 0px,
    rgb(153, 153, 153) -4.62082px -3.82727px 0px,
    rgb(153, 153, 153) -3.92186px -4.54081px 0px,
    rgb(153, 153, 153) -3.11421px -5.12852px 0px,
    rgb(153, 153, 153) -2.22026px -5.57409px 0px,
    rgb(153, 153, 153) -1.26477px -5.86518px 0px,
    rgb(153, 153, 153) -0.274238px -5.99373px 0px,
    rgb(153, 153, 153) 0.723898px -5.95617px 0px,
    rgb(153, 153, 153) 1.70197px -5.75355px 0px,
    rgb(153, 153, 153) 2.63288px -5.39147px 0px,
    rgb(153, 153, 153) 3.49082px -4.87998px 0px,
    rgb(153, 153, 153) 4.25202px -4.23324px 0px,
    rgb(153, 153, 153) 4.89538px -3.46919px 0px,
    rgb(153, 153, 153) 5.40307px -2.60899px 0px,
    rgb(153, 153, 153) 5.76102px -1.67649px 0px,
    rgb(153, 153, 153) 5.95932px -0.697531px 0px;
}

.sliderImage .slider_title p.main_color_006600 b{
    text-shadow: rgb(0, 102, 0) 4px 0px 0px,
    rgb(0, 102, 0) 3.87565px 0.989616px 0px,
    rgb(0, 102, 0) 3.51033px 1.9177px 0px,
    rgb(0, 102, 0) 2.92676px 2.72656px 0px,
    rgb(0, 102, 0) 2.16121px 3.36588px 0px,
    rgb(0, 102, 0) 1.26129px 3.79594px 0px,
    rgb(0, 102, 0) 0.282949px 3.98998px 0px,
    rgb(0, 102, 0) -0.712984px 3.93594px 0px,
    rgb(0, 102, 0) -1.66459px 3.63719px 0px,
    rgb(0, 102, 0) -2.51269px 3.11229px 0px,
    rgb(0, 102, 0) -3.20457px 2.39389px 0px,
    rgb(0, 102, 0) -3.69721px 1.52664px 0px,
    rgb(0, 102, 0) -3.95997px 0.56448px 0px,
    rgb(0, 102, 0) -3.97652px -0.432781px 0px,
    rgb(0, 102, 0) -3.74583px -1.40313px 0px,
    rgb(0, 102, 0) -3.28224px -2.28625px 0px,
    rgb(0, 102, 0) -2.61457px -3.02721px 0px,
    rgb(0, 102, 0) -1.78435px -3.57996px 0px,
    rgb(0, 102, 0) -0.843183px -3.91012px 0px,
    rgb(0, 102, 0) 0.150409px -3.99717px 0px,
    rgb(0, 102, 0) 1.13465px -3.8357px 0px,
    rgb(0, 102, 0) 2.04834px -3.43574px 0px,
    rgb(0, 102, 0) 2.83468px -2.82216px 0px,
    rgb(0, 102, 0) 3.44477px -2.03312px 0px,
    rgb(0, 102, 0) 3.84068px -1.11766px 0px,
    rgb(0, 102, 0) 3.9978px -0.132717px 0px,
    rgb(51, 204, 0) 6px 0px 0px,
    rgb(51, 204, 0) 5.91686px 0.995377px 0px,
    rgb(51, 204, 0) 5.66974px 1.96317px 0px,
    rgb(51, 204, 0) 5.2655px 2.87655px 0px,
    rgb(51, 204, 0) 4.71532px 3.71022px 0px,
    rgb(51, 204, 0) 4.03447px 4.44106px 0px,
    rgb(51, 204, 0) 3.24181px 5.04883px 0px,
    rgb(51, 204, 0) 2.35931px 5.51667px 0px,
    rgb(51, 204, 0) 1.41143px 5.83163px 0px,
    rgb(51, 204, 0) 0.424423px 5.98497px 0px,
    rgb(51, 204, 0) -0.574341px 5.97245px 0px,
    rgb(51, 204, 0) -1.55719px 5.79441px 0px,
    rgb(51, 204, 0) -2.49688px 5.45578px 0px,
    rgb(51, 204, 0) -3.36738px 4.96596px 0px,
    rgb(51, 204, 0) -4.14455px 4.33852px 0px,
    rgb(51, 204, 0) -4.80686px 3.59083px 0px,
    rgb(51, 204, 0) -5.33596px 2.74364px 0px,
    rgb(51, 204, 0) -5.71718px 1.8204px 0px,
    rgb(51, 204, 0) -5.93995px 0.84672px 0px,
    rgb(51, 204, 0) -5.99811px -0.150428px 0px,
    rgb(51, 204, 0) -5.89004px -1.14341px 0px,
    rgb(51, 204, 0) -5.61874px -2.1047px 0px,
    rgb(51, 204, 0) -5.19172px -3.00766px 0px,
    rgb(51, 204, 0) -4.62082px -3.82727px 0px,
    rgb(51, 204, 0) -3.92186px -4.54081px 0px,
    rgb(51, 204, 0) -3.11421px -5.12852px 0px,
    rgb(51, 204, 0) -2.22026px -5.57409px 0px,
    rgb(51, 204, 0) -1.26477px -5.86518px 0px,
    rgb(51, 204, 0) -0.274238px -5.99373px 0px,
    rgb(51, 204, 0) 0.723898px -5.95617px 0px,
    rgb(51, 204, 0) 1.70197px -5.75355px 0px,
    rgb(51, 204, 0) 2.63288px -5.39147px 0px,
    rgb(51, 204, 0) 3.49082px -4.87998px 0px,
    rgb(51, 204, 0) 4.25202px -4.23324px 0px,
    rgb(51, 204, 0) 4.89538px -3.46919px 0px,
    rgb(51, 204, 0) 5.40307px -2.60899px 0px,
    rgb(51, 204, 0) 5.76102px -1.67649px 0px,
    rgb(51, 204, 0) 5.95932px -0.697531px 0px;
}

.sliderImage .slider_title p.main_color_cc0000 b{
    text-shadow: rgb(204, 0, 0) 4px 0px 0px,
    rgb(204, 0, 0) 3.87565px 0.989616px 0px,
    rgb(204, 0, 0) 3.51033px 1.9177px 0px,
    rgb(204, 0, 0) 2.92676px 2.72656px 0px,
    rgb(204, 0, 0) 2.16121px 3.36588px 0px,
    rgb(204, 0, 0) 1.26129px 3.79594px 0px,
    rgb(204, 0, 0) 0.282949px 3.98998px 0px,
    rgb(204, 0, 0) -0.712984px 3.93594px 0px,
    rgb(204, 0, 0) -1.66459px 3.63719px 0px,
    rgb(204, 0, 0) -2.51269px 3.11229px 0px,
    rgb(204, 0, 0) -3.20457px 2.39389px 0px,
    rgb(204, 0, 0) -3.69721px 1.52664px 0px,
    rgb(204, 0, 0) -3.95997px 0.56448px 0px,
    rgb(204, 0, 0) -3.97652px -0.432781px 0px,
    rgb(204, 0, 0) -3.74583px -1.40313px 0px,
    rgb(204, 0, 0) -3.28224px -2.28625px 0px,
    rgb(204, 0, 0) -2.61457px -3.02721px 0px,
    rgb(204, 0, 0) -1.78435px -3.57996px 0px,
    rgb(204, 0, 0) -0.843183px -3.91012px 0px,
    rgb(204, 0, 0) 0.150409px -3.99717px 0px,
    rgb(204, 0, 0) 1.13465px -3.8357px 0px,
    rgb(204, 0, 0) 2.04834px -3.43574px 0px,
    rgb(204, 0, 0) 2.83468px -2.82216px 0px,
    rgb(204, 0, 0) 3.44477px -2.03312px 0px,
    rgb(204, 0, 0) 3.84068px -1.11766px 0px,
    rgb(204, 0, 0) 3.9978px -0.132717px 0px,
    rgb(255, 0, 0) 6px 0px 0px,
    rgb(255, 0, 0) 5.91686px 0.995377px 0px,
    rgb(255, 0, 0) 5.66974px 1.96317px 0px,
    rgb(255, 0, 0) 5.2655px 2.87655px 0px,
    rgb(255, 0, 0) 4.71532px 3.71022px 0px,
    rgb(255, 0, 0) 4.03447px 4.44106px 0px,
    rgb(255, 0, 0) 3.24181px 5.04883px 0px,
    rgb(255, 0, 0) 2.35931px 5.51667px 0px,
    rgb(255, 0, 0) 1.41143px 5.83163px 0px,
    rgb(255, 0, 0) 0.424423px 5.98497px 0px,
    rgb(255, 0, 0) -0.574341px 5.97245px 0px,
    rgb(255, 0, 0) -1.55719px 5.79441px 0px,
    rgb(255, 0, 0) -2.49688px 5.45578px 0px,
    rgb(255, 0, 0) -3.36738px 4.96596px 0px,
    rgb(255, 0, 0) -4.14455px 4.33852px 0px,
    rgb(255, 0, 0) -4.80686px 3.59083px 0px,
    rgb(255, 0, 0) -5.33596px 2.74364px 0px,
    rgb(255, 0, 0) -5.71718px 1.8204px 0px,
    rgb(255, 0, 0) -5.93995px 0.84672px 0px,
    rgb(255, 0, 0) -5.99811px -0.150428px 0px,
    rgb(255, 0, 0) -5.89004px -1.14341px 0px,
    rgb(255, 0, 0) -5.61874px -2.1047px 0px,
    rgb(255, 0, 0) -5.19172px -3.00766px 0px,
    rgb(255, 0, 0) -4.62082px -3.82727px 0px,
    rgb(255, 0, 0) -3.92186px -4.54081px 0px,
    rgb(255, 0, 0) -3.11421px -5.12852px 0px,
    rgb(255, 0, 0) -2.22026px -5.57409px 0px,
    rgb(255, 0, 0) -1.26477px -5.86518px 0px,
    rgb(255, 0, 0) -0.274238px -5.99373px 0px,
    rgb(255, 0, 0) 0.723898px -5.95617px 0px,
    rgb(255, 0, 0) 1.70197px -5.75355px 0px,
    rgb(255, 0, 0) 2.63288px -5.39147px 0px,
    rgb(255, 0, 0) 3.49082px -4.87998px 0px,
    rgb(255, 0, 0) 4.25202px -4.23324px 0px,
    rgb(255, 0, 0) 4.89538px -3.46919px 0px,
    rgb(255, 0, 0) 5.40307px -2.60899px 0px,
    rgb(255, 0, 0) 5.76102px -1.67649px 0px,
    rgb(255, 0, 0) 5.95932px -0.697531px 0px;
}

.sliderImage .slider_title p.main_color_6633cc b{
    text-shadow: rgb(102, 51, 204) 4px 0px 0px,
    rgb(102, 51, 204) 3.87565px 0.989616px 0px,
    rgb(102, 51, 204) 3.51033px 1.9177px 0px,
    rgb(102, 51, 204) 2.92676px 2.72656px 0px,
    rgb(102, 51, 204) 2.16121px 3.36588px 0px,
    rgb(102, 51, 204) 1.26129px 3.79594px 0px,
    rgb(102, 51, 204) 0.282949px 3.98998px 0px,
    rgb(102, 51, 204) -0.712984px 3.93594px 0px,
    rgb(102, 51, 204) -1.66459px 3.63719px 0px,
    rgb(102, 51, 204) -2.51269px 3.11229px 0px,
    rgb(102, 51, 204) -3.20457px 2.39389px 0px,
    rgb(102, 51, 204) -3.69721px 1.52664px 0px,
    rgb(102, 51, 204) -3.95997px 0.56448px 0px,
    rgb(102, 51, 204) -3.97652px -0.432781px 0px,
    rgb(102, 51, 204) -3.74583px -1.40313px 0px,
    rgb(102, 51, 204) -3.28224px -2.28625px 0px,
    rgb(102, 51, 204) -2.61457px -3.02721px 0px,
    rgb(102, 51, 204) -1.78435px -3.57996px 0px,
    rgb(102, 51, 204) -0.843183px -3.91012px 0px,
    rgb(102, 51, 204) 0.150409px -3.99717px 0px,
    rgb(102, 51, 204) 1.13465px -3.8357px 0px,
    rgb(102, 51, 204) 2.04834px -3.43574px 0px,
    rgb(102, 51, 204) 2.83468px -2.82216px 0px,
    rgb(102, 51, 204) 3.44477px -2.03312px 0px,
    rgb(102, 51, 204) 3.84068px -1.11766px 0px,
    rgb(102, 51, 204) 3.9978px -0.132717px 0px,
    rgb(204, 153, 255) 6px 0px 0px,
    rgb(204, 153, 255) 5.91686px 0.995377px 0px,
    rgb(204, 153, 255) 5.66974px 1.96317px 0px,
    rgb(204, 153, 255) 5.2655px 2.87655px 0px,
    rgb(204, 153, 255) 4.71532px 3.71022px 0px,
    rgb(204, 153, 255) 4.03447px 4.44106px 0px,
    rgb(204, 153, 255) 3.24181px 5.04883px 0px,
    rgb(204, 153, 255) 2.35931px 5.51667px 0px,
    rgb(204, 153, 255) 1.41143px 5.83163px 0px,
    rgb(204, 153, 255) 0.424423px 5.98497px 0px,
    rgb(204, 153, 255) -0.574341px 5.97245px 0px,
    rgb(204, 153, 255) -1.55719px 5.79441px 0px,
    rgb(204, 153, 255) -2.49688px 5.45578px 0px,
    rgb(204, 153, 255) -3.36738px 4.96596px 0px,
    rgb(204, 153, 255) -4.14455px 4.33852px 0px,
    rgb(204, 153, 255) -4.80686px 3.59083px 0px,
    rgb(204, 153, 255) -5.33596px 2.74364px 0px,
    rgb(204, 153, 255) -5.71718px 1.8204px 0px,
    rgb(204, 153, 255) -5.93995px 0.84672px 0px,
    rgb(204, 153, 255) -5.99811px -0.150428px 0px,
    rgb(204, 153, 255) -5.89004px -1.14341px 0px,
    rgb(204, 153, 255) -5.61874px -2.1047px 0px,
    rgb(204, 153, 255) -5.19172px -3.00766px 0px,
    rgb(204, 153, 255) -4.62082px -3.82727px 0px,
    rgb(204, 153, 255) -3.92186px -4.54081px 0px,
    rgb(204, 153, 255) -3.11421px -5.12852px 0px,
    rgb(204, 153, 255) -2.22026px -5.57409px 0px,
    rgb(204, 153, 255) -1.26477px -5.86518px 0px,
    rgb(204, 153, 255) -0.274238px -5.99373px 0px,
    rgb(204, 153, 255) 0.723898px -5.95617px 0px,
    rgb(204, 153, 255) 1.70197px -5.75355px 0px,
    rgb(204, 153, 255) 2.63288px -5.39147px 0px,
    rgb(204, 153, 255) 3.49082px -4.87998px 0px,
    rgb(204, 153, 255) 4.25202px -4.23324px 0px,
    rgb(204, 153, 255) 4.89538px -3.46919px 0px,
    rgb(204, 153, 255) 5.40307px -2.60899px 0px,
    rgb(204, 153, 255) 5.76102px -1.67649px 0px,
    rgb(204, 153, 255) 5.95932px -0.697531px 0px;
}

.sliderImage .slider_title p.main_color_ff6699 b{
    text-shadow: rgb(255, 102, 153) 4px 0px 0px,
    rgb(255, 102, 153) 3.87565px 0.989616px 0px,
    rgb(255, 102, 153) 3.51033px 1.9177px 0px,
    rgb(255, 102, 153) 2.92676px 2.72656px 0px,
    rgb(255, 102, 153) 2.16121px 3.36588px 0px,
    rgb(255, 102, 153) 1.26129px 3.79594px 0px,
    rgb(255, 102, 153) 0.282949px 3.98998px 0px,
    rgb(255, 102, 153) -0.712984px 3.93594px 0px,
    rgb(255, 102, 153) -1.66459px 3.63719px 0px,
    rgb(255, 102, 153) -2.51269px 3.11229px 0px,
    rgb(255, 102, 153) -3.20457px 2.39389px 0px,
    rgb(255, 102, 153) -3.69721px 1.52664px 0px,
    rgb(255, 102, 153) -3.95997px 0.56448px 0px,
    rgb(255, 102, 153) -3.97652px -0.432781px 0px,
    rgb(255, 102, 153) -3.74583px -1.40313px 0px,
    rgb(255, 102, 153) -3.28224px -2.28625px 0px,
    rgb(255, 102, 153) -2.61457px -3.02721px 0px,
    rgb(255, 102, 153) -1.78435px -3.57996px 0px,
    rgb(255, 102, 153) -0.843183px -3.91012px 0px,
    rgb(255, 102, 153) 0.150409px -3.99717px 0px,
    rgb(255, 102, 153) 1.13465px -3.8357px 0px,
    rgb(255, 102, 153) 2.04834px -3.43574px 0px,
    rgb(255, 102, 153) 2.83468px -2.82216px 0px,
    rgb(255, 102, 153) 3.44477px -2.03312px 0px,
    rgb(255, 102, 153) 3.84068px -1.11766px 0px,
    rgb(255, 102, 153) 3.9978px -0.132717px 0px,
    rgb(255, 204, 255) 6px 0px 0px,
    rgb(255, 204, 255) 5.91686px 0.995377px 0px,
    rgb(255, 204, 255) 5.66974px 1.96317px 0px,
    rgb(255, 204, 255) 5.2655px 2.87655px 0px,
    rgb(255, 204, 255) 4.71532px 3.71022px 0px,
    rgb(255, 204, 255) 4.03447px 4.44106px 0px,
    rgb(255, 204, 255) 3.24181px 5.04883px 0px,
    rgb(255, 204, 255) 2.35931px 5.51667px 0px,
    rgb(255, 204, 255) 1.41143px 5.83163px 0px,
    rgb(255, 204, 255) 0.424423px 5.98497px 0px,
    rgb(255, 204, 255) -0.574341px 5.97245px 0px,
    rgb(255, 204, 255) -1.55719px 5.79441px 0px,
    rgb(255, 204, 255) -2.49688px 5.45578px 0px,
    rgb(255, 204, 255) -3.36738px 4.96596px 0px,
    rgb(255, 204, 255) -4.14455px 4.33852px 0px,
    rgb(255, 204, 255) -4.80686px 3.59083px 0px,
    rgb(255, 204, 255) -5.33596px 2.74364px 0px,
    rgb(255, 204, 255) -5.71718px 1.8204px 0px,
    rgb(255, 204, 255) -5.93995px 0.84672px 0px,
    rgb(255, 204, 255) -5.99811px -0.150428px 0px,
    rgb(255, 204, 255) -5.89004px -1.14341px 0px,
    rgb(255, 204, 255) -5.61874px -2.1047px 0px,
    rgb(255, 204, 255) -5.19172px -3.00766px 0px,
    rgb(255, 204, 255) -4.62082px -3.82727px 0px,
    rgb(255, 204, 255) -3.92186px -4.54081px 0px,
    rgb(255, 204, 255) -3.11421px -5.12852px 0px,
    rgb(255, 204, 255) -2.22026px -5.57409px 0px,
    rgb(255, 204, 255) -1.26477px -5.86518px 0px,
    rgb(255, 204, 255) -0.274238px -5.99373px 0px,
    rgb(255, 204, 255) 0.723898px -5.95617px 0px,
    rgb(255, 204, 255) 1.70197px -5.75355px 0px,
    rgb(255, 204, 255) 2.63288px -5.39147px 0px,
    rgb(255, 204, 255) 3.49082px -4.87998px 0px,
    rgb(255, 204, 255) 4.25202px -4.23324px 0px,
    rgb(255, 204, 255) 4.89538px -3.46919px 0px,
    rgb(255, 204, 255) 5.40307px -2.60899px 0px,
    rgb(255, 204, 255) 5.76102px -1.67649px 0px,
    rgb(255, 204, 255) 5.95932px -0.697531px 0px;
}

.sliderImage .slider_title p.main_color_ffcc00 b{
    text-shadow: rgb(255, 153, 0) 4px 0px 0px,
    rgb(255, 153, 0) 3.87565px 0.989616px 0px,
    rgb(255, 153, 0) 3.51033px 1.9177px 0px,
    rgb(255, 153, 0) 2.92676px 2.72656px 0px,
    rgb(255, 153, 0) 2.16121px 3.36588px 0px,
    rgb(255, 153, 0) 1.26129px 3.79594px 0px,
    rgb(255, 153, 0) 0.282949px 3.98998px 0px,
    rgb(255, 153, 0) -0.712984px 3.93594px 0px,
    rgb(255, 153, 0) -1.66459px 3.63719px 0px,
    rgb(255, 153, 0) -2.51269px 3.11229px 0px,
    rgb(255, 153, 0) -3.20457px 2.39389px 0px,
    rgb(255, 153, 0) -3.69721px 1.52664px 0px,
    rgb(255, 153, 0) -3.95997px 0.56448px 0px,
    rgb(255, 153, 0) -3.97652px -0.432781px 0px,
    rgb(255, 153, 0) -3.74583px -1.40313px 0px,
    rgb(255, 153, 0) -3.28224px -2.28625px 0px,
    rgb(255, 153, 0) -2.61457px -3.02721px 0px,
    rgb(255, 153, 0) -1.78435px -3.57996px 0px,
    rgb(255, 153, 0) -0.843183px -3.91012px 0px,
    rgb(255, 153, 0) 0.150409px -3.99717px 0px,
    rgb(255, 153, 0) 1.13465px -3.8357px 0px,
    rgb(255, 153, 0) 2.04834px -3.43574px 0px,
    rgb(255, 153, 0) 2.83468px -2.82216px 0px,
    rgb(255, 153, 0) 3.44477px -2.03312px 0px,
    rgb(255, 153, 0) 3.84068px -1.11766px 0px,
    rgb(255, 153, 0) 3.9978px -0.132717px 0px,
    rgb(255, 204, 0) 6px 0px 0px,
    rgb(255, 204, 0) 5.91686px 0.995377px 0px,
    rgb(255, 204, 0) 5.66974px 1.96317px 0px,
    rgb(255, 204, 0) 5.2655px 2.87655px 0px,
    rgb(255, 204, 0) 4.71532px 3.71022px 0px,
    rgb(255, 204, 0) 4.03447px 4.44106px 0px,
    rgb(255, 204, 0) 3.24181px 5.04883px 0px,
    rgb(255, 204, 0) 2.35931px 5.51667px 0px,
    rgb(255, 204, 0) 1.41143px 5.83163px 0px,
    rgb(255, 204, 0) 0.424423px 5.98497px 0px,
    rgb(255, 204, 0) -0.574341px 5.97245px 0px,
    rgb(255, 204, 0) -1.55719px 5.79441px 0px,
    rgb(255, 204, 0) -2.49688px 5.45578px 0px,
    rgb(255, 204, 0) -3.36738px 4.96596px 0px,
    rgb(255, 204, 0) -4.14455px 4.33852px 0px,
    rgb(255, 204, 0) -4.80686px 3.59083px 0px,
    rgb(255, 204, 0) -5.33596px 2.74364px 0px,
    rgb(255, 204, 0) -5.71718px 1.8204px 0px,
    rgb(255, 204, 0) -5.93995px 0.84672px 0px,
    rgb(255, 204, 0) -5.99811px -0.150428px 0px,
    rgb(255, 204, 0) -5.89004px -1.14341px 0px,
    rgb(255, 204, 0) -5.61874px -2.1047px 0px,
    rgb(255, 204, 0) -5.19172px -3.00766px 0px,
    rgb(255, 204, 0) -4.62082px -3.82727px 0px,
    rgb(255, 204, 0) -3.92186px -4.54081px 0px,
    rgb(255, 204, 0) -3.11421px -5.12852px 0px,
    rgb(255, 204, 0) -2.22026px -5.57409px 0px,
    rgb(255, 204, 0) -1.26477px -5.86518px 0px,
    rgb(255, 204, 0) -0.274238px -5.99373px 0px,
    rgb(255, 204, 0) 0.723898px -5.95617px 0px,
    rgb(255, 204, 0) 1.70197px -5.75355px 0px,
    rgb(255, 204, 0) 2.63288px -5.39147px 0px,
    rgb(255, 204, 0) 3.49082px -4.87998px 0px,
    rgb(255, 204, 0) 4.25202px -4.23324px 0px,
    rgb(255, 204, 0) 4.89538px -3.46919px 0px,
    rgb(255, 204, 0) 5.40307px -2.60899px 0px,
    rgb(255, 204, 0) 5.76102px -1.67649px 0px,
    rgb(255, 204, 0) 5.95932px -0.697531px 0px;
}

.sliderImage .slider_title p.main_color_ffffff b{
    text-shadow: rgb(153, 153, 153) 4px 0px 0px,
    rgb(153, 153, 153) 3.87565px 0.989616px 0px,
    rgb(153, 153, 153) 3.51033px 1.9177px 0px,
    rgb(153, 153, 153) 2.92676px 2.72656px 0px,
    rgb(153, 153, 153) 2.16121px 3.36588px 0px,
    rgb(153, 153, 153) 1.26129px 3.79594px 0px,
    rgb(153, 153, 153) 0.282949px 3.98998px 0px,
    rgb(153, 153, 153) -0.712984px 3.93594px 0px,
    rgb(153, 153, 153) -1.66459px 3.63719px 0px,
    rgb(153, 153, 153) -2.51269px 3.11229px 0px,
    rgb(153, 153, 153) -3.20457px 2.39389px 0px,
    rgb(153, 153, 153) -3.69721px 1.52664px 0px,
    rgb(153, 153, 153) -3.95997px 0.56448px 0px,
    rgb(153, 153, 153) -3.97652px -0.432781px 0px,
    rgb(153, 153, 153) -3.74583px -1.40313px 0px,
    rgb(153, 153, 153) -3.28224px -2.28625px 0px,
    rgb(153, 153, 153) -2.61457px -3.02721px 0px,
    rgb(153, 153, 153) -1.78435px -3.57996px 0px,
    rgb(153, 153, 153) -0.843183px -3.91012px 0px,
    rgb(153, 153, 153) 0.150409px -3.99717px 0px,
    rgb(153, 153, 153) 1.13465px -3.8357px 0px,
    rgb(153, 153, 153) 2.04834px -3.43574px 0px,
    rgb(153, 153, 153) 2.83468px -2.82216px 0px,
    rgb(153, 153, 153) 3.44477px -2.03312px 0px,
    rgb(153, 153, 153) 3.84068px -1.11766px 0px,
    rgb(153, 153, 153) 3.9978px -0.132717px 0px,
    rgb(0, 0, 0) 6px 0px 0px,
    rgb(0, 0, 0) 5.91686px 0.995377px 0px,
    rgb(0, 0, 0) 5.66974px 1.96317px 0px,
    rgb(0, 0, 0) 5.2655px 2.87655px 0px,
    rgb(0, 0, 0) 4.71532px 3.71022px 0px,
    rgb(0, 0, 0) 4.03447px 4.44106px 0px,
    rgb(0, 0, 0) 3.24181px 5.04883px 0px,
    rgb(0, 0, 0) 2.35931px 5.51667px 0px,
    rgb(0, 0, 0) 1.41143px 5.83163px 0px,
    rgb(0, 0, 0) 0.424423px 5.98497px 0px,
    rgb(0, 0, 0) -0.574341px 5.97245px 0px,
    rgb(0, 0, 0) -1.55719px 5.79441px 0px,
    rgb(0, 0, 0) -2.49688px 5.45578px 0px,
    rgb(0, 0, 0) -3.36738px 4.96596px 0px,
    rgb(0, 0, 0) -4.14455px 4.33852px 0px,
    rgb(0, 0, 0) -4.80686px 3.59083px 0px,
    rgb(0, 0, 0) -5.33596px 2.74364px 0px,
    rgb(0, 0, 0) -5.71718px 1.8204px 0px,
    rgb(0, 0, 0) -5.93995px 0.84672px 0px,
    rgb(0, 0, 0) -5.99811px -0.150428px 0px,
    rgb(0, 0, 0) -5.89004px -1.14341px 0px,
    rgb(0, 0, 0) -5.61874px -2.1047px 0px,
    rgb(0, 0, 0) -5.19172px -3.00766px 0px,
    rgb(0, 0, 0) -4.62082px -3.82727px 0px,
    rgb(0, 0, 0) -3.92186px -4.54081px 0px,
    rgb(0, 0, 0) -3.11421px -5.12852px 0px,
    rgb(0, 0, 0) -2.22026px -5.57409px 0px,
    rgb(0, 0, 0) -1.26477px -5.86518px 0px,
    rgb(0, 0, 0) -0.274238px -5.99373px 0px,
    rgb(0, 0, 0) 0.723898px -5.95617px 0px,
    rgb(0, 0, 0) 1.70197px -5.75355px 0px,
    rgb(0, 0, 0) 2.63288px -5.39147px 0px,
    rgb(0, 0, 0) 3.49082px -4.87998px 0px,
    rgb(0, 0, 0) 4.25202px -4.23324px 0px,
    rgb(0, 0, 0) 4.89538px -3.46919px 0px,
    rgb(0, 0, 0) 5.40307px -2.60899px 0px,
    rgb(0, 0, 0) 5.76102px -1.67649px 0px,
    rgb(0, 0, 0) 5.95932px -0.697531px 0px;
}

.sliderImage .slider_title p.main_color_99cc00 b{
    text-shadow: rgb(102, 153, 0) 4px 0px 0px,
    rgb(102, 153, 0) 3.87565px 0.989616px 0px,
    rgb(102, 153, 0) 3.51033px 1.9177px 0px,
    rgb(102, 153, 0) 2.92676px 2.72656px 0px,
    rgb(102, 153, 0) 2.16121px 3.36588px 0px,
    rgb(102, 153, 0) 1.26129px 3.79594px 0px,
    rgb(102, 153, 0) 0.282949px 3.98998px 0px,
    rgb(102, 153, 0) -0.712984px 3.93594px 0px,
    rgb(102, 153, 0) -1.66459px 3.63719px 0px,
    rgb(102, 153, 0) -2.51269px 3.11229px 0px,
    rgb(102, 153, 0) -3.20457px 2.39389px 0px,
    rgb(102, 153, 0) -3.69721px 1.52664px 0px,
    rgb(102, 153, 0) -3.95997px 0.56448px 0px,
    rgb(102, 153, 0) -3.97652px -0.432781px 0px,
    rgb(102, 153, 0) -3.74583px -1.40313px 0px,
    rgb(102, 153, 0) -3.28224px -2.28625px 0px,
    rgb(102, 153, 0) -2.61457px -3.02721px 0px,
    rgb(102, 153, 0) -1.78435px -3.57996px 0px,
    rgb(102, 153, 0) -0.843183px -3.91012px 0px,
    rgb(102, 153, 0) 0.150409px -3.99717px 0px,
    rgb(102, 153, 0) 1.13465px -3.8357px 0px,
    rgb(102, 153, 0) 2.04834px -3.43574px 0px,
    rgb(102, 153, 0) 2.83468px -2.82216px 0px,
    rgb(102, 153, 0) 3.44477px -2.03312px 0px,
    rgb(102, 153, 0) 3.84068px -1.11766px 0px,
    rgb(102, 153, 0) 3.9978px -0.132717px 0px,
    rgb(153, 204, 0) 6px 0px 0px,
    rgb(153, 204, 0) 5.91686px 0.995377px 0px,
    rgb(153, 204, 0) 5.66974px 1.96317px 0px,
    rgb(153, 204, 0) 5.2655px 2.87655px 0px,
    rgb(153, 204, 0) 4.71532px 3.71022px 0px,
    rgb(153, 204, 0) 4.03447px 4.44106px 0px,
    rgb(153, 204, 0) 3.24181px 5.04883px 0px,
    rgb(153, 204, 0) 2.35931px 5.51667px 0px,
    rgb(153, 204, 0) 1.41143px 5.83163px 0px,
    rgb(153, 204, 0) 0.424423px 5.98497px 0px,
    rgb(153, 204, 0) -0.574341px 5.97245px 0px,
    rgb(153, 204, 0) -1.55719px 5.79441px 0px,
    rgb(153, 204, 0) -2.49688px 5.45578px 0px,
    rgb(153, 204, 0) -3.36738px 4.96596px 0px,
    rgb(153, 204, 0) -4.14455px 4.33852px 0px,
    rgb(153, 204, 0) -4.80686px 3.59083px 0px,
    rgb(153, 204, 0) -5.33596px 2.74364px 0px,
    rgb(153, 204, 0) -5.71718px 1.8204px 0px,
    rgb(153, 204, 0) -5.93995px 0.84672px 0px,
    rgb(153, 204, 0) -5.99811px -0.150428px 0px,
    rgb(153, 204, 0) -5.89004px -1.14341px 0px,
    rgb(153, 204, 0) -5.61874px -2.1047px 0px,
    rgb(153, 204, 0) -5.19172px -3.00766px 0px,
    rgb(153, 204, 0) -4.62082px -3.82727px 0px,
    rgb(153, 204, 0) -3.92186px -4.54081px 0px,
    rgb(153, 204, 0) -3.11421px -5.12852px 0px,
    rgb(153, 204, 0) -2.22026px -5.57409px 0px,
    rgb(153, 204, 0) -1.26477px -5.86518px 0px,
    rgb(153, 204, 0) -0.274238px -5.99373px 0px,
    rgb(153, 204, 0) 0.723898px -5.95617px 0px,
    rgb(153, 204, 0) 1.70197px -5.75355px 0px,
    rgb(153, 204, 0) 2.63288px -5.39147px 0px,
    rgb(153, 204, 0) 3.49082px -4.87998px 0px,
    rgb(153, 204, 0) 4.25202px -4.23324px 0px,
    rgb(153, 204, 0) 4.89538px -3.46919px 0px,
    rgb(153, 204, 0) 5.40307px -2.60899px 0px,
    rgb(153, 204, 0) 5.76102px -1.67649px 0px,
    rgb(153, 204, 0) 5.95932px -0.697531px 0px;
}

.sliderImage .slider_title p.main_color_0066ff b{
    text-shadow: rgb(0, 51, 204) 4px 0px 0px,
    rgb(0, 51, 204) 3.87565px 0.989616px 0px,
    rgb(0, 51, 204) 3.51033px 1.9177px 0px,
    rgb(0, 51, 204) 2.92676px 2.72656px 0px,
    rgb(0, 51, 204) 2.16121px 3.36588px 0px,
    rgb(0, 51, 204) 1.26129px 3.79594px 0px,
    rgb(0, 51, 204) 0.282949px 3.98998px 0px,
    rgb(0, 51, 204) -0.712984px 3.93594px 0px,
    rgb(0, 51, 204) -1.66459px 3.63719px 0px,
    rgb(0, 51, 204) -2.51269px 3.11229px 0px,
    rgb(0, 51, 204) -3.20457px 2.39389px 0px,
    rgb(0, 51, 204) -3.69721px 1.52664px 0px,
    rgb(0, 51, 204) -3.95997px 0.56448px 0px,
    rgb(0, 51, 204) -3.97652px -0.432781px 0px,
    rgb(0, 51, 204) -3.74583px -1.40313px 0px,
    rgb(0, 51, 204) -3.28224px -2.28625px 0px,
    rgb(0, 51, 204) -2.61457px -3.02721px 0px,
    rgb(0, 51, 204) -1.78435px -3.57996px 0px,
    rgb(0, 51, 204) -0.843183px -3.91012px 0px,
    rgb(0, 51, 204) 0.150409px -3.99717px 0px,
    rgb(0, 51, 204) 1.13465px -3.8357px 0px,
    rgb(0, 51, 204) 2.04834px -3.43574px 0px,
    rgb(0, 51, 204) 2.83468px -2.82216px 0px,
    rgb(0, 51, 204) 3.44477px -2.03312px 0px,
    rgb(0, 51, 204) 3.84068px -1.11766px 0px,
    rgb(0, 51, 204) 3.9978px -0.132717px 0px,
    rgb(0, 153, 255) 6px 0px 0px,
    rgb(0, 153, 255) 5.91686px 0.995377px 0px,
    rgb(0, 153, 255) 5.66974px 1.96317px 0px,
    rgb(0, 153, 255) 5.2655px 2.87655px 0px,
    rgb(0, 153, 255) 4.71532px 3.71022px 0px,
    rgb(0, 153, 255) 4.03447px 4.44106px 0px,
    rgb(0, 153, 255) 3.24181px 5.04883px 0px,
    rgb(0, 153, 255) 2.35931px 5.51667px 0px,
    rgb(0, 153, 255) 1.41143px 5.83163px 0px,
    rgb(0, 153, 255) 0.424423px 5.98497px 0px,
    rgb(0, 153, 255) -0.574341px 5.97245px 0px,
    rgb(0, 153, 255) -1.55719px 5.79441px 0px,
    rgb(0, 153, 255) -2.49688px 5.45578px 0px,
    rgb(0, 153, 255) -3.36738px 4.96596px 0px,
    rgb(0, 153, 255) -4.14455px 4.33852px 0px,
    rgb(0, 153, 255) -4.80686px 3.59083px 0px,
    rgb(0, 153, 255) -5.33596px 2.74364px 0px,
    rgb(0, 153, 255) -5.71718px 1.8204px 0px,
    rgb(0, 153, 255) -5.93995px 0.84672px 0px,
    rgb(0, 153, 255) -5.99811px -0.150428px 0px,
    rgb(0, 153, 255) -5.89004px -1.14341px 0px,
    rgb(0, 153, 255) -5.61874px -2.1047px 0px,
    rgb(0, 153, 255) -5.19172px -3.00766px 0px,
    rgb(0, 153, 255) -4.62082px -3.82727px 0px,
    rgb(0, 153, 255) -3.92186px -4.54081px 0px,
    rgb(0, 153, 255) -3.11421px -5.12852px 0px,
    rgb(0, 153, 255) -2.22026px -5.57409px 0px,
    rgb(0, 153, 255) -1.26477px -5.86518px 0px,
    rgb(0, 153, 255) -0.274238px -5.99373px 0px,
    rgb(0, 153, 255) 0.723898px -5.95617px 0px,
    rgb(0, 153, 255) 1.70197px -5.75355px 0px,
    rgb(0, 153, 255) 2.63288px -5.39147px 0px,
    rgb(0, 153, 255) 3.49082px -4.87998px 0px,
    rgb(0, 153, 255) 4.25202px -4.23324px 0px,
    rgb(0, 153, 255) 4.89538px -3.46919px 0px,
    rgb(0, 153, 255) 5.40307px -2.60899px 0px,
    rgb(0, 153, 255) 5.76102px -1.67649px 0px,
    rgb(0, 153, 255) 5.95932px -0.697531px 0px;
}

.sliderImage .slider_title p.main_color_3399ff b{
    text-shadow: rgb(51, 153, 255) 4px 0px 0px,
    rgb(51, 153, 255) 3.87565px 0.989616px 0px,
    rgb(51, 153, 255) 3.51033px 1.9177px 0px,
    rgb(51, 153, 255) 2.92676px 2.72656px 0px,
    rgb(51, 153, 255) 2.16121px 3.36588px 0px,
    rgb(51, 153, 255) 1.26129px 3.79594px 0px,
    rgb(51, 153, 255) 0.282949px 3.98998px 0px,
    rgb(51, 153, 255) -0.712984px 3.93594px 0px,
    rgb(51, 153, 255) -1.66459px 3.63719px 0px,
    rgb(51, 153, 255) -2.51269px 3.11229px 0px,
    rgb(51, 153, 255) -3.20457px 2.39389px 0px,
    rgb(51, 153, 255) -3.69721px 1.52664px 0px,
    rgb(51, 153, 255) -3.95997px 0.56448px 0px,
    rgb(51, 153, 255) -3.97652px -0.432781px 0px,
    rgb(51, 153, 255) -3.74583px -1.40313px 0px,
    rgb(51, 153, 255) -3.28224px -2.28625px 0px,
    rgb(51, 153, 255) -2.61457px -3.02721px 0px,
    rgb(51, 153, 255) -1.78435px -3.57996px 0px,
    rgb(51, 153, 255) -0.843183px -3.91012px 0px,
    rgb(51, 153, 255) 0.150409px -3.99717px 0px,
    rgb(51, 153, 255) 1.13465px -3.8357px 0px,
    rgb(51, 153, 255) 2.04834px -3.43574px 0px,
    rgb(51, 153, 255) 2.83468px -2.82216px 0px,
    rgb(51, 153, 255) 3.44477px -2.03312px 0px,
    rgb(51, 153, 255) 3.84068px -1.11766px 0px,
    rgb(51, 153, 255) 3.9978px -0.132717px 0px,
    rgb(102, 204, 255) 6px 0px 0px,
    rgb(102, 204, 255) 5.91686px 0.995377px 0px,
    rgb(102, 204, 255) 5.66974px 1.96317px 0px,
    rgb(102, 204, 255) 5.2655px 2.87655px 0px,
    rgb(102, 204, 255) 4.71532px 3.71022px 0px,
    rgb(102, 204, 255) 4.03447px 4.44106px 0px,
    rgb(102, 204, 255) 3.24181px 5.04883px 0px,
    rgb(102, 204, 255) 2.35931px 5.51667px 0px,
    rgb(102, 204, 255) 1.41143px 5.83163px 0px,
    rgb(102, 204, 255) 0.424423px 5.98497px 0px,
    rgb(102, 204, 255) -0.574341px 5.97245px 0px,
    rgb(102, 204, 255) -1.55719px 5.79441px 0px,
    rgb(102, 204, 255) -2.49688px 5.45578px 0px,
    rgb(102, 204, 255) -3.36738px 4.96596px 0px,
    rgb(102, 204, 255) -4.14455px 4.33852px 0px,
    rgb(102, 204, 255) -4.80686px 3.59083px 0px,
    rgb(102, 204, 255) -5.33596px 2.74364px 0px,
    rgb(102, 204, 255) -5.71718px 1.8204px 0px,
    rgb(102, 204, 255) -5.93995px 0.84672px 0px,
    rgb(102, 204, 255) -5.99811px -0.150428px 0px,
    rgb(102, 204, 255) -5.89004px -1.14341px 0px,
    rgb(102, 204, 255) -5.61874px -2.1047px 0px,
    rgb(102, 204, 255) -5.19172px -3.00766px 0px,
    rgb(102, 204, 255) -4.62082px -3.82727px 0px,
    rgb(102, 204, 255) -3.92186px -4.54081px 0px,
    rgb(102, 204, 255) -3.11421px -5.12852px 0px,
    rgb(102, 204, 255) -2.22026px -5.57409px 0px,
    rgb(102, 204, 255) -1.26477px -5.86518px 0px,
    rgb(102, 204, 255) -0.274238px -5.99373px 0px,
    rgb(102, 204, 255) 0.723898px -5.95617px 0px,
    rgb(102, 204, 255) 1.70197px -5.75355px 0px,
    rgb(102, 204, 255) 2.63288px -5.39147px 0px,
    rgb(102, 204, 255) 3.49082px -4.87998px 0px,
    rgb(102, 204, 255) 4.25202px -4.23324px 0px,
    rgb(102, 204, 255) 4.89538px -3.46919px 0px,
    rgb(102, 204, 255) 5.40307px -2.60899px 0px,
    rgb(102, 204, 255) 5.76102px -1.67649px 0px,
    rgb(102, 204, 255) 5.95932px -0.697531px 0px;
}

.sliderImage .slider_title p.main_color_ff9900 b{
    text-shadow: rgb(255, 102, 0) 4px 0px 0px,
    rgb(255, 102, 0) 3.87565px 0.989616px 0px,
    rgb(255, 102, 0) 3.51033px 1.9177px 0px,
    rgb(255, 102, 0) 2.92676px 2.72656px 0px,
    rgb(255, 102, 0) 2.16121px 3.36588px 0px,
    rgb(255, 102, 0) 1.26129px 3.79594px 0px,
    rgb(255, 102, 0) 0.282949px 3.98998px 0px,
    rgb(255, 102, 0) -0.712984px 3.93594px 0px,
    rgb(255, 102, 0) -1.66459px 3.63719px 0px,
    rgb(255, 102, 0) -2.51269px 3.11229px 0px,
    rgb(255, 102, 0) -3.20457px 2.39389px 0px,
    rgb(255, 102, 0) -3.69721px 1.52664px 0px,
    rgb(255, 102, 0) -3.95997px 0.56448px 0px,
    rgb(255, 102, 0) -3.97652px -0.432781px 0px,
    rgb(255, 102, 0) -3.74583px -1.40313px 0px,
    rgb(255, 102, 0) -3.28224px -2.28625px 0px,
    rgb(255, 102, 0) -2.61457px -3.02721px 0px,
    rgb(255, 102, 0) -1.78435px -3.57996px 0px,
    rgb(255, 102, 0) -0.843183px -3.91012px 0px,
    rgb(255, 102, 0) 0.150409px -3.99717px 0px,
    rgb(255, 102, 0) 1.13465px -3.8357px 0px,
    rgb(255, 102, 0) 2.04834px -3.43574px 0px,
    rgb(255, 102, 0) 2.83468px -2.82216px 0px,
    rgb(255, 102, 0) 3.44477px -2.03312px 0px,
    rgb(255, 102, 0) 3.84068px -1.11766px 0px,
    rgb(255, 102, 0) 3.9978px -0.132717px 0px,
    rgb(255, 153, 0) 6px 0px 0px,
    rgb(255, 153, 0) 5.91686px 0.995377px 0px,
    rgb(255, 153, 0) 5.66974px 1.96317px 0px,
    rgb(255, 153, 0) 5.2655px 2.87655px 0px,
    rgb(255, 153, 0) 4.71532px 3.71022px 0px,
    rgb(255, 153, 0) 4.03447px 4.44106px 0px,
    rgb(255, 153, 0) 3.24181px 5.04883px 0px,
    rgb(255, 153, 0) 2.35931px 5.51667px 0px,
    rgb(255, 153, 0) 1.41143px 5.83163px 0px,
    rgb(255, 153, 0) 0.424423px 5.98497px 0px,
    rgb(255, 153, 0) -0.574341px 5.97245px 0px,
    rgb(255, 153, 0) -1.55719px 5.79441px 0px,
    rgb(255, 153, 0) -2.49688px 5.45578px 0px,
    rgb(255, 153, 0) -3.36738px 4.96596px 0px,
    rgb(255, 153, 0) -4.14455px 4.33852px 0px,
    rgb(255, 153, 0) -4.80686px 3.59083px 0px,
    rgb(255, 153, 0) -5.33596px 2.74364px 0px,
    rgb(255, 153, 0) -5.71718px 1.8204px 0px,
    rgb(255, 153, 0) -5.93995px 0.84672px 0px,
    rgb(255, 153, 0) -5.99811px -0.150428px 0px,
    rgb(255, 153, 0) -5.89004px -1.14341px 0px,
    rgb(255, 153, 0) -5.61874px -2.1047px 0px,
    rgb(255, 153, 0) -5.19172px -3.00766px 0px,
    rgb(255, 153, 0) -4.62082px -3.82727px 0px,
    rgb(255, 153, 0) -3.92186px -4.54081px 0px,
    rgb(255, 153, 0) -3.11421px -5.12852px 0px,
    rgb(255, 153, 0) -2.22026px -5.57409px 0px,
    rgb(255, 153, 0) -1.26477px -5.86518px 0px,
    rgb(255, 153, 0) -0.274238px -5.99373px 0px,
    rgb(255, 153, 0) 0.723898px -5.95617px 0px,
    rgb(255, 153, 0) 1.70197px -5.75355px 0px,
    rgb(255, 153, 0) 2.63288px -5.39147px 0px,
    rgb(255, 153, 0) 3.49082px -4.87998px 0px,
    rgb(255, 153, 0) 4.25202px -4.23324px 0px,
    rgb(255, 153, 0) 4.89538px -3.46919px 0px,
    rgb(255, 153, 0) 5.40307px -2.60899px 0px,
    rgb(255, 153, 0) 5.76102px -1.67649px 0px,
    rgb(255, 153, 0) 5.95932px -0.697531px 0px;
}

.sliderImage .slider_title p.main_color_333333 b{
    text-shadow: rgb(102, 102, 102) 4px 0px 0px,
    rgb(102, 102, 102) 3.87565px 0.989616px 0px,
    rgb(102, 102, 102) 3.51033px 1.9177px 0px,
    rgb(102, 102, 102) 2.92676px 2.72656px 0px,
    rgb(102, 102, 102) 2.16121px 3.36588px 0px,
    rgb(102, 102, 102) 1.26129px 3.79594px 0px,
    rgb(102, 102, 102) 0.282949px 3.98998px 0px,
    rgb(102, 102, 102) -0.712984px 3.93594px 0px,
    rgb(102, 102, 102) -1.66459px 3.63719px 0px,
    rgb(102, 102, 102) -2.51269px 3.11229px 0px,
    rgb(102, 102, 102) -3.20457px 2.39389px 0px,
    rgb(102, 102, 102) -3.69721px 1.52664px 0px,
    rgb(102, 102, 102) -3.95997px 0.56448px 0px,
    rgb(102, 102, 102) -3.97652px -0.432781px 0px,
    rgb(102, 102, 102) -3.74583px -1.40313px 0px,
    rgb(102, 102, 102) -3.28224px -2.28625px 0px,
    rgb(102, 102, 102) -2.61457px -3.02721px 0px,
    rgb(102, 102, 102) -1.78435px -3.57996px 0px,
    rgb(102, 102, 102) -0.843183px -3.91012px 0px,
    rgb(102, 102, 102) 0.150409px -3.99717px 0px,
    rgb(102, 102, 102) 1.13465px -3.8357px 0px,
    rgb(102, 102, 102) 2.04834px -3.43574px 0px,
    rgb(102, 102, 102) 2.83468px -2.82216px 0px,
    rgb(102, 102, 102) 3.44477px -2.03312px 0px,
    rgb(102, 102, 102) 3.84068px -1.11766px 0px,
    rgb(102, 102, 102) 3.9978px -0.132717px 0px,
    rgb(204, 204, 204) 6px 0px 0px,
    rgb(204, 204, 204) 5.91686px 0.995377px 0px,
    rgb(204, 204, 204) 5.66974px 1.96317px 0px,
    rgb(204, 204, 204) 5.2655px 2.87655px 0px,
    rgb(204, 204, 204) 4.71532px 3.71022px 0px,
    rgb(204, 204, 204) 4.03447px 4.44106px 0px,
    rgb(204, 204, 204) 3.24181px 5.04883px 0px,
    rgb(204, 204, 204) 2.35931px 5.51667px 0px,
    rgb(204, 204, 204) 1.41143px 5.83163px 0px,
    rgb(204, 204, 204) 0.424423px 5.98497px 0px,
    rgb(204, 204, 204) -0.574341px 5.97245px 0px,
    rgb(204, 204, 204) -1.55719px 5.79441px 0px,
    rgb(204, 204, 204) -2.49688px 5.45578px 0px,
    rgb(204, 204, 204) -3.36738px 4.96596px 0px,
    rgb(204, 204, 204) -4.14455px 4.33852px 0px,
    rgb(204, 204, 204) -4.80686px 3.59083px 0px,
    rgb(204, 204, 204) -5.33596px 2.74364px 0px,
    rgb(204, 204, 204) -5.71718px 1.8204px 0px,
    rgb(204, 204, 204) -5.93995px 0.84672px 0px,
    rgb(204, 204, 204) -5.99811px -0.150428px 0px,
    rgb(204, 204, 204) -5.89004px -1.14341px 0px,
    rgb(204, 204, 204) -5.61874px -2.1047px 0px,
    rgb(204, 204, 204) -5.19172px -3.00766px 0px,
    rgb(204, 204, 204) -4.62082px -3.82727px 0px,
    rgb(204, 204, 204) -3.92186px -4.54081px 0px,
    rgb(204, 204, 204) -3.11421px -5.12852px 0px,
    rgb(204, 204, 204) -2.22026px -5.57409px 0px,
    rgb(204, 204, 204) -1.26477px -5.86518px 0px,
    rgb(204, 204, 204) -0.274238px -5.99373px 0px,
    rgb(204, 204, 204) 0.723898px -5.95617px 0px,
    rgb(204, 204, 204) 1.70197px -5.75355px 0px,
    rgb(204, 204, 204) 2.63288px -5.39147px 0px,
    rgb(204, 204, 204) 3.49082px -4.87998px 0px,
    rgb(204, 204, 204) 4.25202px -4.23324px 0px,
    rgb(204, 204, 204) 4.89538px -3.46919px 0px,
    rgb(204, 204, 204) 5.40307px -2.60899px 0px,
    rgb(204, 204, 204) 5.76102px -1.67649px 0px,
    rgb(204, 204, 204) 5.95932px -0.697531px 0px;
}

/* 20160808 阿部追記 */

.mb5{
    margin:0 0 5px 0;
}



#modal_wrapper {
    width: 100%;
    height: 100%;
    background:rgba(0 ,0 ,0 ,0.6);
    position:fixed;
    top:0;
    left: 0;
    z-index: 103;
    display: none;
    text-align: center;
}

.thumbnail_box, .thumbnail_box * {
    user-select: none;
    -webkit-user-drag: none;
}


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



input.next_btn {
    border: 1px solid #ccc;
    background-image: url(../img/common/next_btn.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 16px;
    color: #f00;
    margin: 0 0 60px 0;
}
input.next_btn2 {
    font-size: 12px;
    height: 20px;
    font-weight: normal;
    cursor:pointer;
    color: #0000CC;
    margin-right: 10px;
    text-decoration: underline;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

input.next_btn3 {
    font-size: 16px;
    height: 20px;
    font-weight: normal;
    cursor:pointer;
    color: #0000CC;
    margin-right: 10px;
    text-decoration: underline;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display:block;
}

button.next_btn {
    border: 1px solid #CCCCCC;
    background-image: url(../img/common/next_btn.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 16px;
    line-height: 29px;
    height: 29px;
    font-weight: bold;
    padding-right: 40px;
    padding-left: 30px;
    cursor:pointer;
    color: #000000;
    margin-right: 10px;
}
button.next_btn2 {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    font-weight: normal;
    padding-right: 30px;
    cursor:pointer;
    color: #0000CC;
    margin-right: 10px;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-decoration: underline;
}




#step {
    border-radius: 3px;
    margin:0 0 30px 0;
    background: #C4C4C4;
}

#step:after,
#price_base:after,
.consensus__body-item--price {
    content: "";
    display: block;
    clear: both;
}

#step li {
    float: left;
    width: 33.3%;
    text-align: center;
    color: #FFF;
    position: relative;
    font-size: 14px;
}

#step li.first a,
#step li.first p {
    border-radius:3px 0 0 3px;
}

#step li.last a,
#step li.last p {
    border-radius:0 3px 3px 0 !important;
}

#step li:before {
    content: "";
    width: 0;
    height: auto;
    position: absolute;
    border-top: 15px solid transparent;
    border-left: 10px solid #C4C4C4;
    border-right: 10px solid transparent;
    border-bottom: 15px solid transparent;
    top: 0;
    left: 226px;
    z-index: 1;
}

#step li.bgd5 a,
#step li.bgd5_last a,
#step li.bgd5 p,
#step li.bgd5_last p {
    background: #D5D5D5;
}

#step li.bgd5:before {
    border-left: 10px solid #D5D5D5;
}

#step li#step_visit p {
    background:#55595B;
}

#step li#step_visit:before {
    border-left: 10px solid #55595B;
}

#step li.last:before {
    border-left: 10px solid transparent !important;
}

#step li a,
#step li p,
#step_visit p {
    color: #FFF;
    display: block;
    padding: 8px 0;
    height: 14px;
    line-height: 1.2em;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

#step li a:hover {
    text-decoration:none;
}



.question_block {
    float: left;
    margin:0 0 40px 0;
}




/***************************************************************/
/*　ページエラー　　*/
#error_contents {
    clear: both;
    height: 300px;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-top: 30px;
    background-image: url(../img/common/dekkey_sorry002.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
}
#error_contents h2 {
    color: #3366FF;
    font-size: 22px;
}
#error_contents p {
    font-size: 90%;
    clear: both;
    margin-bottom: 10px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.attention_message {
    color: #990000;
}


/***************************************************************/
/** right_box **/
#right_box.right_box--sp,
#plusBlock_rightbox.right_box--sp,
.rightboxTrigger{
    display: none !important;
}


/***************************************************************/
/*　中古車一覧　　*/

#car_list_base0 {
    padding-bottom: 10px;
}

#car_list_base {
    margin:0 0 10px;
}

#car_list_base.loading {
    background: url(../img/common/loader.svg) no-repeat center top 30px;
    background-size: 24px auto;
    min-height: 20px;
}

.usercar_list {
    clear: both;
    width: 640px;
    padding-top: 0;
    margin:0 0 20px;
    position: relative;
}

.list_con {
    clear: both;
    width: 640px;
}
.list_main {
    float: left;
    width: 240px;
    margin-bottom:15px;
}
.list_main p {
    float: left;
    padding-right: 10px;
    font-size: 10px;
}
.list_main p img {
    padding-bottom: 5px;
}

.list_main ul {
    width: 135px;
    display: block;
    float: right;
    padding-top: 0px;
}
.list_main ul li {
/*    padding-right: 2px;*/
    padding-bottom: 2px;
    float: left;
    line-height: 1;
    display: block;
}

.list_main ul li img{
    margin-right: 2px;
}

.list_main dl{
    min-width: 115px;
    height: auto;
    margin-bottom: 5px;
}

.list_main dl dt{
    padding-bottom: 0px !important;
    margin-bottom: 7px !important;
}

.list_main dl dt strong{
}

.list_main dl dd{
    font-size: 10px;
    padding-bottom: 0;
}

.list_main dl dd strong{
    line-height: 1.25;
    letter-spacing: -.03em;
}


/* .saleshop {
    clear: both;
    padding-left: 45px;
    margin-bottom: 5px;
    line-height: 30px;
    height: 30px;
}
.saleshop span {
    float: right;
    padding-left: 10px;
    font-size: 12px;
} */
.list_con table{
    margin-bottom: 5px;
}
.list_con span.more_carinfo_link {
    float: right;
    padding: 0 0 1px 17px !important;
    background:url(../img/copy2open/carlist_linkarw.png) no-repeat left top !important;
    line-height: 1;
}
.list_con span.more_carinfo_link a{
    font-size: 12px !important;
    vertical-align: top;
    /* line-height: 12px !important; */
}
.zaiko_used {
    color: #339900;
}
.daiko_used {
    color: #6699FF;
}
.syoudanchu_used {
    color: #FF9900;
}
.baikyaku_used {
    color: #CC0000;
}
.newcar_used{
    color: #E71870;
}
.unused {
    color: #36f;
 } 

#car_gall:after,.list_con:after,.pager:after,
.plusBlockBtn2:after ,.plusBlockBtn3:after ,
.plusBlockBtn4:after, .plusBlockBtn5:after {
    height: 0;
    visibility: hidden ;
    content: ".";
    display: block ;
    clear: both ;
}
.zaiko_base {
    margin-bottom: 20px !important;
    width: 100% !important;
}
.sample_name {
    font-size: 12px;
    font-weight: normal;
    color: #CC0000;
    padding-left: 10px;
}

/*以下徳田追加*/
.pager a.carListPagerLink_current{
    text-decoration: none;
    color: #f90;
    font-weight: bold;
    cursor: default;
}

.pager a.carListPagerLink_current:hover{
    background-color: transparent;
}

.carlist_price_detail{
    display: flex;
}

.carlist_cost_wrap,
.carlist_shohiyo_wrap{
    width: calc( 60% - 2px );
    position: relative;
}

.carlist_shohiyo_wrap{
    width: calc( 40% - 2px );
    position: relative;    
}

.carlist_cost_wrap:after{
    position: absolute;
    width: 1px;
    height: 100%;
    border-right: 1px dotted #999;
    display: block;
    right: 0;
    top: 0;
    display: block;
    content: "";
}

.carlist_shohiyo_wrap{
    margin-left: 7px;
}

.carlist_shohiyo_wrap strong{
    font-size: 10px !important;
    font-weight: 400;
}

.carlist_totalcost_titlewrap,
.carlist_cost_titlewrap,
.carlist_shohiyo_titlewrap{
    display: block;
    line-height: 1;
}

.carlist_shohiyo_titlewrap{
    margin-bottom: 2px;
}


.carlist_totalcost_titlewrap .carlist_totalcost_title,
.carlist_cost_titlewrap .carlist_cost_title,
.carlist_shohiyo_titlewrap .carlist_shohiyo_title{
    display: inline-block !important;
    font-size: 10px;
    color: #FFF;
    padding: 1px 5px 0px;
    line-height: 1.25;
    background: #666;
    border-radius: 12px;
    margin-right: 3px;
    margin-bottom: 0;
    vertical-align: middle;
    text-shadow: 1px 1px 0 #333;
}


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

/* 20140627 高橋修正　暫定対応 */
#carListThumNail_wrapper{
    /* overflow:hidden;
    margin:0 0 30px;
    padding: 0; */
}

#carListThumNail_wrapper{
    display: flex;
    gap: 10px 0;
    flex-wrap: wrap;
    align-items: flex-start;
}

#body_top #carListThumNail_wrapper {
    margin:0;
}

.thumbnail_box{
    background:#FFF;
    float: left;
    margin:0 10px 0 0;
    border:1px solid #ccc;
    height:auto !important;
    display:block;
    text-decoration: none !important;
    position:relative;
}

a.thumbnail_box{
    color:#666;
    position:relative;
}

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

.thumbnail_box .carthumb_img {
    clear: both;
    height: auto !important;
    overflow: hidden;
    padding: 15px 14px 5px;
    margin: 0 0 5px;
    margin-bottom: 15px !important;
    display:block;
    position:relative;
}
.thumbnail_box .carthumb_img img{
    width:170px;
}
.recomendcar_img_box{
    position: relative;
    height: 140px;
}
.thumbnail_box .carthumb_img img.recomendmark_img{
    position: absolute;
    top: 15px;/*.carthumb_imgのpaddingの値による*/
    left: 14px;/*.carthumb_imgのpaddingの値による*/
    width:60px;
}
/* 「おすすめ」の場合の販売状況アイコンCSS ※「おすすめ」でない場合は「おすすめ」のCSSで表示 */
.thumbnail_box .carthumb_img img.recomendmark_img.soldout_img {
    position: absolute;
    top: 15px;/*.carthumb_imgのpaddingの値による*/
    left: 74px; /*.carthumb_imgのpaddingの値に「おすすめ」の幅を足したもの */
    width:60px;
}


.thumbnail_box h3, .thumbnail_box .h3 {
    text-align: left;
    clear: both;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 90%;
    line-height: 130%;
    display:block;
}
.thumbnail_box h3 a, .thumbnail_box .h3 span{
    font-size:14px;
    background: url(../img/copy2open/car_list_arw.png) no-repeat left center ;
    padding:0 0 0 15px;
}

.thumbnail_box .carthumb_txt {
    clear: both;
    margin:0 10px 10px;
    margin-bottom: 15px !important; 
    font-size: 75%;
    line-height: 150%;
    text-align: left;
    display:block;
}

.thumbnail_box .carthumb_txt:empty{
    margin-bottom: 0px !important; 
}

.thumbnail_box .carthumb_price {
    clear: both;
    margin:0 10px 10px !important;
    font-size: 16px;
    line-height: 150%;
    text-align: left;
    color:#666;
    display: block;
    max-height: none;
    padding: 0;
}

#car_list_base #carListThumNail_wrapper .thumbnail_box,
#car_list_base #carListSlideShow_wrapper .thumbnail_box{
    height: auto !important;
}

#carListThumNail_wrapper .thumbnail_box .carthumb_price,
#carListSlideShow_wrapper .thumbnail_box .carthumb_price{
    margin-bottom: 10px !important;
}

#carListThumNail_wrapper .thumbnail_box .carthumb_price .carthumb_shohiyo_wrap strong,
#carListSlideShow_wrapper .thumbnail_box .carthumb_price .carthumb_shohiyo_wrap strong{
    font-size: 12px !important;
    font-weight: normal !important;
}


.thumbnail_box .carthumb_price .carthumb_totalcost_wrap{
    display: flex;
    margin-bottom: 4px;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}


.thumbnail_box .carthumb_price .carthumb_cost_wrap,
.thumbnail_box .carthumb_price .carthumb_shohiyo_wrap{
    display: inline-block !important;
    font-size: 10px;
    line-height: 1;
}

.thumbnail_box .carthumb_price .carthumb_cost_wrap{
    position: relative;
    margin-right: 5px;
    margin-bottom: 4px;
}

.thumbnail_box .carthumb_price .carthumb_cost_wrap:after{
    content: "";
    width: 1px;
    height: 14px;
    background: #AAA;
    display: block;
    position: absolute;
    right: -6px;
    top: calc( 50% - 8px );
}


.thumbnail_box .carthumb_price .carthumb_totalcost_title,
.thumbnail_box .carthumb_price .carthumb_cost_title,
.thumbnail_box .carthumb_price .carthumb_shohiyo_title{
    display: inline-block !important;
    font-size: 10px;
    color: #FFF;
    padding: 1px 5px 0px;
    line-height: 1.25;
    background: #666;
    border-radius: 12px;
    margin-right: 3px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    text-shadow: 1px 1px 0 #333;
}

.thumbnail_box .carthumb_price span strong strong{
    font-size: 20px !important;
    color:#f00;
}

.thumbnail_box .carthumb_price .carthumb_cost_wrap strong{
    font-size: 14px !important;
}

.thumbnail_box .carthumb_price .carthumb_totalcost_title i{
    color: inherit;
    font-style: normal;
}
.thumbnail_box .carthumb_maintenance_text{
    padding-left: 20px;
    font-size: 11px;
    color: inherit;
    margin: 0 10px 5px;
    background: url(../img/copy2open/carthumb_maintenance_icon.png) no-repeat left center;
}

.thumbnail_box .carthumb_safety_text{
    padding-left: 20px;
    font-size: 11px;
    color: inherit;
    margin: 0 10px 10px;
    background: url(../img/copy2open/carthumb_safety_icon.png) no-repeat left center;
}

.thumbnail_box_last{
    margin:0 0 20px;
    /* margin:0; */
}
.thumbnail_box_lastlast{
    margin:0 !important;
}
.thumbnail_box_lastrow1st{
    margin:20px 0 0 0;
}

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

.js-imageBoxContentsWrapper .imageBoxOuter {
    position: relative;
}

.js-imageBoxContentsWrapper .multisliderIframePlayTrigger {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#body_top #carlist_main_box{
    margin:0 0 10px;
}






.carlistEmptyMsg{
    margin: 60px 10px;
    text-align: center;
    padding: 30px;
    border: 1px solid #eee;
    font-size: 14px;
}
#usedcar_regi_btn_block span{
    font-size:12px;
}
#main_usedcarpage_link_box{
    background:url(../img/copy2open/carlist_linkarw.png) no-repeat left 10px ;
    padding: 5px 0 0 25px;
    width:150px;
    margin:0 auto 10px;
}

#main_usedcarpage_link_box a{
    font-family: "メイリオ";
    font-size: 16px;
    padding: 0;
    display:block;
}
#main_usedcarpage_link_box a:hover{
    text-decoration: none;
}

#middle_top_cardetail .inplace_toggle_icon:hover {
    background-color: #ffcc00;
}

#middle_top_cardetail em{
    font-style: normal;
}

#middle_top_cardetail a{
    color: inherit;
    text-decoration: none;
}


/***************************************************************/
/*　中古車詳細　　*/

.usercar_list h3 img,.blog_item h2 img {
    vertical-align: middle;
    padding-left: 5px;
}
.blog_item h2 img {
    line-height: 50px;
}

#car_gall p {
    float: left;
    text-align: center;
    display: block;
    width: 415px;
}
#car_gall h3 {
    font-size: 16px;
}
#car_gall h3 span {
    font-size: 12px;
    font-weight: normal;
    float: right;
}
#car_gall ul {
    width: 10000px;
    display: block;
    margin:0 0 10px 0 ;
}

/*20140627 高橋追加 中古車サムネイル送りボタン*/
#carThumbArrowL{
    height:60px;
    width:30px;
    background:#CCC;
    float:left;
    cursor:pointer;
    display:none;
}

#carThumbArrowR{
    height:60px;
    width:30px;
    background:#CCC;
    float:right;
    cursor:pointer;
    display:none;
}

#car_gall ul::after{
    content: "";
    display: block;
    clear: both;
}


#car_gall ul li {
    float: left;
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0 5px 5px 0;
    display: block;
    position:relative;
    overflow:hidden;
    border-radius:100%;
    background:#ccc;
    cursor:pointer;
}

#carListCurrentDiv{
    width: 50px;
    height: 50px;
    border:5px solid #f00;
    position:absolute;
    z-index:4;
    top:0px;
    left:0px;
    border-radius:100%;

}


#cgmIndex{
    z-index: 4;
    position:absolute;
    top:0px;
    left:0px;
    padding:10px;
    background: rgba(0,0,0,0.7) url(../img/usedcar/cgmBg.png);
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    border-radius: 0 0 4px 0;
    font-size:12px;
    color:#fff;
    width:70px;
}

#car_gall{
    overflow:hidden;
    position:relative;
}

#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;
    width:100%;
    max-width:640px;
    margin-top:0;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:30px;
    overflow:hidden;
}

#car_gall .car_gall_main img.mainpict {
    height:480px;
}

body:not(.edit) #car_gall .car_gall_main img.mainpict {
    cursor: default;
}

#cgmCapWrapper {
    z-index:6;
    bottom:0px;
    left:0;
    background: url(../img/usedcar/cgmBg.png), rgba(0,0,0,.75);
    background: url(../img/usedcar/cgmBg.png), linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 100%);
    box-shadow: inset 0 1px rgba(255,255,255,0.3);
    color:#fff;
    position:absolute;
    width:100%;
    line-height:150%;
    font-size:90%;
    /*height:40px;*/
    /*margin:-100px 0 0 0 ;*/
}

#cgmCapWrapper.multipleMode {
    z-index: 1002;
}

#cgmCap{
    display:block;
    margin:30px;
}

#cgmCapClose{
    display: block;
    padding: 5px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.cgm{
    position:absolute;
    width:30%;
    height:100%;
    top:0px;
    right:0;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%), url(../img/usedcar/cgmBg.png);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%), url(../img/usedcar/cgmBg.png);
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%) ,url(../img/usedcar/cgmBg.png);
    opacity:0;
    text-align:center;
    z-index:4;
}

.cgm.multipleMode {
    z-index: 1002;
}

.cgm.cgmLeft{
    left:0;
    background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%), url(../img/usedcar/cgmBg.png);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%), url(../img/usedcar/cgmBg.png);
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%), url(../img/usedcar/cgmBg.png);
}

#cgmLArrow{
    position:absolute;
    width:25%;
    top: 50%;   /*上端を中央に*/
    left: 0;    /*左端を中央に*/
    height:50%;
    opacity:0;
    margin : -50px 0 0 0;
    z-index:3;
}


#cgmRArrow{
    position:absolute;
    width:25%;
    top: 50%;
    right: 0;
    height:50%;
    opacity:0;
    margin : -50px 0 0 0;
    text-align:right;
    z-index:3;
}

#cgmRArrow img,#cgmLArrow img{
    width:62px;
}

.cgm.hover:hover{
    opacity:0.6;
    cursor:pointer;
}


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


#carGallMask .cgmLArrow {
    position: absolute;
    left: 0;
    height: 60px;
    margin: 0;
    width: 7%;
    padding: 17.5px calc((7% - 15px) / 2);
    background: rgba(0,0,0,.2);
    box-sizing: border-box;
    box-shadow: 10px 0 4px -4px rgba(255,255,255,.7);
    border-radius: 0 4px 4px 0;
}

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

#carGallMask .cgmRArrow {
    position: absolute;
    right: 0;
    height: 60px;
    margin: 0;
    width: 7%;
    padding: 17.5px calc((7% - 15px) / 2);
    background: rgba(0,0,0,.2);
    box-sizing: border-box;
    box-shadow: -10px 0 4px -4px rgba(255,255,255,.7);
    border-radius: 4px 0 0 4px;
}

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

#carGallMask .cgm {
    position: absolute;
    width: 7%;
    top: 0px;
    right: 0;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%), url(../img/usedcar/cgmBg.png);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%), url(../img/usedcar/cgmBg.png);
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%) ,url(../img/usedcar/cgmBg.png);
    opacity: 0;
    text-align: center;
    z-index: 1003;
    border-radius: 4px 0 0 4px;
}

#carGallMask .cgmLeft{
    left: 0;
    background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%), url(../img/usedcar/cgmBg.png);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%), url(../img/usedcar/cgmBg.png);
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%), url(../img/usedcar/cgmBg.png);
    border-radius: 0 4px 4px 0;
}

#multipleDeleteMask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
}

.noneUsedcarImageThumb{
    display:block;
    width:100%;
}


/* 中古車画像を正しく表示させるために必ず640pxにする */
#usercar_base{
    width:640px;
    margin:0 auto;
    position: relative;
}

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

#car_gall{
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
    border: none;
    z-index: 1;
}

.car_gall_main.js-dot900Border,
.car_gall_main .img_change_cursor.js-dot900Border {
    border: 3px dotted #900;
    box-sizing:border-box;
    transition: unset;
}

.car_gall_main .img_change_cursor.js-dot900Border {
    display: inline-block;
}

.car_gall_main.js-dotFc0Border {
    border: 3px dotted #fc0;
    box-sizing:border-box;
    transition: unset;
}

.car_gall_main.js-fastUploadLoader:after {
    background-size: 20%;
}


/* 高橋追記　20140625 */
#usercar_base table{
    background:#FFF;
}

.kihon_tale {
    margin-bottom: 40px;
}

.kihon_tale2, .soubishiyou{
    margin-bottom: 30px;
}

.kihon_tale th,.kihon_tale td,.kihon_tale2 th,.kihon_tale2 td,.soubishiyou th, .soubishiyou td{
    padding: 8px 5px;
}

.kihon_tale.kihon_tale_price,
.kihon_tale.kihon_tale_age{
    margin-bottom: 10px;
}

.kihon_tale.kihon_tale_price th{
    width: 100px;
    font-size: 11px;
}

.kihon_tale.kihon_tale_price td{
    width: 130px;
}

.kihon_tale.kihon_tale_price .shohiyo_td{
    width: 100px;
}

.hosyo__item {
    display:block;
    width:100%;
    cursor:pointer;
}

.hosyo__item:hover{
    background-color:#fc0;
}

.ex--hosyo-setting__outer{
    width: 240px;
    display: flex;
    position: absolute;
    top: 0;
    background-color:#fff;
    border:2px solid #fc0;
    padding:10px;
    z-index:2;
    align-items:flex-start;
    display:none;
}

.ex--hosyo-setting__outer select {
    margin:0 10px 0 0;
}

.ex--hosyo-setting__outer input[type = "radio"]{
    margin:0 5px 0 0;
}

html[data-ex-mode = "1"] .ex--hosyo-setting__outer{
    display:flex;
}


.ex--hosyo-caption-item{
    display:none;
}

html[data-ex-mode-2 = "1"] .ex--hosyo-caption-item{
    display:block;
}


.ex--hosyo-caption-item label{
    display:block;
}

#usercar_base table td{
    background:none;
}

.tokuten_come, .pr_come{
    margin-bottom: 5px;
}

.cursor_default {
    cursor: default;
}

.usedcar_info_body a#free01_01_h2,
.usedcar_info_body a#free02_01_h2,
.usedcar_info_body a#free03_01_h2,
#recommend_title {
    color: inherit;
    text-decoration: none;
}

#recommend_title span {
    font-size: inherit;
}

#recommend_h2{
   width:auto;
}

.usedcarPrintPage #usercar_base table th,
.usedcarPrintPage #usercar_base table td,
.usedcarPrintPage #usercar_base table tr{
    color: #261306 !important;
    background-color: #fff !important;
    box-shadow: none !important;
    border-collapse: collapse !important;
    border:1px solid #333 !important;
}




.usedcarPrintPage #usercar_base table th,
.usedcarPrintPage #usercar_base table td,
.usedcarPrintPage #usercar_base table tr{
    color: #261306 !important;
    background-color: #fff !important;
    box-shadow: none !important;
    border-collapse: collapse !important;
    border:1px solid #333 !important;
}





/*会社案内下部*/
.link_cap_txt {
    font-size: 12px;
    text-align: center;
    clear: both;
    margin-bottom: 15px;
}
.right_link {
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    clear: both;
    height: 50px;
    width: 250px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-repeat: repeat-x;
    background-position: center center;
    border: 1px solid #CCCCCC;
}

.right_link a{
    display: inline-block;
    width: 100%;
}

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

.sidebar_linkbox_block {
    position: relative;
}


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





.subpageLink {
    clear: both;
    margin-bottom: 15px;
}
.subpageLink h3 {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    padding-bottom: 5px;
    clear: both;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}
p.link {
    font-size: 12px;
    clear: both;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: rgba(150,150,150,0.5);
    padding-bottom: 5px;
    margin: 0 0 10px 0;
}


h3.h3_lead {
    font-size: 12px;
    clear: both;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(180,180,180,0.5);
    margin-right: 20px;
    margin-left: 20px;
}

ul.ul_lead {
    clear: both;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: rgba(150,150,150,0.5);
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left: 20px;
}

li.lead {
    clear: both;
    font-size: 12px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 7px;
    padding-left: 0px;
    margin-bottom: 0px;
}

/*画像ブロック*/
.pictbox {
    float: left;
    padding: 12px;
    text-align: center;
    /*width: 188px;*/
    position: relative;
}


.setup_block {
    font-size:12px;
    margin:10px 0 20px;
    width:100%;
    text-align:center;
    clear:both;
    padding: 5px 0;
}
.setup_block a {color: #0066cc !important;}



/* 20190628 画像幅最小などの時に影響があるのでコメントアウト 北川
.pict_edit_btn {
    width:auto !important;
}
*/

/* 意味のイマイチ分からん指定何で消す=>必要 */
.img_box_left,.img_box_right{
    z-index:2;
}






/* .sns_btn_block,.sns_btn_block_mono{
    padding: 10px 0 0 0;
}

.sns_btn_block .tw_btn{
    float:left;
    margin:0px 10px 10px 0;
    padding:0;
}
.sns_btn_block .fb_btn{
    float:left;
    margin:0px 10px 10px 0;
}
.sns_btn_block .gp_btn{
    float:left;
    margin:0px 0px 10px 0;
}
.sns_btn_block .hatebu_btn{
    float:left;
    margin:10px 10px 10px 0;
}
.sns_btn_block .hatebu_btn img{
    padding:0px;
}

.sns_btn_block_mono .fb_btn{
    width:70px;
    margin:0px auto;
} */


/*Sidebar用追加*/
#right_box_side .right_box_img{
    width:188px;
    padding: 0;
    margin: 0 auto;
}
#right_box_side .right_box_img img{
    padding: 0;
}
.sidebar_ad_banner{
    margin:0 0 20px 0;
}

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

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

/* ブロック全体 */

.dksm_regist{
    position:relative;
    clear:both;
}

.js-imageBoxBackground .dksm_regist{
    width: 100%;
    box-sizing: border-box;
}

.inputbtn.formInputBtn {
    cursor: pointer;
}

.dksm_regist .inputbtn{
    margin-bottom:0;
}

.box_dksm{
    padding-bottom:30px;
}

.addPadding{
    padding:30px;
}

.about_dksm{
    margin:0 0 30px;
}


/* ブロックの中身 */

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

#dksm_form_02{
    margin:0 0 30px;
}

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

.dksm_regist td{
    margin:0 0 30px;
}

#dksm_wrapper table{
    width: 100%;
}

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

.shaken_term{
    margin:0 0 0 30px;
}

.dksm_regist input[type="text"]{
    font-size:14px;
    padding:5px;
    border: 1px solid rgba(180,180,180,0.5) !important;
    border-radius: 3px;
}

.dksm_regist select[name="tel_1"], .dksm_regist input[name="tel_2"], .dksm_regist input[name="tel_3"]{
    width:60px;
}

.dksm_regist textarea{
    width:95%;
    min-height:75px;
}


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

#js_dksmSliderContents{
    width:500%;
    height:100%;
    color:#000;
}

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

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

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

#dksm_wrapper #js_dksmSliderContents h2{
    font-size: 22px;
    line-height: 120%;
    font-weight: normal;
    color: #000;
    margin: 0 0 30px;
    background: none;
    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;
}

#js_dksmSliderContents p, #js_dksmSliderContents span{
    color:#000;
    text-shadow:none;
    max-width:430px;
    margin:0 auto 30px;
}

#js_dksmSliderContents span{ margin:initial; }

#js_dksmSliderContents div:nth-child(3) p{
    clear:both;
}


.dksmSliderContents p{
    margin: 0 auto 30px;
    width: 100%;
    padding:0;
}


.dksmSliderContents_img{
    float: left;
    margin: 0 15px 30px 0;
    width:100px;
}

.dksmSliderContents b{ display:block; }

#js_dksmSliderContents .dksmCaption{
    display:block;
    margin:0 auto 5px;
    font-size:12px;
    max-width:320px;
}


#js_dksmSliderButtonNext, #js_dksmSliderButtonPrev{
    position: absolute;
    right: 0;
    height: 100%;
    width: 30px;
    display: inline-block;
    margin: 0 44px;
}

#js_dksmSliderButtonPrev{
    left:0;
    right:inherit;
    margin: 0 0 0 15px;
}

#js_dksmSliderButtonNext{
    margin:0 15px 0 0;
}

#js_dksmSliderButtonNext img, #js_dksmSliderButtonPrev img{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor:pointer;
}

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

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

#js_dksmSliderStep span{
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid rgba(180,180,180,0.5);
    border-radius: 100%;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

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

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


#js_dksmSliderContents .dksmBtn{
    border: none;
    color: #FFF;
    background-image: url(../img/copy2open/btn_grass.png), url(../img/copy2open/btn_Bg.png);
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    background-position: center bottom 2px, center;
    padding: 15px 0;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    max-width: 320px;
    margin-left: auto;
    margin-right: 1%;
    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;
    margin: 0 auto 30px;
    text-decoration:none;
    color:#fff !important;
}

#js_dksmSliderContents div > img{
    width:100%;
    display:block;
    max-width:430px;
    margin:0 auto 30px;
    
}

.dksmBtn.signin{
    background-color: #d51c5a;
}

.dksmBtn.login{
    background-color: #26e;
}

.error_message{
    font-size:14px;
    color:#c00;
    display:block;
}

/***************************************************************/
/*SideBar 追加ブロック*/
#sidefree01, #sidefree02, #sidefree03, #sidefree04, #sidefree05{
    clear: both;
    margin-bottom: 20px;
}
.side_img_box{
    padding: 5px;
    border: 1px solid rgba(180,180,180,0.5);
    margin: 0px;
    position: relative;
    z-index: 2;
}
.side_img_box_nonimg{
    border:none;
    padding:0 0 2px 0;
}

.side_img_box_right{
    float: right;
    margin: 0px 0px 10px 10px;
    position: relative;
}
.side_img_box_left{
    float: left;
    margin: 0px 10px 10px 0px;
    position: relative;
}

.side_img_box_max{
    width: 100%;
    box-sizing: border-box;
    margin:0 0 10px 0;
}

.side_img_box_nonimg.side_img_box_small,
.side_img_box_nonimg.side_img_box_big,
.side_img_box_nonimg.side_img_box_max{
    margin:0 10px 10px 0 !important;
}


#sideaddbox01{
    padding: 0 9px 9px 9px;
    clear: both;
    width: 180px;
    margin-bottom: 20px;
    border: 1px solid rgba(180,180,180,0.5);
}

#sideimgbox01, #sideimgbox02, #sideimgbox03{
    clear: both;
    margin-bottom: 20px;
}
#sidetopics01, #sidetopics02, .like_topics_block {
    clear: both;
    margin-bottom: 20px;
    position: relative;
}
.box_side_topics, .like_box_side_topics, .box_side_claendar{
    padding: 0 0 9px 0;
    margin:0 0 10px 0;
    border-bottom: 1px solid rgba(180,180,180,0.5);
    font-size:12px;
}

.sidebarBoxImageSettingControllerOuter {
    display: none;
}

#eigyoubi_cal .box_side_claendar #sideCalendar_01_1{
    display: block;
}

#sidefree01 img, #sidefree02 img, #sidefree03 img, #sidefree04 img, #sidefree05 img, .sidebar_ad_banner img,
#sideaddbox01 img, #sideaddbox02 img, #sideimgbox01 img, #sideimgbox02 img, #sideimgbox03 img, #sidetopics01 img, #sidetopics02 img, .like_topics_block img {
    max-width: 100%;
    padding:0;
}

#sidefree01 p, #sidefree02 p, #sidefree03 p, #sidefree04 p, #sidefree05 p,
#sideaddbox01 p,#sideaddbox02 p,  #sidepbox01 p, #sideimgbox02 p, #sideimgbox03 p, #sidetopics01 p, #sidetopics02 p, .like_topics_block p, #sideCalendar_01_1 {
    padding:0;
    background:none;
    line-height:150%;
    clear:none;
}

#sidetopics01 h4, #sidetopics02 h4,  .like_topics_block h4 {
    font-size: 14px;
    font-weight: bold;
    color: #686846;
    clear: both;
    line-height: 130%;
    text-align:left;
    padding: 0 0 5px 45px;
    margin:0 auto 10px;
    background-image: url(../img/copy2open/topics_h3bg.gif);
    background-repeat: no-repeat;
    background-position: left 2px;
    border-bottom: #999 solid 1px;
}

h4#shop_info_title, #sv_title{
    font-size: 14px;
    font-weight: bold;
    color: #686846;
    clear: both;
    line-height: 130%;
    text-align:left;
    padding: 0 0 5px 45px;
    margin:0 auto 10px;
    background-image: url(../img/copy2open/shopinfo_h3bg.gif);
    background-repeat: no-repeat;
    background-position: left 2px;
    border-bottom: #999 solid 1px;
}

.like_topics_block h4{
    background-image: url(../img/copy2open/shopinfo_h3bg.gif);
}

#sidetopics01 h5, #sidetopics02 h5, .like_topics_block h5 {
    line-height: 130%;
    margin-bottom:5px;
}

#side_link_block h4 {
    font-size: 14px;
    font-weight: bold;
    color: #686846;
    clear: both;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    background-image: url(../img/copy2open/h2_links.gif);
    background-repeat: no-repeat;
    background-position: left 2px;
    padding-left: 45px;
    line-height: 130%;
}
/***************************************************************/
/*SideBar QRcode*/
#mobile_QR_info{
    margin: 0px auto 10px;
    padding: 20px 0 0 ;
    /*border-top: 1px dotted #ccc;*/
    text-align:center;
    width:200px;
}
#mobile_QR_info h4{
    font-size: 14px;
    font-weight: bold;
    color: #686846;
    clear: both;
    line-height: 130%;
    text-align:left;
    /*width:133px;*/
    padding-left:18px;
    margin:0 auto 10px;
    background-image: url(../img/common/qr.gif);
    background-repeat: no-repeat;
    background-position: left 2px;
    border-bottom: 1px solid #999;
    padding-bottom: 5px;

}
#mobile_QR_info h5{
    font-size: 10px;
    line-height: 130%;
    text-align:center;
    font-weight:normal;
}
#mobile_QR_info div.QR_innerBlock{
    width:165px;
    height:95px;
    margin: 0 auto;
}
#mobile_QR_info .mb_block{
    float:left;
    width:80px;
    margin: 0 5px 15px 0;
}
#mobile_QR_info .sp_block{
    float:left;
    width:80px;
    margin: 0 0 15px 0;
}
#mobile_QR_info img{
    padding: 2px 0 0 0;
}

#qr_txt{
    font-size:10px;
    clear:both;
    margin:0 auto;
    border:1px dotted rgba(150,150,150,0.5);
    text-align:left;
    width:146px;
    padding:5px;
    background:none repeat scroll 0 0 transparent;
}
#qr_txt span{
    color:#600;
}

/*モバイルプレビュー画面*/
div.mb_display p.main_text{
    width:640px;
    padding: 10px 20px;
    margin:5px auto;
    line-height: 150%;
    border-top: 1px dotted rgba(150,150,150,0.5);
    border-bottom: 1px dotted rgba(150,150,150,0.5);
}
div.mb_display p.main_text span{
    font-size:12px;
    padding: 5px;

}
div.mb_display p.main_text span.attention_message{
    font-size:16px;
    padding: 5px 10px;
    /*display:block;*/

}

div.mb h3,div.sp h3{
    margin:0 0 10px;

}

div.mb button,div.sp button{
    background-image: url(../img/common/reload_off.gif);
    background-repeat: no-repeat;
    background-position: left center;
    font-size:12px;
    padding:0 0 0 30px;
    border:none;
    width:110px;
    height:30px;
    text-align:left;
}

div.mb button:hover,div.sp button:hover{
    background-image: url(../img/common/reload_on.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

#mobile_QR_info div.mb_block:after,
#mobile_QR_info div.sp_block:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;

}


.mb div.mb_block{
    width:340px;
    margin:20px 5px 50px;
    font-size:12px;
    line-height:140%;

}

.mb div.mb_block h2{
    padding:10px 0 10px 18px;
    font-size:14px;
    background-image: url(../img/common/qr.gif);
    background-repeat: no-repeat;
    background-position: left center;

}

.mb div.mb_block:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;

}

.mb div.mb_block img{
    float:left;
    padding-right:10px;

}


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


#btnBar_img_h2_0{
    position:absolute;
    bottom:0;
    right:0;

}
/*全体メインコンテンツ上部パディング*/
div #main_contents.top_main{
    padding-top:30px;
}
div #main_contents.sub_main,
div #main_contents.free_main {
    padding-top:20px;
}
#pan{
    margin-bottom:20px;
}
.disnon{
    display:none;
}

/*スライダー部分下に追加されるdivブロック*/
#addSliderBottomBlock{
    display:none;
}



/*以下元兼追加(2013_06_19)*/
.carlist_pager_box{
    width:100%;
    height:auto;
    margin:20px 0;
    text-align:center;
}
.pager{
    background:none;
    border:none;
    width: 100%;
    text-align: center;
}
.pager li{
    display: -moz-inline-box;
    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;
}

.pager li a{
    display:block;
    background:#DDD;
    border:1px solid #333;
    margin:0 5px 0;
    padding:10px 15px;
}

.pager_str {
    clear: both;
    font-size: 12px;
    margin-bottom: 5px;
    text-align:center;
}

.pager a:link,.pager a:visited {
    color: #3399FF;
}
.pager a:hover,.pager a:active {
    background-color: #333333;
    color: #FFFFFF;
}


/*以下元兼追加(2013_07_05～)*/


.mail_send_message_201307{
    background-color:#FFFFFF;
    clear:both;
    color:#444444;
    margin-left:auto;
    margin-right:auto;
    padding:20px;
    width:90%;
    text-align:center;
}


.mail_send_message_201307 h2{
    font-family: "メイリオ";
    background-color:#FC0;
    background-image:none;
    clear:both;
    color:#333;
    font-size:100%;
    line-height:25px;
    margin-bottom:20px;
    margin-top:0;
    padding:10px;
    font-weight:normal;
}

.mail_send_message_201307 p.border_2_dot{
    background:url("/trial/img/border01.gif") repeat-x 0 0;
    margin:50px 0 40px;
    height:2px;
}


span.border_dotted{
    border-bottom:1px dotted rgba(150,150,150,0.5);
    float:left;
    width:380px;
    margin:0 0 15px;
}




p.border_dotted{
    border-bottom-width: 1px;
    border-bottom-style: dashed; /* 線種 */
    border-bottom-color: rgba(150,150,150,0.5); /* 線色 */
    width:320px;
    margin:0 0 15px;
}

span.red {
    color:#C00;
}

body[data-use-conversion-button-pc = "1"]:not(.edit) #footer_wrapper{
    padding-bottom: 90px;
}

/**
 * #footer 関連
 * 2022-02-22 kitagawa
 *
 * 機能的にメニューの数がかわる事があるので、数にかかわらず整うようCSSで改善
 * commonへの記述は下記で十分、後は個別CSS側で調整を
 */

#footer ul{
    display: flex;
    justify-content: space-between;
}

#footer ul li{
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

#footer ul li a{
    width: 100%;
    height: 100%;
    padding: 0 3px;
    word-break: break-all;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}


/* ================================================================
 * グローバルメニュー関連
 * ================================================================
 *
 * 件数が多い場合に表示されるメニュー (mega_menu) : メニュー位置：上・中・左・右 共通
 * 現在は 7件以上で表示
 *
 *  ・基本設定： common.css の div.mega_menu
 *  ・上書設定： cms_css_XXXX.php の div.mega_menu で上書き
 * 　　（上書き想定クラス）
 * 　　div.mega_menu ... 位置・サイズ
 * 　　div.mega_menu ul ・・・ 装飾
 * 　　div.mega_menu ul li
 * 　　div.mega_menu ul li a
 * 　　div.mega_menu ul li a:visited
 * 　　div.mega_menu ul li a:hover
 *  #mega_menu_pointer_h
 *  #mega_menu_pointer_hb
 *  #mega_menu_pointer_vl
 *  #mega_menu_pointer_vr
 *
 * 　　（上書き想定外クラス）
 * 　　div.mega_menu ul li.no_right   ・・・ メガメニュー内項目 右端のマージン消しのみ
 * 　　div.mega_menu ul li.no_bottom ・・・ メガメニュー内項目 下端のマージン消しのみ
 *
 *  ※デザインごとに 上・中・左・右 に応じたメニュー表示位置・幅をCSSで設定する。
 */


/**
 * メニューHTML本体
 */
#menu > ul > li > ul{
    display: none; /** ページ読み込み時ちらついて見えるため、CSSでnoneに **/
}

/* メガメニュー 外枠 */
/* メニュー単位のdiv 中身は ul 背景にポインタ画像（上左右下）*/
div.mega_menu{
    margin: 0 auto; /* 上・中メニューの場合は margin: auto で中央よせ */
    padding: 0;
    z-index: 10;
    position:absolute;
}

.use_megamenu_animation div.mega_menu:after{
    content: "";
    display: none;
}

#menu_wrapper:not(.use_megamenu_animation) div.mega_menu{
    display: none;
}

div.mega_menu .megaMenuArrow--top{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid #999999;
    border-bottom: 0;
}

div.mega_menu .megaMenuArrow--left{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #999999;
    border-right: 0;
}

div.mega_menu .megaMenuArrow--right{
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #999999;
    border-left: 0;
}

/** アニメーションONのデザイン用 **/
.use_megamenu_animation div.mega_menu{
    height: auto;
    min-height: 120px;
    background: rgba(255, 255, 255, .95) url(../img/copy2open/megamenu_bg.png) no-repeat center bottom;
    box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 15%);
    opacity: 0;
    min-width: 640px;
    max-width: 960px;
    pointer-events: none;
    transition: all .5s ease;
}

.use_megamenu_animation.is-hovering div.mega_menu{
    transition: all 0s;
}

.side_bar_top .use_megamenu_animation div.mega_menu,
.side_bar_middle .use_megamenu_animation div.mega_menu{
    padding-top: 0 !important;
    padding-bottom: 45px !important;
    border-radius: 0 0 3px 3px;
}

.side_bar_left .use_megamenu_animation div.mega_menu,
.side_bar_right .use_megamenu_animation div.mega_menu{
    max-width: 960px;
    min-height: 240px;
}

.side_bar_left .use_megamenu_animation div.mega_menu{
    border-radius: 0 3px 3px 0;
}

.side_bar_right .use_megamenu_animation div.mega_menu{
    border-radius: 3px 0 0 3px;
}

.side_bar_left .use_megamenu_animation div.mega_menu,
.side_bar_right .use_megamenu_animation div.mega_menu{
    padding-bottom: 190px !important;
}

.edit.side_bar_left .use_megamenu_animation div.mega_menu,
.edit.side_bar_right .use_megamenu_animation div.mega_menu{
    padding-bottom: 190px !important;
}

.side_bar_left .use_megamenu_animation div.mega_menu.fixed_mega_menu{
    left: 100%;
    right: auto;
}

.side_bar_right .use_megamenu_animation div.mega_menu.fixed_mega_menu{
    left: auto;
    right: 100%;
}


.side_bar_left .use_megamenu_animation div.mega_menu{
    padding-left: 0 !important;
    margin-top: 0 !important;
}

.side_bar_right .use_megamenu_animation div.mega_menu{
    padding-right: 0 !important;
    margin-top: 0 !important;
}

.use_megamenu_animation.js-hover div.mega_menu.active{
    opacity: 1;
    pointer-events: auto;
}

.use_megamenu_animation .megamenuTitle{
    font-size: 72px;
    color: rgba(0,0,0,.05);
    font-weight: 700;
    font-family: 'Noto Serif JP', serif !important;
    position: absolute;
    line-height: 1;
    left: 60px;
    bottom: 30px;
    opacity: 0;
    overflow: hidden;
    transition: all .5s ease;
    user-select: none;
    max-width: calc( 100% - 150px );
    pointer-events: none;
    max-height: 1em;
    display: none;
}

.use_megamenu_animation .megamenuTitleRight{
    font-size: 72px;
    color: rgba(0,0,0,.05);
    font-weight: 700;
    font-family: 'Noto Serif JP', serif !important;
    position: absolute;
    line-height: 1;
    left: 60px;
    bottom: 65px;
    opacity: 0;
    overflow: hidden;
    transition: all .5s ease;
    user-select: none;
    max-width: calc( 100% - 150px );
    pointer-events: none;
    max-height: 1em;
    display: none;
}

.use_megamenu_animation .megamenuTitleRight{
    left: auto;
    right: 0;
    transform-origin: right bottom;
    bottom: -10px;
    font-size: 140px;
    transition: all 1.75s ease;
    color: rgba(0,0,0, 0.05);
    z-index: -1;
    max-height: calc(100vh - 140px);
    max-width: 1.03em;
    overflow: hidden;
    filter: blur(2px);
    pointer-events: none;
    writing-mode: vertical-rl;
    display: none;
}

.use_megamenu_animation .megamenuMiniTitle{
    color: rgba(0,0,0,.2);
    font-size: 14px;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif !important;
    position: absolute;
    letter-spacing: 0.5em;
    left: 65px;
    bottom: 40px;
    opacity: 0;
    transition: all .5s ease;
    transition-delay: .1s;
    user-select: none;
    pointer-events: none;
    display: none;
}

.use_megamenu_animation.js-hover div.mega_menu.active .megamenuTitle{
  opacity: 1;
  bottom: 60px;
}

.use_megamenu_animation.js-hover div.mega_menu.active .megamenuTitleRight{
  opacity: 1;
  bottom: 0;
}

.use_megamenu_animation.js-hover div.mega_menu.active .megamenuMiniTitle{
  opacity: 1;
  bottom: 50px;
}




/* メニュー本体 */
div.mega_menu > ul{
    align-content: flex-start;
    background: #fff;
    border: solid 1px #999999;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    opacity: 1;
    padding: 30px;
    vertical-align: middle;
    box-shadow: 0 10px 10px 10px rgba(0,0,0,0.07);
}

.use_megamenu_animation div.mega_menu > ul{
    width: 100%;
    background: transparent !important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    box-sizing: border-box;
    max-height: 50vh;
    height: auto;
    padding: 0px 45px 0;
    transition: min-height .5s;
    margin-top: 60px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 20;
}

.use_megamenu_animation div.mega_menu > ul::-webkit-scrollbar {
    display: block;
    width: 6px;
}

.use_megamenu_animation div.mega_menu > ul::-webkit-scrollbar-thumb {
    background: #CCC;
    border-radius: 3px;
}

.use_megamenu_animation div.mega_menu > ul::-webkit-scrollbar-track {
    background: transparent;
}

/* メニュー項目 */
div.mega_menu > ul > li{
    width: calc( 33.3333333% - 20px );
    padding: 3px 10px;
}

div.mega_menu > ul > li.dummyLi,
div.mega_menu > ul > li.megamenu-state-separator{
    display: none !important;
}

div.mega_menu > ul > li[data-middle-menu-state = "open"]{
    z-index: 2;
}

div.mega_menu > ul > li[data-middle-menu-state = "close"]{
    z-index: 1;
}

div.mega_menu > ul > li > a,
div.mega_menu > ul > li > a:visited {
    background-color: inherit;
/*    background-image: url('../img/copy2open/menu_list_mark.gif');*/
    background-repeat: no-repeat;
    background-position: left 5px top 13px;
    color: #000;
    display: block;
    font-size: 16px;
    line-height: 120%;
    padding: 12px 10px 10px 10px;
    border-radius: 3px;
    text-decoration: none;
}

div.mega_menu > ul > li > a.middle-menu__link{
    padding: 9px 10px 7px 46px;
}

.edit div.mega_menu ul li a[data-is-draggable = "1"]{
    cursor: pointer;
}

.edit div.mega_menu > ul li a[data-is-draggable = "1"]{
    transition: .2s;
}

.edit div.mega_menu > ul li:hover > a[data-is-draggable = "1"]{
    background-color: #fff8de;
}

.use_megamenu_animation div.mega_menu > ul > li > a,
.use_megamenu_animation div.mega_menu > ul > li > a:visited{
    background-position: left 5px top 13px;
    font-size: 16px !important;
}

.use_megamenu_animation div.mega_menu > ul > li.sub--top > a,
.use_megamenu_animation div.mega_menu > ul > li.sub--top > a:visited{
    font-size: 18px !important;
}

.use_megamenu_animation div.mega_menu > ul > li{
    opacity: 0;
    position: relative;
    top: 10px;
    transition-duration: 0.5s, 0.5s;
    transition-property: top, opacity;
    transition-timing-function: ease, cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: top, opacity;
}

.use_megamenu_animation div.mega_menu > ul > li.dammyLiElem{
    opacity: 0;
    width: 0;
    height: 40px;
}

.use_megamenu_animation div.mega_menu > ul > li.dammyLiElem > a{
    padding: 20px 0;
}

.use_megamenu_animation div.mega_menu > ul > li.stopAnimation {
    transition: none;
}

div.mega_menu.menu-edit-mode > ul > li,
.js-hover div.mega_menu.active > ul > li{
    opacity: 1;
    top: 0;
}

.js-hover div.mega_menu > ul > li:nth-of-type(1) {
  transition-delay: 0.14s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(2) {
  transition-delay: 0.18s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(3) {
  transition-delay: 0.22s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(4) {
  transition-delay: 0.26s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(5) {
  transition-delay: 0.3s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(6) {
  transition-delay: 0.34s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(7) {
  transition-delay: 0.38s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(8) {
  transition-delay: 0.42s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(9) {
  transition-delay: 0.46s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(10) {
  transition-delay: 0.5s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(11) {
  transition-delay: 0.54s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(12) {
  transition-delay: 0.58s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(13) {
  transition-delay: 0.62s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(14) {
  transition-delay: 0.66s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(15) {
  transition-delay: 0.7s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(16) {
  transition-delay: 0.74s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(17) {
  transition-delay: 0.78s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(18) {
  transition-delay: 0.82s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(19) {
  transition-delay: 0.86s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(20) {
  transition-delay: 0.9s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(21) {
  transition-delay: 0.94s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(22) {
  transition-delay: 0.98s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(23) {
  transition-delay: 1.02s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(24) {
  transition-delay: 1.06s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(25) {
  transition-delay: 1.1s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(26) {
  transition-delay: 1.14s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(27) {
  transition-delay: 1.18s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(28) {
  transition-delay: 1.22s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(29) {
  transition-delay: 1.26s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(30) {
  transition-delay: 1.3s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(31) {
  transition-delay: 1.34s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(32) {
  transition-delay: 1.38s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(33) {
  transition-delay: 1.42s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(34) {
  transition-delay: 1.46s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(35) {
  transition-delay: 1.5s;
}

.js-hover div.mega_menu > ul > li:nth-of-type(36) {
  transition-delay: 1.54s;
}


.js-hover div.mega_menu > ul > li[data-is-private = "1"]{
    transition-delay: 0s;
}

/**
 * 新着ページ装飾
 */
body:not(.menu-edit-mode) li[data-is-new = "1"] > a{
    position: relative;
}

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

body:not(.menu-edit-mode) li[data-is-new = "1"][data-included-middle-menu = "1"] > a:after{
    background-image: url('../img/copy2open/menu_list_mark_new_gray.png');
}

/**
 * 重要ページ装飾
 */
div.mega_menu > ul > li[data-is-important = "1"] > a{
    background-position: left 5px top 14px;
    font-size: 14px;
    font-weight: bold;
}

div.mega_menu > ul > li > a:hover .pageTitleStr {
    text-decoration: underline;
}

.middle-menu__trigger{
    position: relative;
}

.middle-menu__trigger > a{
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger > a{
    font-size: 16px !important;
    background-repeat: no-repeat !important;
    transition: all .2s;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--1 > a{
    background-image: url(../img/copy2open/menu_folder_icon_size--1.png) !important;
    background-position: left 14px top 7px !important;
    padding: 12px 10px 10px 55px !important;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--1 > a{
    background-image: url(../img/copy2open/menu_folder_icon_size--1--open.png) !important;
    background-position: left 14px top 7px !important;
    padding: 12px 10px 10px 55px !important;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--2 > a{
    background-image: url(../img/copy2open/menu_folder_icon_size--2.png) !important;
    background-position: left 11px top 4px !important;
    padding: 12px 10px 10px 55px !important;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--2 > a{
    background-image: url(../img/copy2open/menu_folder_icon_size--2--open.png) !important;
    background-position: left 11px top 4px !important;
    padding: 12px 10px 10px 55px !important;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--3 > a{
    background-image: url(../img/copy2open/menu_folder_icon_size--2.png) !important;
    background-position: left 11px top 4px !important;
    padding: 12px 10px 10px 55px !important;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--3 > a{
    background-image: url(../img/copy2open/menu_folder_icon_size--2--open.png) !important;
    background-position: left 11px top 4px !important;
    padding: 12px 10px 10px 55px !important;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--4 > a{
    background-image: url(../img/copy2open/menu_folder_icon_size--3.png) !important;
    background-position: left 8px top 0px !important;
    padding: 12px 10px 10px 55px !important;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--4 > a{
    background-image: url(../img/copy2open/menu_folder_icon_size--3--open.png) !important;
    background-position: left 8px top 0px !important;
    padding: 12px 10px 10px 55px !important;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger.font-size--5 > a{
    background-image: url(../img/copy2open/menu_folder_icon_size--4.png) !important;
    background-position: left 3px top -8px !important;
    padding: 12px 10px 10px 55px !important;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger[data-middle-menu-state = "open"].font-size--5 > a{
    background-image: url(../img/copy2open/menu_folder_icon_size--4--open.png) !important;
    background-position: left 3px top -8px !important;
    padding: 12px 10px 10px 55px !important;
}

.middleMenuTitle{
    margin-right: 7px;
}

.child-count__wrap {
    text-align: center;
    color: #926200;
    font-size: 11px;
    line-height: 1;
    display: inline-block;
    padding: 0 3px 0;
    width: 28px;
    box-sizing: border-box;
    position: relative;
    font-family: 'Arial';
    z-index: 0;
}

.child-count__wrap .child-count__inner{
    color: #926200;
    font-family: 'Arial';
    font-size: 11px;
    display: inline-block;  
}

.side-middle-menu__head[data-menu-open-state = "open"] .child-count__wrap .child-count__inner,
li[data-menu-open-state = "close"] .child-count__wrap .child-count__inner{
    transform: rotateX(45deg);
    display: inline-block;
    position: relative;
    top: 2px;
}

.mega_menu .child-count__wrap{
    width: 26px;
    text-align: center;
    color: inherit;
    font-size: 10px;
    line-height: 1;
    display: inline-block;
    position: absolute;
    left: 13px;
    top: 17px;
    letter-spacing: -.03em;
    transition: all .2s;
    transform-origin: top center;
    padding: 0;
}

.middle-menu__trigger[data-middle-menu-state = "open"].font-size--1 .child-count__wrap,
.middle-menu__trigger[data-middle-menu-state = "open"].font-size--2 .child-count__wrap{
    transform: rotateX(-50deg);
    top: 21px;    
}

.middle-menu__trigger[data-middle-menu-state = "open"].font-size--3 .child-count__wrap,
.middle-menu__trigger[data-middle-menu-state = "open"].font-size--4 .child-count__wrap{
    transform: rotateX(-50deg);
    top: 23px;   
}

.middle-menu__trigger[data-middle-menu-state = "open"].font-size--5 .child-count__wrap{
    transform: rotateX(-50deg);
    top: 25px;
    left: 14px;
}

.child-count__wrap:before{
    content: "";
    width: 24px;
    height: 24px;
    background: url(../img/copy2open/menu_folder_icon_size--1--open.png) no-repeat center left;
    position: absolute;
    left: 2px;
    bottom: -4px;
    z-index: -1;
}

.mega_menu .child-count__wrap:before{
    display: none;
}

.side_bar_sub .child-count__wrap:before,
.ul_lead  .child-count__wrap:before{
/*    left: 3px;*/
}


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

.js-childCount[data-show="1"],
.js-searchResultCount[data-show="1"] {
    display: inline-block;
    color: #926200 !important;
    font-weight: bold;
    font-family: "Arial" !important;
}

.js-childCount[data-show="0"],
.js-searchResultCount[data-show="0"] {
    display: none;
}

[data-show-grandson-count = "0"] .child-count__wrap{
    display: none;
}

.middle-menu__trigger--sp{
    display: none;
}

.middle-menu__arrow{
    width: 16px;
    height: 8px;
    background-image: url(../img/copy2open/middle_menu_open_arrow.png);
    background-position: 0 -4px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -1px;
    transform: rotate(0deg);
    transform-origin: center center;
    transition: .3s;
    display: none !important; 
}

.middle-menu__trigger[data-middle-menu-state = "open"] .middle-menu__arrow{
    content: "";
    transform: rotate(-180deg);
}


/**
 * 2021-04-28 kitagawa
 * メガメニュー内のフォルダレイアウト
 * デザインによって行数を変えたいときは width と margin-left、 nth- の上書きで可能
 * 計算式は下に書いておく
 */

.middle-menu__wrap{
    width: calc( 300% + 40px );
    background: #fffdf7;
    border: 1px solid #ffeba0;
    border-radius: 3px;
    box-sizing: border-box;
    display: none;
    margin: 10px 0;
    position: relative;
    z-index: 1;
}


.mega_menu .ul_sub li.js-searchTargetOuter.columnsFirst .middle-menu__wrap {
    width: calc( 300% + 40px );
    margin-left: 0;
}

.mega_menu .ul_sub li.js-searchTargetOuter.columnsFirst .middle-menu__wrap:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 5%;
    margin-left: 9px;
}

#menu_wrapper div.searchedEmpty,
div.mega_menu > ul.searchedEmpty {
    position: absolute;
    top: calc(50% - 23px);
    left: calc(50% - 190px);
    color: #000;
    width: 380px;
    height: 46px;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 15px;
    display: none;
}

#menu_wrapper div.searchedEmpty[data-show="1"],
div.mega_menu > ul.searchedEmpty[data-show="1"] {
    display: block;
}

div.mega_menu > ul.searchedEmpty .emptyString,
 {
    display: inline-block;
}


.mega_menu .js-subPageList[data-show="0"] {
    display: none !important;
}

.mega_menu .searchedResultStringOuter {
    font-size: 12px;
    position: absolute;
    top: 20px;
    left: 21px;
    max-width: 450px;
    text-align: left;
    line-height: 1.25;
    padding: 4px 10px 3px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #DDD;
    color: #555;
    display: none;
}

.side_bar_left .mega_menu .searchedResultStringOuter,
.side_bar_right .mega_menu .searchedResultStringOuter{
    max-width: 330px;
}


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


.mega_menu .searchedKeywordWrap .searchedKeyword {
    font-size: 14px;
    font-weight: bold;
}

.mega_menu .searchedResultStringOuter .searchedCount {
    font-size: 14px;
    font-weight: bold;
}

#menu li#gmenu_search {
    display: none;
}

.middle-menu__wrap:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 1%;
    margin-left: 9px;
    border:9px solid transparent;
    border-bottom:9px solid #fffefb;
}

.middle-menu__wrap:after {
    content: "";
    position: absolute;
    top: -18px;
    z-index: -1;
    left: 0.8%;
    margin-left: 11px;
    border: 9px solid transparent;
    border-bottom: 9px solid #ffeba0;
}

.ul_sub li:nth-of-type(3n-1) .middle-menu__wrap{ /* 3列のとき */
    margin-left: calc( -100% - 20px );
}

.ul_sub li.js-searchTargetOuter.columnsSecond .middle-menu__wrap {
    margin-left: calc( -100% - 20px );
}

.ul_sub li.js-searchTargetOuter.columnsSecond .middle-menu__wrap:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 35.3%;
    margin-left: 9px;
    border:9px solid transparent;
    border-bottom:9px solid #fffefb;
}

.ul_sub li.js-searchTargetOuter.columnsSecond[data-is-private = "1"] .middle-menu__wrap:before {
  content: "";
  border-bottom:9px solid #fffefb;
}

.ul_sub li.js-searchTargetOuter:nth-of-type(3n-1) .middle-menu__wrap:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 35.3%;
  margin-left: 9px;
  border:9px solid transparent;
  border-bottom:9px solid #fffefb;
}

.ul_sub li.js-searchTargetOuter:nth-of-type(3n-1) .middle-menu__wrap::after {
    content: "";
    left: 35%;
}

.ul_sub li:nth-of-type(3n-1)[data-is-private = "1"] .middle-menu__wrap:before {
  content: "";
  border-bottom:9px solid #fffefb;
}

.ul_sub li:nth-of-type(3n) .middle-menu__wrap{ /* 3列のとき */
    margin-left: calc( -200% - 40px ); /* -100% * n-1(列数) */
}

.ul_sub li.js-searchTargetOuter.columnsThird .middle-menu__wrap {
    margin-left: calc( -200% - 40px );
}

.ul_sub li.js-searchTargetOuter.columnsThird .middle-menu__wrap:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 69.1%;
  margin-left: 9px;
  border:9px solid transparent;
  border-bottom:9px solid #fffefb;
}

.ul_sub li:nth-of-type(3n) .middle-menu__wrap:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 69.1%;
  margin-left: 9px;
  border:9px solid transparent;
  border-bottom:9px solid #fffefb;
}

.ul_sub li.js-searchTargetOuter:nth-of-type(3n) .middle-menu__wrap::after {
    content: "";
    left: 68.9%;
}

.middle-menu__list{
    width: 100%;
    align-items: flex-start;
    cursor: default;
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5px;   
}

.middle-menu__list li{
    width: calc( 33.3333333% - 20px );
    padding: 3px 10px;
}

.middle-menu__list li > a,
.middle-menu__list li > a:visited {
    background-color: inherit;
/*    background-image: url(../img/copy2open/menu_list_mark_sub.gif);*/
    background-repeat: no-repeat;
    background-position: left 6px top 12px;
    background-size: 10px 12px;
    color: #000;
    display: block;
    font-size: 16px;
    line-height: 120%;
    padding: 12px 10px 12px 10px;
    border-radius:  3px;
    text-decoration: none;
}

.middle-menu__list li > a:hover .pageTitleStr{
    text-decoration: underline;
}

.sub--child a.current-record{
    font-weight: bold;
}

/**
 * ここまで
 * -- メガメニュー内のフォルダレイアウト --
 */


/* メガメニュー 項目（右端）:上書き不可 */
div.mega_menu > ul > li.no_right{
    margin-right: 0;
}
/* メガメニュー 項目（下端）:上書き不可 */
div.mega_menu > ul > li.no_bottom{
    margin-bottom: 0;
}

/* メガメニュー ポインタ矢印画像「上」 div（雛形）: 画像・サイズ(height)指定 */
#mega_menu_pointer_h {
    display: none;
    background-image: url('../img/copy2open/menu_arrow_mega_h.png');
    width: 20px;
    height: 10px;
}
/* メガメニュー ポインタ矢印画像「下」 div（雛形）: 画像・サイズ(height)指定 */
#mega_menu_pointer_hb {
    display: none;
    background-image: url('../img/copy2open/menu_arrow_mega_hb.png');
    width: 20px;
    height: 10px;
}
/* メガメニュー ポインタ矢印画像「左」 div（雛形）: 画像・サイズ(height)指定 */
#mega_menu_pointer_vl {
    display: none;
    background-image: url('../img/copy2open/menu_arrow_mega_vl.png');
    width: 10px;
    height: 20px;
}
/* メガメニュー ポインタ矢印画像「右」 div（雛形）: 画像・サイズ(height)指定 */
#mega_menu_pointer_vr {
    display: none;
    background-image: url('../img/copy2open/menu_arrow_mega_vr.png');
    width: 10px;
    height: 20px;
}

div.mega_menu .sub--top b,
div.mega_menu .pageTitle{
    display: flex;
    flex-wrap: nowrap;
}

div.mega_menu .pageTitle.searched{
    display: block;
}

div.mega_menu .pageNum {
    text-align: center;
    font-family: "Arial" !important;
    text-decoration: none !important;
    display: inline-block;
    font-size: 9px;
    color: #AAA;
    position: relative;
    margin: 0 5px 0 0;
    top: -1px;
    min-width: 21px;
    z-index: 0;
}

div.mega_menu .pageNum:before{
    content: "";
    display: block;
    z-index: -1;
    border-radius: 10px;
    width: 18px;
    height: 18px;
    border: 1px solid #BBB;
    position: absolute;
    top: -1px;
    left: 1px;
}

div.mega_menu .searched .pageNum{
    display: none !important;
}


div.mega_menu[data-active-tab = "close"] li.sub--top,
div.mega_menu[data-active-tab = "close"] li[data-is-private = "0"]{
    display: none !important;
}

div.mega_menu[data-active-tab = "open"] li[data-is-private = "1"]{
    display: none !important;
}

div.mega_menu[data-active-tab = "open"]:has(.searchedResultStringOuter[data-show = "1"]) li.js-searchTargetOuter[data-show="1"],
div.mega_menu[data-active-tab = "open"]:has(.searchedResultStringOuter[data-show = "1"]) li.js-searchTargetList[data-show="1"],
div.mega_menu[data-active-tab = "close"]:has(.searchedResultStringOuter[data-show = "1"]) li.js-searchTargetOuter[data-show="1"],
div.mega_menu[data-active-tab = "close"]:has(.searchedResultStringOuter[data-show = "1"]) li.js-searchTargetList[data-show="1"]{
    display: block !important; 
}

/* ================================================================
 * / グローバルメニュー関連 ここまで
 * ================================================================



/**
 * サイドバー○○の他のページ
 */
.side_bar_sub p.side-middle-menu__head{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: rgba(150,150,150,0.5);
    cursor: pointer;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 28px;
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: 14px;
    position: relative;
}

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

.side_bar_sub p.grandson{
    box-sizing: border-box;
    margin: 0;
    padding: 10px 5px 10px 15px;
}

.side-middle-menu__list{
    display: none;
}

li.foot-middle-menu__head {
    clear: both;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 28px 5px 0;
    position: relative;
}

.layout--list li.foot-middle-menu__head,
.layout--card li.foot-middle-menu__head{
    width: 100%;
}

li.foot-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(-180deg);
}

li[data-menu-open-state = "open"].foot-middle-menu__head:after{
    content: "";
    transform: rotate(0deg);
}

.side-middle-menu__head[data-menu-open-state = "close"] .child-count__wrap:before,
li[data-menu-open-state = "open"] .child-count__wrap:before{
    background: url(../img/copy2open/menu_folder_icon_size--1.png) no-repeat center left;
}


.foot-middle-menu__list-wrap{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 0 10px;
}

.foot-middle-menu__list,
.layout--default .foot-middle-menu__list{
    display: block;
/*    margin-bottom: 15px;*/
}

.layout--list .foot-middle-menu__list,
.layout--card .foot-middle-menu__list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.foot-middle-menu__list:after{
    content: "";
    clear: both;
    display: block;
}


.ul_lead .foot-middle-menu__list .grandson {
    box-sizing: border-box;
    font-size: 12px;
    position: relative;
}

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

.ul_lead.layout--default .foot-middle-menu__list .grandson {
    padding: 3px 15px;
}
/*スマホ用ヘッダーパーツ非表示　20140604高橋追加*/
#smt_home_btn,#smt_contact_btn,#smt_tel_btn,#smt_est_btn,#smt_shop_btn{
    display:none;
}
#smt_header{
    display:none;
}

.company_rogo{
    display:none;
}
#smt_head_base {
    display:none;
}

/* ================================================================
 * 中古車情報 改修での追加クラス
 * ================================================================*/
.tokuten_body { /* TODO 実装 */
    margin: 0 0 30px 0;
    color:#666;
    font-size:14px;


}

/*
.tokuten_body:before {  TODO ↑実装後にはこれは削除
    font-size: 18px; color: #cc0000; margin-right: 5px;
    content: '※TODO CSS実装 (特典本文)';
}
*/

.pr_body { /* TODO 実装 */
    margin: 0 0 30px 0;
    color:#666;
    font-size:14px;
}
/*
.pr_body:before {    TODO ↑実装後にはこれは削除
    font-size: 18px; color: #cc0000; margin-right: 5px;
    content: '※TODO CSS実装 (PR本文)';
}
*/
/* ================================================================
 * 中古車情報 編集機能
 * ================================================================*/
/* 中古車一覧 編集メニュー */




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

#carDetailOpenOrClose p{
    width:30%;
    padding:2% 0;
    float:left;
    text-align:center;
    position:relative;
    cursor:pointer;
    font-size:12px;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}

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

/*20140627 IE7対応 高橋追加 */
.blog_item{
    clear:both;
    margin: 0 0 60px;
}


.clDelete{
    width:25%;
    padding:1% 0;
    background:#142937;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4) inset;
    cursor:pointer;
    color:#fff;
    position:relative;
    float:right;
    text-align:center;
    font-size:14px;

    display: none; /* 2014/07/02 誤操作が予想されるため一旦非表示 */
}

.clOpen{background:#00B789;}
.clEdit{background:#EF1C25;}
.clClose{background:#939;}

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

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

.clocIcon{
    margin:0 10px 0 0;
    position: relative;
    bottom: 1px;
}

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

#carSearch {
    margin: 0 15px;
}








#carGallMask{
    overflow: hidden;
    padding: 0 0 15px;
    margin: 0;
}

#carGallMask img{
    height:60px;
    float:left;
}

#carGallMask div{
    position: absolute;
    width:100%;
    height: 60px;
    cursor: pointer;

    /*IE9・10対応。空の要素にz-indexが効かないため*/
    background:rgba(255,255,255,0);
    z-index:1;
}

div#js-currentMask{
    width: 80px;
    border: 3px solid #c00;
    box-sizing: border-box;
}


.regidateDetail{
    text-align:right;
    margin:0 0 10px;
}

.regidateDetail b{
    color:#fff;
    font-size:14px;
    background:#444;
    padding:4px 8px 4px 8px ;
    border-radius: 2px;
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.8);
    font-weight:normal;
}

.regidateDetail b span{
    opacity: 1.0; /* 編集画面 inplace でopacityを変える挙動の時に、0.8 になってしまっているためここで初期値 1 を設定 */
    color: #fff;
}

.regidateDetail span.title {
    color:#fff;
    font-size:12px;
    padding:6px 8px 5px 26px;
    margin:0 2px 0 0;
    border-radius: 2px;
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.8);
    background:#444 url(../img/usedcar/regidateDetailClock.png) no-repeat 7px center;
}

.carthumb_date{
    position:absolute !important;
    bottom:0 !important;
    right:0 !important;
    display:block;
    padding:3px 6px;
    background:#222;
    color:#fff;
    font-size: 75%;
}







#tltpFlg{
/*     width:41px;
    height:72px;
    position:fixed;
    bottom: 315px;
    right:0;
    z-index:98;
    cursor:pointer;*/
}

.unreleaseButtom{
    color: #999;
    font-size: 14px !important;
}









































.clear {
    clear: both;
}

















.back_page_link{
    display:none;
}

.back_page_link a{
    display:block;
    padding:10px;
    margin:0 0 20px 0;
}






/*2014-7-09　高橋追記*/
#hour_sidebar,#holiday_sidebar{
    display:none;
}




/*2014-9-16　高橋追記*/
.recruit_section{
    margin: 0 0 60px 0;
}

.input_pict_file{
    margin:0 0 15px 0;
}






/*2014-11-06 求人ページ用クラス　高橋追記*/
#recruit_banner_block{
    position: relative;
    padding: 0;
    margin-bottom: 30px;
}

#recruit_banner_block .link_banner_btn {
    background: none;
}


#recruit_banner_block .recruit_banner_page_link a:not(.linkTriggerEdit) {
    display:block;
    height:100px;
    line-height:100px;
    font-size:16px;
    color:#fff !important;
    font-weight:600;
    text-decoration:none !important;
    text-align:center;
    border:1px solid rgba(180,180,180,0.5);
    text-shadow: -1px 1px 0 #666;
    width:100%;
    margin:0 auto 0;
    box-sizing:border-box;

    background-image: url(../img/copy2open/recuruit_person.png),url(../img/copy2open/recuruit_btn_arrow.png),url(../img/copy2open/recuruit_text_en.png),url(../img/copy2open/recuruit_text_jp_pc.png),url(../img/copy2open/btn_grass.png), linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 40%, #690 50%, #6da108 100%, #6da108 100%);

    background-image: url(../img/copy2open/recuruit_person.png),url(../img/copy2open/recuruit_btn_arrow.png),url(../img/copy2open/recuruit_text_en.png),url(../img/copy2open/recuruit_text_jp_pc.png),url(../img/copy2open/btn_grass.png), -webkit-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 40%, #690 50%, #6da108 100%, #6da108 100%);

    background-image: url(../img/copy2open/recuruit_person.png),url(../img/copy2open/recuruit_btn_arrow.png),url(../img/copy2open/recuruit_text_en.png),url(../img/copy2open/recuruit_text_jp_pc.png),url(../img/copy2open/btn_grass.png), -moz-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 40%, #690 50%, #6da108 100%, #6da108 100%);

    background-image: url(../img/copy2open/recuruit_person.png),url(../img/copy2open/recuruit_btn_arrow.png),url(../img/copy2open/recuruit_text_en.png),url(../img/copy2open/recuruit_text_jp_pc.png),url(../img/copy2open/btn_grass.png), -ms-linear-gradient(95deg, #6da108 0%, #6da108 10%, #690 40%, #690 50%, #6da108 100%, #6da108 100%);

    background-position: left -5px bottom 0, right 3px bottom 3px, right 7px top 20px, right 10px top 45px,center bottom 30px,top left;
    background-size: 80px,10px,374px,112px,cover,100%;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
    min-width: 200px;
}


#recruit_banner_block p.recruit_banner_page_link {
    background: none !important;
}


#recruit_banner_block .recruit_banner_page_link a:hover{
    color:#fff !important;
}

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


.rec_scrl_btn{
    background: #06f;
    margin: auto;
    margin-bottom: 25px !important;
    color:#fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    width: 215px;
    clear: both;
    text-align: center;
    cursor: pointer;
    display: block;
    padding: 10px 0;
    border: none;
}

.select_point{
    cursor:pointer;
    font-size:14px;
    margin-right:20px;
}

.estimateCategory {
    display: inline-block;
    width: calc( ( 100% - 15px ) / 3 );
    box-sizing: border-box;
    float: left;
    margin: 0 5px 5px 0;
    background: #eee;
    border-radius: 15px;
    border: 1px solid #ccc;
    padding: 3px 0;
    text-align: center;
    color: #222;
}

.estimateCategory:hover{
    opacity:0.8;
}

.estimateCategory.current{
    background:#c00;
    color:#eee;
    border: 1px solid #b00;
}

.est_table_car .estimateCategory:not(.current) {
    opacity: .5;
}

.estimateCategory input{
    display:none;
}

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

.requiredLabel{
    font-size: 11px;
    background: #f33;
    padding: 1px 5px 1px 4px;
    margin-left: 7.5px;
    border-radius: 3px;
    vertical-align: middle;
    display: inline-block;
    color: #FFF;
    width: 32px !important;
    height: 18px !important;
    line-height: 18px !important;
    box-sizing: border-box;
    transform: translateY(-2px);
}

.paymentWayTitle .requiredLabel{
    display: inline;
    color: #f33;
    font-size:10px;
}

.blog_item h2 span.requiredLabel{
    text-align:center;
}

.datePickTriggerIcon{
    vertical-align:middle;
    margin:0 0 0 15px;
    cursor:pointer;
}

.datePickTriggerIcon[data-form-item="career1_period_start"],
.datePickTriggerIcon[data-form-item="career1_period_end"],
.datePickTriggerIcon[data-form-item="career2_period_start"],
.datePickTriggerIcon[data-form-item="career2_period_end"]{
    margin: 0 15px 0 0;
}

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

.js-datePicker tr{
    float:none !important;
}

.js-datePicker th, .js-datePicker td {
    width: auto;
    padding:0 !important;
    width: auto !important;
    display: table-cell !important;
    font-size: initial !important;
    text-align: initial !important;
    float:none !important;
}

.js-datePicker th {
    padding: .3em !important;
    text-align: center !important;
    font-weight: bold;
    border: 0;
}

.est_table_car .ui-datepicker-calendar th{
    background-color:#aaa;
}

.est_table_car th,
.est_table_client th,
.contact_table th{
    position:relative;
}

.checkedValidIcon{
    width: 20px;
    position: relative;
    vertical-align: middle;
    transform: translateY(-2px);
    margin-left: 10px;
    opacity: 0;
}

.checkedValidIcon.no-animate {
    opacity:1;
}


.checkedValidIcon:not(.no-animate).js-checked{
    animation-name:addCheckIconAction;
    animation-duration:.9s;
    animation-fill-mode:forwards;
    opacity:1;
}

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

.goFlightInputOuter {
    margin-bottom: 10px
}

.goFlightInputOuter .goFlightString,
.returnFlightInputOuter .returnFlightString {
    margin-right: 10px;
    display: inline-block;
    font-size: 14px;
}

.goFlightInputOuter .airlines,
.returnFlightInputOuter .airlines {
    margin-right: 15px;
    font-size: 14px;
}

.goFlightInputOuter .flightNumber,
.returnFlightInputOuter .flightNumber {
    width: 90px;
    font-size: 14px;
}

.rentalCarInput {
    font-size: 14px;
}

.babySheetSelectOuter,
.childSheetSelectOuter {
    margin-bottom: 15px;
}

.reserve_datetime_year {
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
}

.reserve_datetime_hour {
    display: inline-block;
}

.reserveDateOuter {
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

.reserveDateOuter .datePickTriggerIcon {
    position: absolute;
    top: 0;
    right: -4px;
    margin: 0;
}

.reserveDateOuter.disnon {
    display: none;
}

.block_outer_estimate_form .addHopeDate,
.block_outer_estimate_form .addHopeTime {
    color: #3366FF;
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer;
    display: block;
    width: 100px;
}

.reserveDateOuter .hopeNumber,
.reserve_datetime_hour .hopeNumber {
    display: block;
    font-size: 12px;
    margin: 0 5px 5px 0;
}


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

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




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


.inputarea,.inputarea2,.inputarea3{
    padding:0 5px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
}

.auto_input_notice_text{
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: top 4px left;
    cursor: default;
    display: inline;
    font-family: 'Noto Sans Jp', serif;
    font-size: 13px;
    font-weight: normal;
    margin-left: 10px;
    opacity: 0;
    padding: 0 0 0 15px;
    position: relative;
    top: -3px;
    transition: 0.3s;
}

.auto_input_notice_text.successGetAdd{
    background-image: url(../img/copy2open/select_check.png);
    color: #4CAF50;
}

.auto_input_notice_text.falseGetAdd{
    background-image: url(../img/copy2open/select_caution.png);
    color: #b64949;
}

/*2015-04-14 サンキューページ　アンケートクラス　高橋追記*/
.enquete_caption{
    margin:0 0 30px 0;
}
.enqate_question_block{
    margin:0 0 45px 0;
}

.enqate_question_block h3 {
    margin:0 0 10px 0;
}
.enqate_question_block label {
    padding:0 30px 0 0;
    cursor:pointer;
    line-height:180%;
}
#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;
}


/*2015-06-26 営業日カレンダー部分　阿部追記*/
div#eigyoubi_cal{
    width:100%;
    margin:0 0 30px;
    position: relative;
}

div#eigyoubi_cal h4,
#eigyoubi_cal #help_area{
    background-image:url(../img/copy2open/calendar_bg.png);
    background-repeat:repeat;
    color:#fff;
    text-align:center;
    margin:0 0 20px;
    padding:10px 0px;
    font-weight:normal;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    font-size: 12px;
}

div#eigyoubi_cal div#help_area{
    margin:5px auto 20px;
    padding:5px 0px;
    text-align:center;
}






#eigyoubi_cal #now,
#eigyoubi_cal #next{
    margin: 0 0 20px;
    background-image:url(../img/copy2open/calendar_bg.png);
    background-repeat:repeat;
    border-radius:7px;
}


div#eigyoubi_cal p{
    text-align: center;
    margin: 0;
    font-size: 16px;
    padding: 3px 0 !important;
    line-height: normal;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color:#fff !important;
    background-image: url(../img/copy2open/month_bg.png);
    background-position: top;
    background-repeat:repeat;
    opacity:0.9;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif
}

#edittable01, #edittable02{
    width: 100%;
    display:inline-table;
}

#edittable01 th,
#edittable02 th{
    padding:5px 0;
    text-align:center;
}

#edittable01 th,
#edittable02 th{
    font-weight:normal;
    color:#fff;
}

#edittable01 th a,
#edittable02 th a{
    text-decoration: none;
    color:#fff !important;
    font-weight: normal;
    font-size:14px;
    display:block;
    width:100%;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;

}



#edittable01 td,
#edittable02 td{
    width: calc( 100% / 7 );
    background-color: #fff;
    text-align:center;
}


#edittable01 td.closed,
#edittable02 td.closed,
#edittable01 td.regularClosed,
#edittable02 td.regularClosed,
#edittable01 td.allholclosed,
#edittable02 td.allholclosed{

}

#edittable01 td.closed span,
#edittable02 td.closed span,
#edittable01 td.regularClosed span,
#edittable02 td.regularClosed span,
#edittable01 td.allholclosed span,
#edittable02 td.allholclosed span{
    background-color: inherit !important;
    color: rgba(0,0,0,.25) !important;
}

/**
 * 2023-10-17
 * デザイン毎のあしらいを打ち消す意図
 */
#edittable01 td.closed span:before,
#edittable02 td.closed span:before,
#edittable01 td.regularClosed span:before,
#edittable02 td.regularClosed span:before,
#edittable01 td.allholclosed span:before,
#edittable02 td.allholclosed span:before,
#edittable01 td.closed span:after,
#edittable02 td.closed span:after,
#edittable01 td.regularClosed span:after,
#edittable02 td.regularClosed span:after,
#edittable01 td.allholclosed span:after,
#edittable02 td.allholclosed span:after{
    content: "";
    display: none !important;
}

#edittable01 span,
#edittable02 span{
    display:block;
    color:#000;
    font-size:14px;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    padding:4px 0;
}

body.edit #edittable01 span,
body.edit #edittable02 span{
    cursor: pointer;
}

#edittable01 span.sat,
#edittable02 span.sat{
    color:#1989fa;
}

#edittable01 span.sun,
#edittable02 span.sun,
#edittable01 span.hday,
#edittable02 span.hday,
#edittable01 span.hsat,
#edittable02 span.hsat,
#edittable01 span.hsun,
#edittable02 span.hsun{
    color:#f51a0f;
}

/* 「今日」のあしらい */

#edittable01 .currentDay,
#edittable02 .currentDay{
    position: relative;
    z-index: 0;
}

#edittable01 .currentDay span.day,
#edittable02 .currentDay span.day{
    color: #fff;
}

body[data-main-color="cc0000"] #edittable01 .currentDay:after,
body[data-main-color="cc0000"] #edittable02 .currentDay:after{
    content: "";
    height: 26px;
    width: 26px;
    display: block;
    z-index: -1;
    position: absolute;
    background: #cc0000;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    border-radius: 100%;
}

body[data-main-color="ff9900"] #edittable01 .currentDay:after,
body[data-main-color="ff9900"] #edittable02 .currentDay:after{
    content: "";
    height: 26px;
    width: 26px;
    display: block;
    z-index: -1;
    position: absolute;
    background: #ff9900;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    border-radius: 100%;
}

body[data-main-color="ffcc00"] #edittable01 .currentDay:after,
body[data-main-color="ffcc00"] #edittable02 .currentDay:after{
    content: "";
    height: 26px;
    width: 26px;
    display: block;
    z-index: -1;
    position: absolute;
    background: #ffcc00;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    border-radius: 100%;
}

body[data-main-color="99cc00"] #edittable01 .currentDay:after,
body[data-main-color="99cc00"] #edittable02 .currentDay:after{
   content: "";
    height: 26px;
    width: 26px;
    display: block;
    z-index: -1;
    position: absolute;
    background: #99cc00;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    border-radius: 100%;
}

body[data-main-color="006600"] #edittable01 .currentDay:after,
body[data-main-color="006600"] #edittable02 .currentDay:after{
    content: "";
    height: 26px;
    width: 26px;
    display: block;
    z-index: -1;
    position: absolute;
    background: #006600;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    border-radius: 100%;
}

body[data-main-color="3399ff"] #edittable01 .currentDay:after,
body[data-main-color="3399ff"] #edittable02 .currentDay:after{
    content: "";
    height: 26px;
    width: 26px;
    display: block;
    z-index: -1;
    position: absolute;
    background: #3399ff;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    border-radius: 100%;
}

body[data-main-color="0066ff"] #edittable01 .currentDay:after,
body[data-main-color="0066ff"] #edittable02 .currentDay:after{
    content: "";
    height: 26px;
    width: 26px;
    display: block;
    z-index: -1;
    position: absolute;
    background: #0066ff;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    border-radius: 100%;
}

body[data-main-color="6633cc"] #edittable01 .currentDay:after,
body[data-main-color="6633cc"] #edittable02 .currentDay:after{
    content: "";
    height: 26px;
    width: 26px;
    display: block;
    z-index: -1;
    position: absolute;
    background: #6633cc;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    border-radius: 100%;
}

body[data-main-color="ff6699"] #edittable01 .currentDay:after,
body[data-main-color="ff6699"] #edittable02 .currentDay:after{
    content: "";
    height: 26px;
    width: 26px;
    display: block;
    z-index: -1;
    position: absolute;
    background: #ff6699;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    border-radius: 100%;
}

body[data-main-color="333333"] #edittable01 .currentDay:after,
body[data-main-color="333333"] #edittable02 .currentDay:after{
    content: "";
    height: 26px;
    width: 26px;
    display: block;
    z-index: -1;
    position: absolute;
    background: #333333;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    border-radius: 100%;
}

body[data-main-color="000000"] #edittable01 .currentDay:after,
body[data-main-color="000000"] #edittable02 .currentDay:after{
    content: "";
    height: 26px;
    width: 26px;
    display: block;
    z-index: -1;
    position: absolute;
    background: #000000;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    border-radius: 100%;
}

body[data-main-color="ffffff"] #edittable01 .currentDay:after,
body[data-main-color="ffffff"] #edittable02 .currentDay:after{
    content: "";
    height: 26px;
    width: 26px;
    display: block;
    z-index: -1;
    position: absolute;
    background: #dddddd;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    border-radius: 100%;
}

#edittable01 td.closed.currentDay:after,
#edittable02 td.closed.currentDay:after,
#edittable01 td.regularClosed.currentDay:after,
#edittable02 td.regularClosed.currentDay:after,
#edittable01 td.allholclosed.currentDay:after,
#edittable02 td.allholclosed.currentDay:after{
    display: none;
}

/* 「今日」のあしらい ここまで  */



.monthlyCalendarHead{
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 5px;
    user-select: none;
}

.monthlyCalendarHead .prevMonth,
.monthlyCalendarHead .nextMonth{
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
}

.monthlyCalendarHead .prevMonth{
    background: url("../img/copy2open/monthly_calender_prev_arrow.png")no-repeat center left 0px;
    padding: 2px 10px 1px 15px;
}

.monthlyCalendarHead .prevMonth:hover{
    text-decoration: underline;
}

.monthlyCalendarHead .nextMonth{
    background: url("../img/copy2open/monthly_calender_next_arrow.png")no-repeat center right 0px;
    padding: 2px 15px 1px 10px;
}

.monthlyCalendarHead .nextMonth:hover{
    text-decoration: underline;
}

.monthlyCalendarHead .prevMonth.disabled,
.monthlyCalendarHead .nextMonth.disabled{
    opacity: .0;
    pointer-events: none;
}

.monthlyCalendarHead .currentYearStr{
    font-size: 125%;
}

.allholclosed{
    background-color: #32cd32;
}

.sp_freepage_accordion_btn{
    display:none;
}

.input_pict_file input {
    width:300px;
}


/* 20150105 新QRコードブロック 阿部追記*/
#mobile_QR_info .common_qrimg{
    border:1px solid #ddd;
    padding:3px;
}



input[type="file"] {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    cursor:pointer;
}

#menu li a{
    word-break:break-all;
}

/* 20160415 高橋追記　3連メニューテキスト化 */

.toppage_h2 span{
    display:table-cell;
    vertical-align:middle;
    height: 40px;
    width: 200px;
    font-size:12px;
}

/* 20160513 上田追記　h3 span bを表示 */

.box_flow h3 span b, .box_feature h3 span b, .box_jirei h3 span b, .box_coupon h3 span b, .box_promise h3 span b, .box_tokuten h3 span b, .box_voice h3 span b, .campaign_content h3 span b, .box_setsubi h3 span b, .box_staff h3 span b, .box_free h3 span b, .box_dksm h3 span b, .div_box_faq h3 span b {
    display:inline;
    background:none;
    margin:0;
    padding:0;
    float:none;
    border:none;
}

/*キャンペーンブロック画像挿入改修*/

/*
.campaign_content .img_box_left, .campaign_content .img_box_right {
    float: none;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: none;
    background: none;
}
*/
/*h3未使用の公開*/
.campaign_content .b_campaign {
    display: block;
    float: none;
}

.s_text {
    font-size:12px;
}
.l_text {
    font-size:18px;
}
.b_text {
    font-weight:bold;
}






/*//2017-6-12 okuno*/

/**************************************/
/*------ 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; top: 60px;}
    100% {opacity:1; top: 0;}
}

.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, 40px);}
    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(-40px, 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(40px, 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, 40px);}
    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(-40px,0,0);
    transform: translate3d(-40px,0,0);
    opacity: 0;
    }
    30% {opacity: 1;}
    100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,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;
  }
}



.carPurun {animation: carPurun 0.8s ease forwards ;}
@keyframes carPurun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%);  opacity:1;}
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.2, 0.7) translate(0%, 7%); }
  50%  { transform: scale(0.7, 1.2) translate(0%, -7%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%);  opacity:1;}
}



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






























/* 在庫車検索のブロック */
.submit_btn {
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #FFF;
    border-radius: 3px;
    width: 260px;
    cursor: pointer;
    background-color: #ffaa00;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%);
    background-repeat: repeat, no-repeat, repeat;
    background-position: left top, top center, left top;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
    margin: 10px auto;
    display: block;
    font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.submit_btn:hover{
    box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(0,0,0,0.7), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2);
}

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


#carSearch_public {
    max-width: 960px;
    margin: 0 auto 10px auto;
    padding: 0 20px;
}

#car_maker {
    margin-bottom: 5px;
    width: 50%;
    float: left;
}

#car_name {
    margin-bottom: 15px;
    width: 50%;
    float: left;
}

#car_age {
    margin: 0 0 5px;
    width: 100%;
}

#car_status {
    margin: 0 0 5px;
    width: 50%;
    float: right;   
}

#car_status .search_title {
    font-size: 15px;
    margin: 0 5px 0 0;
}


#car_distance {
    margin: 0 0 5px;
    width: 100%;
}

#car_cost {
    width: 100%;
}

#car_maker .search_title {
    font-size: 15px;
}
#car_name .search_title {
    font-size: 15px;
    margin: 0 5px 0 0;
}

#car_status .search_title, #car_maker .search_title , #car_name .search_title{
    width:90px;
}


.search_title {
    display: inline-block;
    font-size: 15px;
    width: 75px;
}


#carMaker_public {
    width: 190px;
    font-size: 13px;
}
#carName_public {
    width: 60%;
    font-size: 13px;
}

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

.carinfo_wrapped, .carsort_wrapped {
    width: 50%;
    overflow: hidden;
    float: left;
    margin: 0 0 15px;
    font-size: 15px;
}

.carsort_wrapped {
    float: none;
}

.display_sort_wrapped {
    width: 79%;
    float: left;
}

.display_sort_wrapped p {
    width: 70%;
    margin: 10px 0;
    float: left;
}

.display_sort_wrapped label {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 5px;
}

.display_sort_str {
    width: 21%;
    float: left;
    margin: 10px 0 0;
}

.display_sort_wrapped .order_wrapped {
    width: 55px;
}

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

.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;
/*    border-bottom: 4px solid #555; */
}

#sort_order_asc {
    display: none;
}

#sort_order_desc {
    display: none;
}

.maker_link {
    padding: 0 0 0 5px;
}

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

#car_free_search_wrapped {
    font-size: 13px;
    margin: 25px 0;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding: 0 0 20px;
}

#car_free_search_wrapped .search_title {
    width: 120px !important;
}

#car_free_search {
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    width: 50% !important;
}

#messagePanel {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
    z-index: 2;
}
#messagePanel div {
    position: absolute;
    top: calc( 50% - 36px );
    text-align: center;
    width: 100%;
    height: 24px;
}
#carSearchSubmit_public {
    margin: 15px auto;
}
#reloadButton {
    position: absolute;
    top: calc( 60% - 12px );
    left: calc(50% - 60px);
    text-align: center;
    width: 120px;
    height: 24px;
    margin: 10px auto;
    background: none;
}



#carTagSearchWrapped {
    text-align: left;
    width: 100%;
    overflow: hidden;
    font-size: 13px;
    margin: 0 0 25px;
    border-bottom: 1px solid #eee;
    padding: 0 0 20px;
    position: relative;
}

#carTagSearchWrapped[data-show="0"] {
    display: none;
}

#carTagSearchWrapped[data-show="1"] {
    display: block;
}

.usedcar_info_body #carTagSearchWrapped {
    display: block;
}

.usedcar_info_body #carTagSearchWrapped {
    border: none;
    margin: 0 0 30px;
}

#carTagSearchWrapped .tagShowBtn {
    position: absolute;
    top: 0;
    right: 20px;
    cursor: pointer;
    z-index: 1;
}

#carTagSearchWrapped .tagTitle {
    width: calc(15% - 5px);
    margin-right: 5px;
    box-sizing: border-box;
    vertical-align: top;
    float: left;
    display: inline-block;
    font-size: 15px;
}

.usedcar_info_body #carTagSearchWrapped .tagTitle {
    width: calc(15% - 5px)
}

.usedcar_info_body #carTagSearchWrapped .carTagOuter {
    width: 85%;
}

#carTagSearchWrapped .carTagOuter {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
}

#carTagSearchWrapped .carTagInner {
    display: inline-block;
    position: relative;
    float: left;
    z-index: 1;
}

#carTagSearchWrapped .carTagInner .carTagEdit {
    position: absolute;
    top: -2px;
    right: 19px;
    cursor: pointer;
    z-index: 2;
}

#carTagSearchWrapped .carTagInner .carTagEdit img{
    display: block;    
}

#carTagSearchWrapped .carTagInner .carTagDelete {
    position: absolute;
    top: 15px;
    right: 21px;
    cursor: pointer;
    z-index: 1;
}

#carTagSearchWrapped .carTagInner .carTagDelete img {
    width: 8px;
    padding: 2px;
    display: block;
}

#carTagSearchWrapped .carTag {
    display: inline-block;
    border-radius: 33px;
    font-size: 12px;
    box-sizing: border-box;
    margin: 0 15px 10px 0;
    padding: 5px 13px 4px;
    position: relative;
    cursor: default;
}

.edit #carTagSearchWrapped .carTag {
    cursor: pointer;
    margin: 0 40px 10px 0;
}

.carTagName,
.tagLabel{
    word-break: break-all;
}

#carTagSearchWrapped .addTagBtnOuter {
    clear: both;
    text-align: left;
    margin: 5px 0;
    width: 100%;
}

#carTagSearchWrapped .addTagBtnOuter .addTagBtn {
    display: inline-block;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 11px;
    background: #587ec1;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    transition: all .2s;
}


#carTagSearchWrapped .addTagBtnOuter .addTagBtn .openString[data-show="1"],
#carTagSearchWrapped .addTagBtnOuter .addTagBtn .closeString[data-show="1"] {
    display: block;
    font-weight: bold;
}

#carTagSearchWrapped .addTagBtnOuter .addTagBtn .openString[data-show="0"],
#carTagSearchWrapped .addTagBtnOuter .addTagBtn .closeString[data-show="0"] {
    display: none;
}


#carTagSearchWrapped .addTagBtnOuter .addTagBtn:hover {
    opacity: 0.7;
}

#carTagSearchWrapped .addTagFormOuter {
    margin: 7px 0 0;
    text-align: left;
}

#carTagSearchWrapped .addTagFormOuter .addTagText {
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    font-size: 13px;
    margin-bottom: 5px;
}

#carTagSearchWrapped .addTagFormOuter[data-show="0"] {
    display: none;
}

#carTagSearchWrapped .addTagFormOuter[data-show="1"] {
    display: block;
}

#carTagSearchWrapped .addTagFormOuter .addTagSubmitBtn {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    transition: all .2s;
    background: #444;
    height: 30px;
    box-sizing: border-box;
}



/*#carTagSearchWrapped .carTag:before {
    content: "";
    background-image: url(/cms/img/common/editlink_img2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    right: -17px;
    position: absolute;
}

#carTagSearchWrapped .carTag:after {
    content: "";
    background-image: url(/cms/img/common/imageBoxDeleteImage_b.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    width: 23px;
    height: 23px;
    top: calc(50% - 12px);
    right: -35px;
    position: absolute;
}*/


#carTagSearchWrapped .carTag {
    transition: all .1s;
}

#carTagSearchWrapped .carTag[data-clicked="0"] {
    color: #fff;
    background: #bbb;
    box-shadow: inset -1px -1px 2px rgba(255,255,255,0.2), inset 1px 1px 2px rgba(0,0,0,0.2);
}


#carTagSearchWrapped .carTag[data-clicked="1"] {
    background: #555;
    color: #ffffff;
    box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}

#carTagSearchWrapped .carTag:hover {
    opacity: 0.7;
}

.addTagFormOuter .selectTag[data-selectting-tag="0"] {
    text-shadow: none;
    background: #bbb;
    color: #fff;
    padding: 3px 10px;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 10px;
    margin-right: 2px;
    margin-bottom: 7px;
    display: inline-block;
    cursor: pointer;
}

.addTagFormOuter .selectTag[data-selectting-tag="1"] {
    text-shadow: none;
    background: #555;
    color: #fff;
    padding: 3px 10px;
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 10px;
    margin-right: 2px;
    margin-bottom: 7px;
    display: inline-block;
    cursor: pointer;
}

.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-recommend {
    background: #fb5050 !important;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-stock {
    background: #49bb9e !important;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-soldOut {
    background: #eb4646 !important;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-sales {
    background: #3baacf !important;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-discussion {
    background: #f3a633 !important;
}
.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-newCar {
    background: #e14185 !important;
}

.addTagFormOuter .selectTag[data-selectting-tag="1"].tag-unused {
    background: #4875fb !important;
}



.addTagFormOuter .createTagFormTextOuter {
    display: block;
    text-align: right;
    height: 0;
    overflow: hidden;
    transition: .35s;
}

.addTagFormOuter .createTagFormTextOuter.show {
    height: 40px;
}

.listOuter .usedcar_edit_btn .btn_tag_add {
    background: #587ec1;
    color: #fff;
    padding: 1px 5px 2px;
    text-shadow: none;
    box-sizing: border-box;
}

.usedcar_edit_btn .addTagFormSelect[data-show="1"] {
    width: 120px;
    padding: 5px 5px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font-size: 12px;
}


.usedcar_edit_btn .createTagFormText[data-show="1"] {
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 12px;
    width: 100px;
    margin: 5px 0 0;
}

.usedcar_edit_btn .addTagFormSelect[data-show="0"],
.usedcar_edit_btn .createTagFormText[data-show="0"] {
    display: none;
}

.usedcar_edit_btn .applyTagSubmitBtn[data-show="1"],
.usedcar_edit_btn .createTagSubmitBtn[data-show="1"] {
    display: inline-block;
    padding: 5px 8px;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    transition: all .2s;
    background: #444;
}

.usedcar_edit_btn .applyTagSubmitBtn[data-show="0"],
.usedcar_edit_btn .createTagSubmitBtn[data-show="0"] {
    display: none;
}


.addTagOuter {
    background: #fff;
    box-shadow: 1px 0px 3px rgb(0 0 0 / 15%);
    box-sizing: border-box;
    display: none;
    padding: 15px;
    position: absolute;
    right: -10px;
    top: 25px;
    z-index: 91;
    width: 300px;
    cursor: default;
}

.addTagOuter[data-show="0"] {
    display: none;
}

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

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

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

.addTagOuter:after {
/*    background-size: contain; */
}

#carTagSearchWrapped.js-activeLoading:after,
.addTagOuter.js-activeLoading:after {
    opacity:1;
    z-index: 1;
}


.addTagAlertString {
    color: #ff0000;
    font-size: 12px;
    margin: 5px 0;
    display: none;
}


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

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

.addTagOuter .createTag {
    display: block;
    width: 170px;
    margin-left: 170px;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    text-shadow: 1px 1px 0.1px rgb(255 255 255 / 30%);
    overflow: hidden;
    cursor: pointer;
}



.usercar_list h3 img.recomendmark_img[data-should-show="0"],
.usercar_list h3 .recoMark[data-should-show="0"],
#carListThumNail_wrapper .thumbnail_box .carthumb_img img.recomendmark_img[data-should-show="0"],
#carListThumNail_wrapper .thumbnail_box .carthumb_img .recoMark[data-should-show="0"],
#carListSlideShow_wrapper .thumbnail_box .carthumb_img img.recomendmark_img[data-should-show="0"],
#carListSlideShow_wrapper .thumbnail_box .carthumb_img .recoMark[data-should-show="0"] {
    display: none;
}

.usercar_list h3 img.recomendmark_img[data-should-show="1"],
.usercar_list h3 .recoMark[data-should-show="1"],
#carListThumNail_wrapper .thumbnail_box .carthumb_img img.recomendmark_img[data-should-show="1"],
#carListThumNail_wrapper .thumbnail_box .carthumb_img .recoMark[data-should-show="1"],
#carListSlideShow_wrapper .thumbnail_box .carthumb_img img.recomendmark_img[data-should-show="1"],
#carListSlideShow_wrapper .thumbnail_box .carthumb_img .recoMark[data-should-show="1"] {
    display: inline-block;
}

.usercar_list .list_main p{
    position: relative;
}

.usercar_list.listOuter[data-soldout-filter-show="1"]:has(.tag-soldOut[data-selectting-tag="1"]) .list_main p:after,
#carListThumNail_wrapper .listOuter[data-soldout-filter-show="1"] .carthumb_img:has(.tag-soldOut[data-selectting-tag="1"]):after,
#carListSlideShow_wrapper .listOuter[data-soldout-filter-show="1"] .carthumb_img:has(.tag-soldOut[data-selectting-tag="1"]):after{
    content: "";
    position: absolute;
    width: 50%;
    height: 50%;
    max-width: 72px;
    max-height: 71px;
    top: 0;
    left: 0;
    display: block;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../img/copy2open/soldout_ribbon.png);
    background-size: contain;
    z-index: 0;
}

.usercar_list .listOuter[data-soldout-filter-show="0"]:has(.tag-soldOut[data-selectting-tag="1"]) .list_main p:after,
#carListThumNail_wrapper .listOuter[data-soldout-filter-show="0"] .carthumb_img:has(.tag-soldOut[data-selectting-tag="1"]):after,
#carListSlideShow_wrapper .listOuter[data-soldout-filter-show="0"] .carthumb_img:has(.tag-soldOut[data-selectting-tag="1"]):after{
    display: none;
}

#carTagMoreSearch {
    clear: both;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
    width: 150px;
    margin: 30px auto 5px;
}

/*#carTagMoreSearch[data-show="0"] {
    border-bottom: 1px solid #eee;
}

#carTagMoreSearch[data-show="1"] {
    border-bottom: none;
}*/

#carTagMoreSearch .tagMoreLink {
    position: relative;
}

#carTagMoreSearch[data-show="0"] .tagMoreLink:after {
    content: "";
    background: url(../img/copy2open/tagMoreUnder.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 3px;
    right: -20px;
}

#carTagMoreSearch[data-show="1"] .tagMoreLink:after {
    content: "";
    background: url(../img/copy2open/tagMoreUpper.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 3px;
    right: -20px;
}

#closeBorder[data-show="0"] {
    border-bottom: 1px solid #eee;
}


#closeBorder[data-show="1"] {
    border-bottom: none;
}

.tagLabelOuter {
    position: absolute;
    top: 0;
    left: 0;
}

.usercar_list h3 span.tagLabelOuter {
    padding: 0;
    float: none;
    position: relative;
    top: unset;
    left: unset;
    display: inline-block;
    width: auto;
    background: none;
}

#carlist_main_box .tagLabelOuter {
    font-size: 10px !important;
    background: none !important;
    width: auto !important;
}

#carlist_main_box .tagLabelOuter .tagLabel,
#carlist_main_box .tagLabelOuter .otherLabel {
    font-size: 10px !important;
    background: #555 !important;
    color: #fff !important;
    padding: 0 7px !important;
    letter-spacing: 1px;
    width: auto !important;
}

#carlist_main_box .tagLabelOuter .otherLabel .count {
    width: auto !important;
    font-size: 10px !important;
    padding: 0 !important;
    background: none !important;
    color: #fff !important;
}

#carlist_main_box .tagLabelOuter .tagLabel.tag-stock,
#carTagSearchWrapped .carTagInner .carTag.tag-stock[data-clicked="1"] {
    background: #49bb9e !important;
    box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}

#carlist_main_box .tagLabelOuter .tagLabel.tag-soldOut,
#carTagSearchWrapped .carTagInner .carTag.tag-soldOut[data-clicked="1"] {
    background: #cf0000 !important;
    box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}

#carlist_main_box .tagLabelOuter .tagLabel.tag-sales,
#carTagSearchWrapped .carTagInner .carTag.tag-sales[data-clicked="1"] {
    background: #3baacf !important;
    box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}

#carlist_main_box .tagLabelOuter .tagLabel.tag-discussion,
#carTagSearchWrapped .carTagInner .carTag.tag-discussion[data-clicked="1"] {
    background: #f3a633 !important;
    box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}

#carlist_main_box .tagLabelOuter .tagLabel.tag-newCar,
#carTagSearchWrapped .carTagInner .carTag.tag-newCar[data-clicked="1"] {
    background: #e14185 !important;
    box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}

#carlist_main_box .tagLabelOuter .tagLabel.tag-unused,
#carTagSearchWrapped .carTagInner .carTag.tag-unused[data-clicked="1"] {
    background: #4875fb !important;
    box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}

#carlist_main_box .tagLabelOuter .tagLabel.tag-recommend,
#carTagSearchWrapped .carTagInner .carTag.tag-recommend[data-clicked="1"] {
    background: #fb5050 !important;
    box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.2);
}

#carlist_main_box .listOuter[data-soldout-filter-show="1"] .tagLabelOuter .tagLabel.tag-soldOut{
    display: none;
}

.usercar_list .tagLabelOuter .otherLabel {
    float: none;
    color: #fff;
    display: inline-block;
}

.usercar_list .tagLabelOuter .otherLabel .count {
    color: #fff;
    float: none;
    padding: 0;
    display: inline;
    background: none;
}

.tagLabelOuter .tagLabel[data-show="1"] {
    display: inline-block;
}

.tagLabelOuter .tagLabel[data-show="0"] {
    display: none !important;
}

.tagLabelOuter .otherLabel[data-show="0"] {
    display: inline-block;
}

.tagLabelOuter .otherLabel[data-show="0"] {
    display: none !important;
}

#carListThumNail_wrapper .listOuter[data-soldout-filter-show="1"] .isSoldOut .tagLabelOuter,
#carListSlideShow_wrapper .listOuter[data-soldout-filter-show="1"] .isSoldOut .tagLabelOuter{
    left: auto;
    right: 0;
}



.usercar_list h3 span.tagLabelOuter .tagLabel {
    float: none;
}

.question{
    margin:0 0 40px;
}

.question .error{
    color:#f00;
    font-size:12px;
}

.trialEnqueteHtml .question p:not(.error){
    border-left: none;
    padding-left: 0px;
}

.answers{
    padding:0 15px;
    font-size:14px;
}

.answers label{
    display:block;
    margin:0 0 10px;
    cursor:pointer;
}












#js-calendarWrapped p{
    background: url(../img/copy2open/loader.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center top;
    padding-top: 45px;
    text-align: center;
}

.page_select_box {
    margin: 0 0 10px;
}


/* ID付与に意味は無いが、どのIDのことを言ってるかを明示したいので。 
#main_img_wrapper.wideSubTopImage, 
#main_img_wrapper.wideSubTopImage #main_img_container{
    background:none !important;
}

#main_img_wrapper.wideSubTopImage #sub_top_img {
    display:block;
    position:absolute !important;
    width:1400px;
    height:200px;
    left:calc( 50% - 700px );
    text-align:center;
}

#main_img_wrapper.wideSubTopImage #sub_img_margin_top{
    top:15px;
}

#main_img_wrapper.wideSubTopImage #sub_img_margin_mid{
    top:46px;
}

#main_img_wrapper.wideSubTopImage #sub_img_margin_bot{
    top:77px;
}

#main_img_wrapper.wideSubTopImage #subMainImagePos{
    width: 960px;
    position: absolute;
    top: 0;
    left: calc( 50% - 480px );
}

.recommend_config {
    overflow: hidden;
    padding: 0 10px;
}

*/

.estimate_link {
    position: absolute;
    bottom: -8px;
    left: 220px;
    font-size: 12px;
}

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

#slider_change a:first-of-type .main_pict_img {
    margin-left: 5px;
}


/* ImageBox */

[data-transparent="0"]{ opacity:1; }
[data-transparent="1"]{ opacity:0; }
[data-scale-enhance = "0"]{ transform:scale(1); -webkit-font-smoothing: antialiased;}
[data-scale-enhance = "1"]{ transform:scale(1.05); -webkit-font-smoothing: antialiased;}

#js-directUploadImageInput{
    display:none;
}

.js-changeableBoxImageLayoutBox{
    position:relative;
    transition:.25s;
    -webkit-transition:.25s;
    z-index:1;
}

.js-changeableBoxImageLayoutBox.js-highlight{
    z-index:3;
}

body.js-activeControll #main_contents_container{
    z-index:61;
}

body.js-activeControll #main_contents{
    z-index:3;
}

body.js-activeControll .js-imageBox{
    z-index:3;
}



.js-imageBox{
    transition:.25s;
    position:relative;
}


.js-boxImage{
    transition: .25s;
}

.js-boxImage.js-transformingWidth{
    transition: .5s;
}

.imageBoxContents{
    float:left;
}

.imageBoxContents[data-layout="LAYOUT_2COLUMN"]{
    width: calc( 50% - 15px );
    margin:0 30px 30px 0;
}

.imageBoxContents[data-layout="LAYOUT_3COLUMN"]{
    width: calc( ( 100% - 61px ) / 3 ); /* 60px => 61px (ie prefix) */
    float:left;
    margin:0 30px 30px 0;
}

.imageBoxContents[data-layout="LAYOUT_4COLUMN"]{
    width: calc( ( 100% - 45px ) / 4 );
    float:left;
    margin:0 15px 30px 0;
}

.imageBoxContentsWrapper .imageBoxContents:last-of-type{
    margin-right:0px;
}

.imageBoxOuter{
    position:relative;
    display:table;
    transition:.25s;
    table-layout:fixed;
    
}


.imageBoxContents[data-layout="LAYOUT_2COLUMN"] .imageBoxOuter,
.imageBoxContents[data-layout="LAYOUT_3COLUMN"] .imageBoxOuter,
.imageBoxContents[data-layout="LAYOUT_4COLUMN"] .imageBoxOuter{
    margin: 0 auto 0;
}

.imageBoxInner{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:100%;
}



.imageBoxSlider iframe.imageBoxImage.size_middle{
    height: auto;
}

.captionHead, .captionBody{
    font-size:14px;
}

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




/* ImageBoxSlider */


.imageBoxSlider{
    overflow:hidden;
    padding:0;
}

.imageBoxSlider .imageBoxContentsWrapper{
    transition: .5s;
}

.imageBoxSlider .imageBoxOuter{
    width:100%;
    height:100%;
}

.imageBoxSlider .js-imageBlockImage{
    width: 100%;
    user-select: none;
    user-drag: none;
    -webkit-user-drag: none;
}

.js-controllerOuter{
    position: absolute;
    top: 50%;
}


.boxImageSliderController[data-active="1"],
.boxImageSliderProgress[data-active="1"]{
    opacity:1;
    cursor:pointer;
}

.boxImageSliderProgress:last-of-type{
    margin:0;
}

.boxImageSliderController{
    position: absolute;
    top: calc( 50% - 30px);
    color: #fff;
    padding: 10px;
    width: 40px;
    height: 60px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    transition: .3s;
    opacity: 0;
    z-index: 1;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0,0,0,0.3);
    border-radius:4px;
}

.boxImageSliderController:hover{
    background-color: rgba(0,0,0,0.5);
}

.boxImageSliderController[data-controller-id="prev"]{
    background-image: url(../img/copy2open/imageBoxSlideShowLeft.png);
    left: 0;
    box-shadow: 2px 0px 6px -2px rgba(0,0,0,0.3);
    border-radius: 0 4px 4px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.boxImageSliderController[data-controller-id="next"]{
    background-image: url(../img/copy2open/imageBoxSlideShowRight.png);
    right: 0;
    box-shadow: -2px 0px 6px -2px rgba(0,0,0,0.3);
    border-radius: 4px 0 0 4px;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-left: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.boxImageSliderProgress {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ccc;
    border-radius: 100%;
    margin-right: 5px;
    opacity:0;
}

.boxImageSliderProgress.js-current{
    background-color: #fefefe;
    box-shadow: 1px 1px 3px rgba(0,0,0,1);
}

.boxImageSliderProgressOuter {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 15px;
    z-index:1;
}



.imageBoxContents[data-layout="LAYOUT_2COLUMN"] .js-imageBlockImage,
.imageBoxContents[data-layout="LAYOUT_3COLUMN"] .js-imageBlockImage,
.imageBoxContents[data-layout="LAYOUT_4COLUMN"] .js-imageBlockImage{
    width: 100%;
    height: auto;
}

.imageBoxContents[data-layout="LAYOUT_4COLUMN"] iframe.js-imageBlockImage{
    width: 100%;
    height: 75%;
}


/* boxImageMultiSlider */

.imageBoxMultiSlider{
    width: 100%;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    opacity: 1;
    padding: 0 0 75px;
    position: relative;
    transition: opacity .3s;
}

.imageBoxMultiSlider[data-loading = "1"]{
    height: 0;
    opacity: 0;
    padding: 0;
}

.imageBoxMultiSlider .controllerOuter{
    bottom: 60px;
    position: absolute;
    top: auto;
    z-index: 1;
}

.imageBoxMultiSlider .numberingOuter{
    width: 86px;
    border-radius: 3px;
    bottom: 32px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    left: calc( 50% - 43px );
    padding: 2px 5px;
    text-align: center;
    position: absolute;
    z-index: 1;
}

.imageBoxMultiSlider .numberingOuter.blink{
    animation: multiSliderNumBlink 300ms ease forwards;
}

@keyframes multiSliderNumBlink {
    0% {
        background: none;
    }
    25% {
        background: #ffc7c7;
    }
    50% {
        background: none;
    }
    75% {
        background: #ffc7c7;
    }
    100% {
        background: none;
    }
}


.imageBoxMultiSlider .boxImageMultiSliderNumber{
    width: 32px;
    font-family: 'Noto Sans JP', sans-serif !important;
    display: inline-block;
    text-align: center;
}

.imageBoxMultiSlider .boxImageMultiSliderController{
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    transition: top .2s;
    box-sizing: border-box;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: #E9E9E9;
    box-shadow: 0 0 6px -2px rgba(0,0,0,0.3), inset 1px 1px rgba(0,0,0,0.1), inset -1px -1px rgba(0,0,0,0.1), inset -5px 0 5px rgba(255,255,255,0.5);
    border-radius: 3px;
}

.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "prev"]{
    position: absolute;
    right: auto;
    left: calc( 50% - 80px );
    background-image: url(../img/usedcar/carslider_prev.png);
    background-position: left 8px top 6px;
    background-size: 40%;
    cursor: pointer;
    margin: 0 10px 0 0;
}

.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "next"]{
    position: absolute;
    left: auto;
    right: calc( 50% - 80px );
    background-image: url(../img/usedcar/carslider_next.png);
    background-position: right 8px top 6px;
    background-size: 40%;
    cursor: pointer;
    margin: 0 0 0 10px;
}

.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "prev"]:hover,
.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "next"]:hover{
    background-color: #555;
    box-shadow: 0 0 6px -2px rgba(0,0,0,0.3), inset 1px 1px rgba(0,0,0,0.1), inset -1px -1px rgba(0,0,0,0.1), inset -5px 0 5px rgba(0,0,0,0.2);
}


/* スライドできる要素がないのにコントローラーは必要ない */
.imageBoxMultiSlider[data-max-slider-num = "0"],
.imageBoxMultiSlider[data-max-slider-num = "1"],
.imageBoxMultiSlider[data-max-slider-num = "2"],
.imageBoxMultiSlider[data-max-slider-num = "3"]{
    padding: 0;
}

.imageBoxMultiSlider[data-max-slider-num = "0"] .imageBoxContentsWrapper,
.imageBoxMultiSlider[data-max-slider-num = "1"] .imageBoxContentsWrapper,
.imageBoxMultiSlider[data-max-slider-num = "2"] .imageBoxContentsWrapper,
.imageBoxMultiSlider[data-max-slider-num = "3"] .imageBoxContentsWrapper{
    overflow: hidden !important;
}

.imageBoxMultiSlider[data-max-slider-num = "0"] .numberingOuter,
.imageBoxMultiSlider[data-max-slider-num = "1"] .numberingOuter,
.imageBoxMultiSlider[data-max-slider-num = "2"] .numberingOuter,
.imageBoxMultiSlider[data-max-slider-num = "3"] .numberingOuter,
.imageBoxMultiSlider[data-max-slider-num = "0"] .controllerOuter,
.imageBoxMultiSlider[data-max-slider-num = "1"] .controllerOuter,
.imageBoxMultiSlider[data-max-slider-num = "2"] .controllerOuter,
.imageBoxMultiSlider[data-max-slider-num = "3"] .controllerOuter{
    display: none;
}


.imageBoxMultiSlider .imageBoxContentsWrapper{
    width: 100%;
    margin: 0 0 15px;
    overflow: hidden;
    transition: transform 300ms ease-in-out;
}

.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;
    padding: 15px 15px 5px 15px !important;
}

.imageBoxMultiSlider .captionBody{
    font-size: 12px;
    padding: 5px 15px 15px 15px !important;
}

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

.imageBoxMultiSlider .imageBoxInner .imageBoxImage{
    width: 100%;
    user-select: none;
    user-drag: none;
    -webkit-user-drag: none;
}

.imageBoxMultiSlider .boxImageMultiSliderController{
    opacity: 1;
    transition: .3s;
}

.imageBoxMultiSlider .boxImageMultiSliderController.loadingNow{
    opacity: .1;
    cursor: not-allowed;
}


.imageBoxMultiSlider .boxImageMultiSliderController.loadingNow[data-controller-id = "prev"]:hover,
.imageBoxMultiSlider .boxImageMultiSliderController.loadingNow[data-controller-id = "next"]:hover{
    top: 0;
}

.imageBoxMultiSlider .imageBoxContentsSubWrapper{
    opacity: 1;
    transition: all .3s;
}

.imageBoxMultiSlider .imageBoxContentsSubWrapper.loadingNow{
    opacity: 0;
}

.imageBoxMultiSlider .imageBoxContentsWrapper.loadingNow{
    position: relative;
}

.imageBoxMultiSlider .imageBoxContentsWrapper.loadingNow:before{
    content: "";
    background: url(../img/ajax-loader.svg) no-repeat center center;
    background-size: 18px 18px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

/* ImageBox BlankImage */


.imageBoxBlankOuter{
    width: 100%;
    height: 100px;
    display: table;
    border: 1px dashed #eee;
    box-sizing: border-box;
    cursor:pointer;
    background-color:#fff;
    border-radius:7.5px;
    min-width: 80px;
    min-height: 68px;
    opacity: 0.8;
    padding: 10px 0;
}

.imageBoxBlankOuter:hover{
    opacity:1;
}

.imageBoxBlankOuter img{
    margin: 0 auto;
    position: absolute;
    width: 36px;
    top: calc(50% - 18px - 25px);
    left: calc(50% - 18px);
}

.imageBoxBlank{
    width: 100%;
    vertical-align: middle;
    display: table-cell;
    font-size: 14px;
    color: #36f;
    padding-top: 30px;
    line-height:18px;
    text-align: center;
}

.imageBoxContents[data-layout="LAYOUT_2COLUMN"] .imageBoxBlankOuter {
    min-width: 270px;
    min-height: 152px;
}

.imageBoxContents[data-layout="LAYOUT_3COLUMN"] .imageBoxBlankOuter {
    min-width: 160px;
    min-height: 90px;
}

.imageBoxContents[data-layout="LAYOUT_4COLUMN"] .imageBoxBlankOuter {
    min-width: 120px;
    min-height: 68px;
}



.header_font_family {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

.header_font_family_normal {
    font-family: sans-serif;
}

.header_font_family_tel {
    font-family: 'Sarpanch', sans-serif !important;
}

.header_logo_img{
    max-width: 240px;
    max-height: 48px;
}

.block_outer .imageBoxContents .captionHead {
    padding: 10px 0 0;
    margin: 0 0 0;
}

.block_outer .imageBoxContents .captionBody {
    padding: 10px 0 0;
    margin: 0;
}

.block_outer_estimate_form,
.parallaxContentOuter[data-field-id="estimate_form"] {
    display: none;
}

.existsEstimateForm .block_outer_estimate_form,
.existsEstimateForm .parallaxContentOuter[data-field-id="estimate_form"] {
    display: block;
}


.block_outer_entry_form,
.parallaxContentOuter[data-field-id="entry_form"] {
    display: none;
}

.existsRecruitForm .block_outer_entry_form,
.existsRecruitForm .parallaxContentOuter[data-field-id="entry_form"],
.recruitPage .block_outer_entry_form,
.recruitPage .parallaxContentOuter[data-field-id="entry_form"] {
    display: block;
}


.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;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}


.js-imageBoxBackground .editTextOuter {
    width: 50%;
    min-height: 280px;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.85) url(../img/copy2open/ibbBg.png);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    display: inline-block;
    border-radius: 2px;
    text-align: left;
    word-break: break-all;
    color: rgb(51, 51, 51);
}

.js-imageBoxBackground .js-imageBox {
    display: none;
}

.js-imageBoxBackground .editTextOuter h3 {
    float: none;
    width: auto;
    background-image: none;
    border: none;
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    color: rgb(51, 51, 51);
}


.js-imageBoxBackground .editTextOuter h3 b {
  background-image: none;
  width: 0;
  margin: 0;
  padding: 0;
}

.js-imageBoxBackground .editTextOuter h3 span {
  background-image: none;
  padding-left: 0;
  margin-left: 0;
  color: rgb(51, 51, 51);
}


.js-imageBoxBackground .editTextOuter h3:before {
    content: "";
    margin: 0;
    padding: 0;
}


.js-imageBoxBackground .editTextOuter b  {
    width: auto;
    background-image: none;
}

.js-imageBoxBackground .editTextOuter span {
    padding: 0;
    border: none;
}


.js-imageBoxBackground .editTextOuter p {
    width: auto;
    padding-left: 0;
    margin-left: auto;
    color: rgb(51,51,51);
}

.js-imageBoxBackground .box_free {
    border: none;
    background: none !important;
    width: auto;
    margin: 0;
}

.div_box_flow .js-imageBoxBackground.box_flow:after {
    content: "";
}


.box_flow.js-imageBoxBackground .editTextOuter h3 {
  padding-top: 0;
}

.box_flow.js-imageBoxBackground .editTextOuter b {
  background-image: none;
  width: 0;
  margin: 0;
  padding: 0;
}


.box_coupon.js-imageBoxBackground .editTextOuter h3 {
  padding-top: 0;
}

.box_coupon.js-imageBoxBackground .editTextOuter b {
  background-image: none;
  width: 0;
  margin: 0;
  padding: 0;
}

.box_promise.js-imageBoxBackground .editTextOuter h3 {
  padding-top: 0;
}

.box_promise.js-imageBoxBackground .editTextOuter b {
  background-image: none;
  width: 0;
  margin: 0;
  padding: 0;
}


.box_tokuten.js-imageBoxBackground .editTextOuter h3 {
  padding-top: 0;
}

.box_tokuten.js-imageBoxBackground .editTextOuter b {
  background-image: none;
  width: 0;
  margin: 0;
  padding: 0;
}

.box_voice.js-imageBoxBackground .editTextOuter h3 {
  background-image: none;
}

.box_voice.js-imageBoxBackground .editTextOuter b {
    display: inline-block;
}


.js-imageBoxBackground.isRight {
    text-align: right;
}

.js-imageBoxBackground.isLeft {
    text-align: left;
}


.bgImageNone {
    background-image: none;
}

.js-imageBoxBackground .imageNone {
    display: none !important;
}

.js-imageBoxBackground .imageBlock {
    display: block;
    background: transparent;
    border: 0;
    margin: 0;
}



.resetWidth {
    width: auto;
}

.resetHeight {
    height: auto;
}

#carlist_main_box {
    overflow: hidden;
}

#carListSlideShow_wrapper {
    padding: 18px;
    overflow: hidden;
    opacity: 0;
}

.carlist_slider_count {
    text-align: center;
    margin: 0 0 30px;
    opacity: 0;
    transition: .2s;
}

.carlist_slider_count .count_outer {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    background: transparent;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    padding: 0 10px;
}

.prev_img_outer, .next_img_outer {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: .25s;
    position: relative;
}

.prev_img_outer:hover, .next_img_outer:hover {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

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

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

.prev_btn, .next_btn {
    display: inline-block;
    transition: .2s;
}

.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: .2s;
}

.carlist_slider_count .loop_first {
    background: #fcc !important;
}

#carListSlideShow_wrapper .thumbnail_box{
    float: left;
    display: inline-block;
    clear: none;
    margin-right: 20px !important;
}

#carListSlideShow_wrapper .js-current {
    z-index: 2;
}


#carListSlideShow_wrapper .thumbnail_box:not(.js-current):after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    opacity: 0.5;
}

#carListSlideShow_wrapper .usedcar_edit_btn {
    top: 0;
    bottom:auto;
}

#carListSlideShow_wrapper .thumb_wrap {
    float: left;
}


.slider_count_none {
    display: none;
}

.slide_btn_none {
    display: none;
}

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

.slideshow_loader {
    display: none;
}

.base0_carlistSlideShow01 .carlist_slider_count {
    opacity: 1;
}

.toggle_carList {
    text-decoration: none;
}

.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;
}
#header .editLogoCompany.logoTextColorEEEEEE{
    color: #EEEEEE !important;
}


.editLogoOuter {
    display: inline-block;
    height: 40px;
    margin: 0;
}

.editLogoOuter,
.originalHeaderLogo{
    position: relative;
}

.editLogoOuter.logoEditMark1 .editLogoCompany{display: block;}
.editLogoOuter.logoEditMark1 .editLogoCompany:first-letter {
    font-size: 130%;
}

.editLogoOuter.logoEditMark2 {
    background: url(../img/companyLogo/logo/logoEditMark2.png) no-repeat;
    background-position: left top calc(50% - 3px);
    background-size: auto 34px;
    height: 40px;
}

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

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

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

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

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

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

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

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

.editLogoOuter.logoEditMark11 {
    background: url(../img/companyLogo/logo/logoEditMark11.png) no-repeat left center;
    background-size: 100% 60%;
    height: 40px;
}

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

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

.editLogoOuter.logoEditMark14 {
    background: url(../img/companyLogo/logo/logoEditMark14.png) no-repeat;
    background-size: auto 34px;
    background-position: left center;
    height: 40px;
}

.editLogoOuter.logoEditMarkReverse5 {
    background: url(../img/companyLogo/logo/logoEditMarkReverse5.png) no-repeat;
    background-size: auto 36px;
    background-position: right center;
    height: 40px;
}

.editLogoOuter.logoEditMarkReverse7 {
    background: url(../img/companyLogo/logo/logoEditMarkReverse7.png) no-repeat;
    background-size: auto 36px;
    background-position: right center;
    height: 40px;
}


.editLogoOuter.logoEditMark3 .editLogoCompany,
.editLogoOuter.logoEditMark9 .editLogoCompany,
.editLogoOuter.logoEditMark10 .editLogoCompany {
    padding-left: 40px;
}
.editLogoOuter.logoEditMark2 .editLogoCompany,
.editLogoOuter.logoEditMark5 .editLogoCompany {
    padding-left: 30px;
}
.editLogoOuter.logoEditMark4 .editLogoCompany,
.editLogoOuter.logoEditMark6 .editLogoCompany,
.editLogoOuter.logoEditMark13 .editLogoCompany {
    padding-left: 38px;
}
.editLogoOuter.logoEditMark7 .editLogoCompany {
    padding-left: 34px;
}
.editLogoOuter.logoEditMark8 .editLogoCompany {
    padding-left: 43px;
}
.editLogoOuter.logoEditMark12 .editLogoCompany {
    padding-left: 50px;
}
.editLogoOuter.logoEditMark14 .editLogoCompany {
    padding-left: 36px;
}



.editLogoOuter.logoEditMark2.logoPositionRight {
    background-position: right top calc(50% - 3px);
}
.editLogoOuter.logoEditMark3.logoPositionRight {
    background-position: right center;
}
.editLogoOuter.logoEditMark4.logoPositionRight {
    background-position: right center;
}
.editLogoOuter.logoEditMark6.logoPositionRight {
    background-position: right center;
}
.editLogoOuter.logoEditMark8.logoPositionRight {
    background-position: right center;
}
.editLogoOuter.logoEditMark9.logoPositionRight {
    background-position: right center;
}
.editLogoOuter.logoEditMark10.logoPositionRight {
    background-position: right top calc(50% - 1px);
}
.editLogoOuter.logoEditMark12.logoPositionRight {
    background-position: right center;
}
.editLogoOuter.logoEditMark13.logoPositionRight {
    background-position: right center;
}
.editLogoOuter.logoEditMark14.logoPositionRight {
    background-position: right center;
}


.editLogoOuter.logoEditMark3.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark6.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark9.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark10.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 42px;
}
.editLogoOuter.logoEditMark2.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 32px;
}
.editLogoOuter.logoEditMark4.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 40px;
}
.editLogoOuter.logoEditMarkReverse5.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 32px;
}
.editLogoOuter.logoEditMarkReverse7.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 36px;
}
.editLogoOuter.logoEditMark8.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 44px;
}
.editLogoOuter.logoEditMark12.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 52px;
}
.editLogoOuter.logoEditMark13.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 40px;
}
.editLogoOuter.logoEditMark14.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 40px;
}


.editLogoOuter a.editLogoCompany.notoSansJpLight {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 400 !important;
}

.mplus1pRegular {
    font-family: 'M PLUS 1p', sans-serif !important;
    font-weight: 700 !important;

}

.notoSansJpBlack {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 900 !important;
}

.notoSansJpBold {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 700 !important;
}

.notoSerifJpExtraLight {
    font-family: 'Noto Serif JP', serif !important;
    font-weight: 400 !important;
    padding-bottom: 3px !important;
}

.sourceHanSansRegular {
    font-family: "sourceHanSansRegular", serif !important;
}

.notoSerifJpBlack {
    font-family: 'Noto Serif JP', serif !important;
    font-weight: 900 !important;
    line-height: 1.2;
    padding-bottom: 2px !important;
}

.mPlusRounded1cLight {
    font-family: 'mPlusRounded1cLight', sans-serif !important;
    font-weight: 700 !important;

}

.mPlusRounded1cBold {
    font-family: 'mPlusRounded1cBold', sans-serif !important;
    font-weight: 900;
}

.logoTypeGothic {
    font-family: "logoTypeGothic", serif !important;
}

.editLogoOuter .editLogoCompany {
    height: 100%;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-size: 18px;
    position: relative;
}

.editLogoOuter .editLogoCompany.logoTextSizeSmall {
    font-size: 16px !important;
}

.editLogoOuter .editLogoCompany.logoTextSizeMedium {
    font-size: 18px !important;
}

.editLogoOuter .editLogoCompany.logoTextSizeLarge {
    font-size: 24px !important;
}

.logoNone {
    display: none !important;
}



.editLogoOuter .editLogoCompany.logoEditEffect2 {
    text-shadow: #EEE 2px 0px 0px, #EEE 0.75517px 0.958851px 0px, #EEE 1.0806px 0.68294px 0px, #EEE 1.141474px 1.99499px 0px, #EEE 0.167706px 1.81859px 0px, #EEE -0.60229px 1.19694px 0px, #EEE -0.97998px 1.28224px 0px, #EEE -0.87291px -0.701566px 0px, #EEE -0.30729px -1.5136px 0px, #EEE -0.421592px -0.95506px 0px, #EEE 0.567324px -1.91785px 0px, #EEE 0.41734px -0.41108px 0px, #EEE -1.07966px 0.441169px 0px, #EEE 0.92034px -1.558831px 0px, #EEE -0.07966px -1.558831px 0px !important;
}
/*
.editLogoOuter .editLogoCompany.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;
}
*/

.editLogoOuter .editLogoCompany.logoEditEffectCC0000 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #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 !important;
}

.editLogoOuter .editLogoCompany.logoEditEffectFF9900 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #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 !important;
}

.editLogoOuter .editLogoCompany.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 !important;
}

.editLogoOuter .editLogoCompany.logoEditEffect99cc00 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #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 !important;
}


.editLogoOuter .editLogoCompany.logoEditEffect006600 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #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 !important;
}


.editLogoOuter .editLogoCompany.logoEditEffect3399ff {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #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 !important;
}

.editLogoOuter .editLogoCompany.logoEditEffect0066ff {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #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 !important;
}

.editLogoOuter .editLogoCompany.logoEditEffect6633cc {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #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 !important;
}

.editLogoOuter .editLogoCompany.logoEditEffectFF6699 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #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 !important;
}


.editLogoOuter .editLogoCompany.logoEditEffect333333 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #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 !important;
}


.editLogoOuter .editLogoCompany.logoEditEffect000000 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #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 !important;
}

.editLogoOuter .editLogoCompany.logoEditEffectFFFFFF {
    text-shadow: #333333 1px 0px 0px, #333333 -1px 0px 0px, #333333 0px 0px 0px, #333333 0px 0px 0px, #333333 0px 1px 0px, #333333 0px -1px 0px, #333333 0px 0px 0px, #333333 0px 0px 0px, #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 !important;
}


.editLogoOuter .editLogoCompany.logoEditEffect4 {
    text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE !important;
}

.editLogoOuter .editLogoCompany.logoEditEffect5 {
    text-shadow: -1px 0px 3px rgba(255, 255, 255, 1), 2px 2.5px 2px rgba(20, 18, 16, 0.5) !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect6 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 3px, #FFFFFF 0px 0px 3px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 3px, #FFFFFF 0px 0px 3px, #aaa 0px -2px 0px, #aaa -1px 1px 0px, #aaa 1px 1px 0px, #aaa -2px 1px 0px, #aaa 2px -1px 0px, #aaa -2px -1px 0px, #aaa 1px 2px 0px, #aaa -1px 2px 0px, #aaa 1px -2px 0px, #aaa -1px -2px 0px, #aaa 1px 1px 0px, #aaa -1px 1px 0px, #aaa 1px -1px 0px, #aaa -2px -1px 0px, #aaa 1px 1px 0px, #aaa -1px 1px 0px !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect7 {
    text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 25px #eee, 0 0 35px #eee, 0 0 45px #eee !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect8 {
    text-shadow: 1.207px 1.007px 0px rgba(0, 0, 0, 0.6), -0.207px -0.207px 0px rgba(238, 238, 238, 0.8) !important;
}
.editLogoOuter .editLogoCompany.logoEditEffect9 {
    text-shadow: 1.5px 0.35px 3px rgba(238, 238, 238, 0.3), -1px -0.85px 0px rgba(51, 51, 51, 0.8) !important;
}


.editLogoOuter .editLogoCompany.logoEditEffect10 {
    text-shadow: none !important;
}

.editLogoOuter .editLogoCompany.logoEditEffect10:before {
  position: absolute;
  top: 1em;
  content: attr(data-text);
  color: inherit;
  opacity: 0.2;
  transform: rotateX(180deg) translateY(3px) scaleY(0.95);
}


.editLogoOuter .editLogoCompany.logoEditEffect11 {
    text-shadow: none;
}

.fontPreload {
    visibility: hidden;
}

.sub_menu_title_outer {
    color: #FFFFFF;
    text-align: left;
    width: 190px;
    height: 50px;
    display: inline-block;
}

.title_count_under_8 {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 300;
    font-size: 23px;
    padding: 10px 0 0 3px;
}

.title_count_under_10 {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 300;
    font-size: 18px;
    padding: 20px 0 0 2px;
}

.title_count_under_12 {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 300;
    font-size: 15px;
    padding: 25px 0 0 5px;
}

.title_count_over_12 {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    padding: 13px 0 0 13px;
}

.catch_copy{
    font-size: 36px;
    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: #333333;
}



.salesOuter h2{
    position: relative !important;
    top: 0;
}

.buyButtonOuter{
    text-align:center;
}


.buyButton, .toCartButton {
    background: #d31715;
    padding: 15px 25px 15px 50px;
    border-radius: 5px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 15px 0 0;
    cursor: pointer;
    transition: .3s;
    color: #fff;
    height: 54px;
    box-sizing: border-box;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-size: 20px;
    background-position: left 20px center;
}

.buyButton{
    background-color: #d31715;
}

.toCartButton{
    padding: 15px 85px 15px 110px;
    color:#fff !important;
    text-decoration: none !important;
    background-position: left 60px center;
}





/**
 * カート関連スタイル
 * 
 */

.cartActionOuter{
    display:none;
    position: fixed;
    box-sizing: border-box;
    background: #fff;
    bottom: 0px;
    left: 50%;
    padding: 15px 15px 10px 15px;
    border-radius: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
    z-index: 3;
    text-align: center;
    transform: translateX(-50%) translateY(100%);
    -webkit-transform: translateX(-50%) translateY(100%);
}

.usedcar_info_body .cartActionOuter {
    z-index: 6;
}


.usedcarPrintPage .printCarDetailContact p{
    font-size: 20px;
}

.usedcarPrintPage .printCarDetailContact{
    padding: 40px 0;
}

.usedcarPrintPage .inplace,
.usedcarPrintPage .img_change_cursor {
    cursor: default;
}

.cartActionOuter.js-hidden, .cartActionOuter.js-empty{
    display:none;
}

.cartActionOuter.js-ready{
    display:block;
}

.cartActionOuter.js-ready.js-animated{
    transition:.3s;
    transform: translateX(-50%) translateY(0%);
    -webkit-transform: translateX(-50%) translateY(0%);
}

.usedcarPrintPage .printCarDetailContact p{
    font-size: 20px;
}

.usedcarPrintPage .printCarDetailContact{
    padding: 40px 0;
}

.usedcarPrintPage .inplace,
.usedcarPrintPage .img_change_cursor {
    cursor: default;
}

#js-spImageEdit,
#js-spFirstImageUplode {
    display: none;
}

.usedcar_info_body .boxImageSettingControllerOuter,
.usedcar_info_body .boxImageImageControllerOuter {
    /*display: none;*/
}

.usedcarPrintPage .q_and_a_btn,
.usedcarPrintPage #carGallMask,
.usedcarPrintPage .pict_edit_btn_usedcar,
.usedcarPrintPage .deleteLinkOuter,
.usedcarPrintPage #cgmIndex,
.usedcarPrintPage #cgmCapWrapper{
    display: none;
}

.usedcarPrintPage .tokuten_come,
.usedcarPrintPage .pr_come{
    height: auto;
}

.usercar_list .list_tokuten_come {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    background-color: #eee;
    border-radius: 3px;
    padding: 5px 5px 5px 60px;
    background-position: top 7px left 6px;
    font-size: 13px;
    min-height: 45px;
    text-align: left;
    overflow: hidden;
    color: #000;
}

.usercar_list .list_tokuten_come .list_tokuten_come_inner {
    color: #000;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.usercar_list .list_pr_com {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    background-color: #eee;
    border-radius: 3px;
    padding: 5px 5px 5px 61px;
    background-position: top 7px left 6px;
    font-size: 13px;
    margin-right: 0px;
    min-height: 45px;
    text-align: left;
    overflow: hidden;
    color: #000;
}

.usercar_list .list_pr_com .list_tokuten_come_inner {
    color: #000;
    display: block;
    overflow: hidden;
}

#body_sub.usedcarPrintPage #block_outer_detail{
    background: none;
    color: initial;
}

/**
 * カート関連バーのボタン
 */

.cartActionOuter .triggerItem{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    cursor:pointer;
    transition:.3s;
}

.cartActionOuter .triggerItem.js-hidden{
    display:none;
}

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

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




/*「カートに入れる」ボタン*/
.cartButton{
    width: 165px;
    height: 45px;
    line-height: 45px;
    background-color: #CE1919;
    color: #fff;
    border-radius: 4px;
}

.cartButton:before{
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    margin: -1px 8px 0 0;
    vertical-align: middle;
}

.cartActionOuter .cartButton.js-carted{
    background-color:#aaa;
    cursor:default;
}

.cartActionOuter .cartButton.js-carted:hover{
    transform:translateY(0px);
    -webkit-transform:translateY(0px);
}


/* 「気になる」ボタン */
.favoriteButton{
    width: 105px;
    height: 45px;
    line-height: 46px;
    background: #555555;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    transition: .3s;
    color: #fff;
}

.favoriteButton:before{
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../img/copy2open/star_icon_w.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    margin: -4.5px 4px 0 0;
    vertical-align: middle;
}

.cartActionOuter .favoriteButton.js-favorited,
.cartActionOuter .favoriteButton.js-disabled{
    background-color:#aaa;
    cursor:default;
}

.cartActionOuter .favoriteButton.js-favorited:before,
.cartActionOuter .favoriteButton.js-disabled:before{
    background-image: url(../img/copy2open/star_icon_y.png);
}

.cartActionOuter .favoriteButton.js-favorited:hover,
.cartActionOuter .favoriteButton.js-disabled:hover{
    transform:translateY(0px);
    -webkit-transform:translateY(0px);
}





/*「カートを見る」アイコン */
.cartIcon{
    width: 45px;
    height: 45px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #6EA86C;
    background-image: url(../img/copy2open/cart_icon_w_filled.png);
    background-position: left 10px center;
    background-size: 24px;
    background-repeat: no-repeat;
    position: relative;
}


/* 「気になる」を見るアイコン */
.favoriteIcon{
    width: 45px;
    height: 45px;
    border-radius: 4px;
    background-color: #6EA86C;
    background-image: url(../img/copy2open/star_icon_w_emphasis.png);
    background-position: left 9px center;
    background-size: 25px;
    background-repeat: no-repeat;
    position: relative;
}


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




/**
 * サムネイル表示　カート関連ボタン
 */



.thumbnail_box .inCarlist {
    display: block;
    text-align: right;
    position: relative;
    bottom: 5px;
    right: 5px;
}


.buyButtonMini, .favoriteButtonMini, .detailButtonMini, .toCartButtonMini{
    transition:.3s;
}

.buyButtonMini:not(.disable),
.favoriteButtonMini:not(.disable),
.detailButtonMini:not(.disable),
.toCartButtonMini{
    cursor:pointer;
}

.buyButtonMini.disable,
.favoriteButtonMini.disable,
.detailButtonMini.disable,
.favoriteButton.disable{
    cursor:default;
}

.buyButtonMini:not(.disable):hover,
.favoriteButtonMini:not(.disable):hover,
.favoriteButton:not(.disable):hover,
.detailButtonMini:not(.disable):hover,
.toCartButtonMini:hover{
    transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}



.thumbnail_box .buyButtonMini{
    background: #d31715;
    color: #fff;
    padding: 5px 5px 5px 25px;
    width: 80px;
    box-sizing: border-box;
    display: inline-block;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left 5px center;
    font-size: 11px;
    text-align: center;
    border-radius: 5px;
    margin: 0 5px 0 0;
}

.thumbnail_box .favoriteButtonMini{
    background-color: #555555;
    background-image: url(../img/copy2open/star_icon_w.png);
    background-size: 18px;
    background-position: center top 5px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 46px;
    display: inline-block;
    box-sizing: border-box;
    padding: 23px 5px 0px;
    border-radius: 5px;
    margin:0 5px 0 0;
}

.thumbnail_box .detailButtonMini{
    background-color: #ec872f;
    color: #fff;
    padding: 23px 10px 0px 10px;
    height: 46px;
    display: inline-block;
    box-sizing: border-box;
    background-image: url(../img/copy2open/detail_icon.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: top 6px center;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
}

.thumbnail_box .toCartButtonMini{
    background: #d31715;
    color: #fff;
    padding: 5px 10px 5px 40px;
    width: 100px;
    box-sizing: border-box;
    display: inline-block;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 10px center;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    margin: 0 5px 0 0;
    width: 140px;
    height: 46px;
    line-height: 36px;
    text-decoration: none;
    float: left;
}



/**
 * リスト表示　カート関連ボタン
 */

.usercar_list .list_con{
    margin:0 0 15px;
}

.usercar_list .inCarlist{
    display:block;
    text-align:right;
}

.usercar_list .buyButtonMini{
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #d31715;
    color: #fff;
    padding: 0px 25px 0px 45px;
    display: inline-block;
    margin: 0 5px 0 0;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s;
    vertical-align: middle;
    line-height: 40px;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 15px center;
    text-decoration:none;
}

.usercar_list .favoriteButtonMini{
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #fff;
    background-image: url(../img/copy2open/star_icon_w.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left 15px top 9px;
    padding: 0px 25px 0px 40px;
    font-size: 14px;
    border-radius: 5px;
    transition: .3s;
    background-color:#555555;
}

.usercar_list .toCartButtonMini{
    background: #d31715;
    color: #fff;
    padding: 0px 25px 0px 45px;
    box-sizing: border-box;
    display: inline-block;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 10px center;
    font-size: 14px;
    border-radius: 5px;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
}

.usercar_list .detailButtonMini {
    display:none;
}

.favoriteButton.disable, .favoriteButtonMini.disable {
    background-image: url(../img/copy2open/star_icon_y.png);
}

.buyButtonMini.disable{
    background-color:#aaa;
    cursor:default;
}



.buyButtonMini.js-favoriteButton{
    background-image: url(../img/copy2open/star.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left 7px top 11px;
    padding: 10px 5px 10px 25px;
}



/**
 * カートフェーズページ
 * 
 */


.cartListOuter{
  margin-bottom: 30px;
}

.cartListOuter:empty{
    position:relative;
}

.cartListOuter:empty:before {
    content: "カートの中身を読み込んでいます…";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) translateY( 60px );
    -webkit-transform: translateX(-50%) translateY(-50%) translateY( 60px );
    font-size: 14px;
}

.cartListOuter:empty:after {
    content: "";
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 80px 0;
    background-image: url(../img/copy2open/loader.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.cartListOuter.js-loaded:empty:before{
    content : "カートに商品は入っていません";
    background: rgba(255,255,255,.1) url(../img/copy2open/ibbBg.png);
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 45px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    position:relative;
}

.cartListOuter.js-loaded:empty:after{
    display:none;
}


.cartListOuter.js-favoriteListOuter.js-loaded:empty:before{
    content : "「気になる」リストには商品はまだありません";
    background: rgba(255,255,255,.1) url(../img/copy2open/ibbBg.png);
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 45px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    position:relative;
}




.favoriteList, .cartList {
    padding: 15px 15px 15px 0px;
    margin: 0 0 30px;
    position: relative;
}

.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: 240px;
    margin: 0px 15px 15px 0px;
    float:left;
}

.favoriteList .about, .cartList .about {
    margin: 0 0 15px;
}

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

#js-selectCreditCardPayment,
#js-selectAmazonPay,
#js-selectOrico,
#js-selectPaypay{
    display:none;
}

#js-selectCreditCardPayment[data-useable="1"],
#js-selectAmazonPay[data-useable="1"],
#js-selectOrico[data-useable="1"],
#js-selectPaypay[data-useable="1"]{
    display:block;
}

#js-selectOrico[data-has-error="1"] input,
#js-selectOrico[data-has-error="1"] span{
    opacity: .3;
    cursor: default;
}

#js-selectOrico .errorText{
    background-color: #FEE;
    border: 1px solid #fcb4b4;
    box-sizing: border-box;
    color: #C00 !important;
    padding: 10px;
    margin: 0 0 10px;
}

#js-selectOrico .js-errorText[data-display = "0"]{
    display: none;
}

.selectPaymentItemOuter:last-of-type{
    margin:0 !important;
}

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

.aboutPaymentOuter{
    display:none;
    margin: 0 0 15px;
    padding: 0 15px;
}

.aboutPaymentLabel{
    display: inline-block;
    margin: 0 0 5px;
    background: #666;
    color: #fff;
    font-size: 11px;
    padding: 0 5px;
}

.note{
    font-size: 14px;
}

.noteDeliveryTime{
    display: inline-block;
    margin: 5px 0 0 10px;
    font-size: 12px;
}

.noteTop{
    margin-bottom: 5px;
    font-size: 14px;
    text-align: left;
}

.nextCartButton{
    color:#fff !important;
    text-align:center !important;
    text-decoration:none !important;
}

#amazonPayButton{
    width: 200px !important;
    height: 60px !important;
    margin: 0 auto;
}

.js-purchaseInput[readonly]{
    border:none !important;
    box-shadow:none;
}

.js-purchaseInput{
    resize:none;
}

.js-purchaseInput[type = "radio"]{
    position: relative;
    top: 2px;
}

select.js-purchaseInput[disabled] {
    color: initial;
    border: none !important;
    -webkit-appearance: 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;
}


.js-purchaseInput.inputarea4{
    width: 100%;
    box-sizing:border-box;
}

.thankyouDekky{
    width: 300px;
    background: #fff;
    border-radius: 5px;
    padding: 30px;

}

.finishShoppingImage{
    margin-bottom: 30px;
}

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

.contactAboutShoppingOuter{
    display: inline-block;
    padding: 30px;
    border: 1px solid #ccc;
    background:#fff;
    border-radius:5px;
    margin-bottom: 30px;
}

.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:36px;
    color:#333;
    margin-bottom: 0;
    display: block;
}

.paymentWayOuter,
.aboutTotalCostOuter,
.aboutPaymentWayOuter {
    margin-bottom: 30px;
}


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

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

.aboutCartIcon:empty{
    margin:0;
}






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

#js-deleteTrigger.hi-icon_now:after {
    top: 5px;
    right: 2px;
    animation: sonarEffect 1.3s ease infinite forwards;
}

.hi-icon_side_scroll {
    cursor: pointer;
    position: relative;
}

.hi-icon_side_scroll:after{
    width: 10px;
    height: 10px;
    opacity: 0.75;
    background: #fff;
    color: #fff;
    padding: 1px;
    display: block;
    position: absolute;
    font-size: 10px;
    top: 20px;
    left: 20px;
    border-radius: 100%;
    content: '';
    z-index: 130;
    box-sizing: content-box;
    animation: sonarEffect 1.3s ease forwards 3;
}

.hi-icon_inifite{
    cursor: pointer;
    position: relative;
}

.hi-icon_inifite:after{
    width: 10px;
    height: 10px;
    opacity: 0.75;
    background: #fff;
    color: #fff;
    padding: 1px;
    display: block;
    position: absolute;
    font-size: 10px;
    top: 20px;
    left: 20px;
    border-radius: 100%;
    content: '';
    z-index: 130;
    box-sizing: content-box;
    animation-name:sonarEffect;
    animation-duration:1.3s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

#hash-favorite{
    position:absolute;
    top: -150px;
}


#side_link_block img{
    max-width: 100%;
}

#js-totalCostAbout{
    font-size:12px;
    display:block;
    margin:5px 0 0;
    display:none;
}

#js-totalCostAbout.show{
    display:block;
}

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

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


/* 請求書  */

.ec-cart .div_box_free.invoice{
    display: none;
}

.ec-cart .invoice[data-invoice-status = "loading"],
.ec-cart .invoice[data-invoice-status = "loaded"],
.ec-cart .invoice[data-invoice-status = "noneed"]{
    display: block;
}

.ec-cart .invoice .invoiceContentOuter[data-invoice-status = "loading"],
.ec-cart .invoice .invoiceContentOuter[data-invoice-status = "loaded"],
.ec-cart .invoice .invoiceContentOuter[data-invoice-status = "noneed"]{
    display: none;
}

.ec-cart .invoice[data-invoice-status = "loading"] .invoiceContentOuter[data-invoice-status = "loading"],
.ec-cart .invoice[data-invoice-status = "loaded"] .invoiceContentOuter[data-invoice-status = "loaded"],
.ec-cart .invoice[data-invoice-status = "noneed"] .invoiceContentOuter[data-invoice-status = "noneed"]{
    display: block;
}


.invoiceContent{
    background-color: #eee;
    display: inline-block;
    padding: 10px 40px 10px 45px;
    font-size: 14px;
    color: #555;
    background-repeat: no-repeat;
    background-position: left 25px center;
}

.invoiceContentOuter[data-invoice-status = "loading"] .invoiceContent{
    background-image: url(../img/copy2open/icon_loader_a_ww_03_s1.gif);
}

.invoiceContentOuter[data-invoice-status = "loaded"] .invoiceContent{
    background-image: url(../img/copy2open/middle_menu_page_count_icon.png);
    text-decoration: none;
    color: #36f;
}

.invoiceContentOuter[data-invoice-status = "noneed"] .invoiceContent{
    background: none;
    padding: 0;
    color: initial;
}






/**
 * 成功事例ページ
 */
#body_free.reviewPage .reviewTopContentsInner{
    width: 100% !important;
    height: 600px;
    background-position: top center !important;
    background-repeat: no-repeat;
    background-size: 1920px;
    position: relative;
    max-width:none;
}

.reviewTopContents{
    box-sizing: border-box;
    position: absolute;
    top: 30px;
    left: calc( 50% + 480px - 480px - 30px );
    width: 480px;
    height: 360px;
}

.js-imageBoxBackground .reviewTopContentsTextOuter{
    background: rgba(0,0,0,0.75) !important;
    width:100%;
    padding: 45px;
    color: #fff !important;
}

.js-imageBoxBackground .reviewTopContentsTextOuter p{
    color:#fff !important;
}

.reviewTopContentsLeadText{
    border-bottom: 1px solid #fff;
    margin: 0 0 10px;
}

.reviewTopContentsLeadTextFront{
    font-size:24px;
}

.reviewTopContentsLeadTextBack{
    font-size:14px;
}

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

.block_outer_review_conversion{
    padding:0 0 60px;
}

.js-imageBoxBackground .reviewTopContentsTextOuter .reviewTopContentsCopyText{
    font-size: 28px;
    margin: 0 0 10px;
    line-height:initial;
}

.js-imageBoxBackground .reviewTopContentsTextOuter .reviewTopContentsCaptionText{
    margin:0 0 10px;
    line-height:initial;
}

.js-imageBoxBackground .reviewTopContentsTextOuter .reviewTopContentsShopInfoText{
    text-align:right;
}



.reviewMainContents .img_box_left,
.reviewMainContents .img_box_right{
    width: 100%;
}

.reviewMainContents .imageBoxContents{
    float:none;
}


.reviewConversionContentsImg{
    display:block;
    margin:auto;
    max-width: 100%;
}






.js-imageBoxBackground .reviewTopContentsTextOuter{
    margin:0 0 30px !important;
}

.reviewSampleContents {
    display: inline-block;
    width: calc( ( 100% - 30px ) / 3 );
    height: 60px;
    float: left;
    margin: 0 15px 0 0;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    transition:.3s;
}

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

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

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

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

.reviewPankuzuBlockOuterOuter{
    max-width: 960px;
    margin: 0 auto;
}

.sidebar_review img{
    width: 100%;
}

#body_free.reviewPage #main_img_wrapper{
    height:inherit !important;
    max-width: 1920px;
    margin: 0 auto;
}

#body_free.reviewPage #main_img_container{
    padding:0;
}

.block_outer_review_main .div_box_free .box_free:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* フェイスブックブロック */
.block_outer_facebook_block .facebook_wrapper{
    position: relative;
    margin-bottom: 60px;
    text-align: center;
    min-width: 280px;
    margin: 0 auto 60px;
    width: 100%;
}

#facebook_wrapper .overLay{
    position: absolute;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    max-width: 1000px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2;
    border-radius: 10px;
    border: none;    
}

#facebook_wrapper .facebookModal{
    color: #333;
    height: 330px;
    width: calc( 100% - 100px );
    max-width: 500px;
    top: calc(50% - 330px / 2);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    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: 40px auto 15px;
    font-size: 24px;
    font-weight: normal;
}

.facebookIdInput{
    font-size: 14px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: 7.5px 10px;
    margin: 0 0 5px;
    box-sizing: border-box;
    display: inline-block;
    width: 320px;
}

.facebookErrorMsg{
    color: #e00;
    visibility: hidden;
    height: 0px;
    transition: 0.25s;
    font-size: 14px;
    font-weight: bold;
}

.facebookErrorMsg.active{
    visibility: visible;
    height: 30px;
    margin-top: -25px;
}

.facebookRegistBtn{
    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: 180px;
    cursor: pointer;
    background-color: #ffaa00;
    background-image: url(/cms/img/common/palette_btn_dot.png), url(/cms/img/common/palette_btn_luster_light.png), linear-gradient(315deg, #ffcc00, #ffaa00 50%);
    background-repeat: repeat, no-repeat, repeat;
    background-position: left top, top center, left top;
    box-shadow: inset 0 0 100px rgba(0,0,0,0), inset 1px 1px 4px rgba(163,160,38,0), 1px 1px rgba(0,0,0,0.2), -1px -1px rgba(0,0,0,0.05);
    transition: 0.3s;
    display: block;
    margin: 0 auto 15px;
    box-sizing: border-box;
    display: inline-block;
}

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

.facebookNotes{
    font-size: 14px;
    margin: 0 0 30px;
}

.facebookDetaile{
    color: #666;
}

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

.facebookContentOuter{
    height: 500px;
    max-width: 500px;
}

.facebookFrame{
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    visibility: hidden;
    transition: .3s;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.facebookFrame.Loaded{
    visibility: visible;
}

.facebookFrameBackNotes{
    position: absolute;
    z-index: 0;
    border-radius: 10px;
    height: 500px;
    width: 500px;
    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;
}

.facebookLoader{
    background: url(../img/copy2open/loader.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center center;
    text-align: center;
    height: 500px;
    max-width: 500px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
    border-radius: 10px;
    border: none;  
}

#lead_p a:last-of-type{
    background-image: url(../img/copy2open/btn_grass.png), url(../img/copy2open/btn_Bg.png);
    background-color: #26e;
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    background-position: center bottom 2px, center;
    color: #fff;
    padding: 15px 45px;
    font-size: 16px;
    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;
}


/* 在庫車リスト メーカー・車種ハイライト */
h3 span.highlightFormatCar,
.h3 span.highlightFormatCar,
#carListThumNail_wrapper .thumbnail_box .h3 span.highlightFormatCar,
#carListSlideShow_wrapper .thumbnail_box .h3 span.highlightFormatCar {
    background: #f3f314 !important;
    display: inline;
    float: none;
    padding: 0;
    margin: 0;
    font-size: inherit;
    font-weight: bold;
    color: #000000;
}


/* 在庫車詳細本文ハイライト */
.block_outer_usedcar_detail .highlightFormatCar {
    background: #f3f314 !important;
}

#carListSlideShow_wrapper .free_search_hit_str {
    bottom: -25px;
}

.thumbnail_box .free_search_hit_str {
    font-size: 13px;
    text-align: right;
    display: block;
    box-sizing: border-box;
    position: absolute;
    bottom: -20px;
    right: 10px;
    color: #fb0;
    z-index: 2;
    text-decoration: underline;
    margin: 0;
}

.usercar_list .free_search_hit_str {
    font-size: 13px;
    display: block;
    box-sizing: border-box;
    color: #fb0;
    z-index: 2;
    text-decoration: underline;
    text-align: right;
    margin: 15px 0;
}

.usercar_list .gradeName {
    font-size: 11px;
    display: inline-block;
    padding: 3px 0 3px !important;
    margin: 0 0 0 10px;
    position: relative;
    z-index: 1;
}

#carlist_main_box .thumbnail_box .h3 span.gradeName {
    font-size: 11px !important;
    padding: 0 !important;
    position: relative;
    z-index: 1;
    display: block;
}

.free_search_hit_str:hover {
    text-decoration: none;
    cursor: pointer;
}


#gmenu_recruit.recruit_link_sp {
    display: none;
}


#body_top #wrapper span[data-face="Noto Serif JP"],
#body_sub #wrapper span[data-face="Noto Serif JP"],
#body_free #wrapper span[data-face="Noto Serif JP"],
span[data-face="Noto Serif JP"],
#body_top #wrapper span[data-face="Noto Serif JP"] *,
#body_sub #wrapper span[data-face="Noto Serif JP"] *,
#body_free #wrapper span[data-face="Noto Serif JP"] *,
span[data-face="Noto Serif JP"] * {
    font-family: 'Noto Serif JP', sans-serif !important;
}

#body_top #wrapper span[data-face="'M PLUS Rounded 1c'"],
#body_sub #wrapper span[data-face="'M PLUS Rounded 1c'"],
#body_free #wrapper span[data-face="'M PLUS Rounded 1c'"],
span[data-face="'M PLUS Rounded 1c'"],
#body_top #wrapper span[data-face="'M PLUS Rounded 1c'"] *,
#body_sub #wrapper span[data-face="'M PLUS Rounded 1c'"] *,
#body_free #wrapper span[data-face="'M PLUS Rounded 1c'"] *,
span[data-face="'M PLUS Rounded 1c'"] * {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

#body_top #wrapper span[data-face="Kosugi"],
#body_sub #wrapper span[data-face="Kosugi"],
#body_free #wrapper span[data-face="Kosugi"],
span[data-face="Kosugi"],
#body_top #wrapper span[data-face="Kosugi"] *,
#body_sub #wrapper span[data-face="Kosugi"] *,
#body_free #wrapper span[data-face="Kosugi"] *,
span[data-face="Kosugi"] * {
    font-family: 'Kosugi', sans-serif !important;
}

#body_top #wrapper span[data-face="Noto Sans JP"],
#body_sub #wrapper span[data-face="Noto Sans JP"],
#body_free #wrapper span[data-face="Noto Sans JP"],
.defaultFont span[data-face="Noto Sans JP"],
#body_top #wrapper span[data-face="Noto Sans JP"] *,
#body_sub #wrapper span[data-face="Noto Sans JP"] *,
#body_free #wrapper span[data-face="Noto Sans JP"] *,
span[data-face="Noto Sans JP"] * {
    font-family: 'Noto Sans JP', sans-serif !important;
}

/* EFO対策第1弾 */

.inputFileContollerOuter,.inputFileViewer, .inputFileController, .inputFileDeleter{
    display:none;
}

.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;
    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;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.inputFileTriggerIcon:last-child{
    margin-right:0px;
}




.inputFileTriggerIcon.js-hasImage .inputFileDeleter{
    display: inline-block;
    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: 17px;
    font-size: 14px;
    border: 2px solid #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    transition: .25s;
    z-index: 1;
}


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

.inputFileTriggerIcon.allowed {
    cursor: not-allowed;
}

#right_box .right_box_img .side_pict {
    padding: 0;
    background: none;
}

.fileSizeProgressBarOuter {
    position: relative;
}

.fileSizeOverAlert.js-error {
    background-color: #fcc;
    border-color: #f99;
}

.fileSizeProgressBarInner {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    max-width: 100%;
    width: 260px;
    height: 20px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 0;
    box-sizing: border-box;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 8%);
    background: #fefefe;
    overflow: hidden;
}

.js-inputFileViewerOuter {
    display: inline-block;
    max-width: 100%;
    height: 100%;
    position: relative;
}

.js-inputFileViewerOuter.sizeOver:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0.8;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    animation: fileSizeOverSonar 1.5s forwards 3;
}


.fileSizeProgressBar {
    display: inline-block;
    width: 0%;
    height: 100%;
    background: #87ff87;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    border-radius: 15px;
    text-align: left;
    transition: width .75s 100ms;
}

.fileSizeProgressBar.few {
    background: #87ff87;
}

.fileSizeProgressBar.many {
    background: #ff701d;
}

.fileSizeProgressBar.over {
    background: #e33838;
}

.fileSizeProgressBar.over .progressDetail,
.fileSizeProgressBar.many .progressDetail {
    color: #fefefe;
}


.progressDetail {
    color: #111;
    font-size: 10px;
    margin: 0 10px;
    display: inline-block;
    line-height: 20px;
    word-break: keep-all;
    white-space: nowrap;
}

#otoiawase_table_box .remainingSizeOuter,
#mitumori_table_box .remainingSizeOuter {
    color: #fd4c4c;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    display: none;
}

div#otoiawase_table_box,
.n_table.contact_table,
.block_outer_contact_form .mail_body_edit,
.block_outer_contact_form .mail_body_edit .n_table,
p#contact_form_desc,
h3.mitsumori_title,
div#mitumori_table_box,
.n_table.est_table_car,
.n_table.est_table_client,
.block_outer_estimate_form .mail_body_edit,
.block_outer_estimate_form .mail_body_edit .n_table,
.block_outer_entry_form .n_table,
.block_outer_entry_form .mail_body_edit,
#block_outer_dksm #dksm_wrapper .n_table{
    max-width: 900px !important;
}


.autoReplyMailMessage {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}


.block_outer_contact_form .plusBlockBtn,
.block_outer_contact_form .plusBlockBtn2,
.block_outer_contact_form .plusBlockBtn3,
.block_outer_contact_form .plusBlockBtn4,
.block_outer_contact_form .plusBlockBtn5,
.block_outer_contact_form .spamMailSetting__link,
.block_outer_estimate_form .plusBlockBtn,
.block_outer_estimate_form .plusBlockBtn2,
.block_outer_estimate_form .plusBlockBtn3,
.block_outer_estimate_form .plusBlockBtn4,
.block_outer_estimate_form .plusBlockBtn5,
.block_outer_estimate_form .spamMailSetting__link,
.block_outer_entry_form .plusBlockBtn,
.block_outer_entry_form .plusBlockBtn2,
.block_outer_entry_form .plusBlockBtn3,
.block_outer_entry_form .plusBlockBtn4,
.block_outer_entry_form .plusBlockBtn5,
.block_outer_entry_form .spamMailSetting__link {
    max-width: 900px !important;
}

.block_outer_contact_form td,
.block_outer_estimate_form td,
.block_outer_entry_form td {
    padding: 15px 30px;
}

.block_outer_contact_form .inputarea4,
.block_outer_estimate_form .inputarea4,
.block_outer_entry_form .inputarea4 {
    width: 440px;
}

#otoiawase_table_box p.remainingSizeOuter.hidden,
#mitumori_table_box p.remainingSizeOuter.hidden {
    display: none;
}

#form_syokusyu_free_txt,
#form_koyo_type_free_txt{
    display: block;
    margin-bottom: 10px;
}

.remainingSize {
    font-weight: bold;
    display: inline-block;
    padding: 0 2px 0;
}

#otoiawase_table_box .deleteFileSizeOver.overAlert,
#otoiawase_table_box p.fileSizeOverAlert.overAlert,
#mitumori_table_box .deleteFileSizeOver.overAlert,
#mitumori_table_box p.fileSizeOverAlert.overAlert {
    display: none;
}

#otoiawase_table_box .deleteFileSizeOver.overAlert.show,
#mitumori_table_box .deleteFileSizeOver.overAlert.show {
    display: inline-block;
}

#otoiawase_table_box .deleteFileSizeOver.overAlert.show:hover,
#mitumori_table_box .deleteFileSizeOver.overAlert.show:hover {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);
}

#otoiawase_table_box p.fileSizeOverAlert.overAlert.show,
#mitumori_table_box p.fileSizeOverAlert.overAlert.show {
    display: block;
    margin: 5px 0 0;
}

#otoiawase_table_box .deleteFileSizeOver,
#mitumori_table_box .deleteFileSizeOver {
    font-size: 10px;
    height: 15px;
    vertical-align: middle;
    line-height: 15px;
    cursor: pointer;
    border: 1px solid #eee;
    border-radius: 10px;
    background: #eee;
    padding: 0 10px;
    color: #111;
    box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
}

#otoiawase_table_box p.fileSizeOverAlert,
#mitumori_table_box p.fileSizeOverAlert {
    color: #fd4c4c;
    display: block;
    vertical-align: middle;
    font-size: 11px;
}

.pict_input_block {
    margin-bottom: 15px;
}

.progressDetailTotal,
.progressDetailMax,
.remainingSizeOuter .maxSize {
    font-size: 12px;
}

.progressDetailTotal {
    font-weight: bold;
}

.progressDetailTotal .sizeUnit {
    font-weight: normal;
    font-size: 10px;
    margin-left: 2px;
    display: inline-block;
}

.progressDetailTotal .sizeUnit {
    font-weight: normal;
    font-size: 10px;
    margin-left: 2px;
    display: inline-block;
}

.progressDetailMax {
    margin-right: 2px;
    font-size: 11px;
}

.progressAppended {
    display: inline-block;
    word-break: keep-all;
    white-space: nowrap;
    font-size: 11px;
    margin-left: 5px;
    font-family: 'Kosugi';
}

.progressAppended.hidden {
    display: none;
}

.fileSizeOverAppended {
    font-size: 10px;
    margin: 0 10px;
    display: inline-block;
    line-height: 20px;
    word-break: keep-all;
    white-space: nowrap;
    color: #fefefe;
    font-family: 'Kosugi';
    display: none;
}

.fileSizeOverAppended.show {
    display: inline-block;
}

.js-dateWrapper option[disabled]{
    color: #ccc;
}

.edit .n_table .open_modal{
    position: relative;
}

.edit .n_table .open_modal .touchLink{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.edit .n_table .open_modal:hover{
    background: #fc0;
}

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

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


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

body.no_pc_header_menu_left #menu_container,
body.no_pc_header_menu_right #menu_container{
    display:none;
}


/* メニュー統合 */

.global_header_menu_4 #gmenu_access,
.global_header_menu_5 #gmenu_access,
.global_header_menu_6 #gmenu_access{
    display:none;
}

.global_header_menu_5 #gmenu_estimate,
.global_header_menu_6 #gmenu_estimate,
.no_estimate_page #gmenu_estimate{
    display:none;
}

.global_header_menu_6 #gmenu_contact{
    display:none;
}


.footer_menu_6 #fmenu_access,
.footer_menu_6 #fmenu_access,
.footer_menu_6 #fmenu_access{
    display:none;
}


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


.footer_menu_6 #fmenu_contact{
    display:none;
}




/* chromeのアップデートによりフォーカスが黒枠になるので対応 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="text"]:focus,
    input[type="password"]:focus,
    textarea:focus,
    select:focus,
    input[type="text"]:active,
    input[type="password"]:focus,
    textarea:active,
    select:active {
        outline: none;
        box-shadow: 1px 1px 2px rgba(0,60,240,0.5) inset, -1px -1px 2px rgb(0,60,240,0.5) inset !important;
    }

    input[type="submit"]:focus,
    input[type="submit"]:active{
        outline: none;
        box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(163,160,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2) !important;
    }
}


/* 画像ポップアップ機能関連 */

/* 編集側 */
.imageBoxOverlay,
.closed_label{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.4);
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .3s;
    visibility: hidden;
}

.imageBoxOverlay.disnone{
    display: none !important;
}

.js-otherFastUploadTrigger.imageBoxOverlay{
    display: flex !important;
    position: absolute !important;    
}

.js-otherFastUploadTrigger.imageBoxOverlay.displayNone{
    display: none !important; 
}

#h2_box_1 .img_left:hover .imageBoxOverlay,
#h2_box_2 .img_left:hover .imageBoxOverlay,
#h2_box_3 .img_left:hover .imageBoxOverlay,
.imageBoxOuter:hover .imageBoxOverlay,
.side_img_box:hover .imageBoxOverlay,
#recruit_banner_block:hover .imageBoxOverlay,
.sidebar_shopinfo_block .shop_info_outer:hover .imageBoxOverlay,
.leadAccessPageImageOuter:hover .imageBoxOverlay,
.right_box_img:has(.js-linkTriggerEdit):hover .imageBoxOverlay{
    opacity: 1;
    visibility: visible;
}

.imageBoxOverlay .linkTriggerEdit,
.imageBoxOverlay .popUpTriggerEdit{
    color: rgba(255,255,255);
    cursor: pointer;
    width: 48px;
    height: 48px;
    opacity: .7;
    text-decoration: none;
    transform-origin: center center;
    transition: all .3s;
    text-shadow: 0 4px 10px rgba(0,0,0,.8);
}

.imageBoxOverlay .linkTriggerEdit{
    background: url(../img/copy2open/link_overlay_bg.png) no-repeat center center;
    background-size: 48px 48px;
    border: none;
}

.side_bar_sub .shop_info_outer img{
    padding-top: 0;
}

.side_bar_sub .imageBoxOverlay .linkTriggerEdit {
    background-size: 80%;
}

.side_bar_sub .side_img_box_max .imageBoxOverlay .linkTriggerEdit {
    background-size: 48px 48px;
}

.imageBoxOverlay .popUpTriggerEdit{
    background: url(../img/copy2open/popup_overlay_bg.png) no-repeat center center;
    background-size: 48px 48px;
}

.imageBoxOverlay .linkTriggerEdit:hover,
.imageBoxOverlay .popUpTriggerEdit:hover{
    opacity: 1;
    transform: scale(1.2);
}



/* 公開側　画像リンク */

.imageBoxContents .hasLink{
    display: block;
}

.map_box #leadAccessPageImageHasLink{
    display: inline-block;
}

/*
.imageBoxContents .hasLink:after,
.box_side_topics .hasLink:after,
.like_topics_block.sidebar_review :after,
.map_box #leadAccessPageImageHasLink:after,
.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;
}
*/

.imageBoxContents .hasLink:after{
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.4) url(../img/copy2open/img_link.png) no-repeat center center;
    background-size: 44px 44px;
    transition: opacity .4s;
    position: absolute;
    left: 0;
    top: 0;
}

.map_box #leadAccessPageImageHasLink:after{
    max-height: 200px;
}


#leadAccessPageImageHasLink{
    position: relative;
    display: inline-block;
}

.imageBoxContents .hasLink:hover:after,
.box_side_topics .hasLink:hover:after,
.like_topics_block.sidebar_review:hover :after,
#leadAccessPageImageHasLink:hover:after,
.linkOverlay:hover:not([href=""]):after{
    opacity: 1;
}


/* 公開側　ポップアップトリガー */
.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,.4) url(../img/copy2open/popup_overlay_bg.png) no-repeat center center;
    background-size: 48px 48px;
    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);
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transform-origin: center center;
    z-index: 1001;
    user-select: none;
}


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



/*** ポップアップアニメーションのIE11対応  ***/
/*** iframeのtransformがガタガタになるので普通に表示 ***/
@media all and (-ms-high-contrast: none){

    .popup-wrapper.hide[data-popup-mode = "pdf"]{
        animation: none;
    }

    .popup-wrapper.show[data-popup-mode = "pdf"]{
        animation: none;
        display: block;
        opacity: 1;
    }

    .hide[data-popup-mode = "pdf"] .popup-container{
        animation: none;
        opacity: 0;
    }

    .show[data-popup-mode = "pdf"] .popup-container{
        animation: none;
        opacity: 1;
    }
}

@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;
    background-image:url(../img/copy2open/icon_loader_a_ww_03_s1.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
}

.edit .popup-figure { /* 編集ページはfixed_menuがある分調整 */
    position: relative;
    top: 45px;
}

[data-popup-mode = "pdf"] .popup-figure{
    width: 960px;
    height: 75vh;
}

.edit [data-popup-mode = "pdf"] .popup-figure { /* 編集ページはfixed_menuがある分調整 */
    height: calc( 75vh - 70px );
    position: relative;
    top: 45px;
}

.popup-figure__image{
    background: none;
    border: 5px solid #FFF;
    box-shadow: 10px 20px 20px rgba(0,0,0,0.25);
    display: block;
    min-width: 50px;
    max-height: calc(70vh - 45px);
    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__image,
.popup-figure__iframe{
    max-width:960px;
}

.popup-figure__caption{
    opacity: 0;
    margin: 10px 0 0;
    background-color: rgba(0,0,0,0.8);
    bottom: 0;
    position: absolute;
    width: calc( 100% - 10px );
    box-sizing: border-box;
    left: 5px;
    bottom: 5px;
    padding:20px;
}

.popup-figure__caption:empty{
    display:none;
}

.popup-figure__caption-head{
    max-width: 85vw;
    color: #FFF;
    text-shadow: 1px 1px 1px #111;
    margin: 5px 0 0;
    font-size: 16px;
    font-weight: bold;
}

.popup-figure__caption-body{
    max-width: 85vw;
    color: #FFF;
    text-shadow: 1px 1px 1px #111;
    margin: 5px 0 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.head-background {
    width: 960px;
    height: 960px;
    position: fixed;
    left: 0;
    top: 0;
    color: #fff;
    font-weight: bold;
    font-size: 124px;
    opacity: .08;
    letter-spacing: 4px;
    transform: rotate(-45deg) translateX(0px);
    z-index: -1;
    font-family: 'Noto Serif JP', serif;
}

.popup-controll-item{
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    transform: translateY(-50%);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid #ccc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    cursor:not-allowed;
    opacity:0.2;
}

.popup-controll-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200%;
    height: 200%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.popup-figure__about {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    text-align: center;
    transform: translateY(100%) translateY(20px) translateX(-50%);
    font-weight: bold;
    letter-spacing: 1px;
    left:50%;
    min-width:600px;
}



body[data-animated-popup = "1"] .popup-wrapper.show,
body[data-animated-popup = "1"] .show .popup-container{
    animation:none;
}

.popup-wrapper[data-zoom="0"][data-prevable = "1"] .popup-controll-item[data-key = "prev"]:not(:active),
.popup-wrapper[data-zoom="0"][data-nextable = "1"] .popup-controll-item[data-key = "next"]:not(:active){
    cursor:pointer;
    opacity:1;
}

.popup-wrapper[data-zoom="1"] .popup-controll-item[data-key = "prev"]:not(:active),
.popup-wrapper[data-zoom="1"] .popup-controll-item[data-key = "next"]:not(:active){
    opacity: 0;
}

.popup-controll-item[data-key = "prev"] {
    background-image: url(../img/copy2open/slide_arrow_l.png);
    left: calc( 50% - 480px + 20px );
}

.popup-controll-item[data-key = "next"] {
    background-image: url(../img/copy2open/slide_arrow_r.png);
    left: calc( 50% + 480px - 48px - 20px );
}



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


.popup-counter-outer{
    position:absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    color:#fff;
    font-size:12px;
    display:inline-flex;
    justify-content:center;
    align-items:baseline;
}

.popup-counter-item__current{
    font-size:20px;
    font-weight:bold;
}
.popup-counter-item__slash{
    margin:0 4px;
}


/*** EC機能 ***/
/** 
 * 各デザインCSSで上書きする際、importantは不要です。
 * .ec-cart を指定して優先度を高くしてください。
 */
.ec-cart__progress{
    max-width: 960px;
    border-radius: 5px;
    counter-reset: flag;
    margin: 20px auto 45px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.ec-cart__progress-item{
    width: calc( 100% / 4 - 10px);
    background: #ededed;
    color: white;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 36px;
    outline: none;
    padding: 0 6px 0 0px;
    position: relative;
    transition: all .25s;
}

.ec-cart__progress-item:first-child {
    border-radius: 5px 0 0 5px;
}

.ec-cart__progress-item:first-child:before {
    left: 14px;
}

.ec-cart__progress-item:last-child {
    border-radius: 0 5px 5px 0;
    padding-right: 20px;
}

.ec-cart__progress-item--current,
.ec-cart__progress--edit .ec-cart__progress-item:hover{
    background: #CCCCCC;
}

.ec-cart__progress-item:after {
    width: 36px;
    height: 36px;
    background: #ededed;
    border-radius: 0 5px 0 50px;
    box-shadow: 2px -2px 0 2px rgb(255 255 255), 3px -3px 0 2px rgb(255 255 255 / 0%);
    content: '';
    position: absolute;
    top: 0;
    right: -18px;
    transform: scale(0.707) rotate(45deg);
    transition: all .25s;
    z-index: 1;
}

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

.ec-cart__progress-item:last-child:after {
    content: none;
}

.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: 30px;
    line-height: 20px;
    margin: 8px 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 60px;
}

.ec-cart__progress-item:first-child a, 
.ec-cart__progress-item:first-child span {
    padding: 0 0 0 48px;
}

.ec-cart__progress-item a,
.ec-cart__progress-item a:after {
    position: relative;
    transition: all 0.25s;
    z-index: 1;
}

.ec-button__returnInformation{
    text-align: center;
    margin: 0 0 30px;
    font-size: 14px;
}

.ec-button__returnInformation a:before{
    content: "";
    position: relative;
    width: 10px;
    height: 12px;
    display: block;
    background-image: url(../img/copy2open/next_txt_arw.png);
    background-repeat: no-repeat;
    transform: scale(-1, 1);
    left: calc(50% - 70px);
    top: 17px;
}

.ec-form__explain{
    margin-bottom: 30px;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    background: #F5F5F5;
    color: #333;
}

.ec-form__explain .ec-form__explain-title{
    font-size: 18px;
    margin-bottom: 15px;
}

.ec-form__explain .ec-form__explain-body{
}

.ec-button__outer{
    margin-bottom: 30px;
}

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

.checkbox__wrap.hasRobotCheckBox{
    margin: 60px 0 20px;
}

.checkbox__wrap.hasMailContentsCheckBox{
    margin: 20px 0;
}

.checkbox__no-robot,
.checkbox__mail_contents {
    display: none;
}

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

.label__mail_contents {
    padding: 15px 14px 15px 60px;
}

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

.label__no-robot:before,
.label__mail_contents: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,
.label__mail_contents: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,
.checkbox__mail_contents:checked + .label__mail_contents::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%);
}

.label__mail_contents .error-message__checkbox {
    width: 265px;
}

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

#body_sub.recruitPage .baloon:nth-last-of-type(5) {
    left: 42% !important;
}

/**
 * 2021-10-08 スマホスライダーアップデートに伴う対応
 */

#slider .sliderAddedDiv,
#bgSlider .sliderAddedDiv{
    width: 0;
    height: 0;
    display: none;
}

p.designNewIcon{
    position: relative;
}

p.designNewIcon:before {
    content: "NEW";
    background: #ff8080;
    width: 36px;
    height: 16px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0px 2px 0px;
    color: #fff;
    position: absolute;
    top: 0px;
    text-align: center;
    display: inline-block;
    left: -20px;
}


/** PC用ハンバーガーメニュー **/
#pc_menu_trigger {
    display: none;
}

.use_hamburger_menu #pc_menu_trigger {
    width: 100px;
    height: 100px;
    background: -webkit-linear-gradient(-75deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    box-shadow: 0 0 12px -4px rgba(0, 0, 0, .6);
    cursor: pointer;
    display: block;
    position: fixed;
    right: 45px;
    top: 45px;
    z-index: 12;
}

.js-menuOpened .use_hamburger_menu #pc_menu_trigger {
    background: transparent;
    box-shadow: none;
}

.edit .use_hamburger_menu #pc_menu_trigger {
    top: 115px;
}

div.mega_menu > ul.searchedResultListOuter {
    opacity: 1;
    display: none !important;
}

div.mega_menu > ul.searchedResultListOuter[data-show="1"] {
    display: flex !important;
    flex-wrap: wrap;
    align-content: flex-start;
}

.use_hamburger_menu div.mega_menu > ul.searchedEmpty[data-show="1"] {
    display: block !important;
    width: 720px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
}

.use_hamburger_menu div.mega_menu > ul.searchedEmpty[data-show="0"] {
    display: none !important;
}

.use_hamburger_menu div.mega_menu > ul.searchedEmpty .searchedEmptyList  {
    width: 380px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 190px);
    padding: 10px;
}

#pc_menu_trigger span {
    width: 60px;
    height: 5px;
    background-color: #fff;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .05);
    left: 20px;
    position: absolute;
    transition: transform 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

#pc_menu_trigger span:nth-of-type(1){top: 20px;}
#pc_menu_trigger span:nth-of-type(2){top: 40px;}
#pc_menu_trigger span:nth-of-type(3){top: 60px;}

#pc_menu_trigger:after {
    content: "MENU";
    width: 100%;
    bottom: 12px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    left: 0;
    letter-spacing: 0.3em;
    text-indent: 0.3em;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
}

.js-menuOpened #pc_menu_trigger:after {
    content: "CLOSE";
}

.js-menuOpened #pc_menu_trigger span:nth-of-type(1) {
    -webkit-transform: translate(0, 20px) rotate(-45deg);
    transform: translate(0, 20px) rotate(-45deg);
}

.js-menuOpened #pc_menu_trigger span:nth-of-type(2) {
    opacity: 0;
}

.js-menuOpened #pc_menu_trigger span:nth-of-type(3) {
    -webkit-transform: translate(0px, -20px) rotate(45deg);
    transform: translate(0px, -20px) rotate(45deg);
}

/** オーバーレイ **/
#pc_menu_overlay{
    background: rgba(0, 0, 0, 0);
    transition: background 600ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.js-menuOpened #pc_menu_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 5;
}


/** メニュー本体 **/
#menu_wrapper.use_hamburger_menu{
    height: 0;
}

.use_hamburger_menu #menu > ul{
    width: 420px;
    height: 100vh;
    background: #333;
    box-shadow: -5px 0px 15px 0px rgba(0, 0, 0, .15);
    box-sizing: border-box;
    opacity: 1;
    padding: 175px 45px 0 30px;
    position: fixed;
    right: -420px;
    top: 0;
    transition: all .3s;
    z-index: 11;
}

.edit .use_hamburger_menu #menu > ul{
    padding-top: 245px;
}

.js-menuOpened .use_hamburger_menu #menu > ul {
    right: 0;
    overflow: auto;
}

.use_hamburger_menu #menu ul > li{
    float: none;
    padding: 0;
}

.use_hamburger_menu #menu ul > li > a{
    width: auto;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0 auto;
    max-width: none;
    padding: 1.5vh 15px;
    text-align: left;
}

.use_hamburger_menu #menu .gmenu_company_tel{
    margin: 3vh 0 0;
    position: relative;
}

.use_hamburger_menu #menu .gmenu_company_tel .tel_str{
    color: #fff;
    display: inline-block;
    background: url(../img/copy2open/humbarger_common_tel.png) no-repeat top left;
    height: 32px;
    width: 32px;
    position: absolute;
    top: -2px;
    left: 0;
}

.use_hamburger_menu #menu .gmenu_company_tel .tel_number{
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    padding: 1.5vh 15px 1.5vh 45px;
    text-align: center;
}


/** メガメニュー **/
.use_hamburger_menu .mega_menu{
    width: 720px;
    height: 100vh;
    left: auto;
    padding: 0 !important;
    position: fixed;
    right: 420px;
    top: 0px;
}

.edit .use_hamburger_menu .mega_menu{
    height: calc( 100vh - 70px );
    top: 70px;
}

.use_hamburger_menu .mega_menu > ul{
    height: 100%;
    align-content: flex-start;
    background: #f9f9f9;
    border: none;
    border-radius: 0px;
    box-sizing: border-box;
    display: flex !important;
    padding: 45px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.use_hamburger_menu .mega_menu > ul::-webkit-scrollbar {
    display: none;
}






.pricetable td .syakenAllPrice {
    font-size: 14px;
    color: #CC0000;
    font-weight: bold;
}



/* パララックス  */

.parallaxContent{
    position: relative;
    width: 100vw;
    height: 240px;
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size:  100%;
    background-repeat: repeat !important;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 50%) inset, -2px 2px 4px rgb(0 0 0 / 50%) inset;
    background-color: #fff;
    overflow: hidden;
}

.parallaxContentOuter[data-field-id = "subtop"] .parallaxContent {
    box-shadow: none;
    background-attachment: scroll;
    background-repeat: no-repeat !important;
    background-size: cover;
}

.liquid_off .parallaxContent{
    width: 100%;
}

.parallaxContentOuter.empty .parallaxContent{
    background: none !important;
    text-align: center;
    box-shadow: none;
    overflow: hidden;
}

.parallaxContentOuter.empty .parallaxContent{
    height: 0px;
    margin: 0;
    padding: 0;
}





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


body[data-h2-animate-ready = "0"] h2{
    opacity: 0;
}


body[data-h2-animate-ready = "1"] h2{
    opacity: 1;
}

/* アニメーション指定 共通 */
.splited:not(.notAnimate),
#main_contents h2.midashi_long .splited,
#main_contents .blog_item h2 .splited,
#main_contents #middle_top_price01 h2 .splited,
#main_contents h3.h3_common .splited,
#main_contents h3.h3_common .splited,
#main_contents #middle_top_price01 h3.h3_common .splited{
    opacity:0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    text-decoration: inherit;
    font-weight: inherit;
    width: auto;
    background: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

/* h2 spanといったセレクタ指定の時にアニメーションをつけると直感編集での装飾に変わらないので対応 */
span[style*="color:#ff0000"] span:not(.splited),
span[style*="color:#990000"] span:not(.splited),
span[style*="color:#ff5454"] span:not(.splited),
span[style*="color:#ff4d4d"] span:not(.splited),
span[style*="color:#d0494f"] span:not(.splited),
span[style*="color:#ffa500"] span:not(.splited),
span[style*="color:#ffff00"] span:not(.splited),
span[style*="color:#008000"] span:not(.splited),
span[style*="color:#87ceeb"] span:not(.splited),
span[style*="color:#0000ff"] span:not(.splited),
span[style*="color:#800080"] span:not(.splited),
span[style*="color:#ffc0cb"] span:not(.splited),
span[style*="color:#000000"] span:not(.splited),
span[style*="color:#ef4c4b"] span:not(.splited),
span[style*="color:#3f8cec"] span:not(.splited),
span[style*="color:#40bb39"] span:not(.splited),
span[style*="color:#fec479"] span:not(.splited),
span[style*="color:#999999"] span:not(.splited),
span[style*="color:#cccccc"] span:not(.splited),
span[style*="color:#ee3e3e"] span:not(.splited),
span[style*="color:#8b1313"] span:not(.splited),
span[style*="color:#ec794d"] span:not(.splited),
span[style*="color:#e71870"] span:not(.splited),
span[style*="color:#c0a270"] span:not(.splited){
    color: inherit;
}

span[style*="font-weight"] span:not(.splited){
    font-weight: inherit;
}

span[style*="font-family"] span:not(.splited){
    font-family: inherit;
}

span[style*="font-size"] span:not(.splited){
    font-size: inherit;
}

/* アニメーション指定 共通ここまで */


.splited.fadeout{
    opacity: 0;
}

#header_wrapper p.headadd {
    z-index: 5;
}


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


.splited:not(.fired)[data-h2-animation-name = "label"]{
    color:transparent !important;
    background:none !important;
    text-shadow: none !important;
    transition-duration:1s;
    opacity:0;
}

.splited.fired[data-h2-animation-name = "label"]{
    position: relative;
    animation-duration: .05s;
    animation-fill-mode: forwards;
    opacity:1;
}

.splited.fired[data-h2-animation-name = "label"]:after{
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    animation-name: labelItem;
    animation-duration: .05s;
    animation-fill-mode: inherit;
    animation-delay: inherit;

}



@keyframes labelItem{
    0% {
        width:100%;
        
    }
    100% {
        width:0;
    }
}





/* H2 Animation 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%);
    }
}





/** フェードイン（上から） */
.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(-30px);
    }
    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(30px);
    }
    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(-15px);
    }
    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(-60px);
    }
    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(15px);
    }
    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(60px);
    }
    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(30px);
    }
    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(-50px, -50px) scale(0.85);
            transform: translate(-50px, -50px) 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(50px, -50px) scale(0.85);
            transform: translate(50px, -50px) 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(-50px, 50px) scale(0.85);
            transform: translate(-50px, 50px) 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(50px, 50px) scale(0.85);
            transform: translate(50px, 50px) scale(0.85);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0px, 0px) scale(1);
            transform: translate(0px, 0px) scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}


/** チルトイン（斜め上から） */
.animation-lib--tilt-in-tr{
    animation-name: animation-lib--tilt-in-tr;
    animation-duration: .65s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

@keyframes animation-lib--tilt-in-tr{
  0% {
    -webkit-transform: rotateY(-8.5deg) rotateX(5deg) translate(60px, -60px) skew(-3deg, -4deg);
            transform: rotateY(-8.5deg) rotateX(5deg) translate(60px, -60px) skew(-3deg, -4deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

/** バウンスイン（大きくなる） */
.animation-lib--bounce-in-fwd{
    animation-name: animation-lib--bounce-in-fwd;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes animation-lib--bounce-in-fwd{
  0% {
    -webkit-transform: scale(0.4) rotateZ(-5deg);
            transform: scale(0.4) rotateZ(-5deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  38% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  55% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.89);
            transform: scale(0.89);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1) rotateZ(-0deg);
            transform: scale(1) rotateZ(-0deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

/*@keyframes fileSizeOverSonar {
    0% {
        opacity: 1;
        box-shadow: 0px 0px 0px 0px rgb(227,56,56,.4);
    }
    50% {
        opacity: .5;
        box-shadow: 0px 0px 2px 5px rgb(227,56,56,.7);
    }
    100% {
        opacity: 0;
        box-shadow: 0px 0px 2px 4px rgb(227,56,56,0);
    }
}*/


@keyframes fileSizeOverSonar {
    0% {
        opacity: 1.0;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 0px rgba(227,56,56,0.1), 0 0 10px 10px rgb(227,56,56), 0 0 0 10px rgba(227,56,56,0.5);
    }
    100% {
        box-shadow: 0 0 0 0px rgba(227,56,56,0.1), 0 0 10px 10px rgb(227,56,56), 0 0 0 10px rgba(227,56,56,0.5);
        transform: scale(1.1);
        opacity: 0;
    }
}

.parallaxContentOuter h2#recommend_h2.animation__h2--black5--passive:before,
.parallaxContentOuter h2.midashi_long.animation__h2--black5--passive:before,
.parallaxContentOuter #middle_top_price01 h2.animation__h2--black5--passive:before,
.parallaxContentOuter h2.cart_h2.animation__h2--black5--passive:before,
.blog_item h2#recommend_h2.animation__h2--black5--passive:before,
.blog_item h2.midashi_long.animation__h2--black5--passive:before,
.blog_item h2.cart_h2.animation__h2--black5--passive:before,
#main_contents_container .ec-cart .blog_item h2.cart_h2.animation__h2--black5--passive:before,
#main_contents_container .ec-cart .blog_item h2.h2_title.animation__h2--black5--passive:before,
.parallaxContentOuter h2#recommend_h2.animation__h2--black5--passive:after,
.parallaxContentOuter h2.midashi_long.animation__h2--black5--passive:after,
.parallaxContentOuter #middle_top_price01 h2.animation__h2--black5--passive:after,
.parallaxContentOuter h2.cart_h2.animation__h2--black5--passive:after,
.blog_item h2#recommend_h2.animation__h2--black5--passive:after,
.blog_item h2.midashi_long.animation__h2--black5--passive:after,
.blog_item h2.cart_h2.animation__h2--black5--passive:after,
#main_contents_container .ec-cart .blog_item h2.cart_h2.animation__h2--black5--passive:after,
#main_contents_container .ec-cart .blog_item h2.h2_title.animation__h2--black5--passive:after{
    opacity: 0;
}

.parallaxContentOuter h2#recommend_h2.animation__h2--black5--active:before,
.parallaxContentOuter h2.midashi_long.animation__h2--black5--active:before,
.parallaxContentOuter #middle_top_price01 h2.animation__h2--black5--active:before,
.parallaxContentOuter h2.cart_h2.animation__h2--black5--active:before,
.blog_item h2#recommend_h2.animation__h2--black5--active:before,
.blog_item h2.midashi_long.animation__h2--black5--active:before,
.blog_item h2.cart_h2.animation__h2--black5--active:before,
#main_contents_container .ec-cart .blog_item h2.cart_h2.animation__h2--black5--active:before,
#main_contents_container .ec-cart .blog_item h2.h2_title.animation__h2--black5--active:before{
    animation: black5_animation_before 0.35s ease-in;
}

.parallaxContentOuter h2#recommend_h2.animation__h2--black5--active:after,
.parallaxContentOuter h2.midashi_long.animation__h2--black5--active:after,
.parallaxContentOuter #middle_top_price01 h2.animation__h2--black5--active:after,
.parallaxContentOuter h2.cart_h2.animation__h2--black5--active:after,
.blog_item h2#recommend_h2.animation__h2--black5--active:after,
.blog_item h2.midashi_long.animation__h2--black5--active:after,
.blog_item h2.cart_h2.animation__h2--black5--active:after,
#main_contents_container .ec-cart .blog_item h2.cart_h2.animation__h2--black5--active:after,
#main_contents_container .ec-cart .blog_item h2.h2_title.animation__h2--black5--active:after{
    animation: 
        black5_animation_after_pre 0.35s ease-in 0s forwards,
        black5_animation_after 0.35s ease-in 0.15s forwards;
}


@keyframes black5_animation_before{
    0%{
        height: 0%;
        opacity: 1;
    }
    1%{height: 1%}
    50%{height: 10%}
    100%{
        height: 40%;
        opacity: 1;
    }
}

@keyframes black5_animation_after_pre{
    0%{
        height: 0%;
        opacity: 1;
    }
    100%{
        height: 0%;
        opacity: 1;
    }
}

@keyframes black5_animation_after{
    0%{
        height: 0%;
        opacity: 1;
    }
    1%{height: 1%}
    50%{height: 25%}
    100%{
        height: 100%;
        opacity: 1;
    }
}

.parallaxContentOuter.animation__h2--photo7--passive:nth-of-type(4n-2):after,
.blog_item.animation__h2--photo7--passive:nth-of-type(4n-2):after,
.parallaxContentOuter.animation__h2--photo7--passive:nth-of-type(4n):after,
.blog_item:nth-of-type(4n):after,
h2.midashi_long.animation__h2--photo7--passive:before,
.h2_common.animation__h2--photo7--passive:before,
.parallaxContentOuter[data-field-id="carlist"] h2.midashi_long.animation__h2--photo7--active:before,
.parallaxContentOuter[data-field-id="faq"] h2.midashi_long.animation__h2--photo7--passive:before,
#block_outer_recommend #recommend_h2.animation__h2--photo7--passive:before,
#block_outer_recommend #recommend_h2.animation__h2--photo7--passive:after,
.ec-cart .parallaxContentOuter h2.midashi_long.animation__h2--photo7--passive:before{
    opacity: 0;
}

.parallaxContentOuter.animation__h2--photo7--active:nth-of-type(4n-2):after,
.blog_item.animation__h2--photo7--active:nth-of-type(4n-2):after{
    animation: photo7_animation_after_2 0.4s ease-in forwards;
}

.parallaxContentOuter.animation__h2--photo7--active:nth-of-type(4n):after,
.blog_item.animation__h2--photo7--active:nth-of-type(4n):after{
    animation: photo7_animation_after_4 0.4s ease-in forwards;
}

h2.midashi_long.animation__h2--photo7--active:before,
.h2_common.animation__h2--photo7--active:before,
.parallaxContentOuter[data-field-id="carlist"] h2.midashi_long.animation__h2--photo7--active:before,
.parallaxContentOuter[data-field-id="faq"] h2.midashi_long.animation__h2--photo7--active:before,
#block_outer_recommend #recommend_h2.animation__h2--photo7--active:before,
#block_outer_recommend #recommend_h2.animation__h2--photo7--active:after,
.ec-cart .parallaxContentOuter h2.midashi_long.animation__h2--photo7--active:before{
    animation: photo7_animation_before 0.4s ease-in forwards;
}

@keyframes photo7_animation_after_2{
    0%{
        width: 0px;
        height: 0px;
        left: calc( 25% - 0px);
        opacity: 1;
    }
    1%{
        width: 0.5px;
        height: 1px;
    }
    50%{
        width: 7px;
        height: 15px;
        left: calc( 25% - 1px);
    }
    100%{
        width: 30px;
        height: 60px;
        left: calc( 25% - 4px);
        opacity: 1;
    }
}

@keyframes photo7_animation_after_4{
    0%{
        width: 0px;
        height: 0px;
        right: calc( 25% - 0px);
        opacity: 1;
    }
    1%{
        width: 0.5px;
        height: 1px;
    }
    50%{
        width: 7px;
        height: 15px;
        right: calc( 25% - 1px);
    }
    100%{
        width: 30px;
        height: 60px;
        right: calc( 25% - 4px);
        opacity: 1;
    }
}

@keyframes photo7_animation_before{
    0%{
        width: 0px;
        bottom: -5px;
        left: calc(50% - 17px);
        opacity: 1;
    }
    1%{
        width: 1.6px;
        bottom: -5px;
        left: calc(50% - 17px);
    }
    50%{
        width: 12px;
        bottom: -10px;
        left: calc(50% - 19px);
    }
    100%{
        width: 50px;
        bottom: -23px;
        left: calc(50% - 24px);
        opacity: 1;
    }
}

/**
 * 〇〇の他のページ改修
 */

/** サイドバー側 PCは問答無用で非表示 */
.subpageLink .thumbnail-exist img{
    display: none;
}

.ul_lead{
    opacity: 1;
    transition: .3s all;
}

.layout--default li.lead img{
    display: none;
}

ul.ul_lead.layout--list,
ul.ul_lead.layout--card{
  display: flex;
  flex-wrap: wrap;
}

.layout--list li.lead:before,
.layout--list li.lead:after,
.layout--card li.lead:before,
.layout--card li.lead:after{
    content: "";
    display: none;
}

.layout--card{
  align-items: flex-start;
}

ul.ul_lead.layout--list li.lead{
  width: 47%;
  padding-bottom: 0;
  margin: 0 3% 5px 0 !important;
}

ul.ul_lead.layout--default li.lead:nth-last-of-type(1),
ul.ul_lead.layout--list li.lead:nth-last-of-type(1),
ul.ul_lead.layout--list li.lead:nth-last-of-type(2),
ul.ul_lead.layout--card li.lead:nth-last-of-type(1),
ul.ul_lead.layout--card li.lead:nth-last-of-type(2),
ul.ul_lead.layout--card li.lead:nth-last-of-type(3){
    margin-bottom: 0 !important;
}


li.lead.thumbnail-empty:before{
/*    content: "";
    display: none !important;*/
}

.layout--list li.lead.current.thumbnail-empty:nth-of-type(5n-4),
.layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n-4) a{
    background-image: url(../img/copy2open/no_image_1_s.jpg);
}

.layout--card li.lead.current.thumbnail-empty:nth-of-type(5n-4),
.layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n-4) a{
    background-image: url(../img/copy2open/no_image_1.png);
}

.layout--list li.lead.current.thumbnail-empty:nth-of-type(5n-3),
.layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n-3) a{
    background-image: url(../img/copy2open/no_image_2_s.jpg);
}

.layout--card li.lead.current.thumbnail-empty:nth-of-type(5n-3),
.layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n-3) a{
    background-image: url(../img/copy2open/no_image_2.png);
}

.layout--list li.lead.current.thumbnail-empty:nth-of-type(5n-2),
.layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n-2) a{
    background-image: url(../img/copy2open/no_image_3_s.jpg);
}

.layout--card li.lead.current.thumbnail-empty:nth-of-type(5n-2),
.layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n-2) a{
    background-image: url(../img/copy2open/no_image_3.png);
}

.layout--list li.lead.current.thumbnail-empty:nth-of-type(5n-1),
.layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n-1) a{
    background-image: url(../img/copy2open/no_image_4_s.jpg);
}

.layout--card li.lead.current.thumbnail-empty:nth-of-type(5n-1),
.layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n-1) a{
    background-image: url(../img/copy2open/no_image_4.png);
}

.layout--list li.lead.current.thumbnail-empty:nth-of-type(5n),
.layout--list li.lead:not(.current).thumbnail-empty:nth-of-type(5n) a{
    background-image: url(../img/copy2open/no_image_5_s.jpg);
}

.layout--card li.lead.current.thumbnail-empty:nth-of-type(5n),
.layout--card li.lead:not(.current).thumbnail-empty:nth-of-type(5n) a{
    background-image: url(../img/copy2open/no_image_5.png);
}

.layout--list li.lead.current.thumbnail-empty,
.layout--list li.lead:not(.current).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 li.lead.current{
  display: flex;
  align-items: center;
}

.layout--list li.lead:not(.current) a{
  align-items: center;
  display: flex;
  text-decoration: none;
}

.layout--list li.lead:not(.current) a:hover{
  text-decoration: underline;
}


.layout--list li.lead img{
  width: 64px;
  max-width: 64px;
  margin: 0 20px 0 0;
}

.layout--card .foot-middle-menu__list{
    align-items: flex-start;
}

ul.ul_lead.layout--card li.lead{
  width: 32%;
  margin: 0 1% 2% 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;
}

ul.ul_lead.layout--card li.lead img{
  width: 100%;
  max-width: 100%;
  margin: 0 0 10px;
}

ul.ul_lead.layout--card li.lead:hover{
    background: rgba(0,0,0,.05);
    font-weight: bold;
}

ul.ul_lead.layout--card li.lead.thumbnail-empty.current,
ul.ul_lead.layout--card li.lead.thumbnail-empty:not(.current) a{
    padding: calc( 100% * 0.75 + 10px ) 0 0 0 !important;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
}

ul.ul_lead.layout--card li.lead.thumbnail-empty.current{
    padding: calc( (32% - 5px) * 0.75 + 10px ) 0 10px 0 !important;
    background-size: calc( 100% - 20px ) auto;
    background-position: top 10px center;
}

ul.ul_lead.layout--card li.lead a{
    display: block;
}

ul.ul_lead.layout--card li.lead 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;
}

.subpageLink .plusBlockBtn--lead{
  display: none !important;
}

.plusBlockBtn.plusBlockBtn--lead ul{
    width: auto;
    height: 25px;
    margin-left: 5px;
}

.display_change_outer .toggle_carList.current,
.changeSortedOrderOuter .changeSortedOrder.current,
.plusBlockBtn--lead .changeLeadLayout.current{
    position: relative;
}

.display_change_outer .toggle_carList.current:before,
.changeSortedOrderOuter .changeSortedOrder.current:before,
.plusBlockBtn--lead .changeLeadLayout.current:before{
    width: 15px;
    height: 15px;
    background-image: url(/cms/img/menu_back/check_min_red.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    left: -12px;
    position: absolute;
    top: 7px;
    z-index: 2;
}

.changeLeadLayoutOuter,
.changeSortedOrderOuter {
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 25px;
    position: relative;
}

.display_change_outer{
    cursor: pointer;
    position: relative;
}

.display_change_outer img,
.changeLeadLayoutOuter img,
.changeSortedOrderOuter img {
    cursor: pointer;
}

.display_change_outer .carList_layout_change_icon_wrapper,
.changeLeadLayoutOuter .changeLeadLayoutInner,
.changeSortedOrderOuter .changeSortedOrderInner{
    width: 290px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    cursor: auto;
    display: none;
    left: -245px;
    line-height: 1;
    padding: 20px 10px;
    position: absolute;
    text-align: center;
    top: -75px;
    transition: .3s;
}

.display_change_outer .carList_layout_change_icon_wrapper{
    width: 330px;
    border-radius: 3px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.15);
    letter-spacing: normal !important;
    left: -280px;
    top: -70px;
    z-index: 2;
}

.display_change_outer .carList_layout_change_icon_wrapper:after,
.changeLeadLayoutOuter .changeLeadLayoutInner:after,
.changeSortedOrderOuter .changeSortedOrderInner:after {
  content: "";
  position: absolute;
  border-top-color: transparent;
  border-left-color: transparent;
  bottom: calc( 0px - 35px );
  border-top: 32px solid #FFF;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  right: 18px;
  top: 35px;
  pointer-events: none;
}

.display_change_outer .carList_layout_change_icon_wrapper[data-layout-panel="1"],
.changeLeadLayoutOuter .changeLeadLayoutInner[data-layout-panel="1"],
.changeSortedOrderOuter .changeSortedOrderInner[data-sort-order-panel="1"]{
    display: block;
    transition: .3s;
}

.display_change_outer .toggle_carList,
.changeLeadLayoutOuter .changeLeadLayout,
.changeSortedOrderOuter .changeSortedOrder{
    color: #00f;
    cursor: pointer;
    font-size: 14px;
    padding: 5px;
    margin: 0 10px;
    text-decoration: underline;
}

.display_change_outer .toggle_carList,
.display_change_outer .toggle_carList:hover{
    color: #00f !important;
}

.display_change_outer .toggle_carList.current,
.changeLeadLayoutOuter .changeLeadLayout.current,
.changeSortedOrderOuter .changeSortedOrder.current{
    color: #333;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}

.display_change_outer .toggle_carList.current{
    color: #333 !important;
}


/**
 * 直感編集ボタン装飾
 */


.rtButton{ /** ベース **/
    min-width: 100px;
    max-width: 100%;
    color: #FFF;
    display: inline-block;
    margin: 20px 0;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none !important;
}

.rtButton:link,
.rtButton:visited{
    color: #FFF;
}

.rtButton.normal{
    background-image: url(../img/copy2open/btn_grass.png), url(../img/copy2open/btn_Bg.png);
    background-color: #26e;
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    background-position: center bottom 2px, center;
    border-radius: 5px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .3);
    transition: opacity .3s;
}

.rtButton.normal:hover{
    opacity: 0.7;
}

.rtButton::selection{
    background: #FFF;
    color: #333;
}

.rtButton.normal.background-red{
    background-color: red;
}

.rtButton.normal.background-990000{
    background-color: #990000;
}

.rtButton.normal.background-FF5454{
    background-color: #FF5454;
}

.rtButton.normal.background-FF4D4D{
    background-color: #FF4D4D;
}

.rtButton.normal.background-D0494F{
    background-color: #D0494F;
}

.rtButton.normal.background-orange{
    background-color: orange;
}

.rtButton.normal.background-yellow{
    background-color: yellow;
    color: #333;
}

.rtButton.normal.background-green{
    background-color: green;
}

.rtButton.normal.background-skyblue{
    background-color: skyblue;
}

.rtButton.normal.background-26e{
    background-color: #26e;
}

.rtButton.normal.background-purple{
    background-color: purple;
}

.rtButton.normal.background-pink{
    background-color: pink;
}

.rtButton.normal.background-black{
    background-color: #333;
    color: #fff;
}

.rtButton.normal.background-EF4C4B{
    background-color: #EF4C4B;
}

.rtButton.normal.background-3F8CEC{
    background-color: #3F8CEC;
}

.rtButton.normal.background-40BB39{
    background-color: #40BB39;
}

.rtButton.normal.background-FEC479{
    background-color: #FEC479;
}

.rtButton.normal.background-999999{
    background-color: #999999;
}

.rtButton.normal.background-F5F5F5{
    background-color: #F5F5F5;
    color: #333;
}

font::selection{
    background: #BBB;
    /*color: green;*/
}

/** 直感編集時色が変わったことがわかるように */

font[color = "red"]::selection,
font[color = "#ff0000"]::selection{color: #ff0000;} /** 赤 **/

font[color = "orange"]::selection,
font[color = "#ffa500"]::selection{color: #ffa500;} /** 橙 **/

font[color = "yellow"]::selection,
font[color = "#ffff00"]::selection{color: #ffff00;} /** 黄 **/

font[color = "green"]::selection,
font[color = "#008000"]::selection{color: #008000;} /** 緑 **/

font[color = "skyblue"]::selection,
font[color = "#87ceeb"]::selection{color: #87ceeb;} /** 水 **/

font[color = "blue"]::selection,
font[color = "#0000ff"]::selection{color: #0000ff;} /** 青 **/

font[color = "purple"]::selection,
font[color = "#800080"]::selection{color: #800080;} /** 紫 **/

font[color = "pink"]::selection,
font[color = "#ffc0cb"]::selection{color: #ffc0cb;} /** 桃 **/

font[color = "black"]::selection,
font[color = "#000000"]::selection{color: #000000;} /** 黒 **/

font[color = "#EF4C4B"]::selection{color: #EF4C4B;} /** #EF4C4B **/

font[color = "#3F8CEC"]::selection{color: #3F8CEC;} /** #3F8CEC **/

font[color = "#40BB39"]::selection{color: #40BB39;} /** #40BB39 **/

font[color = "#FEC479"]::selection{color: #FEC479;} /** #FEC479 **/

font[color = "#999999"]::selection{color: #999999;} /** #999999 **/

font[color = "#CCCCCC"]::selection{color: #CCCCCC;} /** #CCCCCC **/



font[style *= "red"]::selection,
span[style *= "red"]::selection,
font[style *= "#ff0000"]::selection{background-color: #c86262;} /** 赤 **/

font[style *= "orange"]::selection,
span[style *= "orange"]::selection,
font[style *= "#ffa500"]::selection{background-color: #c8a462;} /** 橙 **/

font[style *= "yellow"]::selection,
span[style *= "yellow"]::selection,
font[style *= "#ffff00"]::selection{background-color: #c8c862;} /** 黄 **/

font[style *= "green"]::selection,
span[style *= "green"]::selection,
font[style *= "#008000"]::selection{background-color: #629562;} /** 緑 **/

font[style *= "skyblue"]::selection,
span[style *= "skyblue"]::selection,
font[style *= "#87ceeb"]::selection{background-color: #98b4c0;} /** 水 **/

font[style *= "blue"]::selection,
span[style *= "blue"]::selection,
font[style *= "#0000ff"]::selection{background-color: #6262c8;} /** 青 **/

font[style *= "purple"]::selection,
span[style *= "purple"]::selection,
font[style *= "#800080"]::selection{background-color: #956295;} /** 紫 **/

font[style *= "pink"]::selection,
span[style *= "pink"]::selection,
font[style *= "#ffc0cb"]::selection{background-color: #c8afb3;} /** 桃 **/

font[style *= "black"]::selection,
span[style *= "black"]::selection,
font[style *= "#000000"]::selection{background-color: #626262;} /** 黒 **/

font[style *= "rgb(239, 76, 75);"]::selection,
span[style *= "rgb(239, 76, 75);"]::selection,
font[style *= "#EF4C4B"]::selection{background-color: #c18080;} /** #EF4C4B **/

font[style *= "rgb(63, 140, 236);"]::selection,
span[style *= "rgb(63, 140, 236);"]::selection,
font[style *= "#3F8CEC"]::selection{background-color: #7b9ac0;} /** #3F8CEC **/

font[style *= "rgb(64, 187, 57);"]::selection,
span[style *= "rgb(64, 187, 57);"]::selection,
font[style *= "#40BB39"]::selection{background-color: #7cad79;} /** #40BB39 **/

font[style *= "rgb(254, 196, 121);"]::selection,
span[style *= "rgb(254, 196, 121);"]::selection,
font[style *= "#FEC479"]::selection{background-color: #c7b092;} /** #FEC479 **/

font[style *= "rgb(153, 153, 153);"]::selection,
span[style *= "rgb(153, 153, 153);"]::selection,
font[style *= "#999999"]::selection{background-color: #9f9f9f;} /** #999999 **/

font[style *= "rgb(245, 245, 245)"]::selection,
span[style *= "rgb(245, 245, 245)"]::selection,
font[style *= "#CCCCCC"]::selection{background-color: #c4c4c4;} /** #CCCCCC **/




/**
 * 画像(img)
 */

/** 1枚時 **/

.js-imageBox[data-included-tag = "img"][data-size = "halfmax"]{ max-width: 50%; }



/**
 * youtube動画埋め込み(iframe)
 */

/** 基本 **/
/** デフォルト **/
[data-size = ""] .imageBoxContents[data-included-tag = "iframe"]{
    width: 187px;
    transition: all .3s;
}

[data-size = "xsmall"] .imageBoxContents[data-included-tag = "iframe"]{
    width: 60px;
    transition: all .3s;
}

[data-size = "small"] .imageBoxContents[data-included-tag = "iframe"]{
    width: 120px;
    transition: all .3s;
}

[data-size = "middle"] .imageBoxContents[data-included-tag = "iframe"]{
    width: 187px;
    transition: all .3s;
}

[data-size = "big"] .imageBoxContents[data-included-tag = "iframe"]{
    width: 240px;
    transition: all .3s;
}

[data-size = "bigger"] .imageBoxContents[data-included-tag = "iframe"]{
    width: 360px;
    transition: all .3s;
}

[data-size = "halfmax"] .imageBoxContents[data-included-tag = "iframe"], /** 親要素のwidthで調整するので、一概に100% **/
[data-size = "max"] .imageBoxContents[data-included-tag = "iframe"]{
    width: 100%;
}

/** 1枚時 **/

.js-imageBox[data-included-tag = "iframe"][data-size = "halfmax"]{
    width: 50%;
    box-sizing: border-box;
}

.js-imageBox[data-included-tag = "iframe"][data-size = "max"]{
    width: 100%;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
}


/** 2,3,4枚,スライダー時 **/

.imageBoxContents[data-layout = "LAYOUT_2COLUMN"][data-included-tag = "iframe"] .imageBoxOuter,
.imageBoxContents[data-layout = "LAYOUT_3COLUMN"][data-included-tag = "iframe"] .imageBoxOuter,
.imageBoxContents[data-layout = "LAYOUT_4COLUMN"][data-included-tag = "iframe"] .imageBoxOuter,
.imageBoxContents[data-layout = "LAYOUT_SLIDESHOW"][data-included-tag = "iframe"] .imageBoxOuter,
.imageBoxContents[data-layout = "LAYOUT_MULTI_SLIDESHOW"][data-included-tag = "iframe"] .imageBoxOuter{
    display: block;
}

.imageBoxContents[data-included-tag = "iframe"] .imageBoxInner{
    display: block;
    padding-top: 56.25%;
    position: relative;
}

.imageBoxContents[data-included-tag = "iframe"] .imageBoxInner iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .5s;
}


.w3cIconWrapper{
    padding: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.85;
    text-align: center;
    z-index: 1;
}


/** 検索後の表記とスタイルを揃えている **/
.megaMenuPageCountString{
    color: #555;
    font-size: 12px;
    position: absolute;
    top: 20px;
    left: 21px;
    max-width: 450px;
    text-align: left;
    line-height: 1.25;
    padding: 4px 10px 3px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #DDD;
    opacity: 0;
    transition-duration: 0.5s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.edit .megaMenuPageCountString{
    display: none;
}

[data-menu-id="104"] .megaMenuPageCountString{ /** お問合せメニューは不要 **/
    display: none;
}

.side_bar_left .megaMenuPageCountString,
.side_bar_right .megaMenuPageCountString{
    max-width: 330px;
}

div.mega_menu.active .megaMenuPageCountString{
    opacity: 1;
}

.megaMenuPageCountString .megaMenuPageCountString--title,
.megaMenuPageCountString .megaMenuPageCountString--count{
    font-size: 14px;
    font-weight: bold;
    margin: 0 2px;
}

.mega_menu:has(.searchedResultStringOuter[data-show = "1"]) .megaMenuPageCountString{
    display: none;
}

/** メニュー検索 **/

.searchMenuOuter {
    width: 215px;
    position: absolute;
    top: 20px;
    right: 20px;
    padding-right: 40px;
    font-size: 12px;
    box-sizing: border-box;
    z-index: 1;
}

.searchMenuOuter .searchMenuTitle {
    color: #111;
    font-size: 12px;
    display: inline-block;
    margin-right: 15px;
}

.searchMenuOuter .searchMenuText {
    width: 158px;
    padding: 7px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 3px;
    font-size: 12px;
}

.searchMenuOuter .searchMenuIconOuter {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0px;
    width: 40px;
    height: 25px;
    text-align: center;
    cursor: pointer;
}

.searchMenuOuter .searchMenuIconOuter .searchMenuIcon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    right: 20px;
}

.js-searchTargetOuter[data-show="0"],
.js-searchTargetList[data-show="0"] {
    display: none;
}

.js-searchTargetOuter[data-show="1"],
.js-searchTargetList[data-show="1"] {
    display: block;
}

.js-searchTargetList[data-show="1"] .pageTitle .menuTitleLabel {
    margin: 2px 0 0 2px;
    display: inline-block;
    font-size: 12px;
    color: #aaa;
}

.middle-menu__list .js-searchTargetList[data-show="1"] .pageTitle .menuTitleLabel {
    color: #555;
}

.js-searchTargetList .stringHighlight {
    background: #fc0;
    padding: 0 2px;
}


.side_img_box.side_img_box_small {
    width: 60px;

}



.side_img_box.side_img_box_big {
    width: 100px;

}


.side_img_box.side_img_box_max {
    width: 100%;

}

.side_img_box img {
    width: 100%;
}

.cart_h2 em{
    font-style: normal;
}
/*在庫車検索フォーム表示・非表示の操作*/
#carSearch_public[data-show-form = "0"] #car_free_search_wrapped{
    display: none;
}

#block_outer_carlist #carSearch_public[data-show-form = "0"]{
    padding: 0 !important;
}

#carSearch_public[data-show-form = "0"] #car_maker{
    display: none;
}

#carSearch_public[data-show-form = "0"] #car_name{
    display: none;
}

#carSearch_public[data-show-form = "0"] .carinfo_wrapped{
    display: none;
}

#carSearch_public[data-show-form = "0"] .carsort_wrapped{
    display: none;
}

#carSearch_public[data-show-form = "0"] #carSearchSubmit_public{
    display: none;
}

#carSearch_public[data-show-form = "0"] .q_and_a_btn{
    display: none;
}

#carSearch_public[data-show-form = "0"] #closeBorder{
    display: none;
}

#carSearch_public[data-show-form = "0"] #car_search_area{
    display: none;
}

#carSearch_public[data-show-form = "0"] #carTagSearchWrapped{
    display: none;
}

#carSearch_public[data-show-form = "0"] #messagePanel{
    display: none !important;
}


/* 固定CVボタン  */
.conversionButtonFixedOuter{
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    left: 50%;
    z-index: 1001;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.3);
    transform: translateY(0px) translateX( -50% );
    transition: .2s;
}

.conversionButtonFixedInner{
    position: relative;
    max-width: 200px;
    transition: .2s;
    margin: 0 10px;
}

.conversionButtonFixedInner[data-display-pc = "0"]{
    max-width: 0;
    margin: 0;
    overflow: hidden;
    transition-duration: .4s;
    transition-delay: .25s;
}

body[data-empty-conversion-button-pc = "1"] .conversionButtonFixedOuter,
body[data-use-conversion-button-pc = "0"] .conversionButtonFixedOuter{
    transform: translateY(100%) translateY(20px) translateX( -50% );
}

.conversionButtonFixedItem{
    margin: 0 !important;
    max-width: 200px;
    text-decoration: none !important;
    text-align: center;
    height: 48px;
    line-height: 48px !important;
    padding: 0 !important;
    background-position-y: center;
}

.conversionButtonFixedItem.useImage{
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    text-indent: -9999px !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

.conversionButtonFixedItem.useImage:before,
.conversionButtonFixedItem.useImage:after{
    content: "";
    display: none !important;
}

.conversionButtonImageUploadDammy{
    width: 100%;
    font-size: 11px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    background-image: url(../img/common/imageBoxDirectUpload_b.png), linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: left 4px center, left top;
    border-radius: 3px;
    border: 1px solid #CCC;
    box-shadow: inset 1px 1px 1px #fff;
    color: #666;
    cursor: pointer;
    text-align: center;
    display: block;
    padding: 6px 5px 5px;
    box-sizing: border-box;
    text-indent: 12px;
}

/** 画像アップロード中 */
.uploading .conversionButtonImageUploadDammy{
    pointer-events: none;
    opacity: 0.3;
}

.conversionButtonImageUploadDammy:hover{
    background-image: url(../img/common/imageBoxDirectUpload_b.png), linear-gradient(to bottom, #ebedee 0%, #f5f5f5 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: left 4px center, left top;
}

input[name = "conversionButtonImage"]{
    display: none;
}

.conversionButtonFixedItem:hover{
    opacity: 1;
    transform: none;
    background-position-y: center;
}

.conversionButtonFixedItem:link,
.conversionButtonFixedItem:hover,
.conversionButtonFixedItem:visited,
.conversionButtonFixedItem:active{
    opacity: 1;
    text-decoration: none;
    color: #fff;
}

/* 買い物中は出さない  */
body[data-shopping = "1"] .conversionButtonFixedOuter{
    transform: translateY(130%) translateX(-50%);
}

body:not(.edit) .conversionButtonFixedOuter[data-force-hide-pc = "1"],
body:not(.edit) .conversionButtonFixedInner[data-select-unable-link = "1"],
body:not(.edit) .conversionButtonFixedInner[data-is-open-error = "1"]{
    display:none;
}

.conversionButtonFixedOuter .deletefixedConversionButton {
    position: absolute;
    right: -10px;
    top: -15px;
    box-sizing: border-box;
    cursor: pointer;
}

.conversionButtonFixedOuter .deletefixedConversionButton {
    background-image: url(https://dekiteru.net/cms/img/copy2open/close-conversion.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
}

.conversionButtonFixedOuter .deletefixedConversionImgButton {
    display: none;
}

.usedcarDetailBgOuter{
    position: absolute;
    display: none; /** 基本display:none; 必要な場合のみ個別CSSで block化**/
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
}

.usedcarDetailBgOuter:after{
    content: "";
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.usedcarDetailBgInner{
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-position: 0 50%;
    background-size: auto 75vw;
    background-repeat: no-repeat;
    filter: blur(7px) contrast(0.8) saturate(120%) brightness(1.2);
}

.usedcar_contact_block_edit{
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding-top: 15px;
    position: relative;
    z-index: 1;
}

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

/*20230602　辰巳改修-トップページに戻るボタンにあしらいをつける*/
#enquete_main_copy{
    max-width: 960px;
    margin: 0 auto 30px;
}

.pageback{
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
}

.toBackTopButton{
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(205, 205, 205, 0.90);
    border-radius: 5px;
    color: #39f !important;
    padding: 10px 30px;
    text-decoration: none !important;
    text-shadow: 1px solid rgba(255, 255, 255, 0.3);
}

.toBackTopButton:hover{
    background-color: rgba(255, 255, 255, 0.95);
}

/** 在庫車情報印刷用ページ */
.usedcarPrintPage .blog_item h2{
    margin: 15px auto;
}

.usedcarPrintPage{
    margin: 0;
}

.usedcarPrintPage #main_contents_wrapper{
    padding: 30px 0;
}

.usedcarPrintPage #wrapper,
.usedcarPrintPage #conteiner{
    padding: 0;
}

.printDate{
    font-size: 15px;
    text-align: right;
    margin-bottom: 20px;
}

#wrapper a.carDetailPrintLink{
    margin: 0 0 20px auto;
    padding-right: 15px;
    background: url(../img/copy2open/next_txt_arw.png) no-repeat right center;
    cursor: pointer;
    display: table;
    font-size: 14px;
    font-family: メイリオ, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    text-align: center;
    text-decoration: none;
}

body.notFoundPage .lead__wrap,
body.notFoundPage .block_outer_pagetitle{
    display: none;
}

.block_outer_recommend--404 {
    display:none;
}

.block_outer_recommend--404-visible {
    display:block;
}

body.notFoundPage .subpageLink{
    display: none !important; /** PCでは出さない。必ず何が何でも display:none するので important **/
}

/** TEL、フリーダイヤル、FAXのアイコン **/

/*各デザインファイルにフリーダイヤルのアイコンンのためのCSSがあるが、ここで打ち消して対応*/
#sidebar_shp_inf .side_shop_info_mapbottom p.freedial_tel,
#sidebar_shp_inf .side_shop_info_mapbottom p.normal_tel,
#sidebar_shp_inf .side_shop_info_mapbottom p.normal_fax{
    background-image: none !important;
}
#sidebar_shp_inf .side_shop_info_mapbottom p.freedial_tel{
    font-weight: normal !important;
    padding-left: 0 !important;
}

#sidebar_tel01{
    font-weight: bold;
}

#sidebar_shp_inf .side_shop_info_mapbottom .sidebar_tel01__head,
#sidebar_shp_inf .side_shop_info_mapbottom .sidebar_tel02__head,
#sidebar_shp_inf .side_shop_info_mapbottom .sidebar_fax__head {
    background: #777;
    box-sizing: border-box;
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    font-family: initial !important;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: -0.1px;
    line-height: 1;
    margin-right: 5px;
    padding: 3px 3px 2px;
}

#sidebar_shp_inf .side_shop_info_mapbottom .freedial_tel .sidebar_tel01__head,
#sidebar_shp_inf .side_shop_info_mapbottom .freedial_tel .sidebar_tel02__head {
    width: 24px;
    height: 14px;
    background: url(../img/copy2open/sidebar_freedial.gif);
    margin-right: 5px !important;
    padding: 0;
    position: relative;
    top: 3px;
}

p.freedial_tel span#sidebar_tel01,
p.freedial_tel span#sidebar_tel02{
    padding-left: 0 !important;
}

/*20230901辰巳追加　開発用のスライド停止ボタンのあしらい*/
.slidePlayController{
    position: fixed;
    left: 50px;
    z-index: 100;
}

.slidePlayController[data-display="visible"]{
    bottom: 30px;
    transition: .5s;
}

.slidePlayController[data-display="invisible"]{
    bottom: -100px;
    transition: .5s;
}

.slidePlayController .slidePlayControllerInner{
    height: auto;
    background-color: #fff;
    border: 3px solid #fc0;
    display: block;
    float: left;
    padding: 4px 2px;
    position: relative;
}

.slidePlayController[data-slide-mode="play"] .js-slidePlayControllerPause,
.slidePlayController[data-slide-mode="play"] .js-slidePlayControllerStop,
.slidePlayController[data-slide-mode="pause"] .js-slidePlayControllerPlay,
.slidePlayController[data-slide-mode="pause"] .js-slidePlayControllerStop,
.slidePlayController[data-slide-mode="stop"] .js-slidePlayControllerPlay,
.slidePlayController[data-slide-mode="stop"] .js-slidePlayControllerPause,
.slidePlayController[data-display="invisible"] .js-slidePlayControllerPlay,
.slidePlayController[data-display="invisible"] .js-slidePlayControllerPause,
.slidePlayController[data-display="invisible"] .js-slidePlayControllerStop{
    opacity: .2;
}

.slidePlayController[data-slide-mode="play"] .slidePlayControllerInner:before{
    content: "自動再生中";
    background-color: #00B789;
}

.slidePlayController[data-slide-mode="pause"] .slidePlayControllerInner:before{
    content: "一時停止中";
    background-color: #FF7300;
}

.slidePlayController[data-slide-mode="stop"] .slidePlayControllerInner:before{
    content: "停止中";
    background-color: #FE0002;
}

.slidePlayController[data-display="invisible"] .slidePlayControllerInner:before{
    content: "非表示中";
    background-color: #ccc;
}

.slidePlayController .slidePlayControllerInner:before{
    width: 80px;
    height: 18px;
    border-radius: 50px;
    color: #fff;
    display: block;
    font-size: 12px;
    left: calc( 50% - 40px );
    position: absolute;
    text-align: center;
    top: -14px;
}

.slidePlayController .slidePlayControllerInner .slidePlayControllerIcon{
    width: 36px;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
}

/**
 * 在庫車詳細導線
 */

.blog_item h2 #lead_title{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/**
 * TOPへ戻るボタン 非表示用
 */
.backtop.hiddenButton{
  display: none;
}

.ex--usedcar__icon {
    display: inline-block;
    margin-left: 2px;
}

.ex--usedcar__icon:empty{
    margin:0 !important;
}

.ex--usedcar__icon-item {
    color: #fff;
    background-color: #1b9d18;
    text-shadow: 0.5px 0.5px 0px rgba(0,0,0,0.5);
    padding: 3px 4px;
    display: inline-block;
    margin-right: 2px;
    user-select: none;
}

.ex--usedcar__icon-item:nth-last-of-type(1){
    margin-right: 0;
}

.ex--usedcar__icon-item.ex--usedcar__icon-item--tokuten{
    background-color: #1B81E7;
}

.ex--usedcar-icon__outer--list{
    font-size: 10px;
    line-height: 1;    
}

.ex--usedcar-icon__outer--list .ex--usedcar__icon-item {
    margin-bottom: 2px;
}

.ex--usedcar-icon__outer--thumbnail,
.ex--usedcar-icon__outer--slideshow {
    position: absolute;
    bottom: 24px;
    right: 0;
    font-size: 10px;
    line-height: 1;
}

.ex--usedcar-icon__outer--thumbnail li,
.ex--usedcar-icon__outer--slideshow li{
    float: left;
}

.thumbnail_box .ex--usedcar-icon__outer--thumbnail img,
.thumbnail_box .ex--usedcar-icon__outer--slideshow img{
    width: auto !important;
}

.edit .ex--usedcar-detail-changer-trigger{
    cursor: pointer;
}

.list_main ul li{
    position: relative;
}

.ex--usedcar-icon__outer--list{
    padding:0;
}

.safetyStr:not(:empty){
    margin:0 0 0 5px;
}

.ex--usedcar-icon-item{
    display: block;
    margin: 0 2px 0 0;
    position: relative;
    font-size: 11px;
    color: #FFF;
    background: #0fb611;
    text-align: center;
    padding: 4px 5px;
    font-family: "メイリオ";
}

.edit .ex--usedcar-icon-item:hover{
    background: #FC0 !important;
    color: #333 !important;
}

.ex--usedcar-icon__outer--thumbnail .ex--usedcar-icon-item,
.ex--usedcar-icon__outer--slideshow .ex--usedcar-icon-item{
    margin: 0 0 0 2px;
}

.ex--usedcar-icon-item[data-loading = "1"]:after{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;    
    top: 0;
    background: rgba(255, 255, 255, .95) url('../img/common/loader.svg') no-repeat center center;
    background-size: contain;
    z-index: 1;
}

.ex--usedcar-icon--safety{
}

.ex--usedcar-icon--safety[data-state = "1"]{
}

.ex--usedcar-icon--safety[data-state = "0"]{
    display: none;
}

.edit .ex--usedcar-icon--safety[data-state = "0"]{ /* (今のところ)公開側だけ出さない */
    background: #777;
    display: block;
}

.edit .ex--usedcar-detail-changer-trigger .ex--usedcar-icon--safety[data-state = "1"]:hover{
}

.edit .ex--usedcar-detail-changer-trigger .ex--usedcar-icon--safety[data-state = "0"]:hover{
}


.ex--usedcar-icon--maintenance{

}

.ex--usedcar-icon--maintenance[data-state = "1"]{
}

.ex--usedcar-icon--maintenance[data-state = "0"]{
    display: none;
}

.edit .ex--usedcar-icon--maintenance[data-state = "0"]{ /* (今のところ)公開側だけ出さない */
    background: #777;
    display: block;
}

.edit .ex--usedcar-detail-changer-trigger .ex--usedcar-icon--maintenance[data-state = "1"]:hover{
}

.edit .ex--usedcar-detail-changer-trigger .ex--usedcar-icon--maintenance[data-state = "0"]:hover{
}

/*20240209追加 お客様へのメール文面で改行が反映されていないのでCSSで対応*/
.mail_body_preview{
    white-space: pre-wrap;
}


/**
 * パララックスフィルタ用
 */
.parallaxContent{position: relative;}
.parallaxContent:not(.empty):before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background-attachment: fixed;
    z-index: 2;
}

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

#sub_top_img_clone img{
    width: 100%;
}


.slider_strong--dammy,
.slider_caption--dammy{
    visibility:hidden;
}

.switchableRadioWrapper[data-open-page="1"] .syokushuToggle,
.switchableRadioWrapper[data-open-page="1"] .koyotypeToggle,
.switchableRadioWrapper[data-open-page="1"][data-display="0"]{
    display: none;
}

/**
 * rightbox
 */

#body_top #main_contents #block_outer_rightbox{
    padding-top: 30px;
    padding-bottom: 30px;
}

/*会社案内が非表示の時、詳しい店舗情報のリンクボタンを出さないようにする対応*/
.link.linkDisplayNone{
    display: none;
}

.link.linkOpacity{
    opacity: 0.2;
}

/**
 * 直感編集 text-shadow

 * 装飾のパターン
   data-shadow-preset=edging_black => 黒色・縁取り
   data-shadow-preset=blur_black => 黒色・ぼかし
   data-shadow-preset=drop_shadow_black => 黒色・落ちている影
   data-shadow-preset=edging_blur_black => 黒色・縁取り＋ぼかし
   data-shadow-preset=edging_drop_shadow_black => 黒色・縁取り＋落ちている影
   data-shadow-preset=edging_blur_drop_shadow_black => 黒色・縁取り＋ぼかし＋落ちている影
   data-shadow-preset=edging_white => 白色・縁取り
   data-shadow-preset=blur_white => 白色・ぼかし
   data-shadow-preset=drop_shadow_white => 白色・落ちている影
   data-shadow-preset=edging_blur_white => 白色・縁取り＋ぼかし
   data-shadow-preset=edging_drop_shadow_white => 白色・縁取り＋落ちている影
   data-shadow-preset=edging_blur_drop_shadow_white => 白色・縁取り＋ぼかし＋落ちている影

 * 装飾の大きさ
   data-shadow-size=small => 1px
   data-shadow-size=medium => 2px
   data-shadow-size=large => 3px

**/

#wrapper .addedTextShadow[data-shadow-preset],
.addedTextShadow[data-shadow-preset]{
    display: inline;
}

#wrapper h2.midashi_long .addedTextShadow,
#wrapper .blog_item h2 .addedTextShadow,
#wrapper #middle_top_price01 h2 .addedTextShadow,
h2.midashi_long .addedTextShadow,
.blog_item h2 .addedTextShadow,
#middle_top_price01 h2 .addedTextShadow{
    padding: 0;
    margin: 0;
}

#wrapper .addedTextShadow[data-shadow-preset],
#wrapper .addedTextShadow[data-shadow-preset] .splited,
.addedTextShadow[data-shadow-preset],
.addedTextShadow[data-shadow-preset] .splited{
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="small"] .splited{
    text-shadow: 
        1px 0px 0px rgba(0, 0, 0, 1) ,
        0.540302px 0.841471px 0px rgba(0, 0, 0, 1) ,
        -0.416147px 0.909297px 0px rgba(0, 0, 0, 1) ,
        -0.989992px 0.14112px 0px rgba(0, 0, 0, 1) ,
        -0.653644px -0.756802px 0px rgba(0, 0, 0, 1) ,
        0.283662px -0.958924px 0px rgba(0, 0, 0, 1) ,
        0.96017px -0.279416px 0px rgba(0, 0, 0, 1)  !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="medium"] .splited{
    text-shadow: 
        2px 0px 0px rgba(0, 0, 0, 1),
        1.75517px 0.958851px 0px rgba(0, 0, 0, 1),
        1.0806px 1.68294px 0px rgba(0, 0, 0, 1),
        0.141474px 1.99499px 0px rgba(0, 0, 0, 1),
        -0.832294px 1.81859px 0px rgba(0, 0, 0, 1),
        -1.60229px 1.19694px 0px rgba(0, 0, 0, 1),
        -1.97998px 0.28224px 0px rgba(0, 0, 0, 1),
        -1.87291px -0.701566px 0px rgba(0, 0, 0, 1),
        -1.30729px -1.5136px 0px rgba(0, 0, 0, 1),
        -0.421592px -1.95506px 0px rgba(0, 0, 0, 1),
        0.567324px -1.91785px 0px rgba(0, 0, 0, 1),
        1.41734px -1.41108px 0px rgba(0, 0, 0, 1),
        1.92034px -0.558831px 0px rgba(0, 0, 0, 1) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_black"][data-shadow-size="large"] .splited{
    text-shadow: 
        3px 0px 0px rgba(0, 0, 0, 1) ,
        2.83487px 0.981584px 0px rgba(0, 0, 0, 1) ,
        2.35766px 1.85511px 0px rgba(0, 0, 0, 1) ,
        1.62091px 2.52441px 0px rgba(0, 0, 0, 1) ,
        0.705713px 2.91581px 0px rgba(0, 0, 0, 1) ,
        -0.287171px 2.98622px 0px rgba(0, 0, 0, 1) ,
        -1.24844px 2.72789px 0px rgba(0, 0, 0, 1) ,
        -2.07227px 2.16926px 0px rgba(0, 0, 0, 1) ,
        -2.66798px 1.37182px 0px rgba(0, 0, 0, 1) ,
        -2.96998px 0.42336px 0px rgba(0, 0, 0, 1) ,
        -2.94502px -0.571704px 0px rgba(0, 0, 0, 1) ,
        -2.59586px -1.50383px 0px rgba(0, 0, 0, 1) ,
        -1.96093px -2.27041px 0px rgba(0, 0, 0, 1) ,
        -1.11013px -2.78704px 0px rgba(0, 0, 0, 1) ,
        -0.137119px -2.99686px 0px rgba(0, 0, 0, 1) ,
        0.850987px -2.87677px 0px rgba(0, 0, 0, 1) ,
        1.74541px -2.43999px 0px rgba(0, 0, 0, 1) ,
        2.44769px -1.73459px 0px rgba(0, 0, 0, 1) ,
        2.88051px -0.838247px 0px rgba(0, 0, 0, 1)  !important;
}

#wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="small"] .splited{
    text-shadow    : 
       1px  1px 3px rgba(0,0,0,0.6),
      -1px  1px 3px rgba(0,0,0,0.6),
       1px -1px 3px rgba(0,0,0,0.6),
      -1px -1px 3px rgba(0,0,0,0.6) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="medium"] .splited{
    text-shadow    : 
       3px  3px 6px rgba(0,0,0,0.6),
      -3px  3px 6px rgba(0,0,0,0.6),
       3px -3px 6px rgba(0,0,0,0.6),
      -3px -3px 6px rgba(0,0,0,0.6) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="blur_black"][data-shadow-size="large"] .splited{
    text-shadow    : 
       5px  5px 9px rgba(0,0,0,0.6),
      -5px  5px 9px rgba(0,0,0,0.6),
       5px -5px 9px rgba(0,0,0,0.6),
      -5px -5px 9px rgba(0,0,0,0.6) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="small"] .splited{
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="medium"] .splited{
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="drop_shadow_black"][data-shadow-size="large"] .splited{
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="small"] .splited{
    text-shadow    : 
       1px 1px 3px rgba(0, 0, 0, 0.7),
       1px  1px 3px rgba(0,0,0,0.6),
      -1px  1px 3px rgba(0,0,0,0.6),
       1px -1px 3px rgba(0,0,0,0.6),
      -1px -1px 3px rgba(0,0,0,0.6) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="medium"] .splited{
    text-shadow    : 
       2px 2px 3px rgba(0, 0, 0, 0.7),
       3px  3px 6px rgba(0,0,0,0.6),
      -3px  3px 6px rgba(0,0,0,0.6),
       3px -3px 6px rgba(0,0,0,0.6),
      -3px -3px 6px rgba(0,0,0,0.6) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="blur_drop_shadow_black"][data-shadow-size="large"] .splited{
    text-shadow    : 
       3px 3px 3px rgba(0, 0, 0, 0.7),
       5px  5px 9px rgba(0,0,0,0.6),
      -5px  5px 9px rgba(0,0,0,0.6),
       5px -5px 9px rgba(0,0,0,0.6),
      -5px -5px 9px rgba(0,0,0,0.6) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="small"] .splited{
    text-shadow: 
        1px 0px 0px rgba(0, 0, 0, 1) ,
        0.540302px 0.841471px 0px rgba(0, 0, 0, 1) ,
        -0.416147px 0.909297px 0px rgba(0, 0, 0, 1) ,
        -0.989992px 0.14112px 0px rgba(0, 0, 0, 1) ,
        -0.653644px -0.756802px 0px rgba(0, 0, 0, 1) ,
        0.283662px -0.958924px 0px rgba(0, 0, 0, 1) ,
        0.96017px -0.279416px 0px rgba(0, 0, 0, 1) ,
        1px 1px 3px rgba(0, 0, 0, 0.7) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="medium"] .splited{
    text-shadow: 
        2px 0px 0px rgba(0, 0, 0, 1) ,
        1.75517px 0.958851px 0px rgba(0, 0, 0, 1) ,
        1.0806px 1.68294px 0px rgba(0, 0, 0, 1) ,
        0.141474px 1.99499px 0px rgba(0, 0, 0, 1) ,
        -0.832294px 1.81859px 0px rgba(0, 0, 0, 1) ,
        -1.60229px 1.19694px 0px rgba(0, 0, 0, 1) ,
        -1.97998px 0.28224px 0px rgba(0, 0, 0, 1) ,
        -1.87291px -0.701566px 0px rgba(0, 0, 0, 1) ,
        -1.30729px -1.5136px 0px rgba(0, 0, 0, 1) ,
        -0.421592px -1.95506px 0px rgba(0, 0, 0, 1) ,
        0.567324px -1.91785px 0px rgba(0, 0, 0, 1) ,
        1.41734px -1.41108px 0px rgba(0, 0, 0, 1) ,
        1.92034px -0.558831px 0px rgba(0, 0, 0, 1) ,
        2px 2px 3px rgba(0, 0, 0, 0.7) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_drop_shadow_black"][data-shadow-size="large"] .splited{
    text-shadow: 
        3px 0px 0px rgba(0, 0, 0, 1) ,
        2.83487px 0.981584px 0px rgba(0, 0, 0, 1) ,
        2.35766px 1.85511px 0px rgba(0, 0, 0, 1) ,
        1.62091px 2.52441px 0px rgba(0, 0, 0, 1) ,
        0.705713px 2.91581px 0px rgba(0, 0, 0, 1) ,
        -0.287171px 2.98622px 0px rgba(0, 0, 0, 1) ,
        -1.24844px 2.72789px 0px rgba(0, 0, 0, 1) ,
        -2.07227px 2.16926px 0px rgba(0, 0, 0, 1) ,
        -2.66798px 1.37182px 0px rgba(0, 0, 0, 1) ,
        -2.96998px 0.42336px 0px rgba(0, 0, 0, 1) ,
        -2.94502px -0.571704px 0px rgba(0, 0, 0, 1) ,
        -2.59586px -1.50383px 0px rgba(0, 0, 0, 1) ,
        -1.96093px -2.27041px 0px rgba(0, 0, 0, 1) ,
        -1.11013px -2.78704px 0px rgba(0, 0, 0, 1) ,
        -0.137119px -2.99686px 0px rgba(0, 0, 0, 1) ,
        0.850987px -2.87677px 0px rgba(0, 0, 0, 1) ,
        1.74541px -2.43999px 0px rgba(0, 0, 0, 1) ,
        2.44769px -1.73459px 0px rgba(0, 0, 0, 1) ,
        2.88051px -0.838247px 0px rgba(0, 0, 0, 1) ,
        3px 3px 3px rgba(0, 0, 0, 0.7) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="small"] .splited{
    text-shadow: 
       1px 0px 0px rgba(0, 0, 0, 1) ,
       0.540302px 0.841471px 0px rgba(0, 0, 0, 1) ,
       -0.416147px 0.909297px 0px rgba(0, 0, 0, 1) ,
       -0.989992px 0.14112px 0px rgba(0, 0, 0, 1) ,
       -0.653644px -0.756802px 0px rgba(0, 0, 0, 1) ,
       0.283662px -0.958924px 0px rgba(0, 0, 0, 1) ,
       0.96017px -0.279416px 0px rgba(0, 0, 0, 1) ,
       1px  1px 3px rgba(0,0,0,0.6),
      -1px  1px 3px rgba(0,0,0,0.6),
       1px -1px 3px rgba(0,0,0,0.6),
      -1px -1px 3px rgba(0,0,0,0.6) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="medium"] .splited{
    text-shadow: 
        2px 0px 0px rgba(0, 0, 0, 1) ,
        1.75517px 0.958851px 0px rgba(0, 0, 0, 1) ,
        1.0806px 1.68294px 0px rgba(0, 0, 0, 1) ,
        0.141474px 1.99499px 0px rgba(0, 0, 0, 1) ,
        -0.832294px 1.81859px 0px rgba(0, 0, 0, 1) ,
        -1.60229px 1.19694px 0px rgba(0, 0, 0, 1) ,
        -1.97998px 0.28224px 0px rgba(0, 0, 0, 1) ,
        -1.87291px -0.701566px 0px rgba(0, 0, 0, 1) ,
        -1.30729px -1.5136px 0px rgba(0, 0, 0, 1) ,
        -0.421592px -1.95506px 0px rgba(0, 0, 0, 1) ,
        0.567324px -1.91785px 0px rgba(0, 0, 0, 1) ,
        1.41734px -1.41108px 0px rgba(0, 0, 0, 1) ,
        1.92034px -0.558831px 0px rgba(0, 0, 0, 1) ,
        3px  3px 6px rgba(0,0,0,0.6),
       -3px  3px 6px rgba(0,0,0,0.6),
        3px -3px 6px rgba(0,0,0,0.6),
       -3px -3px 6px rgba(0,0,0,0.6) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_blur_black"][data-shadow-size="large"] .splited{
    text-shadow: 
        3px 0px 0px rgba(0, 0, 0, 1) ,
        2.83487px 0.981584px 0px rgba(0, 0, 0, 1) ,
        2.35766px 1.85511px 0px rgba(0, 0, 0, 1) ,
        1.62091px 2.52441px 0px rgba(0, 0, 0, 1) ,
        0.705713px 2.91581px 0px rgba(0, 0, 0, 1) ,
        -0.287171px 2.98622px 0px rgba(0, 0, 0, 1) ,
        -1.24844px 2.72789px 0px rgba(0, 0, 0, 1) ,
        -2.07227px 2.16926px 0px rgba(0, 0, 0, 1) ,
        -2.66798px 1.37182px 0px rgba(0, 0, 0, 1) ,
        -2.96998px 0.42336px 0px rgba(0, 0, 0, 1) ,
        -2.94502px -0.571704px 0px rgba(0, 0, 0, 1) ,
        -2.59586px -1.50383px 0px rgba(0, 0, 0, 1) ,
        -1.96093px -2.27041px 0px rgba(0, 0, 0, 1) ,
        -1.11013px -2.78704px 0px rgba(0, 0, 0, 1) ,
        -0.137119px -2.99686px 0px rgba(0, 0, 0, 1) ,
        0.850987px -2.87677px 0px rgba(0, 0, 0, 1) ,
        1.74541px -2.43999px 0px rgba(0, 0, 0, 1) ,
        2.44769px -1.73459px 0px rgba(0, 0, 0, 1) ,
        2.88051px -0.838247px 0px rgba(0, 0, 0, 1) ,
        5px  5px 9px rgba(0,0,0,0.6),
       -5px  5px 9px rgba(0,0,0,0.6),
        5px -5px 9px rgba(0,0,0,0.6),
       -5px -5px 9px rgba(0,0,0,0.6) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="small"] .splited{
    text-shadow: 
        1px 0px 0px rgba(0, 0, 0, 1) ,
        0.540302px 0.841471px 0px rgba(0, 0, 0, 1) ,
        -0.416147px 0.909297px 0px rgba(0, 0, 0, 1) ,
        -0.989992px 0.14112px 0px rgba(0, 0, 0, 1) ,
        -0.653644px -0.756802px 0px rgba(0, 0, 0, 1) ,
        0.283662px -0.958924px 0px rgba(0, 0, 0, 1) ,
        0.96017px -0.279416px 0px rgba(0, 0, 0, 1) ,
        2px 2px 3px rgba(0, 0, 0, 0.7),
        1px  1px 3px rgba(0,0,0,0.6),
       -1px  1px 3px rgba(0,0,0,0.6),
        1px -1px 3px rgba(0,0,0,0.6),
       -1px -1px 3px rgba(0,0,0,0.6) !important;

}

#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="medium"] .splited{
    text-shadow: 
        2px 0px 0px rgba(0, 0, 0, 1) ,
        1.75517px 0.958851px 0px rgba(0, 0, 0, 1) ,
        1.0806px 1.68294px 0px rgba(0, 0, 0, 1) ,
        0.141474px 1.99499px 0px rgba(0, 0, 0, 1) ,
        -0.832294px 1.81859px 0px rgba(0, 0, 0, 1) ,
        -1.60229px 1.19694px 0px rgba(0, 0, 0, 1) ,
        -1.97998px 0.28224px 0px rgba(0, 0, 0, 1) ,
        -1.87291px -0.701566px 0px rgba(0, 0, 0, 1) ,
        -1.30729px -1.5136px 0px rgba(0, 0, 0, 1) ,
        -0.421592px -1.95506px 0px rgba(0, 0, 0, 1) ,
        0.567324px -1.91785px 0px rgba(0, 0, 0, 1) ,
        1.41734px -1.41108px 0px rgba(0, 0, 0, 1) ,
        1.92034px -0.558831px 0px rgba(0, 0, 0, 1) ,
        3px 3px 3px rgba(0, 0, 0, 0.7),
        3px  3px 6px rgba(0,0,0,0.6),
       -3px  3px 6px rgba(0,0,0,0.6),
        3px -3px 6px rgba(0,0,0,0.6),
       -3px -3px 6px rgba(0,0,0,0.6) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_black"][data-shadow-size="large"] .splited{
    text-shadow: 
        3px 0px 0px rgba(0, 0, 0, 1) ,
        2.83487px 0.981584px 0px rgba(0, 0, 0, 1) ,
        2.35766px 1.85511px 0px rgba(0, 0, 0, 1) ,
        1.62091px 2.52441px 0px rgba(0, 0, 0, 1) ,
        0.705713px 2.91581px 0px rgba(0, 0, 0, 1) ,
        -0.287171px 2.98622px 0px rgba(0, 0, 0, 1) ,
        -1.24844px 2.72789px 0px rgba(0, 0, 0, 1) ,
        -2.07227px 2.16926px 0px rgba(0, 0, 0, 1) ,
        -2.66798px 1.37182px 0px rgba(0, 0, 0, 1) ,
        -2.96998px 0.42336px 0px rgba(0, 0, 0, 1) ,
        -2.94502px -0.571704px 0px rgba(0, 0, 0, 1) ,
        -2.59586px -1.50383px 0px rgba(0, 0, 0, 1) ,
        -1.96093px -2.27041px 0px rgba(0, 0, 0, 1) ,
        -1.11013px -2.78704px 0px rgba(0, 0, 0, 1) ,
        -0.137119px -2.99686px 0px rgba(0, 0, 0, 1) ,
        0.850987px -2.87677px 0px rgba(0, 0, 0, 1) ,
        1.74541px -2.43999px 0px rgba(0, 0, 0, 1) ,
        2.44769px -1.73459px 0px rgba(0, 0, 0, 1) ,
        2.88051px -0.838247px 0px rgba(0, 0, 0, 1) ,
        4px 4px 4px rgba(0, 0, 0, 0.7),
        5px  5px 9px rgba(0,0,0,0.6),
       -5px  5px 9px rgba(0,0,0,0.6),
        5px -5px 9px rgba(0,0,0,0.6),
       -5px -5px 9px rgba(0,0,0,0.6) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="small"] .splited{
    text-shadow: 
        1px 0px 0px rgba(255, 255, 255, 1),
       0.540302px 0.841471px 0px rgba(255, 255, 255, 1),
       -0.416147px 0.909297px 0px rgba(255, 255, 255, 1),
       -0.989992px 0.14112px 0px rgba(255, 255, 255, 1),
       -0.653644px -0.756802px 0px rgba(255, 255, 255, 1),
       0.283662px -0.958924px 0px rgba(255, 255, 255, 1),
       0.96017px -0.279416px 0px rgba(255, 255, 255, 1) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="medium"] .splited{
    text-shadow:
        2px 0px 0px rgba(255, 255, 255, 1),
        1.75517px 0.958851px 0px rgba(255, 255, 255, 1),
        1.0806px 1.68294px 0px rgba(255, 255, 255, 1),
        0.141474px 1.99499px 0px rgba(255, 255, 255, 1),
        -0.832294px 1.81859px 0px rgba(255, 255, 255, 1),
        -1.60229px 1.19694px 0px rgba(255, 255, 255, 1),
        -1.97998px 0.28224px 0px rgba(255, 255, 255, 1),
        -1.87291px -0.701566px 0px rgba(255, 255, 255, 1),
        -1.30729px -1.5136px 0px rgba(255, 255, 255, 1),
        -0.421592px -1.95506px 0px rgba(255, 255, 255, 1),
        0.567324px -1.91785px 0px rgba(255, 255, 255, 1),
        1.41734px -1.41108px 0px rgba(255, 255, 255, 1),
        1.92034px -0.558831px 0px rgba(255, 255, 255, 1) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_white"][data-shadow-size="large"] .splited{
    text-shadow: 
        3px 0px 0px rgba(255, 255, 255, 1),
        2.83487px 0.981584px 0px rgba(255, 255, 255, 1),
        2.35766px 1.85511px 0px rgba(255, 255, 255, 1),
        1.62091px 2.52441px 0px rgba(255, 255, 255, 1),
        0.705713px 2.91581px 0px rgba(255, 255, 255, 1),
        -0.287171px 2.98622px 0px rgba(255, 255, 255, 1),
        -1.24844px 2.72789px 0px rgba(255, 255, 255, 1),
        -2.07227px 2.16926px 0px rgba(255, 255, 255, 1),
        -2.66798px 1.37182px 0px rgba(255, 255, 255, 1),
        -2.96998px 0.42336px 0px rgba(255, 255, 255, 1),
        -2.94502px -0.571704px 0px rgba(255, 255, 255, 1),
        -2.59586px -1.50383px 0px rgba(255, 255, 255, 1),
        -1.96093px -2.27041px 0px rgba(255, 255, 255, 1),
        -1.11013px -2.78704px 0px rgba(255, 255, 255, 1),
        -0.137119px -2.99686px 0px rgba(255, 255, 255, 1),
        0.850987px -2.87677px 0px rgba(255, 255, 255, 1),
        1.74541px -2.43999px 0px rgba(255, 255, 255, 1),
        2.44769px -1.73459px 0px rgba(255, 255, 255, 1),
        2.88051px -0.838247px 0px rgba(255, 255, 255, 1) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="small"] .splited{
    text-shadow    : 
       1px  1px 3px rgba(255,255,255,0.8),
      -1px  1px 3px rgba(255,255,255,0.8),
       1px -1px 3px rgba(255,255,255,0.8),
      -1px -1px 3px rgba(255,255,255,0.8) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="medium"] .splited{
    text-shadow    : 
       3px  3px 6px rgba(255,255,255,0.8),
      -3px  3px 6px rgba(255,255,255,0.8),
       3px -3px 6px rgba(255,255,255,0.8),
      -3px -3px 6px rgba(255,255,255,0.8) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="blur_white"][data-shadow-size="large"] .splited{
    text-shadow    : 
       5px  5px 9px rgba(255,255,255,0.8),
      -5px  5px 9px rgba(255,255,255,0.8),
       5px -5px 9px rgba(255,255,255,0.8),
      -5px -5px 9px rgba(255,255,255,0.8) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="small"] .splited{
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.7) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="medium"] .splited{
    text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.7) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="drop_shadow_white"][data-shadow-size="large"] .splited{
    text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.7) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="small"] .splited{
    text-shadow    : 
       1px 1px 3px rgba(255, 255, 255, 0.7)
       1px  1px 3px rgba(255,255,255,0.8),
      -1px  1px 3px rgba(255,255,255,0.8),
       1px -1px 3px rgba(255,255,255,0.8),
      -1px -1px 3px rgba(255,255,255,0.8) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="medium"] .splited{
    text-shadow    : 
       2px 2px 3px rgba(255, 255, 255, 0.7),
       3px  3px 6px rgba(255,255,255,0.8),
      -3px  3px 6px rgba(255,255,255,0.8),
       3px -3px 6px rgba(255,255,255,0.8),
      -3px -3px 6px rgba(255,255,255,0.8) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="blur_drop_shadow_white"][data-shadow-size="large"] .splited{
    text-shadow    : 
       3px 3px 3px rgba(255, 255, 255, 0.7),
       5px  5px 9px rgba(255,255,255,0.8),
      -5px  5px 9px rgba(255,255,255,0.8),
       5px -5px 9px rgba(255,255,255,0.8),
      -5px -5px 9px rgba(255,255,255,0.8) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="small"] .splited{
    text-shadow: 
        1px 0px 0px rgba(255, 255, 255, 1),
       0.540302px 0.841471px 0px rgba(255, 255, 255, 1),
       -0.416147px 0.909297px 0px rgba(255, 255, 255, 1),
       -0.989992px 0.14112px 0px rgba(255, 255, 255, 1),
       -0.653644px -0.756802px 0px rgba(255, 255, 255, 1),
       0.283662px -0.958924px 0px rgba(255, 255, 255, 1),
       0.96017px -0.279416px 0px rgba(255, 255, 255, 1),
       1px 1px 3px rgba(255, 255, 255, 0.7) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="medium"] .splited{
    text-shadow:
        2px 0px 0px rgba(255, 255, 255, 1),
        1.75517px 0.958851px 0px rgba(255, 255, 255, 1),
        1.0806px 1.68294px 0px rgba(255, 255, 255, 1),
        0.141474px 1.99499px 0px rgba(255, 255, 255, 1),
        -0.832294px 1.81859px 0px rgba(255, 255, 255, 1),
        -1.60229px 1.19694px 0px rgba(255, 255, 255, 1),
        -1.97998px 0.28224px 0px rgba(255, 255, 255, 1),
        -1.87291px -0.701566px 0px rgba(255, 255, 255, 1),
        -1.30729px -1.5136px 0px rgba(255, 255, 255, 1),
        -0.421592px -1.95506px 0px rgba(255, 255, 255, 1),
        0.567324px -1.91785px 0px rgba(255, 255, 255, 1),
        1.41734px -1.41108px 0px rgba(255, 255, 255, 1),
        1.92034px -0.558831px 0px rgba(255, 255, 255, 1),
        2px 2px 3px rgba(255, 255, 255, 0.7) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_drop_shadow_white"][data-shadow-size="large"] .splited{
    text-shadow: 
        3px 0px 0px rgba(255, 255, 255, 1),
        2.83487px 0.981584px 0px rgba(255, 255, 255, 1),
        2.35766px 1.85511px 0px rgba(255, 255, 255, 1),
        1.62091px 2.52441px 0px rgba(255, 255, 255, 1),
        0.705713px 2.91581px 0px rgba(255, 255, 255, 1),
        -0.287171px 2.98622px 0px rgba(255, 255, 255, 1),
        -1.24844px 2.72789px 0px rgba(255, 255, 255, 1),
        -2.07227px 2.16926px 0px rgba(255, 255, 255, 1),
        -2.66798px 1.37182px 0px rgba(255, 255, 255, 1),
        -2.96998px 0.42336px 0px rgba(255, 255, 255, 1),
        -2.94502px -0.571704px 0px rgba(255, 255, 255, 1),
        -2.59586px -1.50383px 0px rgba(255, 255, 255, 1),
        -1.96093px -2.27041px 0px rgba(255, 255, 255, 1),
        -1.11013px -2.78704px 0px rgba(255, 255, 255, 1),
        -0.137119px -2.99686px 0px rgba(255, 255, 255, 1),
        0.850987px -2.87677px 0px rgba(255, 255, 255, 1),
        1.74541px -2.43999px 0px rgba(255, 255, 255, 1),
        2.44769px -1.73459px 0px rgba(255, 255, 255, 1),
        2.88051px -0.838247px 0px rgba(255, 255, 255, 1),
        3px 3px 3px rgba(255, 255, 255, 0.7) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="small"] .splited{
    text-shadow: 
        1px 0px 0px rgba(255, 255, 255, 1),
        0.540302px 0.841471px 0px rgba(255, 255, 255, 1),
       -0.416147px 0.909297px 0px rgba(255, 255, 255, 1),
       -0.989992px 0.14112px 0px rgba(255, 255, 255, 1),
       -0.653644px -0.756802px 0px rgba(255, 255, 255, 1),
       0.283662px -0.958924px 0px rgba(255, 255, 255, 1),
       0.96017px -0.279416px 0px rgba(255, 255, 255, 1),
       1px  1px 3px rgba(255,255,255,0.8),
      -1px  1px 3px rgba(255,255,255,0.8),
       1px -1px 3px rgba(255,255,255,0.8),
      -1px -1px 3px rgba(255,255,255,0.8) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="medium"] .splited{
    text-shadow:
        2px 0px 0px rgba(255, 255, 255, 1),
        1.75517px 0.958851px 0px rgba(255, 255, 255, 1),
        1.0806px 1.68294px 0px rgba(255, 255, 255, 1),
        0.141474px 1.99499px 0px rgba(255, 255, 255, 1),
        -0.832294px 1.81859px 0px rgba(255, 255, 255, 1),
        -1.60229px 1.19694px 0px rgba(255, 255, 255, 1),
        -1.97998px 0.28224px 0px rgba(255, 255, 255, 1),
        -1.87291px -0.701566px 0px rgba(255, 255, 255, 1),
        -1.30729px -1.5136px 0px rgba(255, 255, 255, 1),
        -0.421592px -1.95506px 0px rgba(255, 255, 255, 1),
        0.567324px -1.91785px 0px rgba(255, 255, 255, 1),
        1.41734px -1.41108px 0px rgba(255, 255, 255, 1),
        1.92034px -0.558831px 0px rgba(255, 255, 255, 1),
        3px  3px 6px rgba(255,255,255,0.8),
       -3px  3px 6px rgba(255,255,255,0.8),
        3px -3px 6px rgba(255,255,255,0.8),
       -3px -3px 6px rgba(255,255,255,0.8) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_blur_white"][data-shadow-size="large"] .splited{
    text-shadow: 
        3px 0px 0px rgba(255, 255, 255, 1),
        2.83487px 0.981584px 0px rgba(255, 255, 255, 1),
        2.35766px 1.85511px 0px rgba(255, 255, 255, 1),
        1.62091px 2.52441px 0px rgba(255, 255, 255, 1),
        0.705713px 2.91581px 0px rgba(255, 255, 255, 1),
        -0.287171px 2.98622px 0px rgba(255, 255, 255, 1),
        -1.24844px 2.72789px 0px rgba(255, 255, 255, 1),
        -2.07227px 2.16926px 0px rgba(255, 255, 255, 1),
        -2.66798px 1.37182px 0px rgba(255, 255, 255, 1),
        -2.96998px 0.42336px 0px rgba(255, 255, 255, 1),
        -2.94502px -0.571704px 0px rgba(255, 255, 255, 1),
        -2.59586px -1.50383px 0px rgba(255, 255, 255, 1),
        -1.96093px -2.27041px 0px rgba(255, 255, 255, 1),
        -1.11013px -2.78704px 0px rgba(255, 255, 255, 1),
        -0.137119px -2.99686px 0px rgba(255, 255, 255, 1),
        0.850987px -2.87677px 0px rgba(255, 255, 255, 1),
        1.74541px -2.43999px 0px rgba(255, 255, 255, 1),
        2.44769px -1.73459px 0px rgba(255, 255, 255, 1),
        2.88051px -0.838247px 0px rgba(255, 255, 255, 1),
        5px  5px 9px rgba(255,255,255,0.8),
      -5px  5px 9px rgba(255,255,255,0.8),
       5px -5px 9px rgba(255,255,255,0.8),
      -5px -5px 9px rgba(255,255,255,0.8) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="small"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="small"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="small"],
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="small"] .splited{
    text-shadow: 
        1px 0px 0px rgba(255, 255, 255, 1) ,
        0.540302px 0.841471px 0px rgba(255, 255, 255, 1) ,
        -0.416147px 0.909297px 0px rgba(255, 255, 255, 1) ,
        -0.989992px 0.14112px 0px rgba(255, 255, 255, 1) ,
        -0.653644px -0.756802px 0px rgba(255, 255, 255, 1) ,
        0.283662px -0.958924px 0px rgba(255, 255, 255, 1) ,
        0.96017px -0.279416px 0px rgba(255, 255, 255, 1) ,
        2px 2px 3px rgba(255, 255, 255, 0.7),
        1px  1px 3px rgba(255,255,255,0.8),
       -1px  1px 3px rgba(255,255,255,0.8),
        1px -1px 3px rgba(255,255,255,0.8),
       -1px -1px 3px rgba(255,255,255,0.8) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="medium"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="medium"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="medium"],
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="medium"] .splited{
    text-shadow: 
        2px 0px 0px rgba(255, 255, 255, 1) ,
        1.75517px 0.958851px 0px rgba(255, 255, 255, 1) ,
        1.0806px 1.68294px 0px rgba(255, 255, 255, 1) ,
        0.141474px 1.99499px 0px rgba(255, 255, 255, 1) ,
        -0.832294px 1.81859px 0px rgba(255, 255, 255, 1) ,
        -1.60229px 1.19694px 0px rgba(255, 255, 255, 1) ,
        -1.97998px 0.28224px 0px rgba(255, 255, 255, 1) ,
        -1.87291px -0.701566px 0px rgba(255, 255, 255, 1) ,
        -1.30729px -1.5136px 0px rgba(255, 255, 255, 1) ,
        -0.421592px -1.95506px 0px rgba(255, 255, 255, 1) ,
        0.567324px -1.91785px 0px rgba(255, 255, 255, 1) ,
        1.41734px -1.41108px 0px rgba(255, 255, 255, 1) ,
        1.92034px -0.558831px 0px rgba(255, 255, 255, 1) ,
        3px 3px 3px rgba(255, 255, 255, 0.7),
        3px  3px 6px rgba(255,255,255,0.8),
       -3px  3px 6px rgba(255,255,255,0.8),
        3px -3px 6px rgba(255,255,255,0.8),
       -3px -3px 6px rgba(255,255,255,0.8) !important;
}

#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="large"],
#wrapper .addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="large"] .splited,
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="large"],
.addedTextShadow[data-shadow-preset="edging_blur_drop_shadow_white"][data-shadow-size="large"] .splited{
    text-shadow: 
        3px 0px 0px rgba(255, 255, 255, 1) ,
        2.83487px 0.981584px 0px rgba(255, 255, 255, 1) ,
        2.35766px 1.85511px 0px rgba(255, 255, 255, 1) ,
        1.62091px 2.52441px 0px rgba(255, 255, 255, 1) ,
        0.705713px 2.91581px 0px rgba(255, 255, 255, 1) ,
        -0.287171px 2.98622px 0px rgba(255, 255, 255, 1) ,
        -1.24844px 2.72789px 0px rgba(255, 255, 255, 1) ,
        -2.07227px 2.16926px 0px rgba(255, 255, 255, 1) ,
        -2.66798px 1.37182px 0px rgba(255, 255, 255, 1) ,
        -2.96998px 0.42336px 0px rgba(255, 255, 255, 1) ,
        -2.94502px -0.571704px 0px rgba(255, 255, 255, 1) ,
        -2.59586px -1.50383px 0px rgba(255, 255, 255, 1) ,
        -1.96093px -2.27041px 0px rgba(255, 255, 255, 1) ,
        -1.11013px -2.78704px 0px rgba(255, 255, 255, 1) ,
        -0.137119px -2.99686px 0px rgba(255, 255, 255, 1) ,
        0.850987px -2.87677px 0px rgba(255, 255, 255, 1) ,
        1.74541px -2.43999px 0px rgba(255, 255, 255, 1) ,
        2.44769px -1.73459px 0px rgba(255, 255, 255, 1) ,
        2.88051px -0.838247px 0px rgba(255, 255, 255, 1) ,
        4px 4px 4px rgba(255, 255, 255, 0.7),
        5px  5px 9px rgba(255,255,255,0.8),
       -5px  5px 9px rgba(255,255,255,0.8),
        5px -5px 9px rgba(255,255,255,0.8),
       -5px -5px 9px rgba(255,255,255,0.8) !important;
}

#wrapper .addedTextShadow[data-shadow-preset]:has(.splited),
.addedTextShadow[data-shadow-preset]:has(.splited){
    text-shadow: none !important;
}

/**
 * デカ文字アニメーション
 * 
 */

body.dekamoji2-slider__body-item #bgSlider {
    visibility:visible;
    background:none;
}


body.dekamoji2-slider__body-item .sliderDiv {
    position:absolute;
    background:none;
    top:0;
    left:0;
    visibility:hidden;
}

body.dekamoji2-slider__body-item .sliderDiv--visible {
    background:none !important;
    opacity:1 !important;
    visibility: visible;
}



body.dekamoji2-slider__body-item #bgSlider .sliderAddedDiv {
    width:100%;
    height:100%;
    display:block;
    opacity:0;
    transform:scale(0.95);
}

body.dekamoji2-slider__body-item #bgSlider .sliderAddedDiv--visible{
    opacity:1;
    transform:scale(1.00);
    animation-name: sliderAddedDiv--visible;
    animation-duration:.8s;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}


@keyframes sliderAddedDiv--visible {
  0%{
    transform: scale(0.95, 0.98);
    opacity:0;
  }

  50%{
    transform: scale(1.025, 1.02);
    opacity:1;
  }

  100%{
    transform: scale(1.0, 1.0);
  }
}


body.dekamoji2-slider__body-item .sliderDiv .slider_content_wrap {
    background:none;
}


body.dekamoji2-slider__body-item .sliderDiv .slider_strong_contents{
    visibility:hidden;
}

body.dekamoji2-slider__body-item .sliderDiv .slider_strong_contents--visible {
    visibility:visible;
}

body.dekamoji2-slider__body-item .dekamoji2-slider__strong-string-item{
    visibility:hidden;
    transform:scale(0.1) translateX(-50px);
    display:inline-block;
    transition-duration:.1s;
}

body.dekamoji2-slider__body-item .dekamoji2-slider__strong-string-item--visible{
    visibility:visible;
    transform:scale(1) translateX(0px);
    opacity:1 !important;
}



body.dekamoji2-slider__body-item .sliderDiv .slider_caption,
body.dekamoji2-slider__body-item .sliderDiv .sliderPageLink{
    visibility: hidden;
    transform: scale(1, 0);
    transform-origin: center;
    opacity:0;
}

body.dekamoji2-slider__body-item .sliderDiv .slider_caption--visible,
body.dekamoji2-slider__body-item .sliderDiv .sliderPageLink--visible {
    visibility: visible;
    opacity:1;
    animation-name:dekammoji2-slider__caption-button-visible;
    animation-duration: .4s;
    transform: scale(1, 1);
    animation-direction: alternate;
}

@keyframes dekammoji2-slider__caption-button-visible {
  0%{
    transform:scale(1,0);
  }

  60%{
    transform:scale(1,1.2);
  }

  100%{
    transform:scale(1,1);
  }
}



/* d2専用  */
body.dekamoji2-slider__body-item .sliderDiv .slider_text_wrap:before{
    visibility:hidden;
}



body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) .editLogoOuter,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header p.headadd a:before,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header p.headtel a,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header p.headtel a,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header p.headmail a,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) .headmail,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) .editLogoOuter,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #header:before,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #bgSlider:after,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #pc_menu_trigger,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #increment,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #decrement,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #sliderStepsContainer,
body#body_top.dekamoji2-slider__body-item:has(.use_hamburger_menu) #headerH1Title{
  opacity:0;
}

body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) .editLogoOuter,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header p.headadd a:before,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header p.headtel a,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header p.headtel a,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header p.headmail a,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) .headmail,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) .editLogoOuter,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #header:before,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #pc_menu_trigger,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #bgSlider:after,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #increment,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #decrement,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #sliderStepsContainer,
body#body_top.dekamoji2-slider__body-item--gone:has(.use_hamburger_menu) #headerH1Title {
  opacity:1;
  animation-name: dekamoji2-other;
  animation-duration: .4s;
}


body.dekamoji2-slider__body-item:not(.dekamoji2-slider__body-item--gone) #main_img_wrapper #bgSlider {
  box-shadow:none;
  transition-duration:.4s;
}


@keyframes dekamoji2-other {
  0%{
    transform: scale(1,0.99);
    opacity:0;
  }

  60%{
    transform: scale(1,1.01);
    opacity:1;
  }

  100%{
    transform: scale(1,1);
    opacity:1;
  }
}

.parallaxCaption{
    max-width: 80%;
    color: #fff;
    display: inline-block;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
    text-shadow: rgba(0,0,0,.5) 0 0 4px, rgba(0,0,0,.5) 0 0 8px, rgba(0,0,0,.5) 0 0 12px;
    z-index: 2 !important;
}

.parallaxCaptionHead{
    font-size: 40px;
}

.parallaxCaptionBody{
    font-size: 25px;
}

.parallaxCaptionHead[data-empty-text="1"],
.parallaxCaptionBody[data-empty-text="1"]{
    opacity: 0;
}

.edit .parallaxCaptionHead[data-empty-text="1"],
.edit .parallaxCaptionBody[data-empty-text="1"]{
    opacity: 1 !important;
}

.edit .parallaxCaptionHead[data-display="1"][data-temporary-hidden="1"],
.edit .parallaxCaptionBody[data-display="1"][data-temporary-hidden="1"]{
    opacity: 0 !important;
    cursor: move;
}

.parallaxCaptionHead[data-display="0"],
.parallaxCaptionBody[data-display="0"]{
    opacity: 0;
}

.parallaxCaptionWrapper{
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    padding: 0px !important;
    display: flex !important;
}

.parallaxContent[data-is-full="1"] .parallaxCaptionWrapper{
    position: absolute;
    top: 0;
}

.parallaxCaptionContainer{
    width: 100%;
    box-sizing: border-box;
    padding: 30px 60px;
}

.parallaxCaptionWrapper[data-position = "topLeft"],
.parallaxCaptionWrapper[data-position = "topCenter"],
.parallaxCaptionWrapper[data-position = "topRight"]{
    align-items: flex-start !important;
}

.parallaxCaptionWrapper[data-position = "centerLeft"],
.parallaxCaptionWrapper[data-position = "center"],
.parallaxCaptionWrapper[data-position = "centerRight"]{
    align-items: center !important;
}

.parallaxCaptionWrapper[data-position = "bottomLeft"],
.parallaxCaptionWrapper[data-position = "bottomCenter"],
.parallaxCaptionWrapper[data-position = "bottomRight"]{
    align-items: flex-end !important;
}

.parallaxCaptionWrapper[data-position = "topLeft"] .parallaxCaption,
.parallaxCaptionWrapper[data-position = "centerLeft"] .parallaxCaption,
.parallaxCaptionWrapper[data-position = "bottomLeft"] .parallaxCaption{
    display: block;
    text-align: left !important;
    margin: 0 auto 0 0 !important;
}

.parallaxCaptionWrapper[data-position = "topCenter"] .parallaxCaption,
.parallaxCaptionWrapper[data-position = "center"] .parallaxCaption,
.parallaxCaptionWrapper[data-position = "bottomCenter"] .parallaxCaption{
    display: block;
    text-align: center !important;
    margin: 0 auto;
}

.parallaxCaptionWrapper[data-position = "topRight"] .parallaxCaption,
.parallaxCaptionWrapper[data-position = "centerRight"] .parallaxCaption,
.parallaxCaptionWrapper[data-position = "bottomRight"] .parallaxCaption{
    display: block;
    text-align: right !important;
    margin: 0 0 0 auto !important;
}





/* h2 animation ex--label  */

.h2-animation__label-outer {
    position:relative;
}

h2:has(.h2-animation__label-outer--ready):first-letter,
.h2-animation__label-outer--ready,
.h2-animation__label-outer--ready * {
    color:transparent !important;
    text-shadow:none !important;
}

.h2-animation__label-outer--lined,
.h2-animation__label-outer--lined * {
    opacity:0;
    transform:translateY(20px);
}

.h2-animation__label-outer--animated,
.h2-animation__label-outer--animated * {
    opacity:1;
    transform:translateY(0px);
    transition-duration:.5s;
}

.h2-animation__label-item {
    position:absolute !important;
    background-color:#333 !important;
    transition-duration:.5s;
}


.common-animation__label,
.common-animation__label * {
    color: transparent !important;
    text-shadow: none !important;
    background-color: transparent !important;
    position: relative !important;
}

#wrapper .common-animation__label .addedTextShadow {
    opacity:0;
}

.common-animation__label:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background: #333;
    left: 0;
    top: 0;
    opacity:0;
}

.common-animation__label--animating:after {
    animation-name:common-animation__label;
    animation-duration:1s;
}

@keyframes common-animation__label{
    0%{
        opacity:0;
    }
    20%{
        opacity:1;
    }
    100%{
        opacity:0;
        transform:translateX(50%);
    }
}


.bgSlider_alias--sp {
    display:none;
}






.horizontal-slider__body-item #bgSlider {
  visibility:hidden;
  opacity:0;
  overflow:hidden;
}

.horizontal-slider__body-item--ready #bgSlider {
  visibility:visible;
  opacity:1;
  transition:.5s;
}

.horizontal-slider__body-item--ready #bgSlider:after {
    display:none;
}

.horizontal-slider__body-item .horizontal-slider__slide-outer {
  opacity:0;
}

.horizontal-slider__body-item .horizontal-slider__slide-outer--visible {
  opacity:1;
}

.horizontal-slider__slide-item {
  opacity:0;
  z-index:0;
  background-attachment:initial !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
}

.horizontal-slider__slide-item--current {
  opacity:1;
  z-index:2 !important;
}

.horizontal-slider__slide-item-alias {
  opacity:1;
  transition:3s;
  z-index:2 !important;
}

.horizontal-slider__slide-cover-item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: not-allowed;
    z-index: 1;
}

.horizontal-slider__slide-item-alias--prev {
  transform:translateX(-100%);
}

.horizontal-slider__slide-item-alias--next {
  transform:translateX(100%);
}

.horizontal-slider__body-item #increment,
.horizontal-slider__body-item #decrement,
.horizontal-slider__body-item #sliderLoader,
.horizontal-slider__body-item #sliderStepsContainer{
    z-index:4;
}

.horizontal-slider__slide-outer--playing .slider_icons_outer {
    display:none !important;
}

.horizontal-slider__slide-outer--playing #increment,
.horizontal-slider__slide-outer--playing #decrement,
#bgSlider.horizontal-slider__slide-outer--playing #sliderStepsContainer span{
  opacity:0.2;
  cursor:not-allowed;
}

.horizontal-slider__body-item #bgSlider #sliderStepsContainer .current {
  cursor:not-allowed;
}



.horizontal-slider__slide-outer--playing-automatic #sliderLoader span {
  width:100%;
  transition:5.5s;
  transition-timing-function: linear;
}

.horizontal-slider__slide-outer--playing-manual #sliderLoader span {
  width:100%;
  transition:2.5s;
  transition-timing-function: linear;
}


.horizontal-slider__slide-outer--nexting .horizontal-slider__slide-item--current {
  transform:translateX(-40%);
  transition-duration:3s;
}

.horizontal-slider__slide-outer--nexting .horizontal-slider__slide-item-alias--next {
  transform:translateX(0%);
}

.horizontal-slider__slide-outer--nexting .horizontal-slider__slide-item-alias--next .slider_text_wrap {
  animation-duration:3s;
  animation-name: horizontal-slider__text-content;
  animatoon-direction:forwards;
  position:relative;
}


.horizontal-slider__slide-outer--preving .horizontal-slider__slide-item--current {
  transform:translateX(40%);
  transition-duration:3s;
}

.horizontal-slider__slide-outer--preving .horizontal-slider__slide-item-alias--prev {
  transform:translateX(0%);
}

.horizontal-slider__slide-item-alias .slider_text_wrap {
  position:relative;
  z-index:1;
}

.horizontal-slider__slide-outer--preving .horizontal-slider__slide-item-alias--prev .slider_text_wrap {
  animation-duration:3s;
  animation-name: horizontal-slider__text-content--prev;
  animatoon-direction:forwards;
}

.horizontal-slider__body-item .slidePlayController{
  display:none !important;
}


@keyframes horizontal-slider__text-content {
  0%{
    transform:translateX(0%);
  }

  40%{
    transform:translateX(2%);
  }

  100%{
    transform:translateX(0%);
  }
}


@keyframes horizontal-slider__text-content--prev {
  0%{
    transform:translateX(0%);
  }

  40%{
    transform:translateX(-2%);
  }

  100%{
    transform:translateX(0%);
  }
}


.car-search-empty__outer {
    clear: both;
    margin: 0 auto 20px;
}

.car-search-empty__text-item {
    margin: 0 0 15px;
    text-align: center;
}

.car-search-empty__link-item {
    margin: 0 auto !important;
}

#carListThumNail_wrapper:has( .car-search-empty__outer ),
#carlist_main_box:has( .car-search-empty__outer ){
    justify-content: center;
    width: 100%;
    text-align:center;
}

/*#car_list_base:has( .car-search-empty__outer ) .carlist_pager_box {
    display:none;
}*/@charset "utf-8";

/* 20160331 高橋 */
/* 背景が動くスライダーのためのデザイン上書きCSS */
/* デザイン Photo　を想定 */

h1 {
    top:-490px !important;
    z-index:4;
}

#header_wrapper{
    position: absolute;
    background:none;
    z-index:5;
}

#body_sub #header_wrapper,
#body_free #header_wrapper{
    position:static;
}

#main_img_wrapper {
    position:relative;
    padding:0;
}


.slider_text{
    transition: background .3s;
    text-align:center;
    margin:0 0 15px;
    position:relative;
    max-width:960px;
    max-height:155px;
    overflow:hidden;
    margin:0 auto 30px;
    z-index: 2;
}

.slider_text.blink{
    animation: sliderTextBlink 1s linear forwards;
    animation-delay: .3s;
}


@keyframes sliderTextBlink {
    0% {
        background: none;
    }
    25% {
        background: #FC0;
    }
    50% {
        background: none;
    }
    75% {
        background: #FC0;
    }
    100% {
        background: none;
    }
}



#increment,
#decrement{
    position:absolute;
    top:45%;
    width:50px;
    height:50px;
    border-radius: 100%;
    border: 1px solid #fff;
    cursor:pointer;
    color:#fff;
    text-align: center;
    line-height: 45px;
    box-shadow: 0px 0px 7px -1px #333;
    -moz-box-shadow: 0px 0px 7px -1px #333;
    -webkit-box-shadow: 0px 0px 7px -1px #333;
    text-shadow: 0 0 6px #000;
    z-index:2;
}

#increment {
    right:100px;
}

#decrement {
    left:100px;
}

/**
 * スライドの画像が一枚の時、スライドしない改修に際して追記。
 */
/*スライド処理を止めると、スライドの画像についているopactiyの値が0のままなので、CSSで強制的にopacityを１にする*/
body[data-paused-original-slide="1"] .sliderDiv:nth-of-type(1){
    opacity: 1 !important;
}
/*prev/nextと、スライドの下の点、ローダーを非表示にする*/
body[data-paused-original-slide="1"] #main_img_wrapper #increment,
body[data-paused-original-slide="1"] #main_img_wrapper #decrement,
body[data-paused-original-slide="1"] #main_img_wrapper #sliderStepsContainer,
body[data-paused-original-slide="1"] #main_img_wrapper #sliderLoader{
    display: none;
}

#sliderSteps{
    position: absolute;
    width: 100%;
    bottom: 50px;
    height: 20px;
}

#sliderStepsContainer{
    margin: auto;
    height: 20px;
    width: 10px;
    position:relative;
    bottom:120px;
    z-index: 2;
    text-align:center;
}

#bgSlider #sliderStepsContainer span {
    display:inline-block;
    border-radius:100%;
    background:#fff;
    width:10px;
    height:10px;
    margin:0 5px 0 0;
    cursor:pointer;
    padding:0;
}

#sliderStepsContainer span.current {
    background:#ccc;
}

#sliderLoader {
    height: 1px;
    position: absolute;
    bottom: 70px;
    background: #fff;
    width: 100%;
}

#sliderLoader span {
    display:block;
	background: #ccc;
	margin:auto;
	width:0 ;
	height:1px;
    padding:0px;
    max-width:100%;
}


.slideshow-icon-addbg{
    border-radius: 3px;
    box-sizing: border-box;
}




#bgSlider{
    visibility:hidden;
}

#bgSlider.js-loaded{
    visibility:visible;
    background:none;
}

/*スライダーのローダー*/
#bgSliderLoader{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    visibility: visible;
    background-image: url(../img/copy2open/ring-resize.svg);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 0;
}

.js-bgSliderLoaded #bgSliderLoader{
    display: none;
}

/* slideshow-playbtn */

#bgSlider .slideshow-icon-wrap {
    max-width: 36px; /** 左右marginの許容分 **/
    max-height: 32px;
    border-radius: 3px !important;
    float: right !important;
    position: relative !important;
    padding: 0 !important;
    background-color: transparent !important;
}


#bgSlider .slideshow-icon-wrap img,
#bgSlider .slideshow-icon-wrap span{
    vertical-align: baseline; /** 設定アイコンのbaselineがズレる問題へ対応 */
}


/* fadein */

.slideshow-fadein{
    background-size:auto;
    background-repeat:no-repeat;
    background-position:center;
}


/* slidedown */

.slideshow-slidedown{
    position:absolute;
    background-size:auto;
    background-position: center -1200px;
    background-repeat:no-repeat;
    animation-timing-function : ease-in-out;
    animation-duration:.75s;
    animation-fill-mode:forwards
}

.slideshow-slidedown-passive {
    background-position: center -1200px;
    z-index:0;
    animation-name:slideup;
}

.slideshow-slidedown-active {
    background-position: center center;
    z-index:1;
    animation-name:slidedown;
}

/** ユニバーサルセレクタはダメ */
/*.slideshow-slidedown *{*/
.slideshow-slidedown .slider_icons,
.slideshow-slidedown .slider_content_wrap{
    display:none;
}


/** ユニバーサルセレクタはダメ */
/*.slideshow-slidedown-active *{*/
.slideshow-slidedown-active .slider_icons,
.slideshow-slidedown-active .slider_content_wrap{
    display:block;
}

.slideshow-slidedown-wrap #sliderStepsContainer,
.slideshow-slidedown-wrap #sliderLoader{
    z-index:1;
}


@keyframes slidedown{
    0%{background-position: center -1200px;}
    100%{background-position: center center;}
}

@keyframes slideup{
    0%{background-position: center center;}
    100%{background-position: center -1200px;}
}

@keyframes fadein{
    0%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 1;}
}



/* zoomin */

/** ユニバーサルセレクタはダメ */
/*.slideshow-zoomin *{*/
.slideshow-zoomin .slider_icons,
.slideshow-zoomin .slider_content_wrap{
    display:none;
}

/** ユニバーサルセレクタはダメ */
/*.slideshow-zoomin-active *{*/
.slideshow-zoomin-active .slider_icons,
.slideshow-zoomin-active .slider_content_wrap{
    display:block;
}

.slideshow-zoomin {
    z-index: 0;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size:auto;
    position:absolute;
}

.slideshow-zoomin-active{
    opacity:1;
    z-index:1;
    animation-name:zoomin;
    animation-duration:1s;
    animation-fill-mode:forwards;
    transform: scale( 1 ) rotate(0.1deg);
}

.slideshow-zoomin-wrap #sliderStepsContainer,
.slideshow-zoomin-wrap #sliderLoader{
    z-index:1;
}

@keyframes zoomin{
    0%{transform:scale(0.9) rotate(0deg);}
    100%{transform:scale(1) rotate(0deg);}
}


/* zoomout */

.slideshow-zoomout {
    width: 100%;
    height: 100%;
    position: absolute;
}



.slideshow-zoomout{
    transition: opacity .75s;
}

.slideshow-zoomout-passive{
    opacity: 0;
    z-index: 0;
}

.slideshow-zoomout-active{
    opacity: 1;
    z-index: 1;
}

.slideshow-zoomout .slider_img_wrapper{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}



.slideshow-zoomout .slider_img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    transform: scale(1.2);
    transform-origin: center center;
    transition: transform 8s;
}

.slideshow-zoomout-active .slider_img {
    transform: scale(1) rotate(0.1deg);
    z-index: 1;
}

.slideshow-zoomout-active .slider_btn{
    z-index: 2;
}

.slideshow-zoomout-wrap #sliderStepsContainer,
.slideshow-zoomout-wrap #sliderLoader{
    z-index: 1;
}


#bgSlider .newArrivalSlideShow {
    position: absolute;
    float: none !important;
    top: 5px;
    right: 8px;
    background-color: #f00;
    color: #fff !important;
    line-height: 16px !important;
    font-size: 12px !important;
    border-radius: 100%;
    text-align: center;
    width: 16px !important;
    height: 16px !important;
    padding: 0;
}

#bgSlider .newArrivalSlideShow:empty{
    display:none;
}

#bgSlider .slider_caption .slider_caption_contents {
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.sliderDiv.slideLink{
    cursor: pointer;
}

.sliderDiv[data-disp-flag="0"],
#sliderStepsContainer > span[data-disp-flag="0"]{
    display:none !important;
}

.slider_btn{
    overflow: visible;
    position: relative;
}

.slider_btn_inner{
    position: relative;
}

.slider_btn_inner .thickbox{
    width: 32px;
    height: 32px;
    background: #666;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 27%);
    display: block;
    cursor: pointer;
    padding: 3px 2px 2px 3px;
    position: absolute;
    right: -16px;
    top: -16px;
    z-index: 10;
}

.slider_btn_inner .thickbox .add_url_slider{
    width: 100%;
}

#bgSlider .flick--moving{
    transition: all .3s ease-out;
}

#bgSlider .no-animate{
    animation: none;
}

/*responsive*/
@media screen and (min-width: 481px) {

.slider_btn{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mainImageDammyOuter #bgSlider{
  padding: 0;
  margin: 0;
}

/*#bgSlider p a{*/
#bgSlider .slider_icons_inner .slideshow-icon-wrap{
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
}

#bgSlider .slider_icons_inner .slideshow-icon-wrap:active{
    transform: scale(0.95);
}

/*#bgSlider p a.thickbox{*/
#bgSlider .slider_icons_inner .slideshow-icon-wrap.thickbox{
    position: absolute;
    z-index: 2001;
}

#bgSlider .slider_icons_inner .slideshow-icon-wrap.thickbox.isRecommendSldierPattern:after{
    width: 10px;
    height: 10px;
    animation-name: isRecommendSldier;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-color: ;
    pointer-events: none;
    z-index: 1;
    background: none;
    transform: none;
    border-radius: 50%;
    background: rgba(255, 159, 159);
}

#bgSlider .slider_icons_inner .slideshow-icon-wrap.thickbox.isRecommendSldierPattern[data-showed="1"]:after,
#bgSlider .slider_icons_inner .slideshow-icon-wrap.thickbox.isRecommendSldierPattern[data-selected-recommend="1"]:after{
    display: none;
}

@keyframes isRecommendSldier{
    0% {
        opacity: 1.0;
    }

    40% {
        box-shadow: 0 0 0 2px rgba(255, 159, 159, 0.1), 0 0 10px 8px rgb(255, 159, 159), 0 0 0 8px rgba(255, 159, 159, 0.5);
        opacity: 0.5;
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 159, 159, 0.1), 0 0 10px 8px rgb(255, 159, 159), 0 0 0 8px rgba(255, 159, 159, 0.5);
        opacity: 0;
        transform: scale(1);
    }
}


[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap{
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    padding: 0px !important;
    display: flex !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"]{
    flex-wrap: nowrap !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"]{
    align-items: flex-start !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"]{
    align-items: center !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"]{
    align-items: flex-end !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"] .slider_btn,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"] .slider_btn,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"] .slider_btn{
    justify-content: flex-start;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"] .slider_btn,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"] .slider_btn,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"] .slider_btn{
    justify-content: center;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"],
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"] .slider_btn,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"] .slider_btn,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"] .slider_btn{
    justify-content: flex-end;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"] .slider_text{
    text-align: left !important;
    justify-content: flex-start;
    margin-left: 0 !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "1"] .slider_text .slider_caption_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "4"] .slider_text .slider_caption_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "7"] .slider_text .slider_caption_contents{
    text-align: left !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"] .slider_text{
    text-align: center !important;
    justify-content: center;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "2"] .slider_text .slider_caption_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "5"] .slider_text .slider_caption_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "8"] .slider_text .slider_caption_contents{
    text-align: center !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"] .slider_text{
    text-align: right !important;
    justify-content: flex-end;
    margin-right: 0 !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"] .slider_text .slider_strong_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "3"] .slider_text .slider_caption_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "6"] .slider_text .slider_caption_contents,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-contents-position = "9"] .slider_text .slider_caption_contents{
    text-align: right !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap .slider_text .slider_caption_contents{
    width: 100% !important;   
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_text_wrap{
    width: auto !important;
    flex-wrap: wrap !important;
    flex-direction: column !important;
    padding: 45px !important;
    z-index: 1;
}

_:-ms-input-placeholder, :root [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_text_wrap {
    display: block !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "fit"] .slider_text_wrap{
    background: rgba(0,0,0,.6) !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"] .slider_text_wrap{
    width: 100% !important;
    background: rgba(0,0,0,.6) !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_text{
    /*max-width: none !important;*/
    display: flex;
}


[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_strong{
    /*max-width: none !important;*/
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_strong .slider_strong_contents{
    width: 100% !important;
}

_:-ms-input-placeholder, :root [data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_strong .slider_strong_contents{
    margin: 0;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_caption{
    width: auto !important;
    /*max-width: none !important;*/
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"] .slider_text{
    margin-left: auto !important;
    margin-right: auto !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "1"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "4"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "7"] .slider_text{
    margin-left: 0 !important;
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "2"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "5"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "8"] .slider_text{
}

[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "3"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "6"] .slider_text,
[data-use-custom-text-position = "1"] #bgSlider [data-customed = "1"] .slider_content_wrap[data-mask = "max"][data-contents-position = "9"] .slider_text{
    margin-right: 0 !important;
}

}


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

    #body_sub #header_wrapper,
    #body_free #header_wrapper{
        position:absolute;
    }

    #bgSlider .slideshow-icon-wrap{
        max-width: 38px;
        max-height: 38px;
    }


    /** 読み込み後は基本none */
    #bgSlider .slideshow-icon-wrap:not(.slideshow-setting-wrap){
        display: none;
    }

    #bgSlider .slider_icons .slider_icons_inner .slideshow-icon-wrap.slideshow-setting-wrap{
        width: 38px;
        height: 38px !important;
        display: inline-block;
        margin-right: 0;
    }

    /* slidedown */
    .slideshow-slidedown {
        display:none;
    }

    .slideshow-slidedown-active {
        display:block;
    }

    .slideshow-slidedown-wrap #increment,
    .slideshow-slidedown-wrap #decrement,
    .slideshow-slidedown-wrap #sliderStepsContainer{
        z-index:2;
    }

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

    @keyframes slideup{
        0%{
            background-position: center center;
        }
        100%{
            background-position: center -1200px;
        }
    }

    /* zoomin */
    .slideshow-zoomin {
        position:absolute;
        display:none;
    }

    .slideshow-zoomin-active {
        display:block;
    }

    #bgSlider .slider_icons{
        display:block !important;
    }

    /* zoomout */
    .useCustomSlider .slideshow-zoomout{
        height: auto;
    }
    .useCustomSlider .slideshow-zoomout .slider_img_wrapper{
        height: 56.25vw; /* デフォルトでは 16.9 比率にしている 各デザインCSSで上書き可 */
    }

    .slider_btn_inner{
        max-width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    .slider_btn_inner .thickbox{
        right: 32px;
    }

    #bgSliderLoader{
        max-height: 100vh;
    }
}
div.baloon {
   background-color: #fff;
   border-radius: 50px;
   box-shadow: 2px 3px 4px 2px rgba(0,0,0,0.2);
   color: #333;
   font-size: 11px;
   padding: 5px;
   position: absolute;
   z-index: 5000;
}

div.baloon:before{
   width: 7px;
   height: 10px;
   background: #fff;
   border-radius: 0 0 17px 0 / 0 0 13px 0;
   box-shadow: -4px 2px 0 -3px transparent inset;
   content: "";
   display: block;
   position: absolute;
   top: 21px;
}

div.baloon a{
   margin: 0 3px 0 0;
}

div.baloon a img {
   width: 17px;
   height: 17px;
}/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 8px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border: none !important;
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
    float: none;
    margin-left: 0;
    margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
    border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    right: 15px !important;
    text-align: right;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
    width: 48px;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
    background: #33aaff !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
    color: inherit  !important;
    background: inherit !important;
    box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
}
.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto;
}
.xdsoft_scroller_box {
    position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    border: 1px solid #333;
    background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #000;
    background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    color: #000 !important;
    background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
    background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "museo-sans", "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}.xdsoft_datetimepicker {
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 8px;
	padding-left: 0;
	padding-top: 8px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 2147483646 !important;
	display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
	padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
	border: none !important;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
	display: inline-block;
	position: static;
	box-shadow: none;
}

.xdsoft_datetimepicker * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	width: 224px;
	float: left;
	margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
	width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 58px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
	margin-top: 8px;
	margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
	position: relative;
	text-align: center;
}

.xdsoft_monthpicker .xdsoft_next {
    position: absolute;
    top: 0;
    right: 0;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
	opacity: 0.5;
	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
	float: left;
	background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
	float: none;
	margin-left: 0;
	margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
	border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
	display: inline;
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
	float: left;
	width: 182px;
	text-align: center;
	cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
	text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
	opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 101;
	display: none;
	background: #fff;
	max-height: 160px;
	overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #fff;
	background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
	padding: 2px 10px 2px 5px;
	text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
	width: 45px;
    text-align: right;
    position: absolute;
    top: 0;
    right: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
    width: 100px;
    margin-left: 5px;
    position: absolute;
    top: 0;
    right: 60px;
}

.xdsoft_datetimepicker .xdsoft_year:after {
	content: "年";
    position: absolute;
    top: 5px;
    right: 15px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border-collapse: collapse;
	width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
	padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 14.2857142%;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse: collapse;
	cursor: pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
	width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #fff !important;
	background: #ff8000 !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
	left: 0;
	right: auto;
}
.xdsoft_scroller_box {
	position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000;
	border-bottom: 1px solid #444;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
	border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #0a0a0a;
	border-top: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
	background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
	border: 1px solid #333;
	background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #000;
	background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0a0a0a;
	border: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
	color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #000 !important;
	background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
	border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
	background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
	font-family: "museo-sans", "Book Antiqua", sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #82878c;
	height: 28px;
	position: relative;
	padding: 4px 17px 4px 33px;
	border: 1px solid #d7d8da;
	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}