@charset "Shift_JIS";

.contentarea{width: 769px;background-color: #e6e6e6;padding-bottom: 22px;margin:0 auto;}

body{background-color: #e6e6e6;}

.solidbox {
border-top: #cccccc 1px solid;
border-right: #cccccc 1px solid;
border-left: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
background-color: #ffffff;
padding-top: 12px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 22px;
margin: 13px 22px;
width: 723px;
text-align:center;
}


/* ---------------------------------------------------
 * LAYOUT - CAR BATTERY
 * ------------------------------------------------ */
.is-dealer {
	background:#0a1232;
}

.dealer-main {
	width:976px;
	margin:0 auto;
	padding:0 0 40px;
	background:#f1f1f1;
}


/* main-visual
 * ------------------------------------------------ */
.main-visual {
	margin-bottom:40px !important;
	position:relative;
}

.main-visual .title {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}


/* LAYOUT
 * ------------------------------------------------ */
.dealer-contents {
	width:887px;
	margin:0 auto;
	padding:25px 15px 0;
	background:#fff;
}

.dealer-contents-title {
	font-size:27px;
	letter-spacing:.125em;
	text-align:center;
	width:887px;
	margin:0 auto;
	padding:50px 0;
}


/* is-de01
 * ------------------------------------------------ */
.is-de01 .is-col1 {
	margin-bottom:40px;
	padding-bottom:40px;
}

.is-de01 .is-col1 .title,
.is-de01 .is-col2 .title,
 .title {
	font-size:23px;
	line-height:1.35;
	text-align:center;
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px solid #575757;
}

.is-de01 .is-col1 .normal-read,
.is-de01 .is-col2 .normal-read {
	font-size:14px;
	line-height:1.5;
	text-align:center;
	margin:0 0 50px;
}

.is-de01 .is-col1 .image {
	text-align:center;
}

.is-de01 .is-col2 .title-head {
	color:#fff;
	font-size:14px;
	text-align:center;
	margin:0 0 25px;
	padding:5px 0 4px;
	background:#727171;
}

.is-de01 .is-col2 .sample-list {
	letter-spacing:-.5em;
}

.is-de01 .is-col2 .sample-list-item {
	color:#717171;
	letter-spacing:0;
	vertical-align:top;
	width:50%;
	padding:0 0 0 20px;
	display:inline-block;
}

.is-de01 .is-col2 .sample-list-item .img {
	margin:0 15px 70px 0;
	float:left;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.5);
}

.is-de01 .is-col2 .sample-list-item .menu {
	font-size:11px;
	line-height:2.25;
}

.is-de01 .is-col2 .sample-list-item .menu .detail {
	line-height:1.5;
	padding:15px 0 0;
	display:block;
}

.is-de01 .is-col2 .note-all {
	font-size:11px;
	line-height:1.5;
	display:block;
	text-align:left;
	padding:0 20px 40px;
}

 .inner {
	padding:0 30px 40px;
}

 .normal-read {
	font-size:15px;
	margin:0 0 30px;
	padding:0;
}

 .title-dl .anc {
	color:#0054a7;
	font-size:20px;
	text-align:center;
	margin:0 0 40px;
	padding:20px 0;
	display:block;
	background:#ddd;
	border-radius:5px;
	position:relative;
}

 .title-dl .anc:after {
	content:'';
	background:url(../img/ba-image-12.png);
	background-size:cover;
	width:23px;
	height:12px;
	position:absolute;
	bottom:-25px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

 .attention-list {
	margin:0 0 40px;
	position:relative;
}

 .attention-list:after {
	content:'';
	background:url(../img/ba-image-12.png);
	background-size:cover;
	width:23px;
	height:12px;
	position:absolute;
	bottom:-25px;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

 .attention-list-title {
	color:#fff;
	font-weight:700;
	font-size:15px;
	text-align:center;
	letter-spacing:.125em;
	margin:0 0 10px;
	padding:7px 0;
	background:#d71718;
}

 .attention-list-item {
	color:#d71718;
	font-size:12px;
	font-weight:700;
	line-height:1.35;
	letter-spacing:0;
	margin:0 0 15px;
}

 .title-verup .anc {
	color:#fff;
	font-size:20px;
	text-align:center;
	margin:0 0 20px;
	padding:20px 0;
	display:block;
	background:#0054a7;
	border-radius:5px;
	position:relative;
}

 .note {
	color:#575757;
	font-size:14px;
	font-weight:700;
	line-height:1.5;
	letter-spacing:.075em;
	text-indent:-1em;
	padding:0 0 0 1em;
}

 .note .strong {
	color:#d71718;
}


/* ------------------------------------------------
 * RESPONSIVE
 * ------------------------------------------------ */
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {

.main-visual {
	height:100px;
	margin-bottom:20px !important;
	overflow-x:hidden;
}

.main-visual img {
	width:500px;
	max-width: none;
	position: relative;
	z-index: 0;
	-webkit-transform:translateX(-100px);
	transform:translateX(-100px);
}

.main-visual .title {
	z-index:1;
}

.main-visual .title img {
	width:auto;
	max-width:none;
	height:50px;
	-webkit-transform: none;
	transform: none;
}

.dealer-main {
	width:auto;
}

.dealer-contents {
	width:100%;
	width:-webkit-calc(100% - 40px);
	width:calc(100% - 40px);
}

.is-de01 .is-col1 .image img {
	width:200px;
}

.is-de01 .is-col2 .sample-list-item {
	width:100%;
	margin:0 0 20px;
	padding:0;
}

.is-de01 .is-col2 .sample-list-item .img {
	width:100px;
	margin:0;
}

.is-de01 .is-col2 .sample-list-item .menu {
	line-height:1.5;
	padding:0 0 0 110px;
}

.is-de01 .is-col2 .note-all {
	padding:0;
}

 .inner {
	padding: 0 0 40px;
}

.is-de01 .is-col1 .title,
.is-de01 .is-col2 .title,
 .title {
	font-size:18px;
	margin:0 0 10px;
	padding:0 0 10px;
}

.is-de01 .is-col1 .normal-read,
.is-de01 .is-col2 .normal-read {
	font-size:12px;
	line-height:2;
	text-align:left;
}

.is-de01 .is-col2 .title-head {
	font-size:12px;
	line-height:1.5;
	text-align:left;
	padding:10px;
}

 .normal-read {
	font-size:12px;
	line-height:2;
}

 .title-dl .anc {
	font-size:16px;
	line-height:1.5;
	padding:20px;
}

 .title-verup .anc {
	font-size:14px;
}

 .note {
	font-size:12px;
	line-height:2;
}

}