@charset "UTF-8";

/* フォント
---------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap');

/* 切り替え
---------------------------------------------------------- */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}

/* 決まりごと
---------------------------------------------------------- */
html {
  scroll-behavior: smooth;
  background-color: #d4d4d4;
}
a:hover img {
  opacity: 0.5;
}
/*グレーアウト*/
.img_grayout {
  filter: grayscale(100%);
}
p.indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}
img {
  vertical-align: top;
  line-height: 1.0em;
}


/* ベース
---------------------------------------------------------- */
#ct_bg #Tomica-wrapper {
  background-color: #fff;
}
#Tomica-wrapper {
  background-color: #fff;
	padding: 0 0 1.7em 0;
}
.autosalon_contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: visible;
  background-color: #37353e;
background-image: linear-gradient(315deg, #868f96, #596164);
}

.autosalon_contents_inner {
  width: 970px;
  height: auto;
	margin: 0 auto;
  padding: 0 0 3em;
  background-color: #fff;
box-shadow: 0px 0px 10px 5px rgba(17,17,26,0.1);
}

/* メイン画像郡
---------------------------------------------------------- */
.main_img img {
  width: 95%;
	height: auto;
	margin: 0 2.5%;
}


/* 販売エリア
---------------------------------------------------------- */
/*ベース*/
.mall_hanbai {
  width: 970px;
  height: auto;
	margin: 0 auto 3.5em;
  padding: 1em 0 1.5em;
  background: rgb(5, 10, 36);
  background: linear-gradient(180deg, rgba(5, 10, 36, 1) 0%, rgba(49, 70, 140, 1) 100%);
}

/*冒頭*/
.area_hanbai {
  margin: 1.5em 0 5em;
}
.area_hanbai_kokuchi {
  width: 90%;
  height: auto;
  margin: 1em auto 1.5em;
}
.honbun-area {
  width: 84%;
  height: auto;
  margin: 0.5em 8%;
  text-align: left;
}
.honbun-01 {
  font-size: 1.7em;
  line-height: 2em;
  color: #fff;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.honbun-02 {
  font-size: 1.3em;
  line-height: 1.9em;
  color: #fff;
font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.area_yoyaku_btn {
  width: 80%;
  height: auto;
  padding: 1em 10% 1.2em 10%;
}
.area_yoyaku_btn img {
  width: 100%;
}
.honbun-notice {
  font-size: 1.4em;
  line-height: 2em;
  color: #fff;
font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/*注意事項*/
.area_kimari {
  width: 40%;
  height: auto;
  margin: 1em 50% 1em 10%;
	padding: 0.5em 0 0.5em 0.3em;
	background-color: #0064f2;
	border-radius: 10px;
box-shadow: 0px 0px 10px 5px rgba(0, 100, 242, 1);
  font-size: 1.6em;
  color: #fff;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
	text-align: left;
}
.kimari-area {
  width: 80%;
  height: auto;
  margin: 0em 9% 2.5em 11%;
  text-align: left;
}
.honbun-03 {
  font-size: 1.5em;
  line-height: 1.85em;
  color: #fff;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.honbun-04 {
  font-size: 1.3em;
  line-height: 1.9em;
  color: #fff;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.area_kojinjoho {
  width: 70%;
  height: auto;
  margin: 0.5em 15% 5em;
	padding: 0.9em 0 ;
	background-color: #fff;
	box-shadow: 0px 0px 10px 5px rgba(0, 100, 242, 1);
}
.area_kojinjoho_txt {
	text-align: center;
	  font-size: 1.6em;
  color: #fff;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}


.t_yellow {
  color: yellow;
  font-weight: 800;
}