@charset "utf-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: 車両詳細情報用CSS                                                          */
/* 作成日: 2015-05-01                                                               */
/* 最終更新日: 2025-08-28                                                           */
/*                                                                                  */
/* ################################################################################ */

@font-face {
   font-family: LogoTypeGothic;
   src: url('WebSubsetFont_logotypegothic.eot');
}
@font-face {
   font-family: LogoTypeGothic;
   src: url('WebSubsetFont_logotypegothic.otf') format("opentype");
}
#loading {
	width: 100%;
	height: 100%;
	margin: 0;
	background: #FFFFFF;
	opacity: 1.0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
#loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -20px;
}
h1 {
	font-size: 72%;
}
.odd {
	background-color: #EFEFEF;
}
.carDetailMainArea p.price {
	color: #1D1F85;
	font-weight: bold;
	margin-bottom: 0.25em;
}
.carDetailMainArea p.price span {
	font-size: 190%;
	font-weight: bold;
	color: #D83500;
}
.carDetailMainArea p.totalPriceNotice {
	font-size:76%;
	border-top:1px dotted #868686;
	padding-top: 10px;
}
.totalPriceNoticeBtn {
	display:none;
}
.carDetailSubArea .subInfoBox ul li {
	display: inline-block;
	font-size: 85%;
	padding-left: 1.5em;
	margin-right: 10px;
}
.carDetailSubArea .subInfoBox ul li.subShopInfo {
	background: url(../img/bg_icon_shop_info.png) no-repeat left 0.1em;
}
.carDetailSubArea .subInfoBox ul li.subGuarantee {
	background: url(../img/bg_icon_guarantee.png) no-repeat left 0.1em;
}
.carDetailSubArea .subInfoBox ul li.subUsefulInfo {
	background: url(../img/bg_icon_useful_info.png) no-repeat left 0.1em;
	margin-right: 0;
}
.carDetailSubArea h4 {
	font-weight: bold;
	background: url(../../img/share/bg_heading03.png) no-repeat left;
	padding-left: 1em;
	color: #1D2086;
}
.carDetailSubArea .iconArea {
	border-bottom: 1px dotted #666666;
	padding-bottom: 20px;
}
.carDetailSubArea .iconArea a {
	font-size: 80%;
	font-weight: bold;
}
select, input, textarea {
	border: 1px solid #CCCCCC;
	padding: 0 0.25em;
	border-radius: 3px;
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.2);
}
.imgDeliveryArea textarea {
	min-height: 50px!important;
}
.imgDeliveryArea dl dt span {
	font-size: 80%;
	font-weight: normal;
}
.imgDeliveryArea dl dd {
	margin-bottom: 10px;
}
.imgDeliveryArea input.sendBtn {
	font-family: "GenshinGothicHeavy", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",serif;
	color: #FFFFFF;
	border: none;
	width: 95px!important;
	height: 30px;
	margin: 0 auto;
	display: block;
	text-align: center;
	background-image:linear-gradient(180deg,rgb(23,97,232) 0%,rgb(21,85,204) 100%);
	border-radius: 5px;
	box-shadow: 0px 4px 0px #0D337B;
}
.imgDeliveryArea input.sendBtn:hover {
	opacity: 0.7;
}
.mainContents div.shopInfoArea table td.trLast,
.mainContents div.shopInfoArea table th.trLast, 
.salesPointBox table th,
.salesPointBox table td {
	border-bottom: none;
}
.mainContents div.shopInfoArea p {
	color: #1D1F85;
	font-weight: bold;
}
.mainContents div.shopInfoArea p a {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0 auto;
	margin-bottom: 2em;
	padding: 0.15em 0;
	line-height: 1.625;
	width: 80%;
	background: #4044D5;
	border-radius: 6px;
	box-shadow: 0px 5px 0px #1A1C77;
}
.mainContents div.shopInfoArea a:hover {
	opacity: 0.7;
}
.mainContents div.shopInfoArea p span {
	color: #064E00;
	font-size: 115%;
}
.mainContents div.shopInfoArea p.shopNotes {
	color: #D80000;
	font-size: 90%;
}
.mainContents div.shopInfoArea p.contactInfo {
	font-weight: normal;
	color: #333333;
}
.mainContents div.shopInfoArea p.contactInfo span {
	color: #272CB6;
	font-weight: bold;
	font-size: 110%;
}
.mainContents div.shopInfoArea table {
	border-top: none;
	border-bottom: none;
	margin-bottom: 1em;
}
.mainContents div.shopInfoArea table th {
	background: #FEFFE6;
	color: #1D1F85;
	font-weight: bold;
	border-bottom: 1px dotted #666666;
	border-right: none;
}
.mainContents div.shopInfoArea table td {
	border-bottom: 1px dotted #666666;
	border-right: none;
	color: #333333;
	font-weight: normal;
}
.mainContents div.shopInfoArea table td span {
	font-family: 'Montserrat', sans-serif;
	color: #DD640B;
	font-size: 130%;
	margin-right: 10px;
}
.infomationArea {
	border: 1px solid #EEEEE8;
	background: url(../../img/share/texture/texture06.png) repeat;
	overflow: hidden;
	padding: 10px;
}
.infomationArea ul li {
	list-style-type: none;
}
.infomationArea h3 {
	color: #1557D1;
	font-size: 120%;
	padding-left: 1.5em;
}
.infomationArea div div {
	background: #FFFFFF;
	padding: 10px;
	margin-bottom: 0;
}
.infomationArea div div.paymentArea,
.infomationArea div div.guaranteeArea,
.infomationArea div div.maintenanceArea {
	margin-bottom: 10px;
}
.infomationArea .paymentArea h3 {
	background: url(../img/bg_icon_payment.png) no-repeat left;
}
.infomationArea .otherServiceArea h3 {
	background: url(../img/bg_icon_service.png) no-repeat left;
}
.infomationArea .guaranteeArea h3 {
	background: url(../img/bg_icon_guarantee_large.png) no-repeat left;
}
.infomationArea .maintenanceArea h3 {
	background: url(../img/bg_icon_maintenance.png) no-repeat left;
}
.infomationArea .vehicleDeliveryArea h3 {
	background: url(../img/bg_icon_vehicle_delivery.png) no-repeat left;
	padding-left: 2em;
}
.infomationArea .paymentArea p,
.infomationArea .guaranteeArea p, 
.infomationArea .vehicleDeliveryArea p {
	margin-bottom: 0;
}
.infomationArea .paymentArea ul {
	margin: 5px 0 15px 0;
}
.infomationArea .paymentArea ul li {
	display: inline-block;
	font-size: 120%;
	font-weight: bold;
	margin-right: 60px;
	background: url(../../img/share/bg_list_icon.png) no-repeat left bottom 10px;
	padding-left: 0.5em;
}
.infomationArea .paymentArea ul li img {
	position: relative;
	top: 8px;
}
.infomationArea .paymentArea div {
	margin-top: 10px;
	border-top: 1px dotted #999999;
}
.infomationArea .paymentArea div ul li {
	font-size: 100%;
	margin-right: 5px;
	background: none;
	padding-left: 0;
}
.infomationArea .otherServiceArea dl {
	margin-bottom: 1em;
}
.infomationArea .otherServiceArea dl.secondList {
	border-top: 1px dotted #999999;
	padding-top: 15px;
}
.infomationArea .otherServiceArea dl dt {
	font-weight: bold;
	background: url(../../img/share/bg_list_icon.png) no-repeat left;
	color: #1D1F85;
	padding-left: 1em;
}
.infomationArea .otherServiceArea dl dd ul li {
	display: inline-block;
	margin-right: 20px;
}
.infomationArea .guaranteeArea dl dt {
	margin-bottom: 10px;
}
.infomationArea .guaranteeArea p {
	font-size: 85%;
}
.infomationArea .maintenanceArea .maintenanceFirst {
	border: none;
	padding: 0;
}
.infomationArea .maintenanceArea .maintenanceFirst dl {
	background: url(../img/bg_maintenance.png) repeat;
	border: 1px solid #DAE4FE;
}
.infomationArea .maintenanceArea .maintenanceFirst dl dt {
	float: left;
	clear: both;
	padding: 5px 5px 0;
	border-right: 1px dotted #999999;
}
.infomationArea .maintenanceArea .maintenanceFirst dl dd {
	font-size: 100%;
	font-family: "LogoTypeGothic", "GenshinGothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",serif;
	font-weight: normal;
	color: #1C1E7D;
	text-align: center;
}
.infomationArea .maintenanceArea .maintenanceFirst dl dd span {
	font-size: 90%;
}
.infomationArea .maintenanceArea div {
	border-top: 1px dotted #999999;
}
.infomationArea .maintenanceArea p {
	font-size: 90%;
}
.infomationArea .vehicleDeliveryArea ul li {
	font-weight: bold;
	background: url(../../img/share/bg_list_icon.png) no-repeat left;
	padding-left: 1em;
}
.infomationArea .vehicleDeliveryArea div {
	background: url(../../img/share/company/logo_zero.jpg) no-repeat left;
	padding-left: 50px;
	font-size: 90%;
}
.infomationArea .vehicleDeliveryArea div ul li {
	background: none;
	font-weight: normal;
	padding-left: 0;
}
.fb-like span {
	height: 21px!important;
}

@media screen and (min-width: 737px) {
	.contentBox {
		width: 1000px;
		margin: 0 auto;
		overflow: hidden;
	}
	h2 {
		background: url(../../img/share/bg_div_contents_long.png) no-repeat center top;
		padding: 40px 0 0 0;
		margin: 0 0 5px 0;
		font-family: inherit;
	}
	h2 span {
		background: url(../../img/share/bg_heading02.png) no-repeat left 0.4em;
		padding-left: 1em;
		font-weight: bold;
	}
	.breadCrumb ul {
		margin-bottom: 1.25em;
	}
	.headerSubColumn {
		background: url(../../img/share/bg_div_contents_long.png) no-repeat center top;
		padding: 16px 0 5px 0;
	}
	.snsBtnArea div:last-child {
		margin-right: 2em;
	}
	.headerSubColumn #google_translate_element, 
	.headerSubColumn .btnAddFav, 
	.headerSubColumn .btnPrintPreview, 
	.headerSubColumn .snsBtnArea {
		display: inline-block;
	}
	.goog-te-gadget {
		position: relative;
		top: -7px;
	}
	.headerSubColumn .btnAddFav:hover,
	.headerSubColumn .btnPrintPreview:hover {
		opacity: 0.7;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		cursor: pointer;
	}
	.headerSubColumn .btnPrintPreview {
		width: 17%;
	}
	.mainContents p, 
	.mainContents div {
		margin-bottom: 1em;
	}
	.totalPriceNotice {
		display: block!Important;
	}
	.mainContents .salesPointBox p {
		margin-bottom:0;
	}
	.mainContents p.notes {
		margin-bottom: 0;
	}
	.mainContents p#text {
		font-size: 90%;
		line-height: 1.25;
		color: #FFFFFF;
		font-weight: bold;
	}
	.oneColumn {
		overflow: hidden;
		margin-bottom: 20px;
		width: 1000px;
	}
	.carDetailMainArea {
		float: left;
		width: 640px;
		overflow: hidden;
	}
	.carDetailSubArea {
		width: 340px;
		float: right;
	}
	.carDetailSubArea div a img:hover {
		opacity: 0.75;
	}
	.carDetailSubArea div.onlineMeetingArea a img:hover {
		opacity: inherit;
	}
	table {
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 2em;
		width: 101%;
		font-size: 95%;
	}
	.salesPointBox table table {
		width: inherit;
	}
	table th {
		text-align: right;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		width: 20%;
		padding-right: 5px;
		font-weight: normal;
	}
	table th.cellFirst {
		width: 12%;
	}
	table td {
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		padding: 0.15em 0.4em;
		font-weight: bold;
		color: #1D1F85;
	}
	.mainContents div.handlingShop {
		background: #E6F3FF;
		font-size: 90%;
		margin: 0;
	}
	.mainContents div.handlingShop p,
	.mainContents div.handlingShop p span {
		color: #1D1F85;
		font-weight: bold;
		margin-bottom: 0;
	}
	.mainContents div.handlingShop p.telInfo {
		color: #333333;
	}
	.mainContents div.handlingShop p span {
		color: #064E00;
		font-size: 115%;
	}
	.mainContents div.handlingShop p.telInfo span {
		color: #D9620B;
		font-weight: bold;
		margin: 0 5px;
		font-size: 160%;
		font-family: 'Montserrat', sans-serif;
	}
	.mainContents h3 {
		background: url(../../img/share/bg_heading02.png) no-repeat left 0.5em;
		color: #1D1F85;
		font-size: 140%;
		margin-bottom: 0.3em;
	}
	.mainContents div.mainImgBox {
		width: 640px;
		height: 480px;
		margin: 0;
	}
	.mainContents .carDetailMainArea div.commentArea {
		background: rgba(0,0,0,0.7);
		padding: 3px;
		margin: 0;
		min-height: 49px;
		margin-top: -55px;
		position: relative;
	}
	.mainContents .carDetailMainArea div.commentArea p {
		margin: 0;
	}
	.mainContents .carDetailMainArea p.notes {
		font-size: 80%;
	}
	.carDetailMainArea ul li {
		display: inline-block;
		width: 50px;
		margin-right: 10px;
		margin-bottom: 5px;
		line-height: 1.25;
	}
	.carDetailMainArea ul li.lineEnd {
		margin-right: 0;
	}
	.carDetailMainArea ul li img {
		width: 100%;
		height: 35px;
	}
	.carDetailMainArea div.contactBtn {
		text-align: center;
	}
	.carDetailSubArea .subInfoBox {
		border-top: 1px dotted #666666;
		border-bottom: 1px dotted #666666;
		padding: 15px 0;
	}
	.carDetailSubArea .iconArea img {
		margin: 0 10px 5px 0;
	}
	.imgDeliveryArea input,
	.imgDeliveryArea textarea {
		width: 165px!important;
	}
	.imgDeliveryArea {
		border: 3px solid #0085BD;
		background: url(../../img/share/texture/texture01.png) repeat;
		padding: 10px 0;
	}
	.carDetailSubArea .imgDeliveryArea h4 {
		font-family: "GenshinGothicHeavy", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",serif;
		color: #00A63B;
		text-align: center;
		font-size: 130%;
		background: url(../img/bg_icon_photo_request.png) no-repeat left;
		width: 70%;
		margin: 0 auto;
	}
	.mainContents div.imgDeliveryArea p {
		font-size: 90%;
		color: #165AD7;
		font-weight: bold;
		text-align: center;
	}
	.imgDeliveryArea dl dt {
		float: left;
		clear: both;
		font-size:90%;
		font-weight: bold;
		width: 40%;
		text-align: right;
		margin: 0 10px 10px 0;
	}
	table.equipmentTable th {
		width: 18%;
		font-weight: bold;
		color: #1d1f85;
	}
	table.equipmentTable td,
	.salesPointBox table td {
		font-weight: normal;
		color: #000000;
	}
	.salesPointBox table td marquee {
		width: 97%!important;
	}
	table.equipmentTable {
		width: 100%;
	}
	table.equipmentTable td:nth-child(5n) {
		border-right: none;
	}
	table.equipmentTable tr:last-child {
		display: none;
	}
	.salesPointBox {
		border: 5px solid #E7E7E7;
		background: #FFFFFF;
	}
	.salesPointBox table {
		margin-bottom: 0;
		border: 0;
	}
	.salesPointBox table th {
		width: 15%;
		font-weight: bold;
		color: #1d1f85;
	}
	.salesPointBox table td iframe {
		display: block;
		padding: 20px 0;
		margin: 0 auto;
	}
	.mainContents div.shopInfoArea {
		float: left;
		width: 640px;
	}
	.mainContents div.contactBtnArea {
		float: right;
	}
	.mainContents div.contactBtnArea div a img:hover {
		opacity: 0.75;
	}
	.infomationArea .infoFirstArea {
		float: left;
		width: 49%;
		margin-bottom: 0;
	}
	.infomationArea .infoSecondArea {
		float: right;
		width: 49%;
		margin-bottom: 0
	}
	.infomationArea .guaranteeArea dl dd {
		margin: 10px 0 10px 30px;
	}
	.infomationArea .guaranteeArea dl dd ul li {
		font-weight: bold;
		background: url(../../img/share/bg_list_icon.png) no-repeat left;
		padding-left: 1em;
	}
	.displayChange, 
	.printMode {
		display: none;
	}
}

@media screen and (max-width: 736px) {
	.globalNav {
		z-index: 101;
		position: relative;
	}
	.contentBox {
		padding: 0 5px;
		width: 100%;
	}
	.oneColumn {
		padding: 0 10px 0 0;
	}
	.headerSubColumn {
		background: none;
	}
	.headerSubColumn div {
		display: inline-block;
	}
	.headerSubColumn div.snsBtnArea div {
		margin-right: 17px;
	}
	.headerSubColumn div.snsBtnArea div.btnEnd {
		margin-right: 0;
	}
	.headerSubColumn div#google_translate_element {
		margin-bottom: 17px;
	}
	.headerSubColumn div.snsBtnArea {
		margin-bottom: 10px;
	}
	.totalPriceNoticeBtn {
		display: inline-block;
		text-align: center;
		font-weight: bold;
		color: #FFFFFF;
		margin: 0 auto;
		margin-bottom: 5px;
		padding: 2px;
		width: 90%;
		background: linear-gradient(0deg, rgba(158,0,0,1) 0%, rgba(255,0,0,1) 100%);
		border-radius: 10px;
		box-shadow: 0px 3px 0px #620000;
		letter-spacing:2px;
	}
	.carDetailMainArea p.totalPriceNotice {
		display:none;
		border-top: none;
	}
	.carDetailMainArea {
		display: -webkit-box;/*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display: flex;
		-webkit-box-orient: block-axis;
		-webkit-box-direction: column; /*--- Androidブラウザ用 ---*/
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.mainImgBox {
		-webkit-box-ordinal-group: 1; /*--- Android旧ブラウザ用 ---*/
		-ms-flex-order: 1; /*--- IE10用 ---*/
		-webkit-order: 1; /*--- safari（PC）用 ---*/
		order: 1;
		min-height: 100px!important;
		width: 100%;
	}
	.commentArea {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}
	.notes {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;
	}
	.mainContents .carDetailMainArea ul {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 4;
		-webkit-order: 4;
		order: 4;
	}
	.handlingShop {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 5;
		-webkit-order: 5;
		order: 5;
	}
	.scrollTable {
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 6;
		-webkit-order: 6;
		order: 6;
	}
	.specTable {
		-webkit-box-ordinal-group: 7;
		-ms-flex-order: 7;
		-webkit-order: 7;
		order: 7;
	}
	.headerSubColumn div.btnPrintPreview, 
	div.displayChange, 
	.printMode, .contactBtn, 
	table.equipmentTable tr:last-child  {
		display: none;
	}
	.carDetailMainArea p.price span {
		font-size: 190%;
		font-weight: bold;
		color: #D83500;
	}
	table.specTable, 
	table.equipmentTable, 
	.salesPointBox table {
		width: 100%;
		border: 1px solid #CCCCCC;
	}
	table.specTable th, 
	table.specTable td, 
	table.equipmentTable th, 
	table.equipmentTable td, 
	.salesPointBox table th, 
	.salesPointBox table td {
		padding: 1px 3px;
		border-bottom: 1px solid #cccccc;
	}
	table.specTable th, 
	table.equipmentTable th, 
	.salesPointBox table th {
		background: #0085bd;
		text-align: left;
		color: #FFFFFF;
	}
	.mainContents img {
		width: 100%!important;
		height: auto!important;
	}
	.mainContents .infomationArea img {
		width: inherit;
		height: auto;
	}
	.mainContents .carDetailMainArea ul {
		margin-bottom: 10px;
	}
	.mainContents .carDetailMainArea ul li {
		display: inline-block;
	}
	.mainContents .carDetailMainArea ul li img {
		width: 60px!important;
		height: auto!important;
	}
	.mainContents div.handlingShop {
		background: #F4FAFF;
		font-size: 90%;
		margin: 0;
	}
	.mainContents div.handlingShop p,
	.mainContents div.handlingShop p span {
		color: #1D1F85;
		font-weight: bold;
		margin-bottom: 0;
	}
	.mainContents div.handlingShop p.telInfo {
		color: #333333;
	}
	.mainContents div.handlingShop p span {
		color: #064E00;
		font-size: 115%;
		display: inline-block;
	}
	.mainContents div.handlingShop p.telInfo span {
		color: #D9620B;
		font-weight: bold;
		font-size: 160%;
		font-family: 'Montserrat', sans-serif;
		display: block;
	}
	.mainContents h3 {
		background: url(../../img/share/bg_heading02.png) no-repeat left 0.5em;
		color: #1D1F85;
		font-size: 140%;
		padding-left: 1.5em;
		margin-bottom: 0.3em;
	}
	.mainContents .carDetailMainArea div.commentArea {
		background: #FEFFE6;
		padding: 5px;
		margin: 0 0 0 0;
		min-height: 70px;
	}
	.mainContents .carDetailMainArea div.commentArea p {
		margin: 0;
	}
	.mainContents .carDetailMainArea p.notes {
		font-size: 80%;
		margin-bottom: 10px;
	}
	.mainContents .carDetailSubArea img {
		margin: 10px 0;
	}
	.mainContents .carDetailSubArea #SerialTooltip img {
		width: inherit!important;
		height: auto;
	}
	.carDetailSubArea a {
		text-align: center;
	}
	.carDetailSubArea .subInfoBox {
		border-top: 1px dotted #666666;
		border-bottom: 1px dotted #666666;
		padding: 15px 0;
		margin-bottom: 20px;
	}
	.mainContents .iconArea img {
		width: inherit!important;
		height: auto;
	}
	.carDetailSubArea .iconArea img {
		margin: 0 3px 3px 0;
	}
	.imgDeliveryArea input,
	.imgDeliveryArea textarea {
		width: 98%!important;
	}
	.imgDeliveryArea {
		border: 3px solid #0085BD;
		background: url(../../img/share/texture/texture01.png) repeat;
		padding: 5px 5px 10px 5px;
		margin: 20px 0;
	}
	.carDetailSubArea .imgDeliveryArea h4 {
		font-family: "GenshinGothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",serif;
		color: #00A63B;
		font-weight: 900;
		font-size: 120%;
		padding-left: 2em;
		background: url(../img/bg_icon_photo_request.png) no-repeat left 5px;
		margin: 0 auto;
	}
	.mainContents div.imgDeliveryArea p {
		font-size: 90%;
		color: #165AD7;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.imgDeliveryArea dl dt {
		font-size: 90%;
		font-weight: bold;
		text-align: left;
	}
	.imgDeliveryArea dl dd:last-child {
		margin-bottom: 5px;
	}
	table.equipmentTable th {
		font-weight: bold;
	}
	table.equipmentTable td,
	.salesPointBox table td {
		font-weight: normal;
	}
	.salesPointBox table {
		margin-bottom: 30px;
		border: 0;
	}
	.salesPointBox table th {
		font-weight: bold;
	}
	.salesPointBox img, 
	.salesPointBox center, 
	.salesPointBox center img, 
	.salesPointBox p img, 
	.salesPointBox font {
		width: 100%;
	}
	.salesPointBox marquee {
		width: 98%!important;
	}
	.salesPointBox font, 
	.salesPointBox marquee {
		min-width: 90%;
	}
	.salesPointBox tbody tr {
		display: block;
		list-style-type: none;
	}
	.salesPointBox tbody th, .salesPointBox tbody td {
		display: list-item;
		border: none;
		list-style-type: none;
	}
	.salesPointBox td table {
		width: 100%!important;
	}
	.salesPointBox td tbody tr {
		display: inherit;
		list-style-type: inherit;
	}
	.salesPointBox td tbody th, .salesPointBox td tbody td {
		display: table-cell;
		border: inherit;
		list-style-type: inherit;
	}
	.salesPointBox table td {
		border: 1px solid #cccccc;
	}
	.salesPointBox table td iframe {
		display: block;
		width: 92%;
		padding: 20px 0;
		margin: 0 auto;
	}
	.mainContents div.shopInfoArea, 
	.mainContents div.shopInfoArea table {
		width: 100%;
	}
	.mainContents div.contactBtnArea {
		margin-top: 30px;
	}
	.mainContents div.contactBtnArea div {
		margin-bottom: 20px;
	}
	.mainContents div.shopInfoArea table th, 
	.mainContents div.shopInfoArea table td {
		display: list-item;
		text-align: left;
		list-style-type: none;
		padding: 3px;
	}
	.mainContents div.shopInfoArea table tr, 
	.mainContents div.shopInfoArea table td span {
		display: block;
	}
	.infomationWrapper {
		margin: 50px 0;
	}
	.infomationArea .paymentArea ul li img {
		width: 50%!important;
	}
	.infomationArea .paymentArea div ul li img {
		width: inherit!important;
	}
	.infomationArea .otherServiceArea dl dd ul li {
		margin-right: 0;
	}
	.infomationArea .otherServiceArea dl dd ul li.logoAig img {
		width: 193px!important;
		height: auto;
	}
	.infomationArea .guaranteeArea dl dd {
		margin: 5px 0 10px 0px;
	}
	.infomationArea .guaranteeArea dl dd ul li {
		font-weight: bold;
		background: url(../../img/share/bg_list_icon.png) no-repeat left 7px;
		padding-left: 1em;
	}
	.infomationArea .maintenanceArea .maintenanceFirst {
		margin-bottom: 5px;
	}
	.infomationArea .maintenanceArea .maintenanceFirst dl {
		padding: 0 5px 5px 5px;
	}
	.infomationArea .maintenanceArea div {
		margin-top: 10px;
	}
	.infomationArea .maintenanceArea dl dt {
		text-align: center;
	}
	.infomationArea .maintenanceArea .maintenanceFirst dl dt {
		border: none;
		padding: 5px 0 0 0;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		clear: none;
		float: none;
	}
	.infomationArea div div.maintenanceArea img {
		width: 50%!important;
		height: auto;
	}
	.infomationArea .vehicleDeliveryArea div ul li a {
		line-height: 2.5;
	}
	.contactBtn, 
	.printMode, 
	.displayChange {
		display: none;
	}
	.scrollTable {
		width: 96%;
		margin:0 auto;
		margin-bottom: 1em;
		position: relative;
		z-index:50;
	}
	.scrollTable table{
		width:100%;
	}
	.scrollTable{
		overflow: auto;    /*tableをスクロールさせる*/
		white-space: nowrap;  /*tableのセル内にある文字の折り返しを禁止*/
	}
	.scrollTable::-webkit-scrollbar{  /*tableにスクロールバーを追加*/
		height: 5px;
	}
	.scrollTable::-webkit-scrollbar-track{  /*tableにスクロールバーを追加*/
		background: #F1F1F1;
		z-index:10;
	}
	.scrollTable::-webkit-scrollbar-thumb {  /*tableにスクロールバーを追加*/
		background: #BCBCBC;
		z-index:10;
	}
	.detailArea table.equipTable {
		margin-bottom: 0;
	}
	.carDetailSubArea div:first-child {
		display:none;
	}
	.contactBtnArea div:first-child {
		position: fixed;
		bottom:0;
		z-index:100;
		width: 75%;
		left: 50%;
		transform: translate(-50%,0)
	}
}

@media screen and (min-width:415px) and (max-width:736px) {
	.contactBtnArea div:first-child {
		width: 45%;
	}
}

@media screen and (max-width: 414px) {
	.contactBtnArea div:first-child {
		width: 60%;
	}
}



@media print {
	.displayChange, .printMode {
		display: block;
	}
	.header, .breadCrumb, .headerSubColumn, .infomationWrapper,
	.carDetailSubArea, .mainContents div.mainImgBox, 
	.mainContents .carDetailMainArea div.commentArea,
	.mainContents .carDetailMainArea p.notes,
	.carDetailMainArea ul,
	.carDetailMainArea div.contactBtn,
	.equipmentWrapper, .shopInfoWrapper,
	.goTop, .footerArea, .copyrightArea {
		display: none;
	}
	.carDetailMainArea .printMode ul {
		display: block;
	}
	.carDetailMainArea .printMode ul li {
		width: inherit;
	}
	h2 {
		background: none;
		padding: 0;
	}
	h3 {
		background: url(../../img/share/bg_heading02.png) no-repeat left 0.5em;
		color: #1D1F85;
		font-size: 140%;
		margin-bottom: 0.3em;
	}
	.carDetailMainArea {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	.carDetailMainArea ul li img {
		width: inherit;
	}
	table.specTable {
		margin-bottom: 0;
	}
	.printMode ul li {
		display: inline-block;
		margin-right: 10px;
	}
	
}