/* ---------------------------------------------------------------------------------------------- */
/* -- car battery css -- */



.for_pc {
	display:block;
}
.for_sp {
	display:none;
}



/* ---------------------------------------------------------------------------------------------- */
/* navigation */
div.localnav-element {
	background-color:#073487;
}
div.localnav-content {
	border-top:none;
}
.localnav-title a,
.localnav a,
.localnav a.stay,
.localnav a.active,
.localnav .active a,
.localnav a:hover {
	color: #FFF !important;
}
.localnav-title {
	padding-top: 14px;
	font-size: 90%;
}
.localnav-title img {
	width:40px;
	vertical-align:middle;
	padding-right:8px;
}
.localnav {
	font-size: 90%;
	line-height:100%;
}
.localnav-title a:hover,
.localnav a:hover {
	text-decoration:underline;
}



/* pagetopfixed */
div.pagetopfixed span.battery_pagetop {
	display:block;
	width:80px;
	height:80px;
	background-image:url(../img/pagetop.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
}
div.pagetopfixed span.battery_pagetop span.label {
	display: block;
	position: absolute;
	left: -9999px;
}




/* ---------------------------------------------------------------------------------------------- */
/* contents area */
div#car_battery_contents {
	width:100%;
	background-color:#FFF;
}
div.cb_section {
	width:100%;
}
div.cb_page_add {
	margin-top:75px;
	border-top:2px solid #999;
}
div.cb_section div.page_wide {
	box-sizing: border-box;
	width:100%;
	max-width:1050px;
	margin:0 auto;
}



/* text */
h2.top_title {
	font-size:190%;
	line-height:120%;
	color:#000;
	letter-spacing:0.05em;
	text-align:center;
	padding:45px 0 40px;
}
h2.page_title {
	font-size:240%;
	line-height:120%;
	color:#003296;
	text-align:center;
	padding:45px 0 40px;
}
h2.page_title.line {
	padding:45px 0 10px;
	margin-bottom:25px;
	border-bottom:1px solid #003296;
}
h2.page_title a {
	color:#003296;
}
h3.top_subtitle {
	font-size:160%;
	line-height:120%;
	color:#000;
	text-align:center;
	padding:0 0 40px;
}
h3.top_subtitle img.caos_text_logo {
	width:164px;
	vertical-align:middle;
	padding:0 0 8px 10px;
}
.more_link a {
	color:#073487;
	padding:2px 0 2px 20px;
	background-image:url(../img/arrow_blue.png);
	background-repeat:no-repeat;
	background-position:0 40%;
	background-size:13px;
}
.more_link a:hover {
	text-decoration:underline;
}



/* catalog manual box */
div.catalog_block {
	box-sizing: border-box;
	width:100%;
	max-width:1050px;
	margin:0 auto;
}
div.catalog_block:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
.catalog_box {
	display:table;
	width:48%;
	max-width:464px;
	margin-bottom:100px;
}
.catalog_box:nth-child(odd) {
	float:left;
}
.catalog_box:nth-child(even) {
	float:right;
}
.catalog_box p.thumb {
	display:table-cell;
	vertical-align:top;
	width:48%;
	max-width:210px;
}
.catalog_box p.thumb img {
	width:100%;
}
.catalog_box div.catalog_text {
	display:table-cell;
	vertical-align:top;
	padding-top:16px;
	padding-left:16px;
	position:relative;
}
.catalog_box div.catalog_text h3 {
	font-size:96%;
	line-height:120%;
	color:#003296;
	padding:0 0 10px 1em;
	text-indent:-1em;
}
.catalog_box div.catalog_text span.y_label {
	display:inline-block;
	vertical-align:middle;
	font-size:80%;
	line-height:100%;
	color:#FFF;
	padding:4px 8px;
	background-color:#073487;
}
.catalog_box div.catalog_text span.y_label.no {
	display:inline-block;
	vertical-align:middle;
	font-size:80%;
	line-height:100%;
	color:#FFF;
	padding:4px 8px;
	background-color:#FFF;
}
.catalog_box div.catalog_text span.new_label {
	display:inline-block;
	vertical-align:middle;
	font-size:80%;
	line-height:100%;
	font-family:arial;
	font-weight:bold;
	font-style:italic;
	font-style:oblique;
	color:#FFF;
	padding:4px 8px;
	margin-left:8px;
	background-color:#E01113;
}
.catalog_box div.catalog_text dl {
	font-size:90%;
	line-height:120%;
	color:#000;
	padding:15px 0 0;
}
.catalog_box div.catalog_text dl dt,
.catalog_box div.catalog_text dl dd {
	padding:0 0 8px;
}
.catalog_box div.catalog_text dl dd.list {
  padding-left: 1em;
  text-indent: -1em;
}
.catalog_box div.catalog_text p.link {
	position:absolute;
	bottom:20px;
	right:20px;
	width:80%;
	font-size:100%;
	line-height:100%;
	text-align:center;
	padding:13px 0;
	border:1px solid #003296;
}
.catalog_box div.catalog_text p.link span {
	color:#073487;
	padding:2px 0 2px 20px;
	background-image:url(../img/arrow_blue.png);
	background-repeat:no-repeat;
	background-position:0 40%;
	background-size:13px;
}
.catalog_box:hover div.catalog_text p.link span {
	text-decoration:underline;
}

/* ###################### a hover event ###################### */
@media screen and (min-width:1024px) {

.catalog_box:hover p.thumb img {
	opacity: 0.7; filter: alpha(opacity=70);
}
.catalog_box:hover p.thumb img.opa100 {
	opacity: 1.0; filter: alpha(opacity=100);
}

}







/* ---------------------------------------------------------------------------------------------- */
/* cb_footer_sitemap */
div.cb_footer_sitemap {
	background-color:#E6E6E6;
}
div.cb_footer_sitemap div.cbfs_inner {
	box-sizing: border-box;
	width:100%;
	max-width:976px;
	padding:30px 0;
	margin:0 auto;
}
div.cb_footer_sitemap div.cbfs_inner:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box {
	box-sizing: border-box;
	width:29%;
	float:left;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box:nth-of-type(4) {
	width:13%;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box div.cbfs_block {
	margin:0 0 20px;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box div.cbfs_block a {
	color:#000;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box div.cbfs_block a:hover {
	text-decoration:underline;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box div.cbfs_block p {
	font-size:90%;
	line-height:120%;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box div.cbfs_block p a,
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box div.cbfs_block p span {
	padding:2px 0 2px 13px;
	background-image:url(../img/arrow_black.png);
	background-repeat:no-repeat;
	background-position:0 45%;
	background-size:9px;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box div.cbfs_block ul {
	font-size:76%;
	line-height:120%;
	padding:2px 0 0;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box div.cbfs_block ul li {
	padding:5px 0 0;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box div.cbfs_block ul li a {
	color:#333;
}
div.cb_footer_sitemap div.cbfs_inner ul.attention {
	clear:both;
	width:100%;
	font-size:76%;
	line-height:120%;
}
div.cb_footer_sitemap div.cbfs_inner ul.attention li {
	padding-left:1.5em;
	text-indent:-1.5em;
	padding-bottom:4px;
}






/* ###################### break tablet ###################### */
@media screen and (min-width: 769px) and (max-width: 1024px) {



/* ---------------------------------------------------------------------------------------------- */
/* contents area */
div.cb_section div.page_wide {
	box-sizing: border-box;
	width:100%;
	max-width:100%;
	padding:0 10px;
}



/* ---------------------------------------------------------------------------------------------- */
/* cb_footer_sitemap */
div.cb_footer_sitemap div.cbfs_inner {
	width:100%;
	max-width:100%;
	padding:30px 10px;
}



}

/* ###################### break smartphone ###################### */
@media screen and (max-width: 768px) {



.for_pc {
	display:none;
}
.for_sp {
	display:block;
}



/* ---------------------------------------------------------------------------------------------- */
/* navigation */
.nav-root-items {
	background-color:#073487;
}
#localheader .nav-root-items {
	border-bottom: 1px solid #FFF;
	padding-bottom: 0;
}
.nav-parent > a,
.nav-parent > span,
.nav-child-item:not(:last-child) > a,
.nav-child-item:not(:last-child) > span {
	border-bottom: 1px solid #FFF;
}
#localheader .nav-root-items li.nav-root-item:last-child a,
#localheader .nav-root-items li.nav-root-item:last-child span {
	border-bottom: none;
}
#localheader .nav-root-items:last-of-type {
	border-bottom: none;
}


/* pagetopfixed */
div.pagetopfixed span.battery_pagetop {
	width:60px;
	height:60px;
}

.more_link a:hover {
	text-decoration:none;
}



/* text */
h2.top_title {
	font-size:160%;
}
h2.page_title {
	font-size:160%;
}
h3.top_subtitle {
	font-size:120%;
}
h3.top_subtitle img.caos_text_logo {
	display:block;
	width:120px;
	text-align:center;
	padding:10px 0 0;
	margin:0 auto;
}



/* catalog manual box */
div.catalog_block {
	max-width:94%;
}
.catalog_box {
	display:table;
	width:100%;
	max-width:100%;
	margin-bottom:20px;
}
.catalog_box:nth-child(odd),
.catalog_box:nth-child(even) {
	float:none;
}
.catalog_box p.thumb {
	width:40%;
	max-width:40%;
}
.catalog_box div.catalog_text {
	padding-top:0px;
	padding-left:3%;
}
.catalog_box div.catalog_text span.y_label.no {
	display:none;
}
.catalog_box div.catalog_text dl {
	padding:10px 0 0;
}
.catalog_box div.catalog_text dl dt,
.catalog_box div.catalog_text dl dd {
	padding:0 0 4px;
}
.catalog_box div.catalog_text p.link {
	position:static;
	bottom:0px;
	right:0px;
	padding:8px 0;
	margin-top:5px;
}



/* ---------------------------------------------------------------------------------------------- */
/* cb_footer_sitemap */
div.cb_footer_sitemap {
}
div.cb_footer_sitemap div.cbfs_inner {
	box-sizing: border-box;
	width:100%;
	max-width:100%;
	padding:30px 20px;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box {
	width:100%;
	float:none;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box:nth-of-type(4) {
	width:100%;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box div.cbfs_block {
	margin:0 0 15px;
}
div.cb_footer_sitemap div.cbfs_inner div.cbfs_box div.cbfs_block a:hover {
	text-decoration:none;
}



}


/* ###################### a hover event ###################### */
@media screen and (min-width:1024px) {



}