﻿/* responsive css */

@media screen and (max-width: 640px){

body {
	background: #fff;
}
#contents-top {
	width: 100%;
	overflow: hidden;
}
#all-box {
	width: 100%;
	height: 100%;
	min-height: 100%;
	border: none;
	overflow: hidden;
}
.btn_close,
#pagetitle {
	display: none;
}
h1 {
	float: none;
}
h2 {
	text-align: left;
}
.number_title img,
#pas .index-search-right img,
#battery .text_center img,
#battery .index-search-right img,
.manual_text img,
#battery01 img,
#battery02 dt img,
.auto img,
.ysgear img {
	width: auto !important;
	height: auto !important;
}
#index {
	width: auto !important;
	margin: 0 10px;
}
#img_main img {
	width: 100% !important;
}
#index img {
	max-width: 100% !important;
}


#text_main {
	margin-bottom: 40px;
	padding: 20px 0 0;
}
#text_main > p {
	margin-bottom: 15px;
	padding: 0 10px;
	font-size: 134%;
}
#text_main section {
	margin-bottom: 1px;
	padding: 20px 10px;
}

/* [ 2024.01 ナビ追記 ] */
#bridgestone {
	margin: 30px 10px;
	padding: 20px 10px;
}
#text_main + #bridgestone {
	margin-top: -10px;
}
#bridgestone dd a {
	pointer-events: auto;
	text-decoration: underline;
}


/*======================================================================* 
 *  battery-top
 *======================================================================*/

.battery_main {
	width: 244px;
	margin: 0 auto;
	float: none;
	text-align: center;
}
#battery-top .index-search-right {
	width: auto;
	float: none;
}
#battery-top .index-search-right ul {
	margin-bottom: -5px;
}
#battery-top .index-search-right li {
	width: auto;
	margin-bottom: 10px;
}
#battery-top .index-search-right li p {
	width: 17em;
}
#battery-top .index-search-right li p a {
	width: 15em;
}
#battery_text {
	padding-top: 10px;
}


/*======================================================================* 
 *  check
 *======================================================================*/

#check {
	margin-bottom: 20px;
}
#check dt {
	float: none;
}
#check dd {
	padding: 5px 0 15px 30px;
	float: none;
}

/*======================================================================* 
 *  order-wrap
 *======================================================================*/

.order-wrap {
	background: none;
	border: 1px solid #cdcdcd;
	border-top: none;
}
.order-wrap h3 {
	margin: 0 -21px;
}
.order-wrap dt {
	min-height: 20px;
}
.order-wrap dt,
.order-wrap dd li {
	float: none;
	border: none;
}
.order-wrap dd {
	padding: 10px 0 5px 0;
}
.order-wrap dl br {
	display: none;
}
.order-wrap .link,
.order-wrap .ysgear {
	float: none;
}

/*======================================================================* 
 *  index-search
 *======================================================================*/

.resp-tabs-container {
	margin-bottom: 40px;
}
.index-search {
	margin-bottom: 0;
	background-image: none;
	border-left: 2px solid #0063aa; 
	border-right: 2px solid #0063aa; 
}
.index-title {
	margin-bottom: -10px;
	background: none !important;
}
.index-search h3 {
	margin: 0 !important;
	padding: 0 0 10px 0;
}
.index-search h3 span {
	display: block;
	margin-top: 5px;
}
.index-search p {
	width: 100%;
}
.index-search-inner {
	padding: 0 !important;
	background: none;
}
.number {
	height: auto;
	margin-bottom: 10px;
	background-color: #d9e8f2;
	background-image: none;
	border-width: 1px;
	border-color: #d9e8f2;
	border-style: solid;
	border-radius: 5px;
}
.number-inner {
	background-image: none;
}
.number_title {
	width: auto;
	margin: 0;
	padding: 10px 0 0 0;
	border: none;
	text-align: center;
	float: none;
}
#manual .number_title {
	padding: 10px 0 0 0;
}
#manual form .btn_search {
	display: block;
}
.number-search {
	padding: 10px 0 10px 25px !important;
	float: none;
}
.index-search-left,
.index-search-right {
	margin: 0;
	width: auto;
	float: none;
}
#pas .index-search-right ul li {
	margin-right: 5px;
}
#pas .index-search-right li img {
	width: 100% !important;
}
#manual .index-search-right li img {
	width: 100% !important;
}
#battery {
	border-bottom: 2px solid #0063aa;
}
#battery .index-search-right li {
	margin: 0 20px 0 20px;
	padding-bottom: 20px;
	float: none;
}
#battery .index-search-right li p {
	width: 120px;
}
#battery .index-search-right .battery_img {
	margin: 10px 5px 0 0;
}

.other {
	display: block;
	padding: 10px;
	border-radius: 5px;
}
.other_title {
	width: 100%;
	padding: 5px 0;
	border-right: none;
}
.other-search {
	padding-right: 0;
}
.other-search > ul > li {
	padding: 10px 16px;
}
.other-search .end ul {
	display: block;
}
.other-search .end li + li {
	margin: 10px 0 0;
}

.btn_search {
	margin: 5px 0;
}

.number_note {
	display: block;
	margin: 10px 10px 15px;
	text-align: center;
}
.number_note dt {
	margin: 0 0 10px;
}

.index-search-inner .index-search-right ul.battery_list {
	margin-bottom: -30px !important;
}
.index-search-inner .index-search-right li {
	width: auto !important;
	padding-top: 15px;
}
.index-search-inner .index-search-right li span {
	display: block;
}
.index-search-inner .index-search-right li p {
	width: auto !important;
}
.index-search-inner .index-search-right li p.battery_text {
	width: 15em !important;
}
.manual_text {
	width: auto;
}
.manual_text dt,
#battery02 dt {
	margin-bottom: 5px;
}
.manual_text,
#battery02 {
	padding-bottom: 20px;
}
#battery01,
#battery02 {
	float: none;
}

/*======================================================================* 
 *  search_main
 *======================================================================*/

.search_main h3 img,
.search table img {
	width: auto !important;
	min-width: auto !important;
	height: auto !important;
}
.search_img {
	padding-bottom: 30px;
}
.search_img p {
	margin-bottom: 0;
	padding-bottom: 0;
}
.search_img p img {
	margin: 0;
	padding: 0 0 10px 0;
	float: none;
	text-align: center;
}
.search_img h4 {
	padding-top: 10px;
	font-size: 190%;
}

/*======================================================================* 
 *  search_table
 *======================================================================*/

.search {
	width: auto;
}
.search_wrap {
	margin: 0 0 13px 0 !important;
}
.search {
	width: 100%;
	margin-right: 0;
	float: none;
}
.search_title,
.search table,
.search .caution {
	width: 100%;
}

.contentsWidth .pagetop a {
	margin-top: -10px;
	padding-right: 0 !important;
}

/*======================================================================* 
 *  search_table
 *======================================================================*/

.contact {
	width: 100%;
}
.contact h3 {
	padding: 0 0 5px 17px;
	font-size: 120%;
}
.contact .tel {
	margin: 0;
	float: none;
}
.contact .tel img {
	margin: 0 0 10px 0;
}
.contact .tel p {
	margin: 0 10px 10px 10px;
}
.contact .info {
	width: auto;
}
.contact p.indent {
	padding-left: 0 !important;
}

/*======================================================================*
 *  clearfix                                                            *
 *======================================================================*/

#battery .index-search-right li:after, #battery-top .index-search-right ul:after, #battery01 ul:after,
#battery .lithium li:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
#battery .index-search-right li, #battery-top .index-search-right ul, #battery01 ul,
#battery .lithium li { display: inline-block; }
#battery .index-search-right li, #battery-top .index-search-right ul, #battery01 ul,
#battery .lithium li { display: block; }


} /* 削除禁止 */

