/* おすすめポイント ********************/
section.carlist {
    background-color: #F8F8F8;
}
section.carlist .wrapper {
    width: 980px;
    padding-top: 30px;
    padding-bottom: 60px;
    background-color: #fff;
}

/* メイン車両画像～目次まで ************/
div.info > .carimg {
    width: 700px;
    margin: 0 auto;
}
div.info > .carimg img {
    width: 100%;
    height: auto;
}
div.info > div.mokuji {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
}
/* 目次 */
div.mokuji {
	background-color: #F7F7F7;;
	padding: 10px 40px 10px;
	border-radius: 10px;
	margin-top: 40px;
	margin-bottom: 60px;
}
div.mokuji div p {
	font-size: 20px;
	font-weight: bold;
	color: #ED6103;
	margin: 10px 0;
}
div.mokuji div p::before {
	content: '\f03a';
	font-size: 20px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #ED6103;
	margin-right: 10px;
}
ul.mokujiList {
	border-radius: 0 0 10px 10px;
	margin-bottom: 10px;
}
ul.mokujiList li {
	display: block;
	line-height: 1.6em;
	padding-bottom: 10px;
	font-size: 16px;
	text-align: left;
}
ul.mokujiList li::before {
	content: '\f058';
	color: #ED6103;
	font-size: 16px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
}
ul.mokujiList li a:hover {
	font-weight: bold;
}
/* 目次ドロップダウン */
.open p {
	position: relative;
	cursor: pointer;
}
.open p:hover::after {
	color: #ED6103;
}
.open p:after, 
.open.active p:after {
	margin-left: 10px;
	margin-top: 4px;
}
.open.active p::after {
	display: inline-block;
}
.open p::after {
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	color: #444444;
}
.open.active p::after {
	content: "[非表示▲]";
}
.open p::after {
	content: "[表示▼]";
}






/* 見出し・本文エリア ************/
div.note {
    width: 720px;
    margin: 0 auto;
}
/*中見出し*/
div.note h3 {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	line-height: 1.5;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: solid 2px #ED6103;
    margin-bottom: 20px;
}
/*小見出し*/
div.note h4 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	line-height: 1.5;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: solid 1px #ED6103;
	margin-top: 50px;
	margin-bottom: 20px;
}
div.note div.text {
	font-size: 16px;
	font-weight: 500;
	color: #333;
	line-height: 1.8;
    text-align: left;
}





/* 車の装備 ************/

/* 車の装備・各グレードの装備ポイント小見出し共通設定 ***/
section h4.mds {
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	border-top: none;
	border-bottom: 4px solid #989898;
	position: relative;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 8px;
}
section h4.mds::before {
    background-image: url(../images/carsim/jump_icon_soubi.png);
    content: '';
    display: inline-block;
	width: 52px;
	height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
	margin-left: 10px;
	margin-right: 20px;
}
section h4.mds::after {
	content: "";
	display: block;
	border-bottom: 4px solid #ED6103;
	width: 300px;
	position: absolute;
}
section h4.mds span {
	position: relative;
}
section h4.mds span small {
	font-size: 16px;
	font-weight: 500;
}
/* 装備 */
div.sobi {
    width: 720px;
	margin: 0 auto;
}
div.sobi h4.mds::before {
    background-image: url(../images/carsim/jump_icon_soubi.png);
    width: 52px;
    height: 24px;
}
div.sobi ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
div.sobi ul li {
    width: 220px;
	margin-bottom: 13px;
}
div.sobi ul li div {
	font-size: 15px;
	font-weight: bold;
	color: #ED6103;
    text-align: center;
	background-color: #fff;
	border: 1px solid #ED6103;
	border-radius: 10px;
    padding: 10px 0;
}
/*== 衝突軽減ブレーキ説明 ==*/
div.sobi ul li.brake div a {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: #989898;
	margin-left: 5px;
	position: relative;
}
div.sobi ul li.brake div a::after {
    content: '\3f';
    color: #fff;
    font-size: 14px;
    font-weight: 900;
	line-height: 16px;
    font-family: "Font Awesome 5 Free";
    vertical-align: middle;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
div.sobi ul li.brake div a:hover {
	background-color: #4FC4CA;
}

/* 衝突軽減ブレーキ説明ポップアップ */
.popup1 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup1.is-show {
  opacity: 1;
  visibility: visible;
}
/*ポップアップ部分*/
.popup-inner {
  width: 80%;
  max-width: 600px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding: 50px;
  background-color: #fff;
  z-index: 2;
}
.popup-inner > div.close-btn {
	margin: 0 auto;
}
/*タイトル*/
.popup-inner > div > div:first-of-type {
	border-top: 2px solid #ED6103;
	border-bottom: 2px solid #ED6103;
	padding: 5px 0;
	font-size: 18px;
	font-weight: bold;
	color: #ED6103;
	text-align: center;
	margin-bottom: 10px;
}
.popup-inner > div > p {
	font-size: 16px;
	text-align: 1.3;
}
.close-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.close-btn i {
	font-size: 20px;
	color: #333;
}
.black-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	z-index: 1;
	cursor: pointer;
}
/* 注釈 */
p.kome {
	font-size: 13px;
	font-weight: 500;
	color: #333;
	padding-left: 1em;
	text-indent: -1em;
} 
p.kome::before {
	display: inline;
	position: static;
	content: "※";
}







/* 各グレードの装備ポイント ************/
section.grade {
	background-color: #F8F8F8;
}
section.grade .wrapper {
	width: 980px;
	padding-bottom: 10px;
    background-color: #fff;
}
section.grade h4.mds {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
section.grade h4.mds::before {
    background-image: url(../images/carsim/jump_icon_data.png);
	margin-left: 0;
	margin-right: 0px;
}
div.gradelist {
    width: 720px;
    margin: 0 auto;
    margin-bottom: 40px;
}
div.gradelist > h5 {
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #172236;
    border-radius: 4px 4px 0 0;
    padding: 15px;
}
/*===詳細を表示===*/
div.grade_open {
    font-size: 16px;
    font-weight: bold;
    color: #056CB5;
    text-align: center;
    background-color: #D5D8DE;
    padding: 10px 0;
    cursor: pointer;
}
div.grade_open:hover {
    background-color: #E9EBEE;
}
/*詳細内容*/
div.grade_open_area {
	background-color: #E9EBEE;
}
div.grade_open_area > div:first-of-type {
    width: 640px;
    margin: 0 auto;
    padding: 30px 0;
}
/*詳細を非表示*/
div.grade_open_area div.grade_close_btn-1,
div.grade_open_area div.grade_close_btn-2,
div.grade_open_area div.grade_close_btn-3,
div.grade_open_area div.grade_close_btn-4,
div.grade_open_area div.grade_close_btn-5,
div.grade_open_area div.grade_close_btn-6,
div.grade_open_area div.grade_close_btn-7,
div.grade_open_area div.grade_close_btn-8,
div.grade_open_area div.grade_close_btn-9,
div.grade_open_area div.grade_close_btn-10,
div.grade_open_area div.grade_close_btn-11,
div.grade_open_area div.grade_close_btn-12,
div.grade_open_area div.grade_close_btn-13 {
    font-size: 16px;
    font-weight: bold;
    color: #056CB5;
    text-align: center;
    background-color: #D5D8DE;
    padding: 10px 0;
    cursor: pointer;
}
div.grade_open_area div.grade_close_btn-1::before,
div.grade_open_area div.grade_close_btn-2::before,
div.grade_open_area div.grade_close_btn-3::before,
div.grade_open_area div.grade_close_btn-4::before,
div.grade_open_area div.grade_close_btn-5::before,
div.grade_open_area div.grade_close_btn-6::before,
div.grade_open_area div.grade_close_btn-7::before,
div.grade_open_area div.grade_close_btn-8::before,
div.grade_open_area div.grade_close_btn-9::before,
div.grade_open_area div.grade_close_btn-10::before,
div.grade_open_area div.grade_close_btn-11::before,
div.grade_open_area div.grade_close_btn-12::before,
div.grade_open_area div.grade_close_btn-13::before {
    content: '\f056';
    color: #056CB5;
    font-size: 16px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    vertical-align: middle;
    margin-right: 10px;
}
div.grade_open_area div.grade_close_btn-1:hover,
div.grade_open_area div.grade_close_btn-2:hover,
div.grade_open_area div.grade_close_btn-3:hover,
div.grade_open_area div.grade_close_btn-4:hover,
div.grade_open_area div.grade_close_btn-5:hover,
div.grade_open_area div.grade_close_btn-6:hover,
div.grade_open_area div.grade_close_btn-7:hover,
div.grade_open_area div.grade_close_btn-8:hover,
div.grade_open_area div.grade_close_btn-9:hover,
div.grade_open_area div.grade_close_btn-10:hover,
div.grade_open_area div.grade_close_btn-11:hover,
div.grade_open_area div.grade_close_btn-12:hover,
div.grade_open_area div.grade_close_btn-13:hover {
    background-color: #E9EBEE;
}

/* アコーディオンコンテンツ */
div.grade_open_area > div:first-of-type {
    width: 700px;
    margin: 0 auto;
    padding: 0px 0 30px;
}
div.gradeinfo {
	width: 100%;
	margin: 0 auto 30px;
	padding: 20px;
	background-color: #fff;
}
div.gradeinfo > p {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}
div.gradeinfo > p:last-of-type {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}
/* 価格を表示させない場合 */
.noprice > h4 {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	text-align: center;
	padding: 5px 0 2px;
	background-color: #ED6103;
}
.noprice > p {
	font-size: 18px;
	font-weight: 600;
	color: #333333;
	text-align: center;
	padding-top: 20px;
}

/*本体価格*/
ul.price,
ul.price2 {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
ul.price2 {
	justify-content: space-between;
}
ul.price > li,
ul.price2 > li {
	width: 48%;
}
ul.price > li h1 {
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	color: #fff;
	text-align: center;
	background-color: #ED6103;
}
ul.price > li p {
	border-bottom: 2px solid #ED6103;
	height: 73px;
	font-size: 56px;
	font-weight: bold;
	color: #F2002D;
	/* color: #ED6103; */
	font-style: italic;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* 4wd */
ul.price > li.kudo_4wd h1 {
	background-color: #694EB5;
}
ul.price > li.kudo_4wd p {
	border-bottom: 2px solid #694EB5;
}
ul.price > li p > span {
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	line-height: 1.5;
	font-style: normal;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
ul.price > li p > span b {
	font-size: 12px;
}
ul.price > li p > span:nth-of-type(1) {
	margin-right: 20px;
}
ul.price > li p > span:nth-of-type(2) {
	margin-top: 20px;
	margin-left: 16px;
}
/*車両価格・諸費用*/
ul.price2 > li {
	padding: 5px 0;
	border-bottom: 1px solid #989898;
}
ul.price2 > li > table {
	width: 100%;
}
ul.price2 > li > table td:nth-of-type(1) {
	font-size: 14px;
	font-weight: 600;
	color: #333333;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
}
ul.price2 > li > table td:nth-of-type(2) {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	line-height: 1.3;
	text-align: right;
	vertical-align: bottom;
}
ul.price2 > li > table td:nth-of-type(3) {
	font-size: 14px;
	font-weight: 600;
	color: #333333;
	line-height: 1.5;
	text-align: right;
	vertical-align: bottom;
}
/* スタッフおすすめポイント */
div.point {
	position: relative;
	width: 622px;
	height: 463px;
	margin: 30px auto;
	background-image: url("../images/carsim/hukidashi.png"); /* 背景画像を設定 */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	padding: 20px;
	padding-right: 0px;
}
div.point > div:first-of-type > img:first-of-type {
	display: block;
	width: 80%;
	height: auto;
	margin: 20px auto 0;
}
.text-wrapper {
	position: relative; /* テキストとフローティング画像を配置するため */
	font-size: 18px;
	font-weight: bold;
	color: #000;
	max-width: 800px;
	margin: 0 auto;
	padding: 20px 30px;
	padding-right: 60px;
}
.floating-image {
	margin-top: 132px;
	width: 40%;
	float: right; /* 画像を右にフロート */
	shape-outside: circle(30% at 58% 67%); /* 画像の形状にテキストを回り込ませる */
}


.floating-image img {
	width: 100%;
	height: auto;
}
  



/* この車種で問い合わせる */
a.soudan {
    width: 300px;
	margin: 0 auto;
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 30px;
    background-color: #ED6103;
    border: 1px solid #ED6103;
    padding: 10px 0;
    text-align: center;
    position: relative;
}
a.soudan::after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/carsim/yaji_white.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
}
a.soudan:hover {
    opacity: unset;
    color: #ED6103;
    background-color: #FFFFFF;
    border: 1px solid #ED6103;
}





/* 燃料消費率（国土交通省審査値） ************/
section.fe {
	padding-bottom: 100px;
	background-color: #F8F8F8;
}
section.fe .wrapper {
	width: 980px;
    padding-bottom: 60px;
    background-color: #fff;
}
div.fe {
	width: 100%;
	margin: 30px auto;
}
/* 見出し */
div.fe > h2 {
	width: 100%;
	margin: 0 auto 30px;
	position: relative;
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #ED6103;
	border-bottom: 1px solid #ED6103;
	background-color: #FFF;
}
div.fe > h2::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -12px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	border-width: 12px 6px 0 6px;
	filter: drop-shadow(0px 1px 0px #ED6103);
}
div.fe ul {
	width: 100%;
}
div.fe ul > li {
	width: 100%;
	border-radius: 6px;
	background-color: #FFF;
	/* filter: drop-shadow(0 2px 3px rgb(0 0 0 / 0.2)); */
	margin-bottom: 20px;
}
div.fe ul > li > div {
	display: flex;
	justify-content: space-around;
	padding: 15px 0;
}
div.fe ul > li > div > div {
	width: 320px;
}
div.fe ul > li > div > div img {
	width: 100%;
	height: auto;
}
div.fe ul > li > div table {
	width: 360px;
}
div.fe ul > li > div table thead th {
	padding-bottom: 10px;
}
div.fe ul > li > div table thead th > h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	padding: 10px 0;
	border-radius: 3px;
	background-color: #ffec94;
}
/* 郊外 */
div.fe ul > li:nth-of-type(2) > div table thead th > h3 {
	background-color: #c8f1aa;
}
/* 高速道路 */
div.fe ul > li:nth-of-type(3) > div table thead th > h3 {
	background-color: #b6e4ff;
}
div.fe ul > li > div table tbody th, 
div.fe ul > li > div table tbody td {
	line-height: 1;
	border-right: 1px dotted #c5c4c4;
}
div.fe ul > li > div table tbody th:last-of-type,
div.fe ul > li > div table tbody td:last-of-type {
	border-right: none;
}
/* 2wd */
div.fe ul > li > div table tbody th {
	font-size: 30px;
	font-weight: bold;
	color: #ed6103;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
}
/* 4wd */
div.fe ul > li > div table tbody th.kudo_4wd {
	color: #694EB5;
}
div.fe ul > li > div table tbody td {
	font-size: 54px;
	font-weight: 500;
	color: #333333;
	text-align: center;
	vertical-align: middle;
}
div.fe ul > li > div table tbody td span {
	font-size: 20px;
}






/* もっと知りたい！という方はぜひポケットカーズへ！ ********************/
section.know {
	background-color: #F8F8F8;
}
section.know .wrapper {
	width: 980px;
	padding-bottom: 30px;
	background-color: #fff;
}
section.know h4 {
	font-size: 24px;
	font-weight: bold;
	color: #ED6103;
	line-height: 1.4;
	text-align: center;
}
section.know h4 span {
	display: flex;
	justify-content: center;
	align-items: center;
	/* font-size: 26px; */
	text-align: center;
}
section.know h4 span::before,
section.know h4 span::after {
	content: '';
	width: 2px;
	height: 45px;
	background-color: #ED6103;
}
section.know h4 span::before {
	margin-right: 15px;
	transform: rotate(-20deg)
}
section.know h4 span::after {
	margin-left: 15px;
	transform: rotate(20deg)
}
/* 
section.know h4 span::before {
    content: '\f715';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
}
section.know h4 span::after {
    content: '\f715';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    transform: scale(-1, 1);
    margin-left: 5px;
}
*/
section.know > div > p {
	width: 840px;
	margin: 10px auto 0;
	font-size: 18px;
	font-weight: 500;
}
/* 車両画像 */
section.know ol.carimges {
	width: 840px;
	margin: 10px auto 0;
	display: flex;
	justify-content: space-around;
}
section.know ol.carimges li {
	width: 48%;
	margin: 0 auto;
}
section.know ol.carimges li > p {
	font-size: 20px;
	font-weight: bold;
	color: #ED6103;
	text-align: center;
	margin-bottom: 10px;
}
section.know ol.carimges li img {
	width: 100%;
	height: auto;
}




/* フォーム ********************/
section.form input[type="text"],
section.form input[type="date"],
section.form select,
section.form textarea {
	width: 100%;
}
section.form td.car_name input[type="text"] {
	outline: none;
	border: 1px solid #fff !important;
	background-color: #fcf2dc;
}






/*「前のページに戻る」ボタン*/
a.go2list {
    position: relative;
    display: block;
    width: 250px;
    margin: 0 auto 30px;
    font-size: 16px;
    font-weight: bold;
    color: #FF6665;
    text-align: center;
    padding: 8px 0;
    border-radius: 30px;
    background-color: #FFF8F8;
    border: 2px solid #FF6665;
    filter: drop-shadow(0 3px 3px rgb(0 0 0 / .2));
}
a.go2list::before {
    position: absolute;
    top: 40%;
    left: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    content: "";
    vertical-align: middle;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    transition: all 0.2s;
    border-top: 2px solid #FF6665;
    border-right: 2px solid #FF6665;
}
/* hover */
a.go2list:hover {
	filter: drop-shadow(0 0 0 rgb(0 0 0 / .2));
}
a.go2list:hover::before {
	left: 15px;
}






/*■■■■■■■■■■■■■■ sp ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* @media screen and (max-width: 1140px) { */
@media screen and (max-width: 1079px) {
*{}
*{}
*{}
/*■■■■■■■■■■■■■■ sp ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/






/* おすすめポイント ********************/
section.carlist .wrapper {
	width: 100%;
    max-width: 980px;
}

/* メイン車両画像～目次まで ************/
div.info > .carimg {
	width: 90%;
	max-width: 700px;
}
div.info > div.mokuji {
	width: 90%;
    max-width: 720px;
}
/* 目次 */
div.mokuji {
	padding: 10px 20px 10px;
	margin-bottom: 40px;
}
.open p:after,
.open.active p:after {
	position: static;
}
ul.mokujiList {
	padding-left: 0;
	padding-right: 0;
}
ul.mokujiList li {
	padding-left: 25px;
	text-indent: -25px;
}
section.mainWrap h3 {
	font-size: 18px;
}
section.mainWrap h4 {
	font-size: 18px;
}






/* 見出し・本文エリア ************/
div.note {
	width: 90%;
    max-width: 720px;
}
/*中見出し*/
div.note h3 {
	font-size: min(7vw,22px);

	padding-bottom: 10px;
    margin-bottom: 20px;
}
/*小見出し*/
div.note h4 {
	font-size: 18px;
	margin-top: 30px;
}





/* 車の装備 ************/

/* 車の装備・各グレードの装備ポイント小見出し共通設定 ***/
section h4.mds {
	font-size: min(7vw,22px);
}
section h4.mds::after {
	width: 30%;
}
section h4.mds span small {
	display: block;
	font-size: min(3.6vw,15px);
	padding-left: 60px;
}
/* 装備 */
div.sobi {
	width: 90%;
    max-width: 720px;
}
div.sobi ul li {
	width: 48%;
}
div.sobi ul li div {
	font-size: min(5vw,15px);
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
    padding: 0px 5px;
}
/*== 衝突軽減ブレーキ説明 ==*/
div.sobi ul li.brake {
	width: 100%;
	height: auto;
}
div.sobi ul li.brake div {
	height: auto;
	padding: 10px 0px;
}
/* 衝突軽減ブレーキ説明ポップアップ */
.popup-inner {
	width: 80%;
	padding: 35px 20px;
}
/* 注釈 */
p.kome {
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-bottom: 5px;
}







/* 各グレードの装備ポイント ************/
section.grade .wrapper {
	width: 100%;
	max-width: 980px;
}
section.grade h4.mds {
	width: 90%;
	max-width: 720px;
	font-size: min(5.5vw,22px);
}
div.gradelist {
	width: 90%;
	max-width: 720px;
}
div.gradelist > h5 {
    font-size: min(5vw,22px);
    padding: 15px;
}
/* アコーディオンコンテンツ */
div.grade_open_area > div:first-of-type {
	width: 100%;
    max-width: 700px;
}
div.gradeinfo {
	width: 95%;
	padding: 10px;
}
div.gradeinfo > p {

	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}
div.gradeinfo > p:last-of-type {
	text-align: left;

	margin-top: 15px;
	margin-bottom: 0px;
}
/*本体価格*/
ul.price {
	flex-wrap: wrap;
}
ul.price > li {
	width: 100%;
	margin-bottom: 30px;
}
ul.price > li h1 {
	font-size: min(5vw,16px);

	line-height: 30px;
}
ul.price > li p {
	font-size: min(15vw,56px);

	height: 73px;
}
ul.price > li p > span {
	font-size: min(5vw,16px);
}
ul.price > li p > span b {

	font-size: 12px;
}
ul.price > li p > span:nth-of-type(1) {
	margin-right: 0px;
}
ul.price > li p > span:nth-of-type(2) {
	margin-left: 5px;

	margin-top: 20px;
}
/*車両価格・諸費用*/
ul.price2 > li {

	padding: 5px 0;
	border-bottom: 1px solid #989898;
}
ul.price2 > li > table td:nth-of-type(1) {
	font-size: min(3.5vw,14px);
}
ul.price2 > li > table td:nth-of-type(2) {
	font-size: min(11vw,30px);
}
ul.price2 > li > table td:nth-of-type(3) {
	font-size: min(3.5vw,14px);
	line-height: 2.5;
}
/* スタッフおすすめポイント */
div.point {
	/* overflow: hidden; */
	border: 4px solid #f2941b;
	border-radius: 12px;
	background-color: #fff;
	width: 90%;
	height: auto;
	margin: 20px auto;
	padding: 0px;
	background-image: none;
}
div.point > div:first-of-type {
	display: flex;
	justify-content: center;
	align-items: center;
}
div.point > div:first-of-type > img:first-of-type {
	width: 75%;
	margin-top: 20px;
	margin-left: 0;
	margin-right: 0;
}
.text-wrapper {
	position: static;
	font-size: 16px;
	padding: 20px;
	max-width: 800px;
}
.floating-image {
	width: 15%;
	height: auto;
	margin-top: 0px;
	float: none; /* フロートを解除 */
	shape-outside: unset; /* 回り込みを解除 */
	display: block; 
}
/* この車種で問い合わせる */
a.soudan {
	width: 90%;
    max-width: 300px;
}





/* 燃料消費率（国土交通省審査値） ************/
section.fe {
	padding-bottom: 0px;
}
section.fe .wrapper {
	width: 100%;
	max-width: 980px;
}

div.fe {
	width: 95%;
	margin: 30px auto;
}
/* 見出し */
div.fe > h2 {
	width: 100%;
}
div.fe ul {
	width: 100%;
}
div.fe ul > li > div {
	flex-wrap: wrap;
	flex-direction: column-reverse;
	padding: 0px 0 15px;
}
div.fe ul > li > div > div {
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}
div.fe ul > li > div table {
	width: 100%;
}
div.fe ul > li > div table thead th > h3 {
	font-size: min(7vw,20px);
	border-radius: 0px;
}
/* 2wd */
div.fe ul > li > div table tbody th {
	font-size: min(6vw,30px);
}
div.fe ul > li > div table tbody td {
	font-size: min(12vw,54px);
}
div.fe ul > li > div table tbody td span {
	font-size: min(5vw,20px);
}






/* もっと知りたい！という方はぜひポケットカーズへ！ ********************/
section.know .wrapper {
	width: 100%;
	max-width: 980px;
}
section.know h4 {
	width: 90%;
	margin: 0 auto;
	font-size: min(6.5vw,22px);
}
section.know h4 span {
	align-items: flex-end;
}
section.know h4 span::before,
section.know h4 span::after {
	height: 40px;
}
section.know h4 span::before {
	margin-right: 5px;
}
section.know h4 span::after {
	margin-left: 5px;
}
/* 
section.know h4 span::before {
	position: absolute;
	bottom: 0;
	left: -15px;
}
section.know h4 span::after {
	position: absolute;
	bottom: 0;
	right: -30px;
}
 */
section.know > div > p {
	width: 90%;
	max-width: 840px;
	margin: 10px auto 0;
	font-size: min(6vw,16px);
}

/* 車両画像 */
section.know ol.carimges {
	width: 90%;
	max-width: 600px;
	margin: 20px auto 0;
	flex-wrap: wrap;
}
section.know ol.carimges li {
	width: 100%;
	margin: 0 auto 20px;
}
section.know ol.carimges li > p {
	font-size: 18px;
	margin-bottom: 5px;
}



/*「前のページに戻る」ボタン*/
a.go2list {
    width: 80%;
    max-width: 250px;
    font-size: min(5vw, 16px);
}






/*■■■■■■■■■■■■■■ sp ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
}
/*■■■■■■■■■■■■■■ sp ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/