/**
 * Common class
 */
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb80 {
	margin-bottom: 80px;
}

/*--- ヘッダー：メニュー ---*/
.contentswidth {
  position:relative;
  width:960px; /* max-width:960px; */
  height:100%;
  margin:0 auto;
  padding:0 10px;
  text-align:left;
}
#headerblock {
  position:fixed;
  width:100%;
  height:90px;
  background:url(../img/headerblock-bg.png) repeat-x bottom center;
  z-index:100;
}
#headerblock .sitename {
  margin:0 0 0 0;
  padding:5px 0 0;
  font-weight:normal;
}
#headerblock p.tagline {
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  margin:0;
  padding:0;
  text-align:center;
  color:#fff;
  font-size:85.7%;
  line-height:1.25;
}
#headerblock nav h2 {
  position:absolute;
  left:-9999px;
}
#mainmenu {
  position:absolute;
  left:250px;
  top:5px;
  margin:0;
  padding:0;
  z-index:30;
  white-space:nowrap;
}
#mainmenu li {
  position:relative;
  float:left;
  height:56px;
  margin:0;
  padding:0;
  list-style:none;
  line-height:1;
}
#mainmenu li a{
  display:block;
  height:56px;
  margin:0;
  padding:20px 8px 0;
  text-decoration:none;
  text-align:center;
  font-size:100%;
}
#mainmenu li.cass a,
#mainmenu li.carlink a{
  height:41px;
  padding:15px 8px 0;
}
#mainmenu li a:link,
#mainmenu li a:visited,
#mainmenu li a:active{
  color:#444;
  text-decoration:none;
  background-color:#ffffff;
}
#mainmenu li a:hover{
  color:#fff;
  text-decoration:none;
  background-color:rgba(0,0,0,0.5);
}
#submenu {
  position:absolute;
  right:10px;
  top:60px;
  margin:0;
  padding:0;
  font-size:16px;
}
#submenu li {
  float:left;
  margin:0 0 0 30px;
  padding:5px 0 0;
  list-style:none;
  line-height:1.5;
  color:#fff;
}
#submenu li a:link,
#submenu li a:visited,
#submenu li a:active{
  color:#444;
  text-decoration:none;
}
#submenu li a:hover{
  color:#444;
  text-decoration:none;
}
#submenu li img{
  vertical-align:middle;
}

/*--- 会員ページ：ヘッダー：メニュー：Dropdown ---*/
.dropdown-menu {
  background-color: #9e9e9e;
}
.yamm-content {
  background-color: #9e9e9e;
}
#dropdown-menu-box li{
  position:relative;
  float:left;
  height:26px;
  margin:0;
  padding:0;
  list-style:none;
  line-height:1;
}
#dropdown-menu-box li a{
  display:block;
  height:21px;
  margin:0;
  padding:5px 8px 0;
  text-decoration:none;
  text-align:left;
  font-size:100%;
}
#dropdown-menu-box li a:link,
#dropdown-menu-box li a:visited,
#dropdown-menu-box li a:active{
  color:#ffffff;
  text-decoration:none;
  background-color:#9e9e9e;
}
#dropdown-menu-box li a:hover{
  color:#444;
  text-decoration:none;
  background-color:rgba(0,0,0,0.5);
  background-color:#ffffff;
}
#dropdown-menu-box p{
  padding-top:5px;
  color:#fff59d;
}

/* 新車仕入れサービスのタブ */
.tab_active {
  background: #d9534f !important;
  color: #fff !important;
}

@media  screen and (max-width: 768px) {
  .yamm-content {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    top: 60px;
    height: 50%;
    width: 90%;
    padding: 20px 10px !important;
    overflow-x: hidden;
    overflow-y: scroll;
    border-radius: 2px;
  }
  .yamm-content::-webkit-scrollbar {
    width: 0.6em;
  }
  .yamm-content::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 20px;
    outline: 1px solid #ccc;
  }
  #dropdown-menu-box {
    width: 100% !important;
  }
  #dropdown-menu-box ul.col-xs-12.list-unstyled li {
    float: none !important;
    display: block;
  }
  #dropdown-menu-box li a:hover {
    background-color: #9e9e9e;
  }
}

/*--- 会員ページ：ヘッダー ---*/
.dropdown-menu {
  background-color: #9e9e9e;
}
.yamm-content {
  background-color: #9e9e9e;
}

/*--- 会員ページ：ヘッダー：新着情報：modal-dialog ---*/
#modal-notice {
  margin-top:-15px;
}
#modal-notice .modal-header {
  background-color: #9e9e9e;
  color: #ffffff;
}
#modal-notice .modal-body {
  background-color: #9e9e9e;
}
#modal-notice .modal-footer {
  background-color: #9e9e9e;
}
#modal-notice a{
  display:block;
  height:28px;
  margin:0;
  padding:5px 8px;
  text-decoration:none;
  text-align:left;
  font-size:100%;
}
#modal-notice a:link,
#modal-notice a:visited,
#modal-notice a:active{
  color:#ffffff;
  text-decoration:none;
  background-color:#37474f;
}
#modal-notice a:hover{
  color:#444;
  text-decoration:none;
  background-color:#ffffff;
}
#modal-notice p{
  padding-top:5px;
  color:#fff59d;
}

/*--- ヘッダー：メニュー：ログインフォーム ---*/
#login-box{
  position:absolute;
  top:10px;
  right:0;
  font-size:12px;
  color:#000;
}
#login-box form{
  display:inline-block;
}
#login-box div{
  display:inline-block;
}
#login-box div.user-info{
  margin-right:15px;
  padding: 0 10px;
}
#login-box div.user-type{
  margin-right:15px;
  padding: 0 10px;
}
#login-box .user-type-title{
  font-size:80%;
}
#login-box p.signup-link a{
  margin:0;
  padding:2px 4px 0;
}
#login-box p.signup-link a:link,
#login-box p.signup-link a:visited,
#login-box p.signup-link a:active{
  color:#ff8707;
  text-decoration:none;
}
#login-box p.signup-link a:hover{
  color:#ff5507;
  text-decoration:none;
}
#login-box .btn-login{
  color:#fff;
  font-weight:bold;
  background-color:#38ada9;
  margin-right: 8px; /* 2019-03-08 右側の余白の調整 */
}

/*--- ヘッダー：関連リンク情報 ---*/
#relationblock {
  width:100%;
  height:45px;
  position:relative;
  top:24px;
  background-color:#01493d;
  color:#fff;
  font-size:90%;
  margin-bottom:50px;
}
#relationblock div.relation-link{
  display:inline-block;
  position:absolute;
  top:15px;
  right:0;
}
#relationblock div.relation-link span{
  margin-left:10px;
}
#relationblock div.relation-link a{
  margin:0;
  padding:2px 4px 0;
}
#relationblock div.relation-link a:link,
#relationblock div.relation-link a:visited,
#relationblock div.relation-link a:active{
  color:#fff;
  text-decoration:none;
  background-color:#01493d;
}
#relationblock div.relation-link a:hover{
  color:#444;
  text-decoration:none;
  background-color:#ffffff;
}

/*--- 会員トップページ：flexslider ---*/
.flexslider   {
  margin:0;
  padding:0;
  border-radius:0;
  background:transparent;
  border:none;
}
.flexslider .slides  {
  margin:0;
  padding:0;
}
.flexslider .slides li  {
  margin:0;
  padding:0;
  list-style:none;
}
.flexslider .slides li .wrapper img  {
  width:auto;
}
body .flex-control-paging {
  width:800px;
  left:50%;
  bottom:10px;
  z-index:50;
  margin-left:-400px;
}
body .flex-control-paging li a {
  margin:0 4px;
  border:2px solid #fff;
  background:#000;
  -moz-box-shadow:0 0 5px #fff,0 0 5px #fff;
  -webkit-box-shadow:0 0 5px #fff,0 0 5px #fff;
  box-shadow:0 0 5px #fff,0 0 5px #fff;
}
.flex-control-paging li a.flex-active {
    background: #E70012
  }
body .flex-direction-nav  {
  height:0;
}
body .flex-direction-nav a {
  top:50%;
  width:50px;
  height:50px;
  text-indent:-9999px;
  text-align:left;
  content:"";
  opacity:0.25;
}
body .flex-direction-nav a:before {
  content:"";
}
body .flex-direction-nav .flex-prev {
  left:0;
  width:50px;
  height:50px;
  background-position: center right;
  background-image: url("../img/flexslider-prev_1.png");
}

body .flex-direction-nav .flex-next {
  right:0;
  width:50px;
  height:50px;
  background-position: center left;
  background-image: url("../img/flexslider-next_1.png");
  text-align:left;
}
body .flex-direction-nav a.flex-prev:before,
body .flex-direction-nav a.flex-next:before {
    content: "";
}
body .flexslider:hover .flex-prev {
  left:0;
  opacity: 1;
}
body .flexslider:hover .flex-next {
  right:0;
  opacity: 1;
}

/*--- フッター ---*/
#footerblock {
  position:relative;
  z-index:10;
  color:#aaa;
  margin-top:60px;
}

#footerblock .companyinfo {
  display:block;
  width:45%;
  padding-bottom:20px;
  float:left;
  font-size:100%;
}
#footerblock address {
  display:block;
  width:45%;
  padding-bottom:20px;
  float:right;
  text-align:right;
  font-size:100%;
  font-style:normal;
}
#copyrightblock {
  clear:both;
  padding:10px 0;
  border-top:1px solid #aaa;
}

#pagetop img {
  position:fixed;
  bottom:45px;
  right:45px;
}

/*--- オーバーレイ ---*/
.store-overlay-top {
	display: none;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	width: 100%;
}
.store-overlay {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200%;
	margin-left: -50%;
	height: 7em;
	background: rgba(0, 0, 0, 0.5);
}
.store-overlay a {
	text-decoration: none;
}
.store-overlay span {
	padding: 16px 50px;
	background: #e42000;
	color: #fff;
	font-size: 120%;
	letter-spacing: 5px;
}


/**
 * Import bootstrap 4.x
 */
.font-weight-bold{font-weight:700!important}




/* ==========================================================================
    [cass.cb-lab.co.jp]  /common_2017/css/common.min.css
   ========================================================================== */

.tac{text-align:center !important}
.fwbold{font-weight:bold !important}

/* ==========================================================================
    [cass.cb-lab.co.jp]  /common_2017/css/main.css
   ========================================================================== */

.contentsh1 {
  clear: both;
  height: 82px;
  margin: 0 0 30px;
  padding: 20px 0 0;
  background: url(../img/contentsh1-bg.png) top center no-repeat;
  line-height: 1.25;
  /* IE8以下用、スマホ専用サイトでは不要 */
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  font-weight: normal;
  text-align: center;
}

.textred {
  color: #CA1006;
}

.pcnone {
  display: none;
}

/* 2017/06/14 logico追加 */
.casslogico__header {
  margin: 0 0 25px;
  padding: 0;
  /* IE8以下用、スマホ専用サイトでは不要 */
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center;
  font-weight: normal;
}

.casslogico__body {
  margin: 0 50px 0;
  padding: 30px 30px 15px;
  text-align: left;
}

.casslogico2__body {
  margin: 0;
  padding: 18px 30px 0px;
  border: 1px solid #CA1006;
  border-radius: 5px;
  text-align: center;
}

.casslogico-about__body {
  margin: 0 auto 0;
}

.casslogico-about p {
  margin: 0 0 25px;
  line-height: 1.75;
}

.casstireguarantee-about__body {
  margin: 0 auto 50px;
}

.casstireguarantee-notice__body {
  margin: 0;
  padding: 30px 30px 15px;
  border: 1px solid #CA1006;
  border-radius: 5px;
}

.cassnewcar-rule__box {
  margin: 0 0 25px;
  padding: 30px;
  border: 1px solid #CA1006;
  border-radius: 5px;
}

.cassnewcar-rule__box h3 {
  margin: 0 0 25px;
  color: #CA1006;
  font-size: 20px;
  font-size: 2rem;
}

.cassusedcar-place__map {
  position: relative;
  height: 700px;
  background: url(/img/Auctions/map.png) center top no-repeat;
}
.cassusedcar-place__listbox {
  position: absolute;
  margin: 0;
  padding: 15px;
  border-radius: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #fff;
}
.cassusedcar-place__header {
  margin: 0 0 10px;
  padding: 0 0 5px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.cassusedcar-place__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.cassusedcar-place__list > li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	font-size: 1.4rem;
}

.cassusedcar-place__listbox--hokkaido {
  top: 200px;
  right: 0;
  border: 1px solid #f19338;
}
.cassusedcar-place__listbox--hokkaido > .cassusedcar-place__header {
  color: #f19338;
  border-bottom: 1px solid #f19338;
}
.cassusedcar-place__listbox--hokkaido > .cassusedcar-place__list {
  width: 17em;
}
.cassusedcar-place__listbox--hokkaido > .cassusedcar-place__list > li {
   width: 8em;
}

.cassusedcar-place__listbox--kanto {
  bottom: 0px;
  right: 0;
  border: 1px solid #ea6363;
}
.cassusedcar-place__listbox--kanto > .cassusedcar-place__header {
  color: #ea6363;
  border-bottom: 1px solid  #ea6363;
  line-height: 1.5;
}
.cassusedcar-place__listbox--kanto > .cassusedcar-place__list {
  width: 21em;
  line-height: 1.75;
}
.cassusedcar-place__listbox--kanto > .cassusedcar-place__list  > li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 10em;
  margin: 0;
  padding: 0;
  line-height: 1.75;
}

.cassusedcar-place__listbox--hokuriku {
  top: 200px;
  left: 340px;
  border: 1px solid #7fbe26;
}
.cassusedcar-place__listbox--hokuriku > .cassusedcar-place__header {
  color: #7fbe26;
  border-bottom: 1px solid #7fbe26;
}
.cassusedcar-place__listbox--hokuriku > .cassusedcar-place__list {
  width: 7em;
  line-height: 1.75;
}
.cassusedcar-place__listbox--hokuriku > .cassusedcar-place__list > li {
}

.cassusedcar-place__listbox--chubu {
  bottom: 50px;
  right: 340px;
  border: 1px solid #358fbe;
}
.cassusedcar-place__listbox--chubu > .cassusedcar-place__header {
  color: #358fbe;
  border-bottom: 1px solid #358fbe;
}
.cassusedcar-place__listbox--chubu .cassusedcar-place__list {
  width: 17em;
  line-height: 1.75;
}
.cassusedcar-place__listbox--chubu > .cassusedcar-place__list > li {
  width: 8em;
  font-size: 14px;
  font-size: 1.4rem;
}

.cassusedcar-place__listbox--kansai {
  top: 200px;
  left: 50px;
  border: 1px solid #913162;
}
.cassusedcar-place__listbox--kansai > .cassusedcar-place__header {
  color: #913162;
  border-bottom: 1px solid #913162;
  line-height: 1.5;
}
.cassusedcar-place__listbox--kansai > .cassusedcar-place__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 17em;
  margin: 0;
  padding: 0;
  line-height: 1.75;
}
.cassusedcar-place__listbox--kansai > .cassusedcar-place__list > li {
  width: 8em;
  line-height: 1.75;
}

.cassusedcar-place__listbox--chugoku {
  bottom: 0;
  left: 0;
  border: 1px solid #349292;
}
.cassusedcar-place__listbox--chugoku > .cassusedcar-place__header {
  color: #349292;
  border-bottom: 1px solid #349292;
  line-height: 1.5;
}
.cassusedcar-place__listbox--chugoku > .cassusedcar-place__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 17em;
  margin: 0;
  padding: 0;
  line-height: 1.75;
}
.cassusedcar-place__listbox--chugoku > .cassusedcar-place__list > li {
  width: 8em;
}

.casstireguarantee-notice__body h3 {
  /* IE8以下用、スマホ専用サイトでは不要 */
  font-size: 24px;
  font-size: 2.4rem;
  color: #CA1006;
}

/*--- FORM・TEXTズレ修正 ---*/
.vertical-align input,
.vertical-align select{
  position:relative;
  top:-3px;
}

/*600px以下
@media screen and (max-width:600px) {
  table, tbody, tr, th, td {
    display: block;
  }
}
*/

.result-btn {
	margin-bottom: 30px;
	text-align: center;
}

#sp-login-icon {
  display: none;
  color: red;
}

@media screen and (max-width:768px) {
	.pcnone {
		display: block;
	}

  /* スマホで横にはみ出る問題の修正 2019-03-06 */
  .contentswidth {
    width:100%;
  }
  .flex-control-paging {
    max-width: 100%;
    margin-left: -50% !important;
  }

  /* ここから ログインフォーム 2019-03-06 */
  #login-box {
    display: none; /* #sp-login-iconのアイコンをクリックするとblockに切り替える */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 40px 20px;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
  }
  #login-box form {
    width: 500px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding: 15px;
    background: #fafafa;
  }
  .navbar-right {
    float: none !important;
  }

  #login-box div {
    display: block;
  }
  #login-box .form-group {
    margin: 15px;
  }
  /* ログインアイコン */
  #sp-login-icon {
    display: block;
  }
  .sp-login-icon_lf-space {
    margin-left: 20px !important;
  }
  #sp-login-icon a {
    display: flex !important;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
  }
  #sp-login-icon button {
    margin-bottom: 5px;
    background: url('/img/h_icon01.png') no-repeat center;
    border: 0;
    width: 17px;
    height: 22px;
  }
  .sp-login-icon__text {
    font-size: 50%;
    color: #000;
    text-decoration: underline;
  }
  /* 入力欄の見栄え */
  #UserUsername,
  #UserPassword {
    display: block;
    margin: 0 auto;
    width: 80% !important;
    height: 35px;
    font-size: 170%;

  }
  /* ログインボタンの見栄え */
  input.btn.btn-login.btn-sm {
    display: block;
    margin: 0 auto !important;
    width: 90% !important;
    font-size: 200%;
  }
  /* CaSSの初めてのご利用ですかの部分を中央寄せにする */
  .signup-link {
    font-size: 140%;
    text-align: center;
  }
  .signup-link a {
    display: block;
  }
  /* android版Chromeで自動ログインのチェックボックスの影を消す */
  input#Autologin.form-control.input-sm {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #Autologin {
    width: 30px;
    height: 30px;
    display:inline;
  }
  #Autologin+label {
    font-size: 160%;
    display: inline;
  }
  a#RePassword {
    display: block;
    padding: 0 15px;
  }

  /* 2019-03-08 Import from bootstrap 4.3.1 */
  .d-flex{display:-ms-flexbox!important;display:flex!important}
  .align-items-center{-ms-flex-align:center!important;align-items:center!important}
  /* End */
  /* ここまで ログインフォーム */

  /* ここから ログイン後に表示される新着情報一覧 2019-03-08 */
  /* オーバーレイの部分 */
  .modal-backdrop.in {
    height: 100%;
  }
  .modal-dialog {
    margin: 15px auto 0;
    width: 80%;
  }
  #modal-notice {
    margin-top: 0;
  }
  /* コンテンツ部分の親要素 */
  .modal-body {
    height: 330px;
  }
  /* コンテンツ部分 */
  .notice-box {
    height: 100%;
  }
  /* ここまで ログイン後に表示される新着情報一覧 */

  /* ここから トップページのバナー下のテキストが改行されるとgridが崩れる問題に対応 2019-04-09 */
  .thumbnail-menu-comment {
    font-size: 12px;
  }
  /* ここまでトップページのバナー下のテキストが改行されるとgridが崩れる問題に対応 2019-04-09 */

	/* Added 2019-04-18 */
	.text-xs-center {
		text-align: center !important;
	}

	/* 新車仕入サービス　見積依頼: ＣａＳＳ会員新車仕入れサービス約款 (ポップアップ画面) */
	.pre-scrollable {
		max-height: calc(100% - 54px);
	}

	.form-horizontal .control-label {
		text-align: left !important;
	}

	.cassusedcar-place__map {
		height: auto;
		background: none;
	}

	.cassusedcar-place__listbox {
		position: static;
		margin-bottom: 30px;
	}

	/**
	 * 会員情報管理：会員検索 /admin/Users/index
	 *
	 */
	.admin_edit__table-sp-1row tr {
		margin-bottom: 2em;
	}
	.admin_edit__table-sp-1row tr,
	.admin_edit__table-sp-1row th,
	.admin_edit__table-sp-1row td {
		display: block;
	}
}

@media screen and (max-width:414px) {
	body {
		-webkit-text-size-adjust: 100% !important;
	}

	input,
	textarea,
	select {
		font-size: 16px !important;
	}

	.pcnone {
		display: block;
	}
	.col-padding-menu a {
		padding: 5px;
	}

	.sp-fsmall {
		font-size: 12px;
	}

	.result-btn a {
		width: 80% !important;
	}

	/* 新車仕入サービス　見積依頼: ＣａＳＳ会員新車仕入れサービス約款 (ポップアップ画面) */
	.pre-scrollable {
		max-height: calc(100% - 86px);
	}

  /* 中古車オークション出品代行サービス > 中古車オークション出品代行依頼フォーム */
	.SellAuction-comment-table tr {
		border-bottom: 1px solid #ddd;
	}
	.SellAuction-comment-table tr > td {
		display: inline;
		border: none !important;
	}
	.SellAuction-comment-table tr > td:last-child {
		display: block !important;
	}

	/* トップページ */
	#mainmenu {
		left: 160px;
	}
	.sitename img {
		width: 145px;
	}
}