
.accordion-menu{
    max-height: 544px;
}

.clear { clear: both; }

#search_top_container {
	width:900px;
	margin:15px auto;	
}

#search_title {
	height:100px;	
}

#search_title img{
	float:left;	
	margin-right:20px;
}

#search_title h2{
	font-size:50px;	
	margin:0;
	padding:0;
	height:auto;
}

#search_top_wrap ul.search_top {
	padding:0;
	margin:0;
}

#search_top_wrap {
	background-image: url("../images/common/bg_body.jpg");
	background-repeat:repeat;
	border-top:2px dotted #CCC;  
	border-bottom:2px dotted #CCC;  	
	padding:10px 0 10px 15px;
}

#search_top_wrap ul.search_top li{
	width:294px;
	float:left;
	list-style-type:none;
	list-style-position:inside;
}

#search_top_wrap ul.search_top a{
	font-size:17px;	
}

#search_top_wrap ul.search_top a:hover{
	text-decoration:underline;	
}

.single_container_oldlayout h3 {
	border-top:3px solid #00dad6;
	background-image: url("../images/common/bg_sidecolumn_title.jpg");
	background-repeat:repeat;
	font-size:15px;	
	font-weight:bold;
	padding:5px 0 0 9px;
	margin:0;
	height:27px;
	width:891px;
}

.search_eachmaker {  	
	padding:10px 0 3px 12px;
	margin-bottom:45px;
}

.search_eachmaker ul.search_eachmakerul {
	padding:0;
	margin:0;
}

.search_eachmaker ul.search_eachmakerul li{
	width:295px;
	float:left;
	list-style-type:disc;
	list-style-position:inside;
}

.search_eachmaker ul.search_eachmakerul li a{
	font-size:14px;	
}

.search_eachmaker ul.search_eachmakerul li a:hover{
	text-decoration:underline;
}



.clear { clear: both; }

#sub_search_top_container {
	width:600px;
	margin:0 0 17px 0;	
}

#sub_search_title {
	height:50px;	
}

#sub_search_title img{
	float:left;	
	margin-right:10px;
}

#sub_search_title h2{
	font-size:22px;	
	margin:0;
	padding:5px 0 0 0;
	height:65px;
}

#sub_search_top_wrap ul.search_top {
	padding:0;
	margin:0;
}

#sub_search_top_wrap {
	background-image: url("../images/common/bg_body.jpg");
	background-repeat:repeat;
	border-top:2px dotted #CCC;  
	border-bottom:2px dotted #CCC;  	
	padding:0 0 10px 2px;
}

#sub_search_top_wrap ul.sub_search_top li{
	width:270px;
	float:left;
	list-style-type:none;
	list-style-position:inside;
}

#sub_search_top_wrap ul.sub_search_top a{
	font-size:15px;	
}

#sub_search_top_wrap ul.sub_search_top a:hover{
	text-decoration:underline;	
}


/* 
車種別パーツNEWデザイン(レスポンシブ) 2016.02.25----------------------------------------------------------------------------- */

#wrapper_responsive {
	margin:0 auto;
	max-width: 1000px;
	padding:0 25px 0 25px;
	background-image: url(../images/common/bg_body_wrapper.jpg);
	background-repeat:repeat;
	background-color:#FFF;
}


#search_top_container_responsive {
	max-width:100%;
	margin:initial;	
}

#search_title_responsive {
	height:100px;	
}

#search_title_responsive img{
	float:left;	
	margin-right:20px;
}

#search_title_responsive h2{
	font-size:2.5vw;
	line-height: 1.4em;
	margin:0;
	padding:0;
	height:65px;
}

#search_title_responsive p{
	text-transform: uppercase;
	font-size: 2vmin;
}

#maker_img {
	width:10%;	
}

.icon_parts {
	margin-bottom:5px;
	float:left;
	margin:0 1% 1% 0;
}

#footer {
	width:1000px;	
}

/*@media (max-width: 800px) {*/
@media (max-width: 1024px) {

	#header_responsive {
		display:none;	
	}
	#maker_img {
		width:15%;	
	}
	#search_title_responsive h2{
		font-size: 3.9vw;
	}
	img.small_image {
		display:none;	
	}
	.icon_parts {
		width:32%;
	}
	#footer {
		display:none;	
	}
}

@media (max-width: 490px) {
	#search_title_responsive h2{
		font-size: 5.9vw;
	}
	#maker_img {
		width:20%;	
	}
	.icon_parts {
		width:49%;
	}
}


/*@media (min-width: 800px) {*/
@media (min-width: 1025px) {
	.small_image{
		margin-top: 10px;
	}
	#header_shashubetsu {
		display:none;
	}
	.big_image {
		display:none;
	}
	.icon_parts {
		width:24%;
	}
	#footer_responsive {
		display:none;
	}
}


/* スマホヘッダー 2016.02.25----------------- */
#header_shashubetsu {
	background-color: #fff;
    background-image: url("../images/common/bg_body_wrapper.jpg");
    background-repeat: repeat;
}

/* スマホフッター 2016.02.25----------------- */
#footer_responsive {
	background-color:#FFF;	
}

ul#footer-navi {
    padding: 10px;
    background-color: #ededed;
    text-align: center;
}
ul#footer-navi li {
    display: inline-block;
    padding: 5px;
}
ul#footer-navi li a {
    color: #333333;
    text-decoration: none;
}
ul#footer-navi li.gopc {
    padding-left: 20px;
    background: url(../ph_img/footer-pc-icon.png) no-repeat 5px center;
    background-size: 12px auto;
}
#free-text { padding: 8px }
#copyright {
    border-top: 1px solid #DDDDDD;
    font-size: 11px;
    padding: 8px;
    text-align: center;
}

.pageup {
    background-color: #333333;
    border: 0px solid #bebebe;
}
.pageup a {
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: right;
    padding-right: 28px;
    text-decoration: none;
    color: #FFFFFF;
    background-image: url(http://v1.eshop-do.com/ns74063/ph_img/arrow03.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px 13px;
}
.pageup a:link { color: #FFFFFF }

ul#globalnavi {
	list-style-type: none;
	padding:0;
	margin:0;
}

ul#globalnavi li {
    background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(238, 238, 238)));
    background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(238, 238, 238) 100%);
    background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(238, 238, 238) 100%);
    border-bottom: 1px solid #DDDDDD;
}
ul#globalnavi li a {
    font-size: 16px;
    display: block;
    padding: 10px;
    background-image: url(http://v1.eshop-do.com/ns74063/ph_img/arrow02.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px 13px;
    color: #333333;
    text-decoration: none;
}

/****
 * Wranglerページリニューアル（画像付き新デザイン） by nara 20180112
 ****/
 .flex-row { display: flex; flex-flow: row wrap; min-width: calc( 320px - 8px ); margin-bottom: 20px; }
.flex-row * { box-sizing: border-box; }
.flex-row .col-2 { width: calc( 100% / 2 ); }
.flex-row .col-3 { width: calc( 100% / 3 ); }
.flex-row .col-4 { width: calc( 100% / 4 ); }
.flex-row .col-5 { width: calc( 100% / 5 ); }
.flex-row .col-6 { width: calc( 100% / 6 ); }
.flex-row .col-7 { width: calc( 100% / 7 ); }
.flex-row .col-8 { width: calc( 100% / 8 ); }
.flex-row .col>div.element { height: 100%; }
.flex-row .col>div.element,
.flex-row .col>div.element * { margin: 0; padding: 0; display: block; }
.example .element p { background: rgba(255,255,255,0.4); line-height: 1.0; font-size: 2em; text-align: center; }

@media screen and (max-width: 1000px) {
  .flex-row .col-2 { width: calc( 100% / 2 ); }
  .flex-row .col-3 { width: calc( 100% / 3 ); }
  .flex-row .col-4 { width: calc( 100% / 4 ); }
	.flex-row .col-5 { width: calc( 100% / 5 ); }
	.flex-row .col-6 { width: calc( 100% / 6 ); }
	.flex-row .col-7 { width: calc( 100% / 7 ); }
	.flex-row .col-8 { width: calc( 100% / 8 ); }
}

@media screen and (max-width: 800px) {
  .flex-row .col-2 { width: calc( 100% / 2 ); }
  .flex-row .col-3 { width: calc( 100% / 2 ); }
  .flex-row .col-4 { width: calc( 100% / 2 ); }
	.flex-row .col-5 { width: calc( 100% / 4 ); }
	.flex-row .col-6 { width: calc( 100% / 4 ); }
	.flex-row .col-7 { width: calc( 100% / 4 ); }
	.flex-row .col-8 { width: calc( 100% / 4 ); }
}

@media screen and (max-width: 480px) {
  .flex-row .col-2 { width: calc( 100% / 1 ); }
  .flex-row .col-3 { width: calc( 100% / 2 ); }
  .flex-row .col-4 { width: calc( 100% / 2 ); }
	.flex-row .col-5 { width: calc( 100% / 4 ); }
	.flex-row .col-6 { width: calc( 100% / 4 ); }
	.flex-row .col-7 { width: calc( 100% / 4 ); }
	.flex-row .col-8 { width: calc( 100% / 4 ); }

  #customparts_detail .category-list { min-width: initial; }
  #customparts_detail .category-list .col-3 { width: calc( 100% / 1 ); }
}

#customparts_detail .category-list .element { padding: 0.33em; }
#customparts_detail .category-list .element .image { width: 100%; }
#customparts_detail .category-list .element img { width: 100%; height: 100%; border: 3px solid #ccc; border-radius: 12px; }
#customparts_detail .category-list .element .text .title { border-left: solid 6px #00b7ee; color: #00b7ee; padding-left: 0.33em; margin: 0.33em 0; font-size: 100%; font-weight: 600; }
#customparts_detail .category-list .element .text .intro { font-size: 85%; line-height: 1.3; }

.h3 {
    width: 100%;
    position: relative;
}
.maker-logo .image{
    float: left;
    margin-right: 20px;
    max-width: 20%;
}
.title h1{
    text-align: left;
    font-size: 1.4em;
    white-space: nowrap;
    margin-top: 35px;
  }
.title h2{
    float: left;
    line-height: 1.2;
    border-left: solid 6px #333;
    margin-bottom: 10px;
    padding: 0 0 0 0.25em;
}
.title h2{
  margin-top: 0px;
}
/*.h3.maker-logo img{
	margin-bottom: 10px;
}*/