@charset "utf-8";
/* CSS Document */

/*-----------------------

　物件ページ

------------------------*/
@media only screen and (max-width:768px){

	input[type="submit"]{
	-webkit-appearance: none;
	}
}


.pt15{ padding-top:15px !important;}
.mb5{ margin-bottom:5px;}
.mb20{ margin-bottom:20px;}
.mb15{ margin-bottom:15px;}
.clrFix{
	clear:both;
	zoom:100%;
	}
.clrFix:after{
	content:"";
	display:block;
	clear:both;
}
.clrFix .left{ float:left;}
.clrFix .right{ float:right;}	
.clear{ clear:both;}

#head_menu a{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight:bold;
}

#main1c #bukken{
	padding:25px 0 0 0;
	margin:0 auto;
	max-width:1200px;
	}

/*
#bukken{
	padding:25px 0 0 0;
	margin:0 0;
	}

#bukken .osusume #slider1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
*/

#searchBox{
	border:4px solid #EEE;
	padding:10px;
}
#searchBox .search_bnr{
	display: flex;
	/*flex-wrap: wrap;*/
	justify-content: space-around;
	/*justify-content: center;*/
}
#searchBox .search_bnr a{
	width:31%;
	max-width:288px;
}



#searchBox .search_bnr img{
	margin:0 0px;
}


@media only screen and (max-width:768px){
	#searchBox .search_bnr ul{}
	#searchBox .search_bnr ul li{ width: 48%; }
}
	
#searchBox h3{ font-size:13px; text-align:center;
	padding:5px !important;
	line-height:normal;
	height:auto;
}
#searchBox .left,
#searchBox .right{
	/*width:25%;*/
	width:33%;
	margin-right:0px;
	padding-left:5px;
	text-align: center;
}
#searchBox input{ margin-right:5px;
}
#searchBox label{
	cursor:pointer;
	display:block;
	font-size:130%;
}

#searchBox #brand-model{
	width:30%;
}

#searchBox #price-1,#searchBox #price-2{
	width:25%;
}

.selecter .left,
.selecter .right {
	padding-top:10px;
}

.selecter .left .results_data {
	font-size:130%;
	font-style:italic;
	color:#F00;
}




#bukken .list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin:0 0 0 5px;
	width:1200px;
	clear:both;
	zoom:100%;
	}

@media only screen and (max-width:768px){

	#bukken .list{
		width:98%;
		}

	#bukken .navi_maker_bnr h3 {
	    font-size: 19px!important;
	}

	#map .acces_data h4 {
	    width: 50%!important;
	}

	#bukken .osusume .sub .btn_detail p{
		margin-bottom:6px;
		display:block;
		width:98%;
	}

	#bukken .osusume .sub .btn_detail {
	    display: block;
	}

	#searchBox .left,
	#searchBox .right{
		width:100%;
		float:none;
	}
	

}

#bukken .list:after{
	content:"";
	display:block;
	clear:both;
}
#bukken .sub{
/*	width:420px;*/
/* 	height:250px; */
	max-width:290px;
	padding:0px;
	background-color:#FFF;
	border:1px solid #DDD;
	margin-bottom:20px;
/*	float:left;*/
/*	margin-right:10px;*/



}

#bukken .ml0{
	margin-left:0 !important;}
#bukken .sub h3{

	font-size:13px;
	border-bottom:1px solid #CCC;
	line-height:1.2em;
	margin:0 !important;
	padding:5px;
	background:#e8e8e8;
	
	vertical-align:middle;
	height:2.7em;
	overflow:hidden;
	
}

#bukken .sub h3 table{
	width:100%;
	border-collapse:collapse;
}
#bukken .sub h3 table{}
#bukken .sub h3 table td{ vertical-align:middle;}
#bukken .sub h3 table .name{ text-align:center; font-size:14px;}


.icon{ text-align:right;}	
.icon span{
	text-align:center;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	text-indent:0;
	padding:0;
	line-height:16px;
}
.icon span.icon_osusume{
	background:#090;}
.icon span.icon_shubetsu{
	background:#F00;
	}

#bukken .sub .pic{}

/*目玉車フレーム追加*/
#bukken .sub .pic{
 position: relative;
 }
.medama_frame{ position: absolute; top:0; left:0;}
 
 
 
#bukken .sub .pic p{
	/*border:1px solid #DDD;*/
	/*height:160px;*/
	overflow:hidden;
	}
	
#bukken .sub .pic p img{
	padding:0px;
	width: 100%;

}
#bukken .sub .pic .btn{
	text-align:center;
	border:0;	
	}
	

#bukken .sub .detail{
	margin-top:10px ;
	width:96%;
	}
	
#bukken .sub .detail .bnr p{
	margin-bottom:5px ;
}
	
#bukken table.tbl_simple{}	
#bukken table.tbl_simple th{
	background-color:#EEE;
	color:#333;
	text-align:center;
	border:1px solid #DDD;
	padding:5px;
}
#bukken table.tbl_simple td{
	background-color:#FFF;
	vertical-align:top;
	border:1px solid #DDD;	
	padding:5px;	
	}



#bukken table.tbl_simple{
	margin-bottom:5px;}	
#bukken table.tbl_simple th{
	background-color:#EEE;
	color:#333;
	text-align:center;
	border:1px solid #DDD;
}
#bukken table.tbl_simple td{
	background-color:#FFF;
	vertical-align:top;
	border:1px solid #DDD;	
	}
  





/*在庫詳細ページ*/
#bukken .bukken_up{
	margin:0 auto 0;
	}


#bukken .bukken_up .sub{
	width:auto; /*475*/
	padding:15px;
	background-color:#FFF;
	border:1px solid #DDD;
	margin-bottom:20px;
	margin-left:0;
	float:none;
	clear:both;
	zoom:100%;
	height:auto;
	}
#bukken .bukken_up .sub:after{
	content:"";
	display:block;
	clear:both;
}	

#bukken .bukken_up .pic{ width:350px;}
#bukken .bukken_up .detail{ width:500px;}

#bukken .bukken_up  .sub h3{
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	padding-bottom:5px;
	clear:both;
	zoom:100%;
}
#bukken .bukken_up .sub h3:after{
	content:"";
	display:block;
	clear:both;
}

#bukken .bukken_up .sub .pic p{
	border:solid 1px #DDD;	
	margin-bottom:5px;
	height:auto;
	overflow:inherit;	
}

#bukken .bukken_up .sub .pic p img{
	padding:5px;
}

#bukken .bukken_up .sub .detail{
	float:right;
	}

#bukken .bukken_up .sub ul{
	}
#bukken .bukken_up .sub ul li{
	float:left;
	margin-right:3px;
	border:1px solid #EEE;
	
	}	
  

/* 在庫情報 中央寄せ（クライアント希望） */
.bukken_up .detail table.tbl_simple{} 
.bukken_up .detail table.tbl_simple td{ 
  text-align: center;
} 


/*追加分*/
#bukken ul{
	list-style-type:none !important;
	}
#bukken table{ border-collapse:collapse;}
#bukken p{ margin:0;}

.pNum{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:24px;
	padding-bottom: 0.5em;
	
	color:#C00;
	font-weight:bold;
	line-height:1.1em;
  text-align: center;
	
}


.pNum span{
  /*「万円」の部分*/
 	font-size:15px;
  color: #000;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
  
.pNum span.hontai{
	font-size:13px;
	line-height:1em;
  color: #000;
  }	


/* 価格部分（詳細ページ用）　*/
.bukken_up .pNum_box{
	display: flex;
	align-content:flex-end;
	width: 100%;
}
.bukken_up .pNum{
	font-size:67px;
	padding-bottom: 0.2em;
	
}
.bukken_up .pNum_box .wrap_flex{
	margin: auto 0 1.5em 0;
	
}
.bukken_up .pNum_box span{
	font-size:23px;
	font-weight: bold; 
	margin-left: 0.3em;
	/*	letter-spacing: -0.04em;*/
	line-height:1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.bukken_up .pNum_box span.yen{}
.bukken_up .pNum_box span.hontai{}	

@media (max-width: 768px){
	
	.bukken_up .pNum{
		font-size:12vw;
		padding-bottom: 0.2em;
	}

	.bukken_up .pNum_box .wrap_flex{
		display: flex;
		flex-wrap: wrap;
		margin: auto 0 auto 0;
	}
	.bukken_up .pNum_box span{
		font-size:5vw;
		font-weight:bold;
	}
	.bukken_up .pNum_box span.yen,
	.bukken_up .pNum_box span.hontai{
		width: 100%;
		display:block;
		line-height: 1.2em;
	}
	.bukken_up .pNum_box span.yen{ order:2;}
	.bukken_up .pNum_box span.hontai{ order:1; font-size: 90%; }	
	
	.bukken_up .pNum_box .btn_bookmark_box{
		width:43%;
		margin: auto;
		position: relative;
	}
	
}

/* 2018-04 renew */

#bukken .sub .btn_detail{
	display:flex;
	flex-wrap: wrap;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	}

#bukken .sub .btn_detail p{
	margin:auto;
	padding:12px 5px 11px 5px;
	display:inline-block;
	width:43%;
}

#bukken .sub .btn_detail a{
	color:#FFF;
}

#bukken .sub .btn_detail .btn_left {
	background:#dc503d;
}

#bukken .sub .btn_detail .btn_right {
	background:#61b187;
}

#bukken .sub .btn_detail .btn_tel {
	background:#eac563;
	width:93%;
	margin-top:5px;
}

/*
目玉（オススメのみ　*/
/*
.osusume{
	width:910px;
	height:260px;
	margin-bottom:0;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#bukken .osusume{
	margin:0 0 0 10px;}
	#bukken .osusume .sub{
	width:220px;
	height:200px;
	}
*/


#bukken .osusume .name{
	font-size:12px;
}
#bukken .osusume .icon_shubetsu{ font-size:10px;}

#bukken .osusume .detail{
	padding-top:5px;
	margin:0 auto 0;
	}	

#bukken .osusume .hontai{ font-size:11px;}

#bukken .osusume .sub .pic p {
    /* border: 1px solid #DDD; */
    /*height: 155px !important;*/
    height: auto !important;
    overflow: hidden;
}

#bukken .osusume .btn_detail { font-size:11px;}

#bukken .osusume .tbl_simple {
	margin:0 auto 0;
	width:98%;
}




.osusume .osusume_list{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	/*justify-content: flex-start;*/
	flex-wrap: wrap;
	}
.osusume .osusume_list .sub{
	display:inline-block;
	width:100%;
	
	}





/*新着枠（NEW）独自*/
.list_new{
	border:5px solid #FF0004;
	}
.list_new h2{
	background:#FF0004;
	color:#FFF;
	padding:5px 10px;
	text-align:center;
	
	font-size:20px;
	
}

#bukken .list_new .sub{
	width:270px;
}

.icon span.icon_new{
	background:#EBFF1F;
	color:#FF0004;
	}
#bukken iframe{ margin-bottom:10px;}


.paging{
	text-align:center;
	clear:both;
	padding:10px;
	}
.paging span,
.paging a{
	margin:0 0 5px 5px;
	padding:5px;
	}
.paging span{
	border:solid #DDD 2px;
	background:#EEE;
	font-weight:bold;
	}
.paging a{
	border:solid #DDD 1px;
}

.paging a.page_act{
	background:#EEE;
}

.paging a:hover{
	background:#0CF;
	color:#FFF;
	text-decoration:none;
	}

#bukken .osusume .t11{ font-size:11px; }
/*.holder{ text-align:center;}*/
/**/


/*
過去実績のみ
*/

.example h3{ background:url(../images/bg_list_ex.gif) !important;}
.example h3{}
.example .pNum{
	color:#005CFF;
}

.pRv{ position:relative;}
.pAb{ position:absolute;}




/*　お気に入りに追加　*/
.btn_bookmart_list{
	 padding:5px 0 5px 0;
	}


.btn_bookmark{
	float:right;
	width: 100%;
}
.btn_bookmark img:hover{
	cursor:pointer;
	opacity:0.55;
	}
.btn_bookmark button{
	display:block;
	border:0;
	background:none;
	 width:100%; 
	}
.btn_bookmark button img{ width:100% ; }
	
.txt_del_bookmark,
.txt_add_bookmark{ position: relative; display: none;}

.txt_add_bookmark p,
.txt_del_bookmark p{
	background: #01579B; color: #fff; 
	padding: 1em; 
	width: 20em;
	position: absolute;
	right: 0;
	box-shadow: 10px 10px 10px rgba(0,0,0, 0.5);}


.btn_bookmark_del button{
	width:100%;
	display:inline-block;
	background:#D9D9D9;
	text-align:center; padding:6px; border:0;
	}
.btn_bookmark_del button:hover{
	cursor:pointer;
	opacity:0.55;	
	}
	


/*メーカー検索**/

.title-category{
	/* h4 */
	text-align:center;
	font-size:22px;
	font-weight:bold;
	background:none !important;
	border-bottom:1px solid #CCC;
	margin-bottom:1em;
	
	}
.navi_maker_bnr{
	clear:both;
	padding:0px;
	margin-bottom:10px;
	zoom:100%;
}
.navi_maker_bnr:after{
	content:"";
	display:block;
	clear:both;
}


#bukken .navi_maker_bnr h3{
  font-size:22px;
	/*border-bottom:1px solid #CCC;*/
	line-height:1.2em;
	height:auto;
	padding:0.5em;
	text-align:center;
	color:#ec6919;
}

#bukken .navi_maker_bnr h3 {
display: flex;
align-items: center;
}
#bukken .navi_maker_bnr h3:before,
#bukken .navi_maker_bnr h3:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
#bukken .navi_maker_bnr h3:before {
margin-right: 1rem;
}
#bukken .navi_maker_bnr h3:after {
margin-left: 1rem;
}



.navi_maker_bnr *{ box-sizing:border-box;}
.navi_maker_bnr ul{
  margin-left:1%;
  }
.navi_maker_bnr ul li{
	float:left;
	width:32%;
	margin-right:1%;
	border:1px solid #CCC;
	margin-bottom:5px;
	}
.navi_maker_bnr ul li img{ width:100%;}	



/*物件詳細*/
.bukken_up {
	max-width:920px;
	margin:0 auto 0;
}

.bukken_up h3 {
	margin-top:20px!important;
	margin-bottom:20px!important;
	border:1px solid #999;
	background: #EEE;
	font-size:22px!important;
	font-weight: bold!important;
	}

.bukken_up .sub {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	/*justify-content: center;*/
	width:100%;
	/*border:1px solid #000;*/
}

.bukken_up .sub .pic {
	width:47%;
}

.bukken_up .sub .detail {
	width:47%;
}

.bukken_up h3 table {
	width:100%;
}

.bukken_up h3 .name {
	text-align:center;
}

.bukken_up .sub_pic ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	/*justify-content: space-around;*/
	/*justify-content: center;*/
	width:100%;
	max-width:450px;
}

.bukken_up .sub_pic ul li {
	width:20%;
}

.bukken_up .sub_pic ul li img {
	width:100%;
}

.bukken_up .sub_pic ul .mainPic {
	width:100%;
}



.bukken_up .sub_pic ul .mainPic img {
	width:100%;
}

.bukken_up .sub .btn_form a {
	margin: auto;
	padding: 12px 5px;
	font-weight: bold;
	font-size: 22px;
	display: inline-block;
	width: 98%;
	background: #61b187;
	color:#FFF;
	text-align:center;
}

.bukken_up .sub .btn_tel a {
	margin: auto;
	padding: 5px;
	display: inline-block;
	width: 98%;
	background: #eac563;
	color:#FFF;
	text-align:center;
	font-size: 18px
}

.bukken_up .sub .btn_tel a span{
	font-size: 32px;
}

.bukken_up table.tbl_simple{
	border-collapse: collapse;
	margin:0 auto 20px;
}

.bukken_up table.tbl_simple th{
	background-color:#EEE;
	color:#333;
	text-align:center;
	border:1px solid #DDD;
	padding:5px;
}

.bukken_up table.tbl_simple td{
	background-color:#FFF;
	vertical-align:top;
	border:1px solid #DDD;
	padding:5px;
	}


#map .acces_data {
	margin-top: 40px;
	background: #efd5bb;
	color: #666;
	padding: 20px 20px;
	font-size: 120%;
}

#map .acces_data p {
	padding: 10px 10px;
}

#map .acces_data .add_data {
	border-bottom:1px solid #FFF;
}

#map .acces_data h4 {
	text-align: center;
	border: 1px solid #eb7b36;
	background: #FFF;
	width: 30%;
	margin: -35px auto 0px;
	padding:10px;
	z-index: 100;
	color:#eb7b36;
	font-weight:bold;
	font-size:130%;
}

#map .left_map .btn_map_up {
	width:100%;
	max-width:920px;
}

#map .left_map .btn_map_up a {
	display:inline-block;
	background: #61b187;
	padding: 10px 0px;
	color: #FFF;
	font-size:130%;
	font-weight: bold;
	width:100%;
	text-align:center;
	border:none;
}

.box_form {
	margin:0 auto 0;
	margin-top: 90px;
	width:98%;
	max-width:660px;
}


.box_form h5 {
font-size: 20px;
    color: #333;
    padding: 10px 0 5px 0;
    margin-bottom: 8px;
    width: 93%;
    margin: 20px auto 0;
    border-bottom: 1px solid #999;
    font-weight: bold;
}

.box_form th {
	background: #EEE;
	display: block;
	width: 90% !important;
	padding: 5px 20px;
	margin:5px auto 5px;
	font-size: 17px;
	line-height: 20px;
}

.box_form td {
	background: #FFF;
	display: block;
	width: 90% !important;
	padding: 5px 20px;
	margin:5px auto 5px;
	font-size: 17px;
	line-height: 20px;
}

@media only screen and (max-width:768px){
	.box_form th {
		background: #EEE;
		display: block;
		width: 100% !important;
		padding: 5px;
		font-size: 17px;
		line-height: 20px;
	}
}

.box_form tr {
	padding: 10px;
	display: block;
}


.box_form td {
display: block;
    /*width: 100% !important;
    padding: 5px;*/
}

.box_form select {
	width:20%;
}



.box_form table {
    width: 100% !important;
}

#yoyaku_form {
	border:1px solid #CCC;
}


.box_form h4 {
    text-align: center;
    border: 1px solid #eb7b36;
    background: #FFF;
    width: 60%;
    margin: -35px auto 0px;
    padding: 10px;
    z-index: 100;
    color: #eb7b36;
    font-weight: bold;
    font-size: 130%;
}

.box_form textarea {
    width: 100%;
    max-width: 98%;
    height: 5em;
}

.box_form .btn {
    text-align: center;
}

.box_form table .sub_tbl table tr {
margin:0;
padding:0;
}

.box_form table .sub_tbl table th {
margin:0;
padding:0;
}



/* 2021.03.05　在庫詳細ページにフォームを追加 */ 
.btn_menu_wrap{ width: 860px; max-width: 100%;
    margin: auto;}
.tab_content .hide{ display: none;}
#yoyaku_form,
#contact_form{
	border:1px solid #CCC;
    padding-bottom: 30px;
}


.btn_menu ul{
	list-style-type:none;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:distribute;
	justify-content: space-evenly;
	text-align:center;
	margin:1em;
	background: #fff09b;
	padding:30px;
	border:1px solid #cecece;

}
.btn_menu ul li{
/*	width:31%; */
	margin-right:3%;
}

.btn_menu ul li:nth-child(3n){ margin-right:0;}
.btn_menu ul li a{
	display:block;
	text-align: center;
	background: #65AE46;
	color: #fff;
	border-radius: 4px;
	padding:22px 2em;
	font-size: 20px;
	width: 160px;
	
	
}
.btn_menu ul li.select a,
.btn_menu ul li a:hover{
	background: #1b5f00;
		 }

.tab_content .hide{display:none;}


/* 在庫ページ 注意文追加 2022.07.08　追加 */
.note-list_head{
	padding: 3% 1% 1% 1%;
	width: 1200px;
}
.bukken_up .note-list_head{ width:100%;}

.note-list_head p{
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
}

@media only screen and (max-width:768px){
	.note-list_head{ width:100%;}
}







/*　在庫詳細ページサジェスト機能 2023.12　*/
.suggest_list{
  width:1200px;
  margin:20px auto;
  border-radius: 4px;
  background: #fff;
 /* box-sizing: border-box;*/
 display: block;
}



h3.title_suggest{
  background:#EC6819;
  border-radius:5px;
  color: #FFF;
  padding: 1em;
  margin-bottom: 2em;
  text-align: center;
}


.suggest_list .suggest_list_box{
/*  width:100%;
  margin: 0 auto 20px auto !important;*/
  padding-left: 20px;
  margin-bottom: 3em;
}
.suggest_list #bukken .sub{
  margin: 0 ;
  max-width:inherit;
  max-width:92%;
  }
 
.suggest_list .suggest_list_box .prev_icon,
.suggest_list .suggest_list_box .next_icon{
  position: absolute;
  z-index: 100;
  top: 45%;
  width: 36px;
  height: 36px;
}

.suggest_list .suggest_list_box .prev_icon{ left: -30px; }
.suggest_list .suggest_list_box .next_icon{ right: -30px; }        

.suggest_list .suggest_list_box .prev_icon:hover,
.suggest_list .suggest_list_box .next_icon:hover{ cursor:  pointer; }

.suggest_list .suggest_list_box .prev_icon{ background: url(../images/icon-prev.png) no-repeat; }
.suggest_list .suggest_list_box .next_icon{ background: url(../images/icon-next.png) no-repeat; }
.suggest_list .suggest_list_box .prev_icon:hover,
.suggest_list .suggest_list_box .next_icon:hover{
  opacity: 0.7;
  }
  
.suggest_list .suggest_list_box .prev_icon,
.suggest_list .suggest_list_box .next_icon,
.suggest_list .suggest_list_box .prev_icon:hover,
.suggest_list .suggest_list_box .next_icon:hover{
  background-size:auto  100% ;
}
.suggest_list #bukken .sub .pic p{
	height:260px;
	overflow:hidden;
	}
.suggest_list .sub .pic,
.suggest_list .sub .detail{
  float: none;
  width: 100% !important;
}

.suggest_list .sub .detail{
  padding-bottom: 20px;
}
.suggest_list .sub .detail .btn_detail,
.suggest_list .sub .detail .btn_detail{
  width: 80% !important;
  margin: auto !important;
}

.suggest_list .slick-slide{
  opacity: 1;
  margin: 0 10px;
}
.suggest_list .pNum{ text-align: center;}

@media only screen and (max-width:768px){

    .suggest_list{ width: 100%; }
    .suggest_list #bukken .sub{
        max-width:96%;
     }
    .suggest_list h3.headLine02 span{
      font-size: 1.8rem; 
    }
    
    .suggest_list #bukken .sub .pic p{
      height:auto;
    }
    .suggest_list #bukken .sub .btn_detail{
      flex-wrap: wrap;
    }
    .suggest_list #bukken .sub .btn_detail p{
      width: 96%;
      margin-bottom: 10px;
    }
    /*.suggest_list #bukken .sub .btn_detail　.btn_left,
    .suggest_list #bukken .sub .btn_detail　.btn_right{
    }*/
    .suggest_list .suggest_list_box.slick-slider{
    padding-left: 0;
    }

    .suggest_list .suggest_list_box .prev_icon,
    .suggest_list .suggest_list_box .next_icon{
    /* top: 25%;*/
    width: 36px;
    }

    .suggest_list .suggest_list_box .prev_icon{ left: 0px; }
    .suggest_list .suggest_list_box .next_icon{ right: 0px; }     
    
    

}




/* 装備情報　*/

.equip_list{}
.equip_list *{
 box-sizing: border-box;
}
.equip_list h4{
border-bottom: 1px solid #ec691a;
font-weight: bold;
margin-bottom: 0.5em;
font-size: 17px;

}

.equip_list ul{
 list-style-type: none;
  width: calc( 100% + 1px );
  margin-left: 1px;
  flex-wrap: wrap;
 display: flex;
 justify-content: flex-start;
 align-content: center;

 margin-bottom: 1.5em;
}
.equip_list ul li{
 border:solid #CCC;
 border-width: 0px 1px 1px 1px;
/* width: calc( 25% + 1px );*//*4列*/
 width: calc( 100% / 3 + 1px );
 margin-left: -1px;
 padding: 1em 0.1em 0.9em 0.1em;
 text-align: center;
 display: flex;
 align-content:center;
 }
.equip_list ul li span{
 display: inline-block;
 width: calc( 100% - 6px );
 margin:auto 3px;
 text-align: center;
}
.equip_list ul li:nth-child(1),
.equip_list ul li:nth-child(2),
.equip_list ul li:nth-child(3){
/*4列の場合は、.equip_list ul li:nth-child(4)　を追加*/
 border-top-width: 1px;
}

@media only screen and (max-width:768px){
  .equip_list ul li{
   padding-left:0;
   padding-right: 0;
   }
  .equip_list ul li span{
    font-size: 11.5px;
  }
}



/* セレクトボックス等の調整　*/
#searchBox select{
  padding: 0.2em 0.3em;
  font-size: 17px;
  color: #000;
  }

@media only screen and (max-width:768px){


  #searchBox select{
  min-width: 30%;
  }
  
  .brand-select{
  margin: auto;
  }
  
  
}



                        
/* セレクトボックスを見やすく修正 2024.12.25　*/
.select-wrap{
    width: 90%;
    display: inline-block;
}
.select-wrap.select-wrap-price{
    width: 40%;
}
.select-wrap select {
    width: 100% !important;
}
@media only screen and (max-width:768px){
    

    .select-wrap{
        position: relative;
        margin: auto;
    }
    .select-wrap select {
        display: inline-block;
        padding: 10px !important;
        vertical-align: middle;
        border: 2px solid #2589CF;
        background: #fff;
        /*デフォルトの矢印を削除*/
        -webkit-appearance: none;
        appearance: none; 
    }

    .select-wrap::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 13px 9px 0 9px;
        border-color: #2589CF transparent transparent transparent;
        position: absolute;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
        pointer-events: none;
        z-index: 100;
    }
    .select-wrap.select-brand{ margin-left: 5%;}

    .select-wrap.select-wrap-price{
        width: 40%;
    }
    .select-wrap.select-wrap-price select {
        width: 100%;  
    }

}




/* ソートボタンのデザインを変更　*/
.sort_navi{}
.sort_navi ul{
   display: flex;
    align-items: center;
    background:#EDEDED;
    border-radius:5px;
    border: 1px solid #EDEDED;
    padding: 0.5em 1em;
    margin-bottom: 1em;
}
.sort_navi ul li{
    color: #333;
    font-weight: normal;
    margin:0 1em;
    line-height: 1.4em;
    font-size: 15px;

}
.sort_navi ul li.ttl{
    color: #333;
    font-weight: bold;
}
.sort_navi ul li a{
    display: inline-block;
    padding:0.4em 1em 0.3em 1em;
    font-size: 16px;
    color: #333;
    background-color: #FFF;
    border: none;
    border-radius:50vh;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.sort_navi ul li a:hover,
.sort_navi ul li a.active{
    background: #777;
    color: #FFF;
}
.sort_navi ul li br{ display:none; }

@media only screen and (max-width:768px){
    
    .sort_navi{
        width: 100%;
    }
    .sort_navi ul{
        flex-wrap: wrap;
    }
    .sort_navi ul li.ttl{
        width: 100%;
        text-align: center;
    }
    .sort_navi ul li{
       width: 46%;
       margin: 0 2%;
        text-align: center;
    }
    .sort_navi ul li br{
        display:inherit;
    }
   /* .sort_navi ul li span{
        text-align: center;
        display: block;
    }*/
    .sort_navi ul li a{
        width: 46%;
        padding:0.4em 0.2em 0.3em 0.2em;
    }

    
}