@charset "utf-8";

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


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



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

* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  word-break: break-all;
}
a:link {
  text-decoration: underline;
  color: #3366FF;
}

a:visited {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

#body_top h1{
  color: #353535 !important;
  font-size: 12px;
  font-weight: normal;
  left: calc(50% - 480px);
  position: absolute;
  right: auto;
  top: -586px !important;
}

#body_sub h1, #body_free h1{
  color: #353535 !important;
  font-size: 12px;
  font-weight: normal;
  left: calc(50% - 480px);
  position: absolute;
  right: auto;
  top: 11px !important;
}

#main_img_container .clear{
  clear: none !important;
}

/*------ header ------*/

#header_wrapper{
  background: url(../img/cmscss/mobile_first/header_bg/0066ff.jpg) no-repeat center center !important;
  background-attachment: fixed;
  height: 60px;
  position: static !important;
  box-shadow: inset 1px 0px 5px rgba(0,0,0,.15);
}

#body_sub #header_wrapper,
#body_free #header_wrapper{
  background: url(../img/cmscss/mobile_first/info_bg/0066ff.jpg) no-repeat center bottom -390px !important;
  background-attachment: scroll;
  box-shadow: none;
}

#header_conteiner{
}

#header{
  width: 960px;
  margin: 0 auto;
  position: relative;
}

#header a.shop_name_btn {
  color: #1957DC;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px, #1957DC 4px 0px 0px, #1957DC 3.87565px 0.989616px 0px, #1957DC 3.51033px 1.9177px 0px, #1957DC 2.92676px 2.72656px 0px, #1957DC 2.16121px 3.36588px 0px, #1957DC 1.26129px 3.79594px 0px, #1957DC 0.282949px 3.98998px 0px, #1957DC -0.712984px 3.93594px 0px, #1957DC -1.66459px 3.63719px 0px, #1957DC -2.51269px 3.11229px 0px, #1957DC -3.20457px 2.39389px 0px, #1957DC -3.69721px 1.52664px 0px, #1957DC -3.95997px 0.56448px 0px, #1957DC -3.97652px -0.432781px 0px, #1957DC -3.74583px -1.40313px 0px, #1957DC -3.28224px -2.28625px 0px, #1957DC -2.61457px -3.02721px 0px, #1957DC -1.78435px -3.57996px 0px, #1957DC -0.843183px -3.91012px 0px, #1957DC 0.150409px -3.99717px 0px, #1957DC 1.13465px -3.8357px 0px, #1957DC 2.04834px -3.43574px 0px, #1957DC 2.83468px -2.82216px 0px, #1957DC 3.44477px -2.03312px 0px, #1957DC 3.84068px -1.11766px 0px, #1957DC 3.9978px -0.132717px 0px;
}

/*ヘッダー用 電話番号・アドレス*/
#header p.headadd {
  position: absolute;
  left: 365px;
  top: 785px;
  color: #353535;
  z-index: 1;
}

#body_top #header p.headadd {
  display: none;
}

#body_sub #header p.headadd,
#body_free #header p.headadd{
  right: 330px;
  left: auto;
  top: 20px;
}

#header p.headadd a:link,
#header p.headadd a:visited,
.side_shop_info_box p.headadd a:link,
.side_shop_info_box p.headadd a:visited{
  background: url(../img/cmscss/mobile_first/common/pin.png) no-repeat center left;
  padding: 0 0 0 18px;
  text-decoration: none;
  color: #353535;
  font-size: 12px;
}


#body_sub #header p.headadd a:link,
#body_free #header p.headadd a:visited {
  color: #353535;
}

#body_sub.usedcar_info_body #header p.headadd a:link,
#body_sub.usedcar_info_body #header p.headadd a:visited{
  color: #353535;
}

/*--- headtel ---*/
#header p.headtel {
  position: absolute;
  left: 360px;
  top: 745px;
  z-index: 1;
}

#body_top #header p.headtel {
  display: none;
}

#header p.headtel a:link,
#header p.headtel a:visited,
.side_shop_info_box p.headtel a:link,
.side_shop_info_box p.headtel a:visited {
  background: url(../img/cmscss/mobile_first/common/tel_icon.png) no-repeat center left;
  padding: 0 0 0 22px;
  color: #353535;
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
}

#body_sub #header p.headtel,
#body_free #header p.headtel{
  left: auto;
  right: 140px;
  top: 16px;
}

#body_sub #header p.headtel a:link,
#body_sub #header p.headtel a:visited,
#body_free #header p.headtel a:link,
#body_free #header p.headtel a:visited{
  font-size: 18px;
}


/*--- headmail ---*/
#header p.headmail {
  position: absolute;
  left: 365px;
  top: 725px;
  z-index: 1;
}

#body_top #header p.headmail{
  display: none;
}



#body_sub #header p.headmail,
#body_free #header p.headmail{
  right: 0px;
  left: auto;
  top: 16px;
}

#header p.headmail a {
  background: url(../img/cmscss/mobile_first/common/mail_icon_b.png) no-repeat top 6px left;
  padding: 0 0 0 27px;
  color: #353535;
  font-size: 18px;
  text-decoration: none;
  font-weight: bold;
}

#header p.headmail a:before{
  content: "お問合せ";
  color: #353535;
}


.side_shop_info_box p.headtel,
.side_shop_info_box p.headadd{
  position: static;
}


#header .logoUploaded .header_logo_img{
  height: 40px;
}


/*------ main_img ------*/

#main_img_wrapper{
  position: relative;
  background: #FFF url(../img/cmscss/mobile_first/info_bg/0066ff.jpg) no-repeat center bottom 0;
  background-attachment: fixed;
}

#body_sub #main_img_wrapper,
#body_free #main_img_wrapper{
  background-color: #1957DC;
  color: #FFF;
  padding: 0 !important;
}

#main_img_container {
  background: #FFF url(../img/cmscss/mobile_first/info_bg/0066ff.jpg) no-repeat center bottom;
  background-attachment: fixed;
  width: 100%;
  margin: 0 auto;
  padding: 90px 0 45px;
  position: relative;
}

#body_sub #main_img_container,
#body_free #main_img_container{
  background: #FFF url(../img/cmscss/mobile_first/info_bg/0066ff.jpg) no-repeat center bottom -350px;
  background-attachment: scroll;
  padding: 20px 0;
}

/*------ main_contents ------*/

#main_contents_wrapper{
  clear: both;
  padding: 0;
}

#main_contents_container {
  clear: both;
  margin: 0px auto;
}

#main_contents{
  margin: 0 0 60px;
  padding: 0 !important;
}

#main_contents .block_outer{
  padding: 120px 0 45px;
  position: relative;
}

#main_contents .block_outer:nth-of-type(3n-2){background: #FFF url(../img/cmscss/mobile_first/common/h2_bg1.jpg) repeat-x center top; -webkit-background-size: 1920px 250px; background-size: 1920px 250px;}
#main_contents .block_outer:nth-of-type(3n-1){background: #FFF url(../img/cmscss/mobile_first/common/h2_bg2.jpg) repeat-x center top; -webkit-background-size: 1920px 250px; background-size: 1920px 250px;}
#main_contents .block_outer:nth-of-type(3n){background: #FFF url(../img/cmscss/mobile_first/common/h2_bg3.jpg) repeat-x center top; -webkit-background-size: 1920px 250px; background-size: 1920px 250px;}

#main_contents .parallaxContentOuter:nth-of-type(3n-2) .block_outer{background: #FFF url(../img/cmscss/mobile_first/common/h2_bg1.jpg) repeat-x center top; -webkit-background-size: 1920px 250px; background-size: 1920px 250px;}
#main_contents .parallaxContentOuter:nth-of-type(3n-1) .block_outer{background: #FFF url(../img/cmscss/mobile_first/common/h2_bg2.jpg) repeat-x center top; -webkit-background-size: 1920px 250px; background-size: 1920px 250px;}
#main_contents .parallaxContentOuter:nth-of-type(3n) .block_outer{background: #FFF url(../img/cmscss/mobile_first/common/h2_bg3.jpg) repeat-x center top; -webkit-background-size: 1920px 250px; background-size: 1920px 250px;}

/*** h2がないブロック ***/
#main_contents .block_outer.block_outer_midbox{background: #FFF; padding: 45px 0;}
#main_contents .block_outer.block_outer_img_h2_0{background: #FFF; padding: 45px 0;}
#main_contents .block_outer.block_outer_map_big{background: #FFF; padding: 45px 0;}
#main_contents .block_outer.block_outer_pictS01{background: #FFF; padding: 45px 0;}
#main_contents .block_outer.block_outer_page_link{background: #F5F5F5; padding: 45px 0;}
#main_contents .block_outer.block_outer_access_info{background: #FFF; padding: 45px 0;}
#main_contents .block_outer.block_outer_usedcar_recommend{padding: 120px 0 45px;}
#main_contents .block_outer.block_outer_company_contact{background: #FFF; padding: 45px 0;}
#main_contents .block_outer.block_outer_main_copy{background: #FFF; padding: 45px 0;}

#main_contents .block_outer.block_outer_usedcar_detail{padding: 60px 0 90px;}
#main_contents .block_outer.block_outer_pankuzu01,#carinfo_panlist_box{
  background: -moz-linear-gradient(top, #EEE 0%, #EEE 50%, #EEE 50%, #E3E3E3 51%, #D9D9D9 100%);
  background: -webkit-linear-gradient(top, #EEE 0%,#EEE 50%,#EEE 50%, #E3E3E3 51%, #D9D9D9 100%);
  background: linear-gradient(to bottom, #EEE 0%,#EEE 50%,#EEE 50%, #E3E3E3 51%, #D9D9D9 100%);
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), inset 0 -1px 0 rgba(255,255,255,.1);
  color: #353535;
  padding: 10px 0;
}


.block_outer_pagetitle{display: none !important;}

.free_edit_block{margin: 30px 0 10px !important;}
.free_edit_block p {
  font-size: 14px !important;
  padding-top: 0 !important;
  margin-bottom: 5px !important;
}


/*------ menu ------*/

#menu_wrapper {
}

#menu_container {
}

#menu_container .clear{
  clear: both !important;
}



/*------ slider ------*/
#bgSlider{
  height: 600px !important;
  padding: 0px !important;
}

#bgSlider > div,
#bgSlider .slideshow-zoomout .slider_img{
  background-size: contain;
  -webkit-background-size: contain;
  background-position-x: calc(50% + 375px);
}


#bgSlider > div:after,
#bgSlider .slider_img:after{
  background: url(../img/cmscss/mobile_first/common/main_img_over.png) no-repeat;
  background-size: auto 100% !important;
  -webkit-background-size: auto 100% !important;
  background-position-x: calc(50% - 180px);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}

#bgSlider span{
  width: auto !important;
  max-height: none !important;
}

#bgSlider .slider_icons{
  top: 0 !important;
}


.slider_content_wrap{width: 960px; margin: 0 auto; padding: 120px 0 0 !important}

#bgSlider .slider_text{
  text-align: left;
  position: relative;
}
.slider_text_wrap{width: 640px; position: relative; z-index: 2;}

.slider_text_wrap .slider_strong{
  font-size: 48px;
  line-height: 1.2em;
  margin: 0 0 30px;
  max-height: 2.5em;
  text-shadow: 2px 2px 0 #FFF;
}

.slider_text_wrap .slider_strong strong{
  font-family: 'Noto Serif JP', serif !important;
  font-style: oblique;
}

.slider_text_wrap .slider_caption{
  font-size: 16px;
  line-height: 1.3em;
  margin: 0 0 90px;
  max-height: 5em;
  text-shadow: 1px 1px 0 #FFF;
}

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

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

.noTextPotision{
  margin-top: 120px !important;
}

.slider_text_wrap .slider_btn{width: 250px; margin: 0;}

.slider_text_wrap .slider_btn .tltp{
  width: 100%;
  border: 1px solid #353535;
  border-radius: 30px;
  color: #353535;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  padding: 20px 0px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.slider_text_wrap .slider_btn .tltp:hover{
  border: 1px solid #1957DC;
  background: #1957DC;
  color: #FFF;
}

.slider_text_wrap .slider_btn .tltp:before{
  width: 0px;
  height: 1px;
  content: "";
  position: absolute;
  right: 20px;
  top: calc( 50% - 0px );
  display: block;
  background: #353535;
  transition: all cubic-bezier(0.19, 1, 0.22, 1) .4s;
}

.slider_text_wrap .slider_btn .tltp:hover:before{
  content: "";
  background: #FFF;
  width: 24px;
  position: absolute;
  right: 20px;
}

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

.slider_text_wrap .slider_btn .tltp:hover:after{
  content: url(../img/cmscss/mobile_first/common/btn_arrow_w.png);
  position: absolute;
  right: 10px;
}

.slider_text_wrap .slider_btn img{
  margin: 0;
  top: -15px;
  left: auto;
  right: -15px;
  padding: 0;
}

#sliderStepsContainer{
  width: 176px !important;
  height: 10px !important;
  bottom: -570px !important;
  margin: auto;
  position: absolute;
  text-align: center;
  z-index: 10;
}

.slideshow-fadein-wrap #sliderStepsContainer{
  bottom: 30px !important;
}

#sliderStepsContainer span{
  background: #EEE !important;
  width: 10px !important;
  float: none !important;
  margin: 0 12px 0 0 !important;
  display: inline-block !important;
}

#sliderStepsContainer .current{
  background: #1957DC !important;
}

#sliderLoader {
  display: none;
  bottom: 20px !important;
  height: 2px !important;
}

#sliderLoader span{
  background: #1957DC !important;
  height: 2px !important;
}

#increment,
#decrement{
  box-shadow:none !important;
  border: none !important;
  border-radius: 0 !important;
  transition: all .3s;
  text-indent: -9999px;
}

#increment {
  width: 39px !important;
  height: 40px !important;
  right: calc(50% + 160px) !important;
  bottom: 0 !important;
  top: auto !important;
  background: url(../img/cmscss/mobile_first/common/next.png) no-repeat center top !important;
}

#decrement {
  width: 41px !important;
  height: 40px !important;
  left: auto !important;
  right: calc(50% + 199px) !important;
  bottom: 0 !important;
  top: auto !important;
  background: url(../img/cmscss/mobile_first/common/prev.png) no-repeat center top !important;
}

#bgSlider .slider_caption .slider_contents{
  text-shadow: 1px 1px 2px rgba(255,255,255,1) !important;
}



/*** mobile_first用スライダアニメーション ***/

.slideshow-slidedown .slider_content_wrap * {
    display: block !important;
}

.slideshow-slidedown-passive{
  animation-name: slideup-mobile_first !important;
  background-position: center center !important;
}

.slideshow-slidedown-active{
  animation-name: slidedown-mobile_first !important;
  background-position: center center !important;
}

.slideshow-slidedown-active .slider_content_wrap{
  transition-delay: .4s;
}


@keyframes slidedown-mobile_first{
    0%{background-position: calc(50% + 375px) -900px; opacity: 0;}
    100%{background-position: calc(50% + 375px) center; opacity: 1;}
}

@keyframes slideup-mobile_first{
    0%{background-position: calc(50% + 375px) center; opacity: 1;}
    100%{background-position: calc(50% + 375px) -900px; opacity: 0;}
}


/*------ right_box ------*/

#right_box {
  width: 960px;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  padding: 0;
  margin: 0 auto;
}


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

.right_box_img {
  width: 300px;
  float: left;
  margin-right: 60px;
  position: relative;
}

.right_box_img:before{
  content: url(../img/cmscss/mobile_first/common/info_text.png);
  position: absolute;
  left: 0;
  top: -45px;
}

.right_box_img:after{
  width: 60px;
  height: 2px;
  background: #1957DC;
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
}
.right_box_img img{
  width: 100%;
}

.side_shop_info_box{
  width: 600px;
  float: left;
  margin: 30px 0 0;
  position: relative;
}

.side_shop_info_box p {
  font-size: 16px;
  line-height: 160%;
  margin: 0 0 2px;
  max-width: 300px;
  text-align: left;
  letter-spacing: .05em;
}

a.estimate_btn {
  width: 250px;
  background: #FF5454;
  border-radius: 30px;
  color: #FFF;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  padding: 20px 0px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: calc(50% - 28px);
}

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

a.estimate_btn:hover:before{
  content: "";
  width: 24px;
  position: absolute;
  right: 20px;
}

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

a.estimate_btn:hover:after{
  content: url(../img/cmscss/mobile_first/common/btn_arrow_w.png);
  position: absolute;
  right: 10px;
}





/* ------ footer ----- */

#footer_wrapper{
  width: 100%;
    background: #353535 url(../img/cmscss/mobile_first/common/main_img_over_70) no-repeat left top;
    -webkit-background-size: 70% 100%;
    background-size: 70% 100%;
    clear: both;
    margin: 0 auto;
}

#footer{
  width: 960px;
  margin: 0 auto;
}

#footer ul{
  margin: 0 0 30px;
}

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

#footer ul li a{
  display: inline-block;
  text-decoration:none;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  padding:20px 0 20px;
  color: #FFF !important;
  width: 100px;
}

#footer li a:link,#footer li a:visited {
  color: #FFF;
  text-decoration: none;
}

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

.copy_right{
  font-size: 12px;
  clear: both;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding: 20px 0;
  position: relative;
  color: #FFF;
}


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

div.mega_menu{
  z-index: 100;
}

/*------ np ------*/
.np {
  width: 960px;
  font-size: 14px;
  line-height: 150%;
  margin: 0px 0 90px;
  text-align: left;
}


/*****************************************************************************************/
/*------ ワイド ここから ------*/



/*------ ワイド ここまで ------*/


/*------ コンパクト ここから ------*/
/*
body {
  background: #EFEFEF;
  background-attachment: fixed;
}

#wrapper {
  width: 1080px;
  text-align: left;
  position: relative;
  margin: 0 auto;
  clear: both;
  background: #FFF;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
}

#conteiner {
  clear: both;
  margin: 0 auto 0 auto;
  position: relative;
}

#bgSlider > div {
  background-position-x: calc(50% + 240px);
}

#increment {
  right: calc(50% + 295px) !important;
}

#decrement {
  right: calc(50% + 334px) !important;
}

#main_contents_wrapper{
  text-align: left;
  clear: both;
  margin: 0 auto;
  background: #FFF;
}

#bgSlider .slideshow-slidedown{
  background-size:120% !important;
  -webkit-background-size:120% !important;
}


*//*------ コンパクト ここまで ------*/



/*****************************************************************************************/
/*------ サイドバーが【上】の場合 ここから ------*/

/*
#wrapper{
}

#header_wrapper{
  height: 60px;
}

#body_sub #header p.headadd,
#body_free #header p.headadd{
  right: 330px;
  left: auto;
  top: 71px;
}

#body_sub #header p.headtel,
#body_free #header p.headtel{
  left: auto;
  right: 140px;
  top: 67px;
}

#body_sub #header p.headmail,
#body_free #header p.headmail{
  top: 67px;
}



#menu_wrapper {
  width: 960px;
  margin: 0 auto;
  position: relative;
  top: -60px;
}

#menu_container{
  background: none;
  width: 100%;
  margin: 0 auto;
}

#menu{
  position: relative;
}

#menu > ul{
  width: 640px;
  position: absolute;
  left: 320px;
  top: 0;
}

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

#menu > ul > li{
  float:left;
}

#menu > ul > li#gmenu_top{
  display: none;
}

#menu > ul > li > a {
  width: 80px;
  display: table-cell;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  padding: 10px 0;
  color: #353535;
  vertical-align: middle;
  transition: all .3s;
}

#menu > ul > li:hover > a{
  background: #353535;
  color: #FFF;
}

#menu > ul > li > ul{
  clear: both;
  position: absolute;
  top: 60px;
  z-index: 60;
  text-align: left;
  display: none;
  width: 140px;
}

#menu > ul > li > ul > li{
  clear: both;
  text-align: left;
}

#menu ul > li > ul > li a:link,
#menu ul > li > ul > li a:visited {
background: rgb(240,240,240); /* Old browsers */
background: -moz-linear-gradient(top, rgba(240,240,240,1) 5%, rgba(226,226,226,1) 75%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 5%,rgba(226,226,226,1) 75%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(240,240,240,1) 5%,rgba(226,226,226,1) 75%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: inset 0px 1px 1px #f5f5f5, inset 0px -1px 1px #DDDDDD;
  color: #333;
  clear: both;
  display: inline-block;
  font-size: 12px;
  width: 180px;
  height: auto;
  font-weight:normal;
  margin: 0;
  padding: 15px;
  line-height: 120%;
  text-align:left;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#menu ul > li > ul > li a:hover{
  font-weight:bold;
}

div.mega_menu{
  top: 60px;
  width: 960px;
}

*//*------ サイドバーが【上】の場合 ここまで ------*/

/*------ サイドバーが【中】の場合 ここから ------*/
/*
#header_wrapper{
}

#header p.headadd {
  position: absolute;
  left: 360px;
  top: 780px;
  color: #FFF;
  z-index: 1;
}

#body_sub #menu_wrapper,
#body_free #menu_wrapper{
  position: static;
}

#menu_container{
  margin: 0 auto;
  width: 960px;
  position: relative;
}

#menu > ul {
  position: static;
}

#menu ul li{
  float:left;
}

#menu > ul > li#gmenu_top{
  display: none;
}

#menu > ul > li > a{width: 120px; padding: 10px 0;}

#menu > ul > li > a {
  box-sizing: border-box;
  color: #353535;
  display: table-cell;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .05em;
  padding: 20px 8px;
  text-decoration: none;
  text-align: center;
  transition: all .3s;
  vertical-align: middle;
}


#menu > ul > li:hover > a{
  background: #1957DC;
  color: #FFF;
}

#menu > ul > li > ul{
  clear: both;
  position: absolute;
  top: 60px;
  z-index: 60;
  text-align: left;
  display: none;
  width: 140px;
}

#menu > ul > li > ul > li{
  clear: both;
  text-align: left;
}

#menu ul > li > ul > li a:link,
#menu ul > li > ul > li a:visited {
background: rgb(240,240,240); /* Old browsers */
background: -moz-linear-gradient(top, rgba(240,240,240,1) 5%, rgba(226,226,226,1) 75%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 5%,rgba(226,226,226,1) 75%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(240,240,240,1) 5%,rgba(226,226,226,1) 75%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: inset 0px 1px 1px #f5f5f5, inset 0px -1px 1px #DDDDDD;
  color: #333;
  clear: both;
  display: inline-block;
  font-size: 12px;
  width: 180px;
  height: auto;
  font-weight:normal;
  margin: 0;
  padding: 15px;
  line-height: 120%;
  text-align:left;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#menu ul > li > ul > li a:hover{
  font-weight:bold;
}

#main_contents_wrapper{
  padding: 0;
}

#body_sub #main_contents_wrapper,
#body_free #main_contents_wrapper{
  padding: 0;
}

div.mega_menu{
    top: 60px;
    width: 960px;
}

*//*------ サイドバーが【中】の場合 ここまで ------*/


/*------ サイドバーが【左】または【右】の場合 ここから ------*/

#menu{
  font-size: 14px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

#menu ul{
  text-align: center;
}

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

#menu > ul > li > a{
  background: #FFF;
  border-left: 3px solid #FFF;
  box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 10px;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#menu > ul > li > a:hover{
  border-left: 3px solid #1957DC;
}


#menu > ul > li > ul{
    position: static;
    width: 100%;
}
#menu > ul > li > ul > li a{
  background: #EEE;
  color: #333;
  display: block;
  font-size: 14px;
  padding: 10px;
  text-decoration: none;
}

#menu > ul > li > ul > li a:hover{
  background: #ccc;
  font-weight: bold;
}

#menu #gmenu_top a:hover{
  border-left: 3px solid #1957DC;
}

div.mega_menu:after{
  content: "";
  width: calc(100% - 20px);
  height: 5vh;
  max-height: 50px;
  background: linear-gradient(to bottom, transparent, #FFFFFF 80%);
  bottom: 1px;
  position: absolute;
  left: 5px;
}

div.mega_menu > ul{
  max-height: 60vh; 
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

div.mega_menu > ul::-webkit-scrollbar {
    display:none;
}




body {
  margin-left: 12% !important;
}

#menu_container {
  background: #FFF url(../img/cmscss/mobile_first/info_bg/0066ff.jpg) no-repeat right -150px top;
  box-shadow: -1px 0 5px rgba(0,0,0,.15);
  height: 100vh;
  left: 0;
  padding: 60px 0 0;
  position: fixed;
  top: 0;
  width: 12%;
  z-index: 50;
}

.edit #menu_container {
  padding: 130px 0 0 ;
}

.sideMenuLoaded #menu_container {
  padding: 130px 0 0;
}

div.mega_menu{
  top: 100px;
  right: -660px;
  width: 650px;
}

div.mega_menu:after{
  content: "";
  left: 15px;
  z-index: 100;
}

.leftMenuWrapper{
    left: calc(-340px + 12vw) !important;
}



/*------ サイドバーが【左】または【右】の場合 ここまで ------*/


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

.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_2COLUMN"]:nth-of-type(2),
.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_3COLUMN"]:nth-of-type(2),
.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_4COLUMN"]:nth-of-type(2){
  -webkit-animation-delay: .2s;
  -o-animation-delay: .2s;
  animation-delay: .2s;
}

.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_3COLUMN"]:nth-of-type(3),
.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_4COLUMN"]:nth-of-type(3){
  -webkit-animation-delay: .4s;
  -o-animation-delay: 4s;
  animation-delay: .4s;
}

.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_4COLUMN"]:nth-of-type(4){
  -webkit-animation-delay: .6s;
  -o-animation-delay: .6s;
  animation-delay: .6s;
}


/*****************************************************************************************/
/*------toppage h2_box------*/
.h2_box_1,
.h2_box_2,
.h2_box_3{
  float: left;
  margin: 0 60px 0px 0;
  width: 280px;
  position: relative;
}

.h2_box_3{
  margin: 0;
}

.h2_box_1 h2,
.h2_box_2 h2,
.h2_box_3 h2{
  font-size: 24px;
  position: relative;
  margin: 0 0 20px;
}

.h2_box_1 h2:after,
.h2_box_2 h2:after,
.h2_box_3 h2:after{
  width: 60px;
  height: 2px;
  background: #1957DC;
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
}

.toppage_h2 span{
  display: block !important;
  font-size: 20px !important;
  text-align: left;
  width: auto !important;
  height: auto !important;
  padding: 5px 2px;
}

.h2_box_1 .img_left img,
.h2_box_2 .img_left img,
.h2_box_3 .img_left img{
  margin: 0 0 30px;
  width: 280px !important;
}

.h2_box_1 h3,
.h2_box_2 h3,
.h2_box_3 h3{
  height: auto !important;
  font-size: 20px;
  line-height: 1.5em;
  margin: 0 0 15px;
  position: relative;
  text-align: left;
}

.h2_box_1 p,
.h2_box_2 p,
.h2_box_3 p{
  height: auto !important;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 2em;
  text-align: left;
  margin: 0 0 45px;
}

.h2_box_1 .nav_link,
.h2_box_2 .nav_link,
.h2_box_3 .nav_link{
  width: 280px;
  height: auto !important;
  background: #FFF;
  box-sizing: border-box;
  border: 1px solid #353535;
  border-radius: 30px;
  color: #353535;
  display: block;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: .1em;
  line-height: 150%;
  text-align: center;
  text-decoration: none;
  padding: 15px 0;
  position: relative;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.h2_box_1 .nav_link:hover,
.h2_box_2 .nav_link:hover,
.h2_box_3 .nav_link:hover{
  background: #353535;
  color: #FFF;
}

.h2_box_1 .nav_link:before,
.h2_box_2 .nav_link:before,
.h2_box_3 .nav_link:before{
  width: 0px;
  height: 1px;
  content: "";
  position: absolute;
  right: 20px;
  top: calc( 50% - 0px );
  display: block;
  background: #FFF;
  transition: all cubic-bezier(0.19, 1, 0.22, 1) .4s;
}

.h2_box_1 .nav_link:hover:before,
.h2_box_2 .nav_link:hover:before,
.h2_box_3 .nav_link:hover:before{
  content: "";
  width: 24px;
  position: absolute;
  right: 20px;
}

.h2_box_1 .nav_link:after,
.h2_box_2 .nav_link:after,
.h2_box_3 .nav_link:after{
  content: url(../img/cmscss/mobile_first/common/btn_arrow_b.png);
  position: absolute;
  right: 15px;
  top: calc( 50% - 9px );
  transition: all .3s;
}

.h2_box_1 .nav_link:hover:after,
.h2_box_2 .nav_link:hover:after,
.h2_box_3 .nav_link:hover:after{
  content: url(../img/cmscss/mobile_first/common/btn_arrow_w.png);
  position: absolute;
  right: 10px;
}



/*------------*/
#top_maincopy{
  color: #333;
}

#top_maincopy .main_copy{
  width: 900px;
  margin: 0;
}

.main_copy {
  font-size: 14px;
  line-height: 180%;
  margin: 0 auto 30px;
  width: 960px;
}






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

.add_attention_h2 {
    color:#353535 !important;
    margin:0 0 5px 0 !important;
    display: none;
}

.plusBlockBtn,
.plusBlockBtn2,
.plusBlockBtn3,
.plusBlockBtn4,
.plusBlockBtn5 {
    width: 960px !important;
    margin: 10px auto 0 !important;
    position: static !important;
    padding: 0;
}

.block_outer_main_copy .plusBlockBtn2{
  padding: 0;
}

.plusBlockBtn_p {
    height: 25px !important;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

h3.h3_lead {
  width: 960px !important;
  border-top: 4px double #ccc;
  border-bottom: 4px double #ccc !important;
  font-size: 16px !important;
  margin: 0px auto 15px !important;
  padding: 10px 0 !important;
}

ul.ul_lead {
  width: 960px !important;
  border-bottom: 1px solid #CCC !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

li.lead {
  clear: both !important;
  font-size: 14px !important;
  margin: 0 !important;
}




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

#sub_top_img,
#sub_left_box{
  display:none;
}

/*** 各セクション ***/

#midbox_wrapper, #car_list_base, .div_box_campaign, .div_box_free, .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, #dksm_wrapper, .access_info, .div_box_jirei, #otoiawase_table_box, .mail_body_edit, #mitumori_table_box, #usercar_base, #link_block {
  width: 960px;
  margin: 0 auto;
}

#midbox_wrapper{
  margin: 0 auto;
}

.box_feature,
.box_jirei,
.box_coupon,
.box_promise,
.box_tokuten,
.box_voice,
.box_flow,
.campaign_content,
.box_setsubi,
.box_staff,
.box_free,
.box_dksm {
  margin: 0 0 90px;
  max-width: 960px;
}


h3.edit_table_title,
.box_feature h3,
.box_jirei h3,
.box_coupon h3,
.box_promise h3,
.box_tokuten h3,
.box_voice h3,
.box_voice .b_voice,
.box_flow h3,
.campaign_content h3,
.box_setsubi h3,
.box_staff h3,
.box_free h3,
.box_dksm h3{
  font-size: 20px;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 150%;
  margin: 0 0 30px;
}

.box_feature h3 > b,
.box_jirei h3 > b,
.box_coupon h3 > b,
.box_promise h3 > b,
.box_tokuten h3 > b,
.box_voice h3 > b,
.box_flow h3 > b,
.campaign_content h3 > b,
.box_setsubi h3 > b,
.box_staff h3 > b,
.div_box_faq h3 > b,
.box_free h3 > b,
.box_dksm h3 > b{
  display: none;
}


.box_feature p,
.box_jirei p,
.box_coupon p,
.box_promise p,
.box_tokuten p,
.box_voice p,
.box_flow p,
.campaign_content p,
.box_setsubi p,
.box_staff p,
.box_free p,
.box_dksm p {
  font-size: 16px;
  letter-spacing: .1em;
  line-height: 200%;
}

/*
.box_feature h3 > span,
.box_jirei h3 > span,
.box_coupon h3 > span,
.box_promise h3 > span,
.box_tokuten h3 > span,
.box_flow h3 > span,
.campaign_content h3 > span,
.box_setsubi h3 > span,
.box_staff h3 > span,
.box_free h3 > span,
.box_dksm h3 > span{
  position: relative;
}

.box_feature h3 > span:before,
.box_jirei h3 > span:before,
.box_coupon h3 > span:before,
.box_promise h3 > span:before,
.box_tokuten h3 > span:before,
.box_flow h3 > span:before,
.campaign_content h3 > span:before,
.box_setsubi h3 > span:before,
.box_staff h3 > span:before,
.box_free h3 > span:before,
.box_dksm h3 > span:before{
  background: #1957DC;
  position: absolute;
  width: 50px;
  height: 3px;
  display: block;
  content:"";
  left: 0;
  bottom: -5px;
}
*/



/*料金表*/
#middle_top_price01 {
  clear: both;
  width: 960px;
  margin: 0 auto 15px;
}

.pricetable_content {
  clear: both;
  width: 960px;
  margin-bottom: 60px;
  position: relative;
}

.pricetable {
  width: 960px;
  background-color: #FFFFFF;
  border: none;
  clear: both;
  font-size: 10px;
  margin: 0 0 10px;
  position: relative;
}

table {
  border-collapse:collapse;
}


.pricetable th,.pricetable td {
  padding:10px 5px;
  width: 16%;
  text-align: center;
  vertical-align: top;
  border-bottom: 1px solid #DDDDDD;
  font-weight: normal;
}

.pricetable th {
  background: #1b1b1b;
  color: #FFFFFF;
  font-size: 12px;
}

.pricetable td{
  font-size: 14px;
  color: #353535;
}

.pricetable td strong {
  font-size: 14px;
  color: #c00;
}

.price01_td {
  font-size: 14px;
  background-color: #F5F5F5;
}

.pricetabel_memo {
  font-size: 14px;
  line-height: 130%;
}

.price_table_edit_btn_box{
  margin: 0 0 15px !important;
}

.price_table_edit_btn_box img{
  vertical-align: middle;
}

/*------ div_box_flow ------*/
.box_flow {
  border-bottom: 1px solid #CCCCCC;
  box-sizing: border-box;
  clear: both;
  margin: 0px;
  padding: 60px 30px;
  position: relative;
}

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

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

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

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

.flow_arrow {
  display: none;
}


/*------ div_box_faq ------*/
.div_box_faq0 {
  clear: both;
  margin: 0 auto;
  box-sizing: border-box;
}

.div_box_faq {
  box-sizing: border-box;
  color: #353535;
  margin: 0 0 45px;
}

.div_box_faq h3 {
  background: url(../img/cmscss/mobile_first/common/q_a_q.jpg) no-repeat 0 0;
  font-size: 20px;
  line-height: 150%;
  margin: 0;
  padding: 18px 30px 30px 85px;
  position: relative;
}

.div_box_faq p {
  background: url(../img/cmscss/mobile_first/common/q_a_a.jpg) no-repeat 0 0;
  clear: both;
  font-size: 14px;
  line-height: 150%;
  padding: 18px 30px 30px 85px;
}



/*------ div_box_voice ------*/

.box_voice .b_voice {
  display: inherit;
}


/*------ box_dksm ------*/
.box_dksm{
  margin: 0;
}
/*
.dksm_regist table {
    border: none;
    clear: both;
    width: 960px;
    border-collapse: collapse;
}

.dksm_regist table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.dksm_regist table tr {
    display: table-row;
    vertical-align: middle;
    border-color: inherit;
}

.dksm_regist table th{
  width: 20%;
  background-color: #353535;
  color: #FFF;
  box-shadow: inset 0px 1px 1px #4c4c4c, inset 0px -1px 1px #252525;
  font-weight: normal;
  font-size: 14px;
  line-height: 150%;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}

.dksm_regist table td{
  background-color: #EEE;
  box-shadow: inset 0px 1px 1px #f0f0f0, inset 0px -1px 1px #DDDDDD;
  font-size: 14px;
  line-height: 150%;
  padding: 15px;
  text-align: left;
  width: 80%;
}
*/

/*------ 導線ブロック ------*/
.block_outer_lead .div_box_free .box_free:nth-last-of-type(1){
    margin: 0;
}


/*------ アクセス ------*/
.div_box_company_pict {
  clear: both;
  width: 960px;
  margin: 0 auto;
}

.company_pict {
  float: left;
  text-align: center;
  width: 260px;
  margin: 0 30px 0;
}

.div_box_requirements01,
.div_box_requirements02,
.div_box_requirements03,
.div_box_requirements04,
.div_box_requirements05{
  width: 960px;
  margin: 0 auto ;
}

.recruit_alert_block{
  padding: 20px 0;
  margin: 0 !important;
}

/*問い合わせフォーム*/
.n_table {
  border: none;
  clear: both;
  width: 960px;
  border-collapse: collapse;
  margin: 0 0 30px;
}

.n_table tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

.n_table tr {
  display: table-row;
  vertical-align: middle;
  border-color: inherit;
}

.n_table tr:nth-last-of-type(1) td{
  border-bottom: none;
}

.n_table th {
  width: 20%;
  background-color: #353535;
  color: #FFF;
  box-shadow: inset 0px 1px 1px #4c4c4c, inset 0px -1px 1px #252525;
  font-weight: normal;
  font-size: 14px;
  line-height: 150%;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}

.n_table td {
  background-color: #EEE;
  box-shadow: inset 0px 1px 1px #f0f0f0, inset 0px -1px 1px #DDDDDD;
  font-size: 14px;
  line-height: 150%;
  padding: 15px;
  text-align: left;
  width: 80%;
}

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

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

.inputbtn {
  width: 320px !important;
  background: #E50150 url(../img/cmscss/mobile_first/common/btn_arrow_input.png) no-repeat center right 20px !important;
  box-sizing: border-box;
  border: none;
  border-radius: 30px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 200%;
  margin: 60px auto !important;
  padding: 10px !important;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.inputbtn:hover {
  background: #E50150 url(../img/cmscss/mobile_first/common/btn_arrow_input.png) no-repeat center right 15px !important;
}

.inputarea {
  border: 1px solid #999999;
  padding: 7px !important;
  width: 300px;
  font-size: 100%;
}
.inputarea2 {
  border: 1px solid #999999;
  padding: 7px !important;
  width: 200px;
  font-size: 100%;
}
.inputarea3 {
  border: 1px solid #999999;
  padding: 7px !important;
  width: 50px;
  font-size: 100%;
}
.inputarea4 {
  border: 1px solid #999999;
  padding: 7px !important;
  height: 150px;
  width: 300px;
  font-size: 100%;
  -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: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
.inputtxtarea {
  border: 1px solid #999999;
  height: 140px;
  padding: 7px !important;
  width: 100%;
  font-size: 100%;
}

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

textarea{
  font-size: 16px;
}


/*------ access ------*/
.map_big {
  clear: both;
  margin:0 auto 30px;
  width: 600px;
}

.access_info{
  text-align: center;
}

.access_info p{
  margin: 0 0 10px;
}

.access_info p.link{
  font-size: 14px !important;
  margin: 0 0 5px !important;
  border-bottom: none !important;
}

.access_info p.link a{
  background: #1957DC !important;
  box-sizing: border-box;
  color: #FFF;

  font-size: 16px;
  font-weight: bold;
  line-height: 200%;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  border-radius: 0;
  width: 300px;
  margin: 0 auto;
}


/**** thankyou ****/
.block_outer_thankyou .thanx_message{
  left: calc(50% - 480px);
  margin: 0;
}

.enquete_caption{
  width: 960px;
  margin: 0 auto 30px 0;
}

#user_enquete_form{
  width: 960px;
  margin: 0 auto 30px 0;
}


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

#car_list_base0{width: 960px;margin: 0 auto 20px;}
#carSearch_public{width: 100%;padding: 0 !important;}
#carListOpenOrClose {
  margin: 0 auto 20px !important;
  width: 100% !important
}

.usercar_list {
  width: 460px !important;
  background: #FFF !important;
  box-sizing: border-box;
  clear: none !important;
  float: left;
  margin: 0 40px 40px 0 !important;
  padding: 15px !important;
}

#carlist_main_box .usercar_list:nth-of-type(2n){
  margin: 0 0 80px !important;
}

.usercar_list h3 {
  background: none !important;
  border-bottom: 1px solid #CCC;
  clear: both;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
}

.usercar_list h3 span {
  width: 180px;
  background: #353535;
  bottom: -31px;
  right: 0px;
  color: #FFF;
  display: inline-block;
  font-size: 10px;
  font-weight: normal;
  position: absolute;
  padding: 0px 5px;
  box-sizing: border-box;
  text-align: center;
  letter-spacing: .10em;
}
.usercar_list h3 a{margin: 0 0 0 10px;}

.usercar_list h3 a:link,.usercar_list h3 a:visited {
  color: #353535;
  font-size: 18px;
  text-decoration: none;
}
.usercar_list h3 a:hover,.usercar_list h3 a:active {
  text-decoration: underline;
}

.list_con {
  width: 430px !important;
}

.list_con table {
  width: 430px;
  margin-bottom: 20px !important;
}

.list_con table th {
  width: 20%;
  background-color: #353535;
  box-shadow: inset 0px 1px 1px #4c4c4c, inset 0px -1px 1px #252525;
  color: #FFF;
  font-size: 10px;
  font-weight: normal;
  padding: 5px 0 5px 8px;
  text-align: left;
}

.list_con table td {
  width: 30%;
  background-color: #EEE;
  box-shadow: inset 0px 1px 1px #f0f0f0, inset 0px -1px 1px #DDDDDD;
  color: #353535;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 0 5px 8px;
  text-align: left;
}

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

.maker_link{
  padding: 0 !important;
}
.usercar_list .sample_name{
  font-size: 10px;
}

.list_main{
    width: 430px !important;
}

.list_main p{
  padding-right: 0px !important;
}

.list_main a img {
  width: 240px;
}

.list_main dl {
  float: right;
  width: 180px;
  text-align: left;
  display: block;
  padding: 10px;
  border: 1px solid #CCCCCC;
  background-color: #F7F7F7;
  box-sizing: border-box;
  margin: 15px 0 0;
}


.list_main dl dt {
  color: #353535;
  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 {
  color: #353535;
  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: #000;
}

.list_main ul {
  width: 180px !important;
}

.usercar_list .list_con span.more_carinfo_link{
  background: none !important;
  padding: 0 !important;
  float: none !important;
  display: block !important ;
  text-align: center;
}

.usercar_list .list_con span.more_carinfo_link a{
  width: 250px;
  background: #FFF;
  border: 1px solid #353535;
  border-radius: 30px;
  box-sizing: border-box;
  color: #353535;
  display: inline-block;
  font-size: 16px !important;
  letter-spacing: .1em;
  font-weight: normal;
  line-height: 200%;
  margin: 0 auto !important;
  padding: 10px !important;
  position: relative;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.usercar_list .list_con span.more_carinfo_link a:hover{
  background: #353535;
  color: #FFF;
}

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

.usercar_list .list_con span.more_carinfo_link a:hover:before {
    content: "";
    width: 24px;
    position: absolute;
    right: 20px;
}

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

.usercar_list .list_con span.more_carinfo_link a:hover:after {
    content: url(../img/cmscss/mobile_first/common/btn_arrow_w.png);
    position: absolute;
    right: 10px;
}

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

.pager {
  font-size: 12px;
  clear: both;
  background-color: #F7F7F7;
  border: 1px solid #ccc;
  width: 650px;
  padding-top: 4px;
  padding-right: 9px;
  padding-bottom: 0px;
  padding-left: 9px;
}

.pager span {
  font-weight: bold;
  color: #ff9900;
}

.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: #000;
}

.zaiko_used,
.baikyaku_used,
.syoudanchu_used,
.daiko_used,
.newcar_used,
.unused {
  color: #FFF !important;
  padding: 2px 15px;
  border-radius: 3px;
  margin: 0 5px 8px 0;
  display: inline-block;
  font-size: 12px;
  border-radius: 12px;
}

.zaiko_used{background-color: #390;}
.baikyaku_used{background-color: #C00;}
.syoudanchu_used{background-color: #F90;}
.daiko_used{background-color: #09C;}
.newcar_used{background-color: #E71870;}
.unused {background-color: #36f;}


#main_usedcarpage_link_box{
  width: 305px !important;
  background: none !important;
  margin: 0 auto 30px !important;
  padding: 0 !important;
  position: relative;
  text-align: center;
}

#main_usedcarpage_link_box a{
  background: #FFF;
  border: 1px solid #353535;
  border-radius: 30px;
  box-sizing: border-box;
  color: #353535;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  line-height: 200%;
  margin: 0 auto 30px !important;
  padding: 15px !important;
  position: relative;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#main_usedcarpage_link_box a:hover{
  background: #353535;
  color: #FFF;
}

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

#main_usedcarpage_link_box a:hover:before{
  content: "";
  width: 24px;
  position: absolute;
  right: 20px;
}

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

#main_usedcarpage_link_box a:hover:after{
  content: url(../img/cmscss/mobile_first/common/btn_arrow_w.png);
  position: absolute;
  right: 10px;
}

.sort_wrapped {
  width: 45% !important;
}



/*------ 中古車一覧サムネイル表示 thumbnail_box ------*/

.thumbnail_box{
  background: #FFF !important;
  width: 300px;
  height: 425px !important;
  border: none !important;
  margin: 0 30px 30px 0 !important;
  text-decoration: none !important;
}

#main_contents .block_outer:nth-of-type(2n-1) .thumbnail_box,
#main_contents .parallaxContentOuter:nth-of-type(2n-1) .block_outer .thumbnail_box{
  background: #EDEDED !important;
}

.thumbnail_box:nth-of-type(3n){
  margin: 0 0 30px 0 !important;
}

.thumbnail_box h3 a, .thumbnail_box .h3{
  color: #353535;
  padding: 0 10px !important;
  margin: 0 !important;
}

.thumbnail_box .h3 span{
  background: none !important;
  display: block;
  font-size: 16px !important;
  padding: 0 !important;
  position: absolute;
  top: 233px;
  left: 30px;
}

.thumbnail_box{
  background: #FFF;
}

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

.thumbnail_box .carthumb_img img{
  width: 290px !important;
}

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

.thumbnail_box .carthumb_img img.soldout_img{
  left: 60px !important;
}

.thumbnail_box .carthumb_date{
  padding: 3px 15px !important;
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  letter-spacing: .2em;
}

.thumbnail_box .carthumb_price{
  color: #353535 !important;
  font-size: 14px !important;
  line-height: 170% !important;
  margin: 0 0 10px !important;
  padding: 0 30px;
  max-height: none !important;
}

.thumbnail_box .carthumb_price span{
  display: block;
}

.thumbnail_box .carthumb_price span strong{
  font-size: 20px !important;
  font-weight: bold !important;
}

.thumbnail_box .carthumb_price span.totalCost strong{
  color: #333;
  font-size: 15px !important;
  font-weight: normal !important;
}

.thumbnail_box .carthumb_txt{
  color: #353535 !important;
  font-size: 14px !important;
  margin: 0 !important;
  padding: 0 30px;
}

.UsedCarListEditBtnBlock{width: 610px !important;}


.UsedCarEditBtnBlock,
.import_goo,
.import_car_sensor{
  width: 300px !important;
}

.UsedCarEditBtnBlock,
.import_goo{
  margin: 0 30px 0 0 !important;
}

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

#usercar_base {
  width: 960px;
  margin-bottom: 30px;
}
#usercar_base table {
  font-size: 12px;
  clear: both;
  width: 100%;
}
#usercar_base table th {
  background-color: #353535;
  border: none;
  box-shadow: inset 0px 1px 1px #4c4c4c, inset 0px -1px 1px #252525;
  color: #FFF;
  font-weight: normal;
  text-align: left;
}
#usercar_base table td {
  background-color: #EEE !important;
  box-shadow: inset 0px 1px 1px #f0f0f0, inset 0px -1px 1px #DDDDDD;
  border: none;
  color: #353535;
}

.kihon_tale {
  margin-bottom: 25px;
}
.kihon_tale th {
  padding: 8px;
  line-height: 140%;
  width: 20%;
}
.kihon_tale td {
  padding: 8px;
  width: 30%;
}
.kihon_tale2 {
  width: 100%;
  margin-bottom: 25px;
  font-size: 12px;
}
.kihon_tale2 th {
  padding: 8px;
  line-height: 140%;
  width: 16%;
}
.kihon_tale2 td {
  padding: 8px;
  width: 16%;
}
.soubishiyou {
  width: 100%;
  margin-bottom: 25px;
  font-size:10px;
}
.soubishiyou th {
  padding: 8px;
  line-height: 120%;
  width: 23%;
}
.soubishiyou td {
  padding: 8px;
  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: 960px;
  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;
}


.usedcar_info_body .shop_info_box{
  padding: 90px 0;
  background-color: #1957DC;
  color: #FFF;
}

.usedcar_info_body .shop_info_box h3{
  text-align: center;
  font-size: 16px;
  width: 960px;
  margin: 0 auto 15px;
}

.usedcar_info_body .shop_info_box p{
  clear: both;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

.usedcar_info_body .shop_info_box p span{
  font-size:40px;
  font-weight:bold;
  font-style: italic;
  margin: 0px;
  padding: 0px;
}

.usedcar_info_body .shop_info_box p .shop_name {
  clear:both;
  font-size:24px;
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.usedcar_info_body .shop_info_box p .tel_num{
  font-size:40px;
  line-height:60px;
  font-weight:bold;
  clear: both;
  display:block;
}

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

.usedcar_info_body .shop_info_box p .shop_hour {
  font-size: 12px;
  font-weight: normal;
  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/mobile_first/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/mobile_first/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: 620px !important;
  margin-bottom: 30px !important;
}


#recommend_h2{
  width: 960px !important;
  margin: 0 auto 150px;
}

#recommend_h2:after{
  width: 100px;
  height: 2px;
  background: #1957DC;
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
}

#recommend_title{
  font-family: 'Noto Serif JP', serif !important;
}


/*箱単位でのフロートによる高さ解決*/
#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 {
  width: 960px;
  margin: 0 auto 150px;
  font-size: 32px;
  font-style: oblique;
  font-family: 'Noto Serif JP', serif !important;
  opacity: 1 !important;
  position: relative;
}

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

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

#middle_top_price01 h2:after,h2.midashi_long:after{
width: 54px;
    height: 2px;
  background: #1957DC;
content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.blog_item{
  margin: 0 !important;
}

.blog_item h2{
  width: 640px;
  margin: 0 auto 30px;
}

.blog_item h2 span {
  font-size: 12px;
  font-weight: normal;
}

.img_box_left{
  float:left;
  margin: 0 30px 30px 0;
  position: relative;
}

.img_box_right{
  float:right;
  margin: 0 0 30px 30px;
  position: relative;
}

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

.historyback_box {
  font-size: 16px;
  text-align: center;
  padding: 30px 0;
}

.historyback_box a{
  width: 300px;
  border: 1px solid #353535;
  border-radius: 30px;
  color: #353535;
  display: block;
  margin: 0 auto;
  padding: 15px;
  position: relative;
  text-decoration: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.historyback_box a:hover{
  background: #353535;
  color: #FFF;
}

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

.historyback_box a:hover:before{
  content: "";
  width: 24px;
  position: absolute;
  right: 20px;
}

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

.historyback_box a:hover:after{
  content: url(../img/cmscss/mobile_first/common/btn_arrow_w.png);
  position: absolute;
  right: 10px;
}



.backtop {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

.backtop a {
  background: url(../img/cmscss/mobile_first/common/pagetop.jpg) no-repeat;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0px;
  top: -60px;
  text-indent: -9999px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.backtop a:hover {
  top: -70px;
}




/*パンくずリスト(徳田仮追加)*/
#pan {
  clear: both;
  margin: 0 auto !important;
  width: 960px;
  padding: 0 300px 0 0;
  box-sizing: border-box;
}

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

#pan li {
  font-size: 12px;
  float: left;
  line-height: 15px;
  padding-right: 10px;
}

#pan li a {
  background-image: url(../img/cmscss/mobile_first/common/pan.jpg);
  background-repeat: no-repeat;
  display: block;
  background-position: right 2px center;
  padding-right: 18px;
}



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

/*メイン画像コピー背景*/
div#image_letter_block {
  background: #fff;
  border: 1px solid #DDD;
  margin: 0 auto;
  padding: 0;
  width: 960px;
  padding: 30px;
  box-sizing: border-box;
}

div#image_letter_block .main_copy{
  color: #353535;
}


/*------side_bar_sub------*/

.side_bar_sub {
  width: 960px !important;
  column-count: 4;
  -webkit-column-gap: 40px;
  column-gap: 40px;
  margin: 0 auto;
  padding: 90px 0 125px;
  position: relative;
}

.side_bar_sub > div:not(.plusBlockBtn_side){
  width: 210px !important;
  box-sizing: border-box;
  margin: 0 0 60px !important;
  page-break-inside: avoid;
  break-inside: avoid;
  transform: translateZ(0);
}

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

.side_bar_sub .plusBlockBtn_side{
    position: absolute;
    right: 0;
    bottom: 90px;
}

.side_bar_sub .plusBlockBtn_side ul{
    width: auto;
}

.side_bar_sub .plusBlockBtn_side ul li{
    transform: translateY(-4px);
}


.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 {
  font-size: 12px;
  line-height: 130%;
  color: #666;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.side_bar_sub img {
  padding-top: 10px;
}

#recruit_banner_block a{
  width: 180px !important;
}

.sidebar_ad_banner img{
  width: 100%;
}

/*サイドバーにあるリンクボタン*/
.side_bar_sub p.link {
    background:#eee !important;
    text-align: center !important;
    clear: both !important;
    height: auto !important;
    width: 210px !important;
    line-height: 30px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 10px 0 !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;
}
.side_bar_sub p.link a:link,.side_bar_sub p.link a:visited {
    color: #333;
    line-height: 140%;
    text-decoration: underline;
    display:block;
}
.side_bar_sub p.link a:hover,.side_bar_sub p.link a:active {
    color: #000000;
    text-decoration: none;
}


#side_link_block .link{ background: none !important; }
#side_link_block .link_banner {
    padding-bottom: 0;
    text-align: center;
}

#sidetopics01 h4,
#sidetopics02 h4,
.like_topics_block h4,
#mobile_QR_info h4,
h4#shop_info_title,
#sv_title,
#side_link_block h4,
div#eigyoubi_cal h4{
  border: none !important ;
  background: none !important;
  color: #353535 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  letter-spacing: 0.05em;
  padding: 10px 0 !important;
  margin: 0 0 15px !important;
  position: relative !important;
  text-align: left !important;
}

#sidetopics01 h4:before,
#sidetopics02 h4:before,
.like_topics_block h4:before,
#mobile_QR_info h4:before,
h4#shop_info_title:before,
#sv_title:before,
#side_link_block h4:before,
div#eigyoubi_cal h4:before{
  width: 40px;
  height: 2px;
  background: #1957DC;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

#mobile_QR_info{
  padding: 0 !important;
}

/*サイドバートピックス画像の縁取りを強制コントロール*/
.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;
}

.side_img_box_max img.side_pict{
    width: 210px !important;
}

.map_box {
    text-align: center;
}

.map_box iframe, .leadAccessPageImage{
  width: 200px;
  height: 200px;
}

/*サイドバートピックスボックスを強制コントロール*/
.box_side_topics {
    width: 100% !important;
    clear: both !important;
    margin: 0 0 15px !important;
}

.box_side_topics p {
    color: #666;
    line-height: 120%;
    font-size: 10px;
}

.plusBlockBtn_side div.plusBlockBtn_p{background: url(../img/common/arrow001.gif) no-repeat 150px center !important; }
.side_bar_sub .plusBlockBtn_side .tltp img{padding: 0;}

.subpageLink{
    display: none;
}

/*** 営業日カレンダー ***/
div#eigyoubi_cal{
  padding: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

/*お問い合わせボタン*/

.link_cap_txt{
  font-size: 16px !important;
  margin-bottom: 10px !important;
}
div.section p.right_link {
    border: none;
    width: auto;
    height: auto;
    font-size: 16px;
    line-height: 1.5;
}

div.section p.right_link a {
  width: 300px;
  padding: 15px;
  text-align: center;
  display: inline-block;
  background: #3366FF;
  color: #FFF;
  text-decoration: none;
}

div.section p.right_link a:hover {
  text-decoration: underline;
}

/*お見積もりのh3タイトルバー*/
h3.mitsumori_title {
    clear: both;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0;
}


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


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

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

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

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




#side_link_block{
  padding: 0 !important;
}

#slider_change {
  right: 70px !important;
  top: 70px !important;
}

.recruit_section .rec_scrl_btn {
    background: #E50150 url(../img/cmscss/mobile_first/common/btn_arrow_w.png) no-repeat center right 19px !important;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    padding: 15px !important;
    width: 330px !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin: 30px auto !important;
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    -o-transform: translateX(-80px);
    transform: translateX(-80px);
    border-radius: 0px !important;
}

.recruit_section .rec_scrl_btn:hover {
  opacity:0.9;
}



#car_list_base,
#ucConpane{
  margin: 0 auto !important;
}



br.clearBr{
  display: none;
}

.search_title {
  width: 95px !important;
}



/* 1カラムデザイン専用　.imageBox補正 */
.js-imageBoxContentsWrapper{
  margin: 0 0 20px;
}
/*
.js-imageBlockImage{
  box-shadow: 0 15px 30px rgba(0,0,0,.25);
}

.imageBoxSlider .js-imageBlockImage{
  width: 960px !important;
}

.imageBoxContentsWrapper .imageBoxContents[data-layout="LAYOUT_SLIDESHOW"]{
  width: 960px !important;
}

.js-imageBoxSlider{
  margin: 0 0 15px;
}

.js-imageBoxBackground{
  margin: 0 !important;
  padding: 0 !important;
}

.js-imageBoxBackground{
  background-repeat: no-repeat !important;
  background-size: 50% !important;
  background-position: right top !important;
}

.js-imageBoxBackground.isLeft{
  background-repeat: no-repeat !important;
  background-size: 50% !important;
  background-position: right top !important;
}

.js-imageBoxBackground.isRight{
  background-repeat: no-repeat !important;
  background-size: 50% !important;
  background-position: left top !important;
}


.js-imageBoxBackground + :not(.js-imageBoxBackground){
  margin: 30px 0 120px;
}

.js-editTextOuter{
  animation-delay: .3s !important;
}

.js-imageBoxBackground .js-editTextOuter{
  width: 50% !important;
  background: none !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  padding: 50px 50px 0 0 !important;
}

.js-imageBoxBackground.isRight .js-editTextOuter{
  padding: 50px 0 0 50px !important;
}

.div_box_campaign .js-imageBoxBackground .js-editTextOuter{
  padding: 50px 50px 0 50px !important;
}
*/
/*** common.css の上書き ***/


.js-imageBoxBackground{/* 背景ブロックは強制的に左揃え */
  margin-left: 0 !important;
}

.est_table_car th{
  padding: 15px !important;
}

.checkedValidIcon{
  top: 10px !important;
}

.changeBoxImageLayoutControllerOuter{
  z-index: 10000 !important ;
}

.imageBoxContents[data-layout="LAYOUT_2COLUMN"] .imageBoxBlankOuter,
.imageBoxContents[data-layout="LAYOUT_3COLUMN"] .imageBoxBlankOuter,
.imageBoxContents[data-layout="LAYOUT_4COLUMN"] .imageBoxBlankOuter{
  min-height: auto !important;
  min-width: auto !important;
  padding: 15px;
}

#header.notEditLogoHeaderOuter .editLogoOuter {
    position: absolute;
    top: 16px;
}


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

/*** 実例ページ ***/

#body_free.reviewPage #header_wrapper{
  height:100px;
}

#body_free.reviewPage h1{
    top: -30px !important;
}

#body_free.reviewPage .block_outer_review_main .div_box_free .box_free:last-of-type{
  margin-bottom:90px !important;
}





/*** EC機能 ***/
.ec-cart .ec-cart__progress {
    margin: 45px auto 20px;
}

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

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

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



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

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

a {cursor:pointer;}




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

*/

img{
    border:none;
    line-height: 0px;
    vertical-align: bottom;
}
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;
}

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

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



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



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




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

#car_list_base0 {
    padding-bottom: 10px;
}

#car_list_base {
    margin:0 0 10px;
}

.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:10px;
}
.list_main p {
    float: left;
    padding-right: 10px;
    font-size: 10px;
}
.list_main p img {
    padding-bottom: 5px;
}
.list_main ul {
    width: 130px;
    display: block;
    float: right;
    padding-top: 5px;
}
.list_main ul li {
    padding-right: 3px;
    float: left;
}
/* .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;
    /* display: block; */
/* height: 12px; */
}
.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;
}



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

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

.thumbnail_box{
    background:#FFF;
    float: left;
    margin:0 10px 0 0;
    border:1px solid #ccc;
    height:320px;
    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:140px;
    overflow:hidden;
    padding:15px 14px 5px;
    margin:0 0 5px;
    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;
    font-size: 75%;
    line-height: 130%;
    text-align: left;
    display:block;
}
.thumbnail_box .carthumb_price {
    clear: both;
    margin:0 10px 5px;
    font-size: 11px;
    line-height: 130%;
    text-align: left;
    color:#666;
    display: block;
    max-height: 30px;
}
.thumbnail_box .carthumb_price span strong{
    font-size: 13px;
    color:#f00;
}
.thumbnail_box .carthumb_price span.totalCost strong{
    font-weight:normal;
    font-size: 11px;
}
.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;
}

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


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

.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:#000;
    border:1px solid #ccc;
    font-size:12px;
    color:#fff;
    width:50px;
    text-align:center;
}

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

#cgmCapWrapper {
    z-index:6;
    bottom:0px;
    left:0;
    background:#000;
    opacity:0.8;
    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:#fff url(../img/usedcar/cgmBg.png);;
    opacity:0;
    text-align:center;
    z-index:4;
}

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

.cgm.cgmLeft{
    left:0;
}

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


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

#cgmRArrow img,#cgmLArrow img{
    width:50px !important;
}

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


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


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

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

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

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

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

#carGallMask .cgmLeft{
    left: 0;
}


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

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


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

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

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




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

#usercar_base table td{
    background:none;
}

.cursor_default {
    cursor: default;
}

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



.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: #CCCCCC;
    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: #CCCCCC;
    margin-right: 20px;
    margin-left: 20px;
}

ul.ul_lead {
    clear: both;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    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;
}


.dksm_regist .inputbtn{
    margin:0 auto;
}


.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, .dksm_regist td{
    width:100%;
    float:left;
    font-weight:normal;
    text-align:left;
}

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

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


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

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

.dksm_regist input[type="text"]{
    font-size:14px;
    padding:5px;
    border: 1px solid #CCCCCC !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:100%;
    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 #ccc;
    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;
    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: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
}

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

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

#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{
    padding: 0 0 9px 0;
    margin:0 0 10px 0;
    border-bottom: 1px solid #CCC;
    font-size:12px;
}



#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 {
    padding:0;
    background:none;
    line-height:150%;
    clear:none;
}

#sidetopics01 h4, #sidetopics02 h4,  .like_topics_block h4 {
    font-size: 12px;
    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 1px;
    border-bottom: #999 solid 1px;
}

h4#shop_info_title, #sv_title{
    font-size: 12px;
    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 1px;
    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: 12px;
    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 1px;
    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: 12px;
    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 top;
    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 #ccc;
    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 #ccc;
    border-bottom: 1px dotted #ccc;
}
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:85px;
    margin:20px 0 10px;;
    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 #CCC;
    float:left;
    width:380px;
    margin:0 0 15px;
}




p.border_dotted{
    border-bottom-width: 1px;
    border-bottom-style: dashed; /* 線種 */
    border-bottom-color: #ccc; /* 線色 */
    width:320px;
    margin:0 0 15px;
}

span.red {
    color:#C00;
}





/* ================================================================
 * グローバルメニュー関連
 * ================================================================
 *
 * 件数が多い場合に表示されるメニュー (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で設定する。
 */

/* メガメニュー 外枠 */
/* メニュー単位の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;
}

/** アニメーションONのデザイン用 **/
.use_megamenu_animation div.mega_menu{
    height: calc( 100vh - 130px );
    background: rgba(255, 255, 255, .92) 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: 720px;
    max-width: 960px;
    pointer-events: none;
    transition: all .5s ease;
}

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

.edit .use_megamenu_animation div.mega_menu{
    height: calc( 100vh - 230px );
}

.side_bar_top .use_megamenu_animation div.mega_menu,
.side_bar_middle .use_megamenu_animation div.mega_menu{
    /*width: 640px;*/
    padding-top: 0 !important;
}

.side_bar_left .use_megamenu_animation div.mega_menu,
.side_bar_right .use_megamenu_animation div.mega_menu{
    /*width: 640px;*/
    max-width: 960px;
    height: 100vh;
    top: 0px;
}

.edit.side_bar_left .use_megamenu_animation div.mega_menu,
.edit.side_bar_right .use_megamenu_animation div.mega_menu{
    height: calc( 100vh - 70px ) !important;
    top: 0px !important;
}

.side_bar_left .use_megamenu_animation div.mega_menu.fixed_mega_menu{
    left: 100%;
    right: auto;
    top: 70px !important;
}

.side_bar_right .use_megamenu_animation div.mega_menu.fixed_mega_menu{
    left: auto;
    right: 100%;
    top: 70px !important;
}


.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 div.mega_menu.menu-edit-mode,
.use_megamenu_animation.js-hover div.mega_menu.active{
    opacity: 1;
    pointer-events: auto;
}

.use_megamenu_animation .megamenuTitle,
.use_megamenu_animation .megamenuTitleRight{
    font-size: 72px;
    color: rgba(0,0,0,.15);
    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 );
    max-height: 1em;
}

.use_megamenu_animation .megamenuTitleRight{
    left: auto;
    right: 0;
    transform-origin: right bottom;
    bottom: -10px;
    font-size: 144px;
    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);
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

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

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

.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: calc( 100% - 200px );
    height: calc( 100% - 200px );
    padding: 45px 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: #DDD;
    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: 7px 10px;
}

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: 12px;
    line-height: 120%;
    padding: 12px 10px 12px 25px;
    border-radius: 3px;
    text-decoration: none;
}

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

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


/**
 * 新着ページ装飾
 */
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: 2px;
}

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-image: url('../img/copy2open/menu_list_mark_important.gif');
    background-position: left 5px top 14px;
    font-size: 14px;
    font-weight: bold;
}



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

.middle-menu__trigger{
    position: relative;
}

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


[data-is-middle-menu = "1"][data-is-private = "1"] > a{
    background: #bbb !important;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 10%);
    color: #FFF !important;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger[data-is-private = "0"].font-size--1 > a{
    font-size: 12px;
    background-position: left 5px top 13px;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger[data-is-private = "0"].font-size--2 > a{
    font-size: 15px;
    background-position: left 5px top 14px;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger[data-is-private = "0"].font-size--3 > a{
    font-size: 18px;
    background-position: left 5px top 16px;
}

[data-use-custom-font-size = "1"] .middle-menu__trigger[data-is-private = "0"].font-size--4 > a{
    font-size: 22px;
    background-position: left 5px top 18px;
}

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

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

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


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

[data-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;
}

.middle-menu__trigger[data-is-private = "1"] .middle-menu__arrow{
    content: "";
    background-image: url(../img/copy2open/middle_menu_open_arrow_w.png);
}

.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: #F3F3F3;
    border-radius: 3px;
    box-sizing: border-box;
    display: none;
    margin: 10px 0 15px;
    position: relative;
    z-index: 1;
}

[data-is-private = "1"] .middle-menu__wrap{
    background: #B5B5B5;
    opacity: .7;
}



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

[data-is-private = "1"] .middle-menu__wrap:before {
  content: "";
  border-bottom:9px solid #B5B5B5;
}

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

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

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

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

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

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

.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: 5px 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 14px;
    background-size: 9px 9px;
    color: #000;
    display: block;
    font-size: 12px;
    line-height: 120%;
    padding: 12px 10px 12px 28px;
    border-radius:  3px;
    text-decoration: none;
}

.middle-menu__list li > a:hover {
    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;
}

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



/**
 * サイドバー○○の他のページ
 */
.side_bar_sub p.side-middle-menu__head{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    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: 2px;
    transition: .3s;
    transform: rotate(0deg);
}

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

.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;
    padding: 3px 15px;
    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;
}


/*スマホ用ヘッダーパーツ非表示　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:14px;
}

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

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

.regidateDetail b{
    color:#fff;
    font-size:14px;
    background:#444;
    padding:4px 5px 4px 5px ;
    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:5px 5px 5px 20px;
    margin:0 2px 0 0;
    background:#444 url(../img/usedcar/regidateDetailClock.png) no-repeat 5px 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 .recruit_banner_page_link a:not(.linkOverlay) {
    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 #ccc;
    text-shadow: -1px 1px 0 #666;
    background: #690;
    width:100%;
    margin:0 auto 0;
    box-sizing:border-box;
}

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

.estimateCategory input{
    display:none;
}

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

.requiredLabel{
    font-size: 11px;
    background: #f33;
    padding: 1px 5px;
    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);
    text-shadow: 1px 1px 0.2px rgba(0,0,0,0.3);
}

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

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

.datePickTriggerIcon{
    vertical-align:middle;
    margin:0 0 0 15px;
    cursor:pointer;
}

.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.js-checked{
    animation-name:addCheckIconAction;
    animation-duration:.9s;
    animation-fill-mode:forwards;
    opacity:1;
}

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


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

/*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%;
    padding: 15px 0 0 0;
    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{
    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: #999;
    color:#ccc;
}

#edittable01 span,
#edittable02 span{
    display:block;
    color:#000;
    cursor: pointer;
    font-size:14px;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    padding:4px 0;
}

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







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

#footer li a,
#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 {
    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; transform:translate(0, 60px);}
    100% {opacity:1; transform:none;}
}

.pulse {animation: pulse 1.5s infinite;}
@keyframes pulse {
    0% {transform:scale(0.9); opacity:0.7;}
    50% {transform:scale(1); opacity:1;}
    100% {transform:scale(0.9); opacity:0.7;}
}

.hatch {animation: hatch 1s ease-in-out forwards; transform-origin: 50% 100%;}
@keyframes hatch {
    0% {transform: rotate(0deg) scaleY(0.6);}
    20% {transform: rotate(-2deg) scaleY(1.05);}
    35% {transform: rotate(2deg) scaleY(1);}
    50% {transform: rotate(-2deg);}
    65% {transform: rotate(1deg);}
    80% {transform: rotate(-1deg);}
    100% {transform: rotate(0deg);}
}


.h2_box_fadein {animation: h2_box_fadein 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes h2_box_fadein {
    0% {opacity:0; transform:translate(0, 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:0;}
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.2, 0.7) translate(0%, 7%); }
  50%  { transform: scale(0.7, 1.2) translate(0%, -7%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.05, 1.05) 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: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFA74D), color-stop(0.00, #FFDD34));
    background: -webkit-linear-gradient(#FFDD34, #FFA74D);
    background: -moz-linear-gradient(#FFDD34, #FFA74D);
    background: -ms-linear-gradient(#FFDD34, #FFA74D);
    background: linear-gradient(#FFDD34, #FFA74D);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    margin: 10px auto;
    display: block;
    font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

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


#carSearch_public {
    max-width: 960px;
    margin: 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: 210px;
    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;
}
#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;
}





.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/ajax-loader_big.gif);
    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 );
}




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

.recommend_config {
    overflow: hidden;
    padding: 0 10px;
}


/*スライダーのローダー*/
#bgSlider {
    background: url(../img/copy2open/icon_loader_a_ww_03_s1.gif) 50% 50% no-repeat;
}


.estimate_link {
    position: absolute;
    bottom: -8px;
    left: 220px;
    font-size: 12px;
}

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

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

.main_pict_img_last {
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.main_pict_img:hover {
    vertical-align: middle;
    margin: 0 5px 0;
    background: #ff0000;
}

.main_pict_img_last:hover {
    vertical-align: middle;
    margin: 0 10px 0 0;
    background: #ff0000;
}





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

.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% - 20px);
    color: #fff;
    padding: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    transition: .3s;
    opacity: 0;
    z-index: 1;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid #ccc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    border-radius:4px;
}

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

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

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

.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;
    background-size: 30px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}

.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "prev"]{
    position: absolute;
    right: auto;
    left: calc( 50% - 80px );
    background-image: url(../img/usedcar/carslider_prev.png);
    cursor: pointer;
    margin: 0 10px 0 0;
}

.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "prev"]:hover,
.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "next"]:hover{
    top: -3px;
}

.imageBoxMultiSlider .boxImageMultiSliderController[data-controller-id = "next"]{
    position: absolute;
    left: auto;
    right: calc( 50% - 80px );
    background-image: url(../img/usedcar/carslider_next.png);
    cursor: pointer;
    margin: 0 0 0 10px;
}


/* スライドできる要素がないのにコントローラーは必要ない */
.imageBoxMultiSlider[data-max-slider-num = "0"],
.imageBoxMultiSlider[data-max-slider-num = "1"],
.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;
}



/* 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: 120px;
    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 {
    width: 150px;
    height: 40px;
}

.logoUploaded .header_logo_img {
    width: auto;
    height: 50px;
    transform: translateY(-5px);
}


.block_outer .imageBoxContents .captionHead {
    padding: 10px 0 0;
    margin: 0 0 0;
}

.block_outer .imageBoxContents .captionBody {
    padding: 10px 0 0;
    margin: 0;
}

.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%;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.8);
    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);
}

.carlist_slider_count .prev_img, .carlist_slider_count .next_img {
    width: 30px;
}

.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 {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    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 .thumbnail_box{
    padding-bottom:35px;
}

#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, #toggle_carList_change {
    text-decoration: none;
}

#header.notEditLogoHeaderOuter .editLogoOuter {
    height: auto;
}

.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: 45px;
    margin: 0;
}

#header.editLogoHeaderOuter .editLogoOuter a.shop_name_btn {
    font-size: 18px;
    font-weight: bold;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}


#header.editLogoHeaderOuter .editLogoOuter a.editLogoCompany {
    vertical-align: middle;
    position: relative;
    display: inline-block;
}

#header .editLogoOuter a.editLogoCompany.hiddenShopName {
    display: none;
}

#header .editLogoOuter .originalLogo {
    height: 100%;
    display: none;
}

#header .editLogoOuter .originalLogo.showOriginalHeaderLogo {
    display: block;
}


.editLogoOuter.logoEditMark1 .editLogoCompany {
    top: 50%;
    transform: translateY(-50%);
    padding: 0 0 3px 3px;
    -webkit- transform: translateY(-50%);
}



.editLogoOuter.logoEditMark1 .editLogoCompany:first-letter {
    font-size: 130%;
}



.editLogoOuter.logoEditMark2 {
    background: url(../img/companyLogo/logo/logoEditMark2.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark3 {
    background: url(../img/companyLogo/logo/logoEditMark3.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}





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

.editLogoOuter.logoEditMark6 {
    background: url(../img/companyLogo/logo/logoEditMark6.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark7 {
    background: url(../img/companyLogo/logo/logoEditMark7.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark8 {
    background: url(../img/companyLogo/logo/logoEditMark8.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark9 {
    background: url(../img/companyLogo/logo/logoEditMark9.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark10 {
    background: url(../img/companyLogo/logo/logoEditMark10.png) no-repeat left center;
    background-size: contain;
    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 left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark13 {
    background: url(../img/companyLogo/logo/logoEditMark13.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark14 {
    background: url(../img/companyLogo/logo/logoEditMark14.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.originalHeaderLogo {
    background-size: 40px;
    height: 40px !important;
}



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

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







.editLogoOuter.logoEditMark2.logoPositionRight,
.editLogoOuter.logoEditMark3.logoPositionRight,
.editLogoOuter.logoEditMark4.logoPositionRight,
.editLogoOuter.logoEditMark5.logoPositionRight,
.editLogoOuter.logoEditMarkReverse5.logoPositionRight,
.editLogoOuter.logoEditMark6.logoPositionRight,
.editLogoOuter.logoEditMark7.logoPositionRight,
.editLogoOuter.logoEditMarkReverse7.logoPositionRight,
.editLogoOuter.logoEditMark8.logoPositionRight,
.editLogoOuter.logoEditMark9.logoPositionRight,
.editLogoOuter.logoEditMark10.logoPositionRight,
.editLogoOuter.logoEditMark12.logoPositionRight,
.editLogoOuter.logoEditMark13.logoPositionRight,
.editLogoOuter.logoEditMark14.logoPositionRight
{
    background-position: right top;
}

.editLogoOuter.logoEditMark2 .editLogoCompany,
.editLogoOuter.logoEditMark3 .editLogoCompany,
.editLogoOuter.logoEditMark4 .editLogoCompany,
.editLogoOuter.logoEditMark5 .editLogoCompany,
.editLogoOuter.logoEditMark6 .editLogoCompany,
.editLogoOuter.logoEditMark9 .editLogoCompany,
.editLogoOuter.logoEditMark10 .editLogoCompany,
.editLogoOuter.logoEditMark12 .editLogoCompany,
.editLogoOuter.logoEditMark13 .editLogoCompany,
.editLogoOuter.logoEditMark14 .editLogoCompany,
.editLogoOuter.logoEditMark4 .editLogoCompany
{
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    padding-left: 45px;
}


#header.editLogoHeaderOuter .editLogoOuter.logoEditMark5 .editLogoCompany {
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.editLogoOuter.logoEditMark5 .editLogoCompany {
    padding-left: 35px;
}



.editLogoOuter.logoEditMark2 .editLogoCompany {
    padding-left: 40px;
}


.editLogoOuter.logoEditMarkReverse5 .editLogoCompany {
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}


.editLogoOuter.logoEditMark7 .editLogoCompany {
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    padding-left: 35px;
}

.editLogoOuter.logoEditMarkReverse7 .editLogoCompany {
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}


.editLogoOuter.logoEditMark8 .editLogoCompany {
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    padding-left: 60px;
}

.editLogoOuter.logoEditMark12 .editLogoCompany {
    padding-left: 60px;
}



.editLogoOuter.logoEditMark3.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark4.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark5.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark6.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark7.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark9.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark10.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark13.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark14.logoPositionRight .editLogoCompany
{
    padding-left: 0;
    padding-right: 50px ;
}

.editLogoOuter.logoEditMark2.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 35px;
}


.editLogoOuter.logoEditMark8.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 50px;
}

.editLogoOuter.logoEditMark12.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 60px;
}

.editLogoOuter.logoEditMarkReverse5.logoPositionRight .editLogoCompany {
    padding-left: 0 !important;
    padding-right: 40px;
}

.editLogoOuter.logoEditMarkReverse7.logoPositionRight .editLogoCompany {
    padding-left: 0 !important;
    padding-right: 35px;
}


.editLogoOuter.logoEditMark11 .editLogoCompany {
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}




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

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

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

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


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


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

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

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

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


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


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

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


.editLogoOuter .editLogoCompany.logoEditEffect4 {
    text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE;
}

.editLogoOuter .editLogoCompany.logoEditEffect5 {
    text-shadow: -1px 0px 3px rgba(255, 255, 255, 1), 2px 2.5px 2px rgba(20, 18, 16, 0.5);
}
.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
}
.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;
}
.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);
}
.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);
}


.editLogoOuter .editLogoCompany.logoEditEffect10 {
    text-shadow: none;
}

.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_outer {
    width: 580px;
}

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

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

/**
 * カート関連バーのボタン
 */

.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_y.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_w.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: absolute;
    bottom: 10px;
    right: 10px;
}


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

.cartListOuter.js-loaded:empty:before{
    content : "カートに商品は入っていません";
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 45px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    position:relative;
}

.cartListOuter.js-loaded:empty:after{
    display:none;
}


.cartListOuter.js-favoriteListOuter.js-loaded:empty:before{
    content : "「気になる」リストには商品はまだありません";
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 45px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    position:relative;
}




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

#js-selectCreditCardPayment[data-useable="1"],
#js-selectAmazonPay[data-useable="1"]{
    display:block;
}

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

}

.finishShoppingComment{
    font-size:36px;
    margin:0 0 15px;
}

.aboutSendMail{
    margin:0 0 45px;
    font-weight:bold;
}

.contactAboutShoppingOuter{
    display: inline-block;
    padding: 30px;
    border: 1px solid #ccc;
    background:#fff;
    border-radius:5px;
}

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

.paymentWayOuter,
.aboutTotalCostOuter,
.aboutPaymentWayOuter {
    margin-bottom: 15px;
}


.paymentWayOuter .key,
.aboutPaymentWayOuter .key,
.aboutTotalCostOuter .key{
    font-size: 14px;
    font-weight:bold;
    margin: 0 0 15px;
    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;
    }
}




/**
 * 成功事例ページ
 */
#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;
    background: #FFA74D url(../img/common/create_btn.png) repeat-x;
    border: 1px solid #FFF;
    border-radius: 3px;
    width: 180px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFA74D), color-stop(0.00, #FFDD34));
    background: -webkit-linear-gradient(#FFDD34, #FFA74D);
    background: -moz-linear-gradient(#FFDD34, #FFA74D);
    background: -ms-linear-gradient(#FFDD34, #FFA74D);
    background: linear-gradient(#FFDD34, #FFA74D);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    display: block;
    margin: 0 auto 15px;
    box-sizing: border-box;
    display: inline-block;
}

.facebookRegistBtn:hover{
    opacity: 0.8;
}

.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/ajax-loader_big.gif);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center center;
    text-align: center;
    height: 500px;
    max-width: 500px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
    border-radius: 10px;
    border: none;  
}

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

.free_search_hit_str:hover {
    text-decoration: none;
    cursor: pointer;
}


#gmenu_recruit.recruit_link_sp {
    display: none;
}


#body_top #wrapper span[face="Noto Serif JP"],
#body_sub #wrapper span[face="Noto Serif JP"],
#body_free #wrapper span[face="Noto Serif JP"],
span[face="Noto Serif JP"],
#body_top #wrapper span[face="Noto Serif JP"] *,
#body_sub #wrapper span[face="Noto Serif JP"] *,
#body_free #wrapper span[face="Noto Serif JP"] *,
span[face="Noto Serif JP"] * {
    font-family: 'Noto Serif JP', sans-serif !important;
}

#body_top #wrapper span[face="'M PLUS Rounded 1c'"],
#body_sub #wrapper span[face="'M PLUS Rounded 1c'"],
#body_free #wrapper span[face="'M PLUS Rounded 1c'"],
span[face="'M PLUS Rounded 1c'"],
#body_top #wrapper span[face="'M PLUS Rounded 1c'"] *,
#body_sub #wrapper span[face="'M PLUS Rounded 1c'"] *,
#body_free #wrapper span[face="'M PLUS Rounded 1c'"] *,
span[face="'M PLUS Rounded 1c'"] * {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

#body_top #wrapper span[face="Kosugi"],
#body_sub #wrapper span[face="Kosugi"],
#body_free #wrapper span[face="Kosugi"],
span[face="Kosugi"],
#body_top #wrapper span[face="Kosugi"] *,
#body_sub #wrapper span[face="Kosugi"] *,
#body_free #wrapper span[face="Kosugi"] *,
span[face="Kosugi"] * {
    font-family: 'Kosugi', sans-serif !important;
}

#body_top #wrapper span[face="Noto Sans JP"],
#body_sub #wrapper span[face="Noto Sans JP"],
#body_free #wrapper span[face="Noto Sans JP"],
.defaultFont span[face="Noto Sans JP"],
#body_top #wrapper span[face="Noto Sans JP"] *,
#body_sub #wrapper span[face="Noto Sans JP"] *,
#body_free #wrapper span[face="Noto Sans JP"] *,
span[face="Noto Sans JP"] * {
    font-family: 'Noto Sans JP', sans-serif !important;
}

/* 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: 16px;
    font-size: 14px;
    border: 2px solid #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    transition: .25s;
}


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

#right_box .right_box_img .side_pict {
    padding: 0;
    background: none;
}


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

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


.footer_menu_6 #fmenu_contact{
    display:none;
}




/* chromeのアップデートによりフォーカスが黒枠になるので対応 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="text"]:focus,
    input[type="submit"]:focus,
    input[type="password"]:focus,
    textarea:focus,
    select:focus,
    input[type="text"]:active,
    input[type="submit"]: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;
    }
}


/* 画像ポップアップ機能関連 */

/* 編集側 */
.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:after{
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.2) url(../img/copy2open/popup_overlay_bg.png) no-repeat center center;
    background-size: 64px 64px;
    transition: opacity .4s;
    position: absolute;
    left: 0;
    top: 0;
}
*/
.imageBoxOuter:hover .imageBoxOverlay,
.side_img_box:hover .imageBoxOverlay,
#recruit_banner_block:hover .imageBoxOverlay,
.leadAccessPageImageOuter: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;
}

.side_bar_sub .imageBoxOverlay .linkTriggerEdit {
    background-size: 50%;
}

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


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


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

.edit .popup-figure { /* 編集ページはfixed_menuがある分調整 */
    position: relative;
    top: 45px;
}

[data-popup-mode = "pdf"] .popup-figure{
    width: 90vw;
    height: 90vh;
}

.edit [data-popup-mode = "pdf"] .popup-figure { /* 編集ページはfixed_menuがある分調整 */
    height: calc( 90vh - 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;
    max-width: 85vw;
    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__caption{
    opacity: 0;
    margin: 10px 0 0;
}

.popup-figure__caption-head{
    max-width: 85vw;
    color: #FFF;
    text-shadow: 1px 1px 1px #111;
    margin: 5px 0 0;
    font-size: 20px;
    font-weight: bold;
}

.popup-figure__caption-body{
    max-width: 85vw;
    color: #FFF;
    text-shadow: 1px 1px 1px #111;
    margin: 5px 0 0;
    font-size: 16px;
    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;
}

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


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

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

.checkbox__no-robot {
    display: none;
}

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

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

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

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

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

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

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

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

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

#body_sub.recruitPage .baloon:nth-last-of-type(5) {
    left: 42% !important;
}


.preventDoublePost{
    pointer-events: none;
}


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


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

#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;
    transition: background-size .25s;
    background-color: #fff;
    overflow: hidden;
}

.liquid_off .parallaxContent{
    width: 100%;
}

.parallaxContentOuter.empty .parallaxContent{
    background: none !important;
    text-align: center;
    box-shadow: none;
    overflow: hidden;
}

.parallaxContentOuter.empty .parallaxContent{
    height: 0px;
}





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


body[data-h2-animate-ready = "0"] h2{
    opacity: 0;
}


body[data-h2-animate-ready = "1"] h2{
    opacity: 1;
}


#main_contents h2.midashi_long .splited,
#main_contents .blog_item h2 .splited,
#main_contents #middle_top_price01 h2 .splited{
    opacity:0;
    color: inherit;
    font-size: inherit;
    text-decoration: inherit;
    font-weight: inherit;
    width: auto;
    background: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}


/* H2 Animation float  */

.splited.fired[data-h2-animation-name = "float"]{
    animation-name: h2float;
    animation-duration: .4s;
    animation-fill-mode:forwards;
    display: inline-block;
}

@keyframes h2float{
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}




/* H2 Animation float-left  */

.splited.fired[data-h2-animation-name = "float-left"]{
    animation-name: h2float-left;
    animation-duration: .6s;
    animation-fill-mode:forwards;
    display: inline-block;
    transform: translateX(-50%) translateY( 50% );
}


@keyframes h2float-left{
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(50%);
    }
    100% {
        opacity: 1;
        transform: translateX(0) translateY(0);
    }
}




/* H2 Animation bounce  */

.splited.fired[data-h2-animation-name = "bounce"]{
    animation-name: h2bounce;
    animation-duration: .4s;
    animation-fill-mode:forwards;
    display: inline-block;
}


@keyframes h2bounce{
    0% {
        opacity: 0;
        transform: scaleX(0.2) translateY(-50%);
    }

    50% {
        opacity: 1;
        transform: scaleX(2.0) translateY(25%);
    }

    75% {
        opacity: 1;
        transform: scaleX(1.5) translateY(-12.5%);
    }

    100% {
        opacity: 1;
        transform: scaleX(1.0) translateY(0px);
    }
}




/* H2 Animation jump  */

.splited.fired[data-h2-animation-name = "jump"]{
    animation-name: jump;
    animation-duration: .6s;
    animation-fill-mode:forwards;
    display: inline-block;
    animation-delay: 0.2s !important;
}


.splited.fired[data-h2-animation-name = "jump"]:nth-of-type(2n){
    animation-name: jump;
    animation-duration: .6s;
    animation-fill-mode:forwards;
    display: inline-block;
    animation-delay: 0.25s !important;
}


@keyframes jump{
    0% {
        opacity: 0;
        transform: translateY(50%);
    }

    33% {
        opacity: 1;
        transform: translateY(-25%) rotate(-10deg);
    }

    66% {
        opacity: 1;
        transform: translateY(12.5%) rotate(1deg);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}




/* H2 Animation typing  */

.splited.fired[data-h2-animation-name = "typing"]{
    opacity: 0;
    position: relative;
    animation-name: typing;
    animation-duration: .05s;
    animation-fill-mode: forwards;
}

.splited.fired[data-h2-animation-name = "typing"]:after{
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 2px;
    height: 100%;
    background-color: #333;
    animation-name: typingPointer;
    animation-duration: inherit;
    animation-fill-mode: inherit;
    animation-delay: inherit;
    opacity: 0;
}


.splited.fired.lastFired[data-h2-animation-name = "typing"]:after{
    animation-duration: 1s;
    opacity: 0;
    animation-name: typingPointerLast;
    animation-iteration-count: 10;
}


@keyframes typing{
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes typingPointer{
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


@keyframes typingPointerLast{
    0% {
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}




/* H2 Animation wave  */

.splited.fired[data-h2-animation-name = "wave"]{
    animation-name: wave;
    animation-duration: .6s;
    animation-fill-mode:forwards;
    display: inline-block;
}


.splited.fired[data-h2-animation-name = "wave"]:nth-of-type(2n){
    animation-name: wave;
    animation-duration: .6s;
    animation-fill-mode:forwards;
    display: inline-block;
}


@keyframes wave{
    0% {
        opacity: 0;
        transform: translateX(0%) translateY(0%) scale(1);
    }

    50% {
        opacity: 1;
        transform: translateX(20%) translateY(-20%) scale(1.1);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}




/* H2 Animation shrink-top  */

.splited.fired[data-h2-animation-name = "shrink-top"]{
    animation-name: h2shrink-top;
    animation-duration: .4s;
    animation-fill-mode:forwards;
    display: inline-block;
    transform:  translateX(-40%) translateY(-100%) scaleX(2.5);
    text-shadow: 0px 3px 3px rgb(0 0 0 / 30%);
}


@keyframes h2shrink-top{
    0% {
        opacity: 0;
        transform:  translateX(-40%) translateY(-75%) scaleX(2.5);
        text-shadow: 0px 5px 3px rgb(0 0 0 / 50%);
    }
    25% {
        opacity: 1;
        
    }
    100% {
        opacity: 1;
        transform:  translateX(0%) translateY(0%) scaleX(1);
        text-shadow: 0px 3px 3px rgb(0 0 0 / 0%);
    }
}




/* H2 Animation label  */

#main_contents h2.midashi_long .splited.fired[data-h2-animation-name = "label"],
#main_contents .blog_item h2 .splited.fired[data-h2-animation-name = "label"],
#main_contents #middle_top_price01 h2 .splited.fired[data-h2-animation-name = "label"]{
    animation-name: h2label;
    animation-fill-mode:forwards;
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline-block;
    opacity: 1;
    position: relative;
    
}


#main_contents .splited.fired[data-h2-animation-name = "label"]:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    animation-name: h2label-after;
    animation-duration: .05s;
    animation-fill-mode: inherit;
    animation-delay: inherit;
    background-color: rgba(0,0,0,1);
    transform: translateY(0);
    animation-timing-function: linear;
}

#main_contents .splited.firstFired[data-h2-animation-name = "label"]:after{
    animation-name: h2label-after-first;
    animation-duration: .05s;
}

#main_contents .splited.lastFired[data-h2-animation-name = "label"]:after{
    animation-name: h2label-after-last;
    animation-duration: .3s;
    animation-timing-function: ease-out;
}

@keyframes h2label-after-first{
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes h2label-after{
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes h2label-after-last{
    0% {
        width: 100%;
        opacity: 1;
    }
    100% {
        width: 0%;
        opacity: 0;
    }
}



/** フェードイン（上から） */
.animation-lib--fade-in-top{
    animation-name: animation-lib--fade-in-top;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out
}


@keyframes animation-lib--fade-in-top{
    0%{
        opacity: 0;
        transform: translateY(-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;
  }
}


/**
 * 〇〇の他のページ改修
 */

/** サイドバー側 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%;
  margin: 0 3% 5px 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;
}

.plusBlockBtn--lead .changeLeadLayout{
    width: 25px;
    height: 25px;
    background: #DDD;
    cursor: pointer;
    margin-left: 2px !important;
    padding-left: 0px !important;
}

.plusBlockBtn--lead .changeLeadLayout.current{
    position: relative;
}

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

.plusBlockBtn--lead .changeLeadLayout[data-layout = "default"]{
    background: #DDD url(../img/common/lead_block_layout_default.gif);
}
.plusBlockBtn--lead .changeLeadLayout[data-layout = "card"]{
    background: #DDD url(../img/common/lead_block_layout_card.gif);
}
.plusBlockBtn--lead .changeLeadLayout[data-layout = "list"]{
    background: #DDD url(../img/common/lead_block_layout_list.gif);
}@charset "utf-8";

/* 20160331 高橋 */
/* 背景が動くスライダーのためのデザイン上書きCSS */
/* デザイン Photo　を想定 */

h1 {
    top:-490px !important;
    z-index:4;
}

#header_wrapper{
    position: absolute;
    background:none;
    z-index:5;
}

#body_sub #header_wrapper,
#body_free #header_wrapper{
    position:static;
}

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


.slider_text{
    text-align:center;
    margin:0 0 15px;
    position:relative;
    max-width:960px;
    max-height:155px;
    overflow:hidden;
    margin:0 auto 30px;
    z-index: 2
}

.slider_btn{
    overflow:visible;
}

#increment,
#decrement{
    position:absolute;
    top:45%;
    width:50px;
    height:50px;
    border-radius: 100%;
    border: 1px solid #fff;
    cursor:pointer;
    color:#fff;
    text-align: center;
    line-height: 45px;
    box-shadow: 0px 0px 7px -1px #333;
    -moz-box-shadow: 0px 0px 7px -1px #333;
    -webkit-box-shadow: 0px 0px 7px -1px #333;
    text-shadow: 0 0 6px #000;
    z-index:2;
}

#increment {
    right:100px;
}

#decrement {
    left:100px;
}

#sliderSteps{
    position: absolute;
    width: 100%;
    bottom: 50px;
    height: 20px;
}

#sliderStepsContainer{
    margin: auto;
    height: 20px;
    width: 10px;
    position:relative;
    bottom:120px;
    z-index: 2;
    text-align:center;
}

#sliderStepsContainer span {
    display:inline-block;
    border-radius:100%;
    background:#fff;
    width:10px;
    height:10px;
    margin:0 5px 0 0;
    cursor:pointer;
    padding:0;
}

#sliderStepsContainer span.current {
    background:#ccc;
}

#sliderLoader {
    height: 1px;
    position: absolute;
    bottom: 70px;
    background: #fff;
    width: 100%;
}

#sliderLoader span {
    display:block;
	background: #ccc;
	margin:auto;
	width:0 ;
	height:1px;
    padding:0px;
    max-width:100%;
}


.slideshow-icon-addbg{
    background: #666;
    padding: 5px;
    border-radius: 3px;
    box-sizing: border-box;
}




#bgSlider{
    visibility:hidden;
}

#bgSlider:after{
    content: url(/cms/img/ajax_loader_alpha.gif);
    position: absolute;
    z-index: 1;
    top: calc( 50% - 9px );
    left: calc( 50% - 9px );
    visibility: visible;
}

#bgSlider.js-loaded{
    visibility:visible;
    background:none;
}

#bgSlider.js-loaded:after{
    display:none;
}



/* slideshow-playbtn */

.slideshow-icon-wrap {
    width: 32px !important;
    height: 32px !important;
    display: block !important;
    border-radius: 3px !important;
    float: right !important;
    position: relative !important;
    margin-left: 5px !important;
    padding: 0 !important;
    background-color: transparent !important;
}




/* fadein */

.slideshow-fadein{
    background-size:auto;
    background-repeat:no-repeat;
    background-position:center;
}


/* slidedown */

.slideshow-slidedown{
    position:absolute;
    background-size:auto;
    background-position: center -1200px;
    background-repeat:no-repeat;
    animation-timing-function : ease-in-out;
    animation-duration:.75s;
    animation-fill-mode:forwards
}

.slideshow-slidedown-passive {
    background-position: center -1200px;
    z-index:0;
    animation-name:slideup;
}

.slideshow-slidedown-active {
    background-position: center center;
    z-index:1;
    animation-name:slidedown;
}

.slideshow-slidedown *{
    display:none;
}

.slideshow-slidedown-active *{
    display:block;
}

.slideshow-slidedown-wrap #sliderStepsContainer,
.slideshow-slidedown-wrap #sliderLoader{
    z-index:1;
}


@keyframes slidedown{
    0%{background-position: center -1200px;}
    100%{background-position: center center;}
}

@keyframes slideup{
    0%{background-position: center center;}
    100%{background-position: center -1200px;}
}

@keyframes fadein{
    0%{opacity: 0;}
    75%{opacity: 1;}
    100%{opacity: 1;}
}



/* zoomin */

.slideshow-zoomin *{
    display:none;
}

.slideshow-zoomin-active *{
    display:block;
}

.slideshow-zoomin {
    z-index: 0;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size:auto;
    position:absolute;
}

.slideshow-zoomin-active{
    opacity:1;
    z-index:1;
    animation-name:zoomin;
    animation-duration:1s;
    animation-fill-mode:forwards;
    transform: scale( 1 ) rotate(0.1deg);
}

.slideshow-zoomin-wrap #sliderStepsContainer,
.slideshow-zoomin-wrap #sliderLoader{
    z-index:1;
}

@keyframes zoomin{
    0%{transform:scale(0.9) rotate(0deg);}
    100%{transform:scale(1) rotate(0deg);}
}


/* zoomout */

.slideshow-zoomout {
    width: 100%;
    height: 100%;
    position: absolute;
}



.slideshow-zoomout{
    transition: opacity .75s;
}

.slideshow-zoomout-passive{
    opacity: 0;
    z-index: 0;
}

.slideshow-zoomout-active{
    opacity: 1;
    z-index: 1;
}

.slideshow-zoomout .slider_img_wrapper{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}



.slideshow-zoomout .slider_img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    transform: scale(1.2);
    transform-origin: center center;
    transition: transform 8s;
}

.slideshow-zoomout-active .slider_img {
    transform: scale(1) rotate(0.1deg);
    z-index: 1;
}

.slideshow-zoomout-wrap #sliderStepsContainer,
.slideshow-zoomout-wrap #sliderLoader{
    z-index: 1;
}


#bgSlider .newArrivalSlideShow {
    position: absolute;
    float: none !important;
    top: 5px;
    right: 8px;
    background-color: #f00;
    color: #fff !important;
    line-height: 16px !important;
    font-size: 12px !important;
    border-radius: 100%;
    text-align: center;
    width: 16px !important;
    height: 16px !important;
    padding: 0;
}

#bgSlider .newArrivalSlideShow:empty{
    display:none;
}

#bgSlider .slider_caption .slider_contents {
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.sliderDiv[data-disp-flag="0"],
#sliderStepsContainer > span[data-disp-flag="0"]{
    display:none !important;
}


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

    #body_sub #header_wrapper,
    #body_free #header_wrapper{
        position:absolute;
    }


    /* slidedown */
    .slideshow-slidedown {
        display:none;
    }

    .slideshow-slidedown-active {
        display:block;
    }

    .slideshow-slidedown-wrap #increment,
    .slideshow-slidedown-wrap #decrement,
    .slideshow-slidedown-wrap #sliderStepsContainer{
        z-index:2;
    }

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

    @keyframes slideup{
        0%{
            background-position: center center;
        }
        100%{
            background-position: center -1200px;
        }
    }

    /* zoomin */
    .slideshow-zoomin {
        position:absolute;
        display:none;
    }

    .slideshow-zoomin-active {
        display:block;
    }

    #bgSlider .slider_icons{
        display:block !important;
    }

    .prevnextSliderSorterTrigger{
    }

    .slideshow-icon-wrap:not(.js-play){
        float:none !important;
    }

    /* zoomout */
    .useCustomSlider .slideshow-zoomout{
        height: auto;
    }
    .useCustomSlider .slideshow-zoomout .slider_img_wrapper{
        height: 56.25vw; /* デフォルトでは 16.9 比率にしている 各デザインCSSで上書き可 */
    }

}
div.baloon {
   font-size: 11px;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url("../img/baloon.gif") no-repeat top left;
   z-index: 5000;
}

div.baloon a {
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
}

div.baloon a:hover {
   background-color: #eef;
}

div.baloon div {
   background: url("../img/baloon_right.gif") no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
}

/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}