@charset "utf-8";
/*@media print, screen and (min-width: 768px) {*/

/*iOS RESET*/
.form input[type=submit], .form input[type=button] {
  -webkit-appearance: none;
  border-radius: 0;
}
/*/foriOS RESET*/

/* DD-LINK 全体の枠 */
	.reservePanel {
		/*left: 100%;
		top: 0;
		z-index: 500;*/
		width: 100%;
		padding: 25px 20px;
		background: #f3f3f3;
		border: 1px solid #c8d2dc;
		box-sizing: border-box;
	}
	.detailLeftReserveList {
		border: 1px solid #fff;
		border-right: 0;
	}
	.reservePanel .reserveHeading {
		margin: 25px 0 5px;
		font-size: 14px;
		font-weight: bold;
	}
	.reservePanel .reserveHeadingText1 {
	    font-size: 16px;
	    color: #cc0000;
	    font-weight: bold;
	}
	.reservePanel .reserveText1 {
	    color: #0177be;
	    margin-left: 10px;
	}
	.reservePanel .reserveInspectBox1Wrapper {
	    display: table;
	    width: 100%;
	    margin-top: 8px;
	}

	.reservePanel .reservePanelHead .reserveHeadlead {
	    font-size: 14px;
	    font-weight: bold;
	}

	.reservePanel .reserveInspect2ColSection {
	    border: 1px solid #c8d2dc;
	    border-width: 1px 0;
	    padding: 10px 0;
	}
	.reservePanel .reserveInspect2ColSection .reserveInspectBox1.selectItem {
	    width: 48%;
	    float: right;
	    margin: 0;
	}
	.reservePanel .reserveInspect2ColSection .reserveInspectBox1.selectItem:first-child {
	    float: left;
	}

	.reservePanel .reserveInspectBox1 > div {
	    display: table-cell;
	    padding: 12px 20px 12px 15px;
	    vertical-align: top;
	}

	.reservePanel .reserveInspectBox1 {
	    width: 100%;
	    margin-top: 5px;
	    margin-bottom: 8px;
	    border: 1px solid #c8d2dc;
	    background: #fff;
	    box-sizing: border-box;
	    display: table;
	}
	.reservePanel .reserveInspectBox1.selectItem {
	    cursor: pointer;
	    border-radius: 5px;
	    border: 3px solid transparent;
	    box-shadow: 0 1px 1px 0px #a4a8ab;
	    background: url(./images/reserveRadio_off.png) 18px center no-repeat #fff;
	    background-size: 18px 18px;
	}
	.reservePanel .reserveInspectBox1.selectItem > div:first-child {
	    padding-left: 45px;
	}
	.reservePanel .reserveInspectBox1.selectItem > div {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

	.reservePanel .reserveInspectBox1.selectItem.selected {
	    border-radius: 8px;
	    border-color: #c8d2dc;
	    background: url(./images/reserveRadio_on.png) 18px center no-repeat #fff;
	    background-size: 18px 18px;
	    box-shadow: 0 1px 1px 0px transparent;
	}

	.reservePanel .reserveInspectBox1 > .reserveInspectBox1Left {
	    width: 83%;
	    padding-right: 0;
	    vertical-align: middle;
	}
	.reservePanel .reserveText1 em {
		font-weight: bold;
		/*font-size: 18px;*/
		font-size: 14px;
	}
	.reservePanel .reserveInspectBox1.reserveInspectBox1-type2 > .reserveInspectBox1Right {
	    width: 30%;
	    text-align: left;
	}
	.reservePanel .reserveInspectBox1 > .reserveInspectBox1Right {
	    width: 17%;
	    text-align: right;
	    vertical-align: middle;
	    word-break: keep-all;
	}

	.reservePanel .reserveContactInner {
		overflow: hidden;
		margin: 5px 0;
		padding: 10px 20px;
		background: #fff;
		border: 2px solid #0377be;
		border-radius: 5px;
		color: #0377be;
		font-size: 16px;
		font-weight: bold;
	}
	.reservePanel .reserveContact .reserveContactTel {
		float: right;
		font-size: 20px;
		font-weight: bold;
	}
/* BUTTON */
	.reservePanel .reserveButton {
		display: block;
		margin-top: 30px;
		box-shadow: none;
		background: #005bac;
		/*border-radius: 35px;*/
		color: #fff;
		text-align: center;
		font-size: 16px;
		text-decoration: none;
		padding: 17px 0;
		line-height: 1;
		/*text-shadow: 0 -1px 1px #000;*/
		width: 100%;
		cursor: pointer;
		border: 1px solid #CCC;
	}
	a:visited {
		color: #644B8E;
		text-decoration: underline;
	}
	a {
		outline: none;
	}
	

	.reservePanel .reserveHeading {
		margin: 25px 0 5px;
		font-size: 14px;
		font-weight: bold;
	}


/* DD-LINK 車検 */
	.reservePanel .reservePanelHead h4#driverslinkInspect {
		background: url(./images/logo_driverslink_inspect.png) left center no-repeat;
		background-size: 211px 19px;
	}
	.reservePanel .reserveInspectTable1 {
		width: 100%;
		margin: 5px 0;
		border-collapse: collapse;
		border-spacing: 0;
	}
	.reservePanel .reserveInspectTable1 .col1 {
		width: 27%;
		background: #dce3ea;
		font-weight: bold;
		color: #d40300;
	}
	.reservePanel .reserveInspectTable1 .col2 {
		background: #fff;
	}
	.reservePanel .reserveInspectTable1 .col4, .reservePanel .reserveInspectTable1 .col5, .reservePanel .reserveInspectTable1 .col6 {
		width: 13%;
	}
	.reservePanel .reserveInspectTable1 thead th {
		font-weight: bold;
		text-align: center;
		padding: 2px 0;
		font-size: 14px;
	}
	.reservePanel .reserveInspectTable1 tbody th {
		padding: 10px 8px;
		font-size: 14px;
		font-weight: bold;
	}
	.reservePanel .reserveInspectTable1 .note1 {
		font-size: 12px;
		font-weight: normal;
	}
	.reservePanel .reserveInspectTable1 th, .reservePanel .reserveInspectTable1 td {
		border: 1px solid #c8d2dc;
		vertical-align: middle;
		line-height: 1.3;
	}
	.reservePanel .reserveInspectTable1 tbody td {
		padding: 8px 0;
		text-align: center;
	}
	.reservePanel .text1 {
		color: #d40300;
		font-weight: bold;
		font-size: 14px;
	}
	.reservePanel .text2 {
		font-weight: bold;
	}


/* リペア */
	.reservePanel .reservePanelHead h4#driverslinkRepair {
		background: url(./images/logo_driverslink_repair.png) left center no-repeat;
		background-size: 228px 19px;
	}
	.reservePanel .reserveRepairTable1 {
	    width: 100%;
	    margin: 5px 0;
	    background: #fff;
	    border-collapse: collapse;
	    border-spacing: 0;
	}
	.reservePanel .reserveRepairTable1 thead th {
	    font-weight: bold;
		font-size: 14px;
	}
	.reservePanel .reserveRepairTable1 th, .reservePanel .reserveRepairTable1 td {
	    width: 33%;
	}
	.reservePanel .reserveRepairTable1 th, .reservePanel .reserveRepairTable1 td {
	    text-align: center;
	    border: 1px solid #c8d2dc;
	    padding: 10px 0;
		font-size: 14px;
		vertical-align: middle;
	}

	.reservePanel .reserveRepairImage2 {
	    margin-top: 25px;
	    overflow: hidden;
	}

	.reservePanel .reserveRepairTable1 tbody th {
	    text-align: left;
	    padding: 10px 0 10px 12px;
		font-size: 14px;
		font-weight: normal;
	}
	.reservePanel .reserveRepairImage2 > figure:first-child {
	    float: left;
	}

	.reservePanel .reserveRepairImage2 > figure {
	    float: right;
	    width: 50%;
	}

	.reservePanel .reserveRepairImage2 figcaption {
	    text-align: center;
	    font-weight: bold;
		font-size: 14px;
	}
	.reservePanel figcaption {
	    margin: 5px 0;
	}

/* リペアの写真１ */
	.reserveRepairImage1 img {
		 width: 90%;
		 height: auto;
		 margin: 0 5%;
	}
	.reserveImageCaption1, .reserveImageCaption2 {
		font-size: 14px;
	}
	.reserveNote {
		font-size: 12px;
	}
/* リペアの写真２ */
	.reserveRepairImage2 img {
		width: 90%;
		height:auto;
	}


	

/* コーティング */
	.reservePanel .reserveCoatingBox1.selectItem {
		cursor: pointer;
		margin-bottom: 10px;
		border-radius: 5px;
		border: 3px solid transparent;
		box-shadow: 0 1px 1px 0px #a4a8ab;
		background: url(./images/reserveRadio_off.png) 16px 24px no-repeat #fff;
		background-size: 18px 18px;
	}
	.reservePanel .reserveCoatingBox1.selectItem.selected {
		border-radius: 8px;
		border-color: #c8d2dc;
		background: url(./images/reserveRadio_on.png) 16px 24px no-repeat #fff;
		background-size: 18px 18px;
		box-shadow: 0 1px 1px 0px transparent;
	}
	.reservePanel .reserveCoatingHeader {
		display: table;
		width: 100%;
		font-size: 14px;
	}
	.reservePanel .reservePanelHead-DriversLink#shot, .reservePanel .reservePanelHead-DriversLink#coating {
		border-bottom: none;
	}
	.reservePanel .reservePanelHead-DriversLink#shot .reserveHeadlead, .reservePanel .reservePanelHead-DriversLink#coating .reserveHeadlead {
		border-bottom: 3px solid #c8d2dc;
		margin-bottom: 16px;
	}
	.reservePanel .selectItem .reserveCoatingHeaderLeft {
		padding-left: 25px;
		word-break: keep-all;
	}
	.reservePanel .reserveCoatingHeader > div {
		display: table-cell;
	}

	.reservePanel .reserveCoatingHeaderLeft {
		width: 45%;
	}
	.reservePanel .reserveHeadingText2 {
		font-size: 14px;
		font-weight: bold;
	}
	.reservePanel .selectItem .reserveCoatingHeaderCenter {
		word-break: keep-all;
	}
	.reservePanel .reserveCoatingHeader > div {
		display: table-cell;
	}
	.reservePanel .reserveCoatingHeaderCenter {
		padding-right: 10px;
		position: relative;
		font-weight: bold;
	}
	.reservePanel .selectItem .reserveCoatingHeaderRight {
		width: 30%;
	}

	.reservePanel .reserveCoatingHeader > div {
		display: table-cell;
	}
	.reservePanel .reserveCoatingHeaderRight {
		width: 26%;
		padding-left: 10px;
	}
	.reservePanel .reserveCoatingTable1 {
		width: 100%;
		margin-top: 8px;
		border-collapse: collapse;
		border-spacing: 0;
		background: #e9edf1;
	}
	.reservePanel .reserveCoatingTable1 th {
		width: 20%;
		padding: 10px 0 15px;
		border: 1px solid #c8d2dc;
		border-width: 1px 1px 0;
		text-align: center;
		font-weight: normal;
		font-size: 14px;
	}
	.reservePanel .reserveCoatingTable1 th p {
		margin-bottom: .5em;
		font-size: 13px;
	}
	.reservePanel .reserveCoatingTable1 th em {
		display: block;
		font-size: 14px;
		line-height: 1;
		font-weight: bold;
	}

	.reservePanel .reserveCoatingTable1 td {
		padding: 0 0 12px;
		border: 1px solid #c8d2dc;
		border-width: 0 1px 1px;
		text-align: center;
		font-weight: bold;
		font-size: 14px;
	}

	.reservePanel .reserveCoatingTable1 td p:before {
		content: "";
		display: block;
		height: 1px;
		margin: 0 15px 12px;
		background: #c8d2dc;
	}

	.reservePanel .reserveText1 em, .reservePanel .reserveText2 {
		color: #0177be;
		font-size: 16px;
		font-weight: bold;
	}

	.reservePanel .selectItem .reserveCoatingHeaderLeft {
		padding-left: 25px;
		word-break: keep-all;
	}
	.reservePanel .reserveCoatingBox1 {
		margin-top: 25px;
		padding: 15px;
		background: #fff;
		border: 1px solid #c8d2dc;
	}

	.reservePanel .reservePanelHead {
		margin-bottom: 12px;
		margin-top: -4px;
		padding-bottom: 8px;
		border-bottom: 3px solid #c8d2dc;
		overflow: hidden;
		position: relative;
	}

	.reservePanel .reservePanelHead h4#driverslinkCoating {
		background: url(./images/logo_driverslink_coating.png) left center no-repeat;
		background-size: 303px 19px;
	}
	/*.reservePanel .reservePanelHead-DriversLink#coating:before {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 122px;
		height: 70px;
		background-image: url(./images/carcoating_car_img.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 122px 70px;
	}*/
	.reservePanel .reservePanelHead-DriversLink#coating:after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 122px;
		height: 70px;
		background-image: url(./images/carcoating_car_img.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 122px 70px;
	}


/* グラスショット */
	.reservePanel .reserveShotBox1 {
		margin-top: 25px;
		padding: 15px;
		background: #fff;
		border: 1px solid #c8d2dc;
	}
	.reservePanel .reservePanelHead h4#driverslinkShot {
		background: url(./images/logo_driverslink_shot.png) left center no-repeat;
		background-size: 282px 19px;
	}
	.reservePanel .reserveShotHeader {
		display: table;
		width: 100%;
	}
	.reservePanel .reserveShotHeader > div {
		display: table-cell;
	}
	.reservePanel .reserveShotTable1 {
		width: 100%;
		margin-top: 8px;
		border-collapse: collapse;
		border-spacing: 0;
		background: #e9edf1;
	}

	.reservePanel .reserveShotTable1 th {
		width: 20%;
		padding: 10px 0 15px;
		border: 1px solid #c8d2dc;
		border-width: 1px 1px 0;
		text-align: center;
		font-size: 14px;
		font-weight: normal;
	}

	.reservePanel .reserveShotTable1 td {
		padding: 0 0 12px;
		border: 1px solid #c8d2dc;
		border-width: 0 1px 1px;
		text-align: center;
		font-weight: bold;
		font-size: 14px;
	}
	.reservePanel .reserveShotTable1 th p {
		margin-bottom: .5em;
		font-size: 13px;
	}
	.reservePanel .reserveShotTable1 th em {
		display: block;
		font-size: 14px;
		line-height: 1;
		font-weight: bold;
	}

	/*.reservePanel .reservePanelHead-DriversLink#shot:before {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 130px;
		height: 60px;
		background-image: url(./images/grassshot_car_img.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 130px 60px;
	}*/
	.reservePanel .reservePanelHead-DriversLink#shot:after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 130px;
		height: 60px;
		background-image: url(./images/grassshot_car_img.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 130px 60px;
	}

	.reservePanel .reservePanelHead h4 {
		margin-bottom: 3px;
		color: #e5001f;
		font-size: 18px;
		font-weight: bold;
		padding: 15px 0;
	}
	.reservePanel .reservePanelHead-mobil1:before {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		bottom: 20px;
		width: 132px;
		height: 28px;
	}
	.reservePanel .reservePanelHead-mobil1:after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		bottom: 20px;
		width: 132px;
		height: 28px;
	}
	.reservePanel .reservePanelHead .reserveHeadleadSub {
		margin: .5em 0;
		width: 70%;
	}




/* Amazon */
	.reservePanel .reserveAmazonWrapper {
		display: flex;
		width: 100%;
		margin-top: 8px;
	}

	.reservePanel .reserveAmazon2ColSection .reserveAmazonBox.selectItem:first-child {
		margin-right: 4%;
	}
	.reservePanel .reserveAmazon2ColSection .reserveAmazonBox.selectItem {
		width: 48%;
	}
	.reservePanel .reserveAmazonBox.selectItem {
		cursor: pointer;
		border-radius: 5px;
		box-shadow: 0 1px 1px 0px #a4a8ab;
		background: url(./images/reserveRadio_off.png) 18px center no-repeat #fff;
		background-size: 18px 18px;
		border: 3px solid transparent;
		box-sizing: border-box;
	}
	.reservePanel .reserveAmazonBox.selectItem.selected {
		border-color: #c8d2dc;
		border-radius: 8px;
		background: url(./images/reserveRadio_on.png) 18px center no-repeat #fff;
		background-size: 18px 18px;
		border: 3px solid #c8d2dc;
		box-shadow: 0 1px 1px 0px transparent;
	}
	.reservePanel .reserveAmazonBox.selectItem > div:first-child {
		padding-top: 10px;
		padding-left: 45px;
		padding-right: 45px;
	}
	.reservePanel .reserveAmazonBox.selectItem > div {
		padding-bottom: 10px;
		text-align: center;
	}
	.reservePanel .reserveAmazonBox.selectItem p.tyre {
		background: url(./images/imgAmazonTyre.png) center 5px no-repeat;
		text-align: center;
		padding-top: 75px;
		color: #394650;
	}
	.reservePanel .reserveAmazonBox.selectItem p.battery {
		background: url(./images/imgAmazonBattery.png) center 10px no-repeat;
		text-align: center;
		padding-top: 75px;
		color: #394650;
	}
	.reservePanel.reservePanelAmazon .reservePanelHead h5 {
	    margin-bottom: 0;
	}
	.reservePanel .reserveAmazonTable {
		width: 100%;
		margin: 5px 0;
		border-collapse: collapse;
		border-spacing: 0;
	}
	.reservePanel .reserveAmazonTable td {
		background: #fff;
		padding: 10px;
		text-align: center;
	}
	.reservePanel .reserveAmazonTable th, .reservePanel .reserveAmazonTable td {
		border: 1px solid #c8d2dc;
		vertical-align: middle;
		line-height: 1.3;
		width: 50%;
		font-size: 14px;
	}
	.reservePanel .reserveAmazonTable td .price {
		font-size: 15px;
		font-weight: bold;
		color: #cc0000;
	}
	.reservePanel .reserveNote li {
		padding-left: 1em;
		text-indent: -1em;
		color: #666;
	}
	.reserveNoteBox {
		background: #fff;
		padding: 15px 20px;
		margin-top: 20px;
	}
	.reserveNoteBox h5 {
		color: #cc0000;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.reserveNoteBox li {
		padding-left: 1em;
		text-indent: -1em;
		line-height: 1.6;
		color: #666;
	}
	.reservePanel .reserveAmazonTable3c th {
		background: #fff;
		padding: 10px 10px 10px 20px;
		text-align: center;
		font-weight: bold;
	}
	.reservePanel .reserveAmazonTable3c th, .reservePanel .reserveAmazonTable3c td {
		border: 1px solid #c8d2dc;
		vertical-align: middle;
		line-height: 1.3;
		width: 33%;
		text-align: center;
	}
	/* 問い合わせ */
	.reservePanel .reserveContact .reserveContactText2 {
		float: left;
		line-height: 24px;
		font-size: 14px;
	}
	.reservePanel .reserveContact .reserveContactTel2 {
		float: right;
		font-size: 24px;
		font-weight: bold;
	}
	address, em {
		font-style: normal;
	}
/*}*/


@media print, screen and (max-width: 767px) {

	/* DD-LINK 全体の枠 */
		.reservePanel {
			width: 100%;
			padding: 25px 2%;
		}
	/* リペア */
		/* 写真 2列の */
		.reservePanel .reserveRepairImage2 > figure {
			float: right;
			width: 48%;
		}
	/* コーティング */
		/* タイトル画像 */
		.reservePanel .reservePanelHead h4#driverslinkCoating {
			background: url(./images/logo_driverslink_coating.png) left center no-repeat;
			background-size: 80% auto;
		}
		/* リードPhotoを表示させない */
		.reservePanel .reservePanelHead-DriversLink#coating:after {
			display: none;
		}
		.reservePanel .reservePanelHead .reserveHeadleadSub {
			margin: .5em 0;
			width: 100%;
		}
		/* SELECT */
		.reservePanel .reserveCoatingBox1.selectItem {
			background: url(./images/reserveRadio_off.png) 6px 24px no-repeat #fff;
			background-size: 18px 18px;
		}
		.reservePanel .reserveCoatingBox1.selectItem.selected {
			background: url(./images/reserveRadio_on.png) 6px 24px no-repeat #fff;
			background-size: 18px 18px;
			box-shadow: 0 1px 1px 0px transparent;
		}
		.reservePanel .reserveCoatingBox1 {
			margin-top: 25px;
			padding: 15px 1%;
			background: #fff;
			border: 1px solid #c8d2dc;
		}
		/* コーティングのSELECTの文字 */
		.reservePanel .reserveCoatingHeaderLeft {
			width: auto;
			margin-right: 15px;
		}
		.reservePanel .reserveCoatingHeaderCenter {
			padding-right: 20px;
			font-weight: normal;
		}
		.reservePanel .reserveText1 em, .reservePanel .reserveText2 {
			color: #0177be;
			font-size: 14px;
			font-weight: normal;
		}
		/* 表　THの文字 */
		.reservePanel .reserveCoatingTable1 th {
			font-size: 12px;
		}
	/* Amazon */
		.reservePanel .reserveAmazonBox.selectItem {
			background: url(./images/reserveRadio_off.png) center 6px no-repeat #fff;
			background-size: 18px 18px;
		}
		.reservePanel .reserveAmazonBox.selectItem.selected {
			background: url(./images/reserveRadio_on.png) center 6px no-repeat #fff;
			background-size: 18px 18px;
			box-shadow: 0 1px 1px 0px transparent;
		}
		.reservePanel .reserveAmazonBox.selectItem > div:first-child {
			padding-top: 3px;
			padding-left: 5px;
			padding-right: 5px;
			font-size: 15px;
		}
		.reservePanel .reserveAmazonBox.selectItem > div {
			padding-bottom: 10px;
			text-align: center;
		}
		.reservePanel .reserveAmazonBox.selectItem p.tyre {
			background: url(./images/imgAmazonTyre.png) center 30px no-repeat;
			text-align: center;
			color: #394650;
			background-size: auto 35px;
			font-size: 100%;
		}
		.reservePanel .reserveAmazonBox.selectItem p.battery {
			background: url(./images/imgAmazonBattery.png) center 30px no-repeat;
			text-align: center;
			color: #394650;
			background-size: 35px auto;
			font-size: 100%;
		}
		/* 問い合わせ */
		.reservePanel .reserveContact .reserveContactText2 {
			float: none;
			line-height: 24px;
			font-size: 14px;
			text-align: center;
			display: block;
		}
		.reservePanel .reserveContact .reserveContactTel2 {
			float: none;
			font-size: 24px;
			font-weight: bold;
			text-align: center;
			display: block;
		}
		/* 表 */
		.reservePanel .reserveAmazonTable th {
			width: 33%;
			font-size: 12px;
		}
		.reservePanel .reserveAmazonTable td {
			width: 33%;
			font-size: 12px;
		}
		.reservePanel .reserveAmazonTable td .price {
			font-size: 14px;
		}
		/* 注意事項 */
		.reserveNoteBox li {
			color: #333;
		}
	/* グラスショット */
		/* リードPhotoを表示させない */
		.reservePanel .reservePanelHead-DriversLink#shot:after {
			background-image: none;
		}
		/* 表　THの文字 */
		.reservePanel .reserveShotTable1 th {
			font-size: 12px;
		}
	
}