/*--------------*/
.img05,
.img05 > a,
.img05 a > span
{
  width:150px;
  height:150px;
}

.img05 a{
  display:table;
  table-layout:fixed;
}
.img05 span{
  display:table-cell;
  text-align:center;
  vertical-align:middle;
}
.img05 span img{
  max-height:100%;
  max-width:100%;
}
ul.result{
  width:100%;
  float:left;
  list-style-type:none;
}

.result_post .explain {
    text-align: left;
}
/*--------------*/

/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01 {
	padding:0 5px 0 5px;
	margin:20px 0 20px 0;
}
.cg_freespace_02 {
	padding:0 5px 0 5px;
	margin:10px 0 20px 0;
}
/* カテゴリ・グループのフリースペース内の画像(img)の外側の線の設定 */
.cg_freespace_01 img,
.cg_freespace_02 img {
	border:1px solid #CCCCCC;
}
/* カテゴリ・グループのフリースペース内の<p>タグの余白設定 */
.cg_freespace_01 p,
.cg_freespace_02 p {
	margin:0 0 10px 0;
}
/* カテゴリ・グループのフリースペース内の<ul>タグの余白設定 */
.cg_freespace_01 ul,
.cg_freespace_02 ul {
	margin:0 0 10px 20px;
	padding:0;
}
.page_nav {
    clear: both;
    margin-bottom: 20px;
}
/*-------------*/
ul.result{
  width:100%;
  float:left;
  list-style-type:none;
}

ul.result:after{
  display:block;
  content:'';
  width:100%;
  clear:both;
}
ul.result li{
  float:left;
  width:23%;
  margin:0px 1% 20px 1%;/*h w*/
    font-size:12px
}
ul.result li:nth-child(4n+5){
  clear:both;
}
ul.result li div.name{
  text-align:center;
line-height:1.6em;
}

ul.result li div.img-layout > a img{
  max-height:170px;/*正確に入れる*/
  max-width: 170px;
}
ul.result li div.img-layout > a {
  display: table-cell;
  height:170px;/*正確に入れる*/
  width: 170px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
ul.result li div.model,
ul.result li div.exp .price{
  text-align:center;
}
/*--------------*/
ul.pankuzu {
  float: left;
  list-style-type: none;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
  width: 98%;
  font-size:14px;
}
ul.sub_cate{
  clear:both;
  list-style-type:none;
  float:left;
  display:none;
  width:100%;
  margin-bottom:10px !important;
}
ul.sub_cate{
  padding-top:7px;
    box-shadow:0px 0px 0px 1px lightslategrey inset;
-moz-box-shadow:0px 0px 0px 1px lightslategrey inset;
-webkit-box-shadow:0px 0px 0px 1px lightslategrey inset;
border-radius:5px;
}

ul.sub_cate li{
  width:31%;
  min-height:80px;
  float:left;
  margin-bottom:10px;
  font-size:12px;
  margin-left:5px;
  padding-left:4px;
  vertical-align:middle;
  box-shadow:0px 0px 0px 1px #ddd inset;
-moz-box-shadow:0px 0px 0px 1px #ddd inset;
-webkit-box-shadow:0px 0px 0px 1px #ddd inset;
border-radius:5px;
}
ul.sub_cate li:nth-child(3n+2){
  margin:0 1% 10px 2%;
}
ul.sub_cate li:nth-child(3n+4){
  clear:both;
}
ul.sub_cate li .img_area{
  height:80px;
  width:80px;
  display:table-cell;
  vertical-align:middle;
}

ul.sub_cate li img{
  max-width:100%;
  max-height:100%;
}

ul.sub_cate li .cate_name {
  display: table-cell;
  font-size:14px;
  padding-left:5px;
  padding-right:5px;
  vertical-align:middle;
  line-height:1.2em;
  min-width:140px;
}

ul.sub_cate li .cate_name.no_img{
  min-width:220px;
}
ul.sub_cate li::before {
    content: "";
    display:table-cell;
    height: 80px;
    width: 1px;
}
ul.pankuzu::after {
  clear:both;
  content:'';
  display:block;
  width:100%;
}
ul.pankuzu li {
  float:left;
  margin-right:10px;
}
ul.pankuzu li:after {
  content:'>';
}
ul.pankuzu li:last-child:after {
  content:'';
}
div#no-top.main div.pager,
div#no-top.main div.sort{
  text-align:right;
  font-size:12px;
}

div#no-top.main div.sort.none{
  display:none;
}

div#no-top.main div.pager a:hover,
div#no-top.main div.sort a:hover{
  color:#FF9900;
}

div.pankuzu{
  width:98%;
  padding-left:2%;
  padding-right:0;
}
.pankuzu.serch_cate{
  text-align:center;
  font-weight:bold;
}

div.explain{
  text-align:center;
  line-height:1.5em;
}
div.pager{
  background-color:#fafafa;
  margin-top:10px;
  margin-bottom:10px;
  font-size:12px !important;
  font-weight:normal !important;
}
 div.cate_free01 ul.entyou{
   margin-top:40px;
}

#no-top .sub_cate a,
#no-top .pankuzu a{
  text-decoration:none;
}
#no-top .pankuzu a{
  margin-right:5px;
}
#no-top .sub_cate a:hover,
#no-top .pankuzu a:hover{
  color:#FF9900;
}

.pager_nav{
  width:100% !important;
  display:table;
  height:30px;
  width:30px; 
}
.left_nav{
  float:left;
  height:30px;
  width:30px;
}
.right_nav{
  float:right;
  height:30px;
  width:30px;
}

.left_nav span, .right_nav span,
.left_nav a, .right_nav a{
    display: table-cell;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;

}
.left_nav a, .right_nav a{
              box-shadow:0px 0px 0px 1px lightslategrey inset;
-moz-box-shadow:0px 0px 0px 1px lightslategrey inset;
-webkit-box-shadow:0px 0px 0px 1px lightslategrey inset;
  border-radius:5px;
}

ul.pager {
    width: 93% !important;
    list-style-type: none;
    display: table;
    margin-top: -30px;
    padding-left: 7%;
}

ul.pager li{
  float:left;
  width:8.2%;
}

ul.pager li a,
ul.pager li span{
  border-radius:5px;
    width: 30px;
    height: 30px;
    text-align: center;
    display:inline-block;
    line-height:30px;

}

ul.pager li a{
          box-shadow:0px 0px 0px 1px lightslategrey inset;
-moz-box-shadow:0px 0px 0px 1px lightslategrey inset;
-webkit-box-shadow:0px 0px 0px 1px lightslategrey inset;
}

.sub_list{display:block;}

.sub_list .open_close{
font-size:14px;
padding:5px;
  box-shadow:0px 0px 0px 1px lightslategrey inset;
-moz-box-shadow:0px 0px 0px 1px lightslategrey inset;
-webkit-box-shadow:0px 0px 0px 1px lightslategrey inset;
margin-right:1%;
border-radius:5px 5px 0 0;
cursor: pointer;
cursor: hand;
}

.open_close.active .fa-chevron-down,
.open_close .fa-chevron-up{
  display:none;
}

.open_close .fa-chevron-down,
.open_close.active .fa-chevron-up{
display:inline-block;
}

.result_post{
  list-style-type:none;
}
.result_post li{
  min-height:150px;
  position:relative;
  border-bottom: dotted 1px #ddd;
  padding:10px 0 10px 0;
}
.result_post li .img05{
  position:absolute;
  top:10px;
  left:0;
}

.result_post li .model,
.result_post li .exp,
.result_post li .name{
   margin-left:180px;
   text-align:left;
}
.result_post li .model{
  text-align:right;
  font-size:10px;
  position:absolute;
  bottom:0;
  right:0;
}
.result_post li .name{
  font-weight:bold;  
}

@media screen and (max-width:750px){
/*---------------------------------------
responsive
-----------------------------------------*/
.result_post li .img05{
  left:0px;
}
/*--------------*/
.img11{
  float:left;
}
.img11,
.img11 > a,
.img11 a > span
{
  width:40vw !important;
  max-height:40vw !important;
}
.img05,
.img05 > a,
.img05 a > span
{
  width:40vw;
  height:40vw;
}
.result_post li{
  min-height:40vw;
}
.result li .link{
  text-align:right !important;
  margin-left:42vw !important;
}
.result_post li .model, .result_post li .exp, .result_post li .name{
  margin-left:42vw;
  font-size:12px;
}
.sub_list{display:block;}
ul.result{
 /* width:100vw;*/
}
ul.result li div.img-layout > a img{
  max-height:40vw; /*正確に入れる*/
  max-width: 40vw;
}
ul.result li div.img-layout{
width:42vw;
float:left;
}
 ul.result li div.img-layout > a {
  display: table-cell;
  height:40vw; /*正確に入れる*/
  width: 40vw;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
 }

ul.result li {
    float: left;
   width: 100%;
   padding:2% 0;
   margin:0 !important;
   border-bottom:solid 1px #ddd;
}

ul.result li:nth-child(2n+3){
  clear:both !important;
}

div.pankuzu,
div.sort,
div.pager{
      font-weight: bold;
}
ul.sub_cate,
ul.sub_cate li{
  float:none;
  width:98%;
  margin:0 1%;
  display:table;
  min-height:30px;
  border-radius:0;
}
ul.sub_cate li{
  width:99%;
margin:-1px 0 0 0!important;
padding-left:1%;
}
ul.sub_cate li:nth-child(3n+2){
  margin:0 1%;
}
ul.sub_cate li::before {
    content: "";
    display:table-cell;
    height: 40px;
    width: 1px;
}
ul.sub_cate{
display:none;
padding-top:0;
}
ul.result li div.model,
ul.result li div.name,
ul.result li div.exp{
  margin-left:42vw;
  text-align:left;
}
div.explain,
ul.result li div.exp .price{
  text-align:left;
}
}
@media screen and (max-width:500px){
ul.pager {
width:100% !important;
}
ul.sub_cate li{
  box-shadow: 0px 0px 0px 1px lightslategrey inset;
  -moz-box-shadow: 0px 0px 0px 1px lightslategrey inset;
  -webkit-box-shadow: 0px 0px 0px 1px lightslategrey inset;
}

}
.cate_free02,
.cate_free01{
  margin-bottom:20px;
  clear:both;
}
.cate_free02 img,
.cate_free01 img{
  max-width:100%;
}

.price_all span{
  display:block;
}
li.dot {
    width: 3% !important;
}