/*--------------*/
.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:48%;
  margin:0px 1% 20px 1%;/*h w*/
  font-size:12px
  box-shadow:0px 0px 0px 1px #66745f ;
-moz-box-shadow:0px 0px 0px 1px #66745f ;
-webkit-box-shadow:0px 0px 0px 1px #66745f ;
}
ul.result li:nth-child(2n+3){
  clear:both;
}
ul.result li div.name{
  text-align:center;

}

ul.result li div.img-layout > a img{
  max-height:180px;/*正確に入れる*/
  max-width: 360px;
}
ul.result li div.img-layout > a {
  display: table-cell;
  height:180px;/*正確に入れる*/
  width: 360px;
  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:table;
  width:100%;
  margin-bottom:10px !important;
}
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 #999 inset;
-moz-box-shadow:0px 0px 0px 1px #999 inset;
-webkit-box-shadow:0px 0px 0px 1px #999 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.sub_cate li.btn::before{
  display:none;
}
ul.sub_cate li.btn{
  box-shadow: none;
  text-align:center;
}
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:14px;
}

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;
}


div.explain{
  text-align:center;
  line-height:1.5em;
  font-size:12px;
}
div.explain dl{
  display:table;
  border-bottom:dashed 1px #66745f;
  width:100%;
}
div.explain dl:first-child{
  border-top:dashed 1px #66745f;
}
div.explain dl:last-child{
  border-bottom:none;
}

div.explain dl dt{
  display:table-cell;
  background:#e4edf4;
  padding:3px;
  width:80px;
}
div.explain dl dd{
  display:table-cell;
    padding:3px;
  text-align: left;
} 
div.pager{
  background-color:#efefef;
  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 midnightblue inset;
-moz-box-shadow:0px 0px 0px 1px midnightblue inset;
-webkit-box-shadow:0px 0px 0px 1px midnightblue 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%;
}

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 midnightblue inset;
-moz-box-shadow:0px 0px 0px 1px midnightblue inset;
-webkit-box-shadow:0px 0px 0px 1px midnightblue inset;
}

.sub_list{display:none;}

.sub_list .open_close{
font-size:14px;
padding:5px;
  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;
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;  
}
.img11{
  margin:0 auto;
}

.cart-button-inner .cart_box,
.cart-button-inner .num_area{
  display:table;
  width:50%;
  float:left;
}

.cart-button-inner .num_area span,
.cart-button-inner .num_area input,
.cart-button-inner .num_area ul{
  display:block;
  vertical-align:middle;
  margin:0;
  padding:0;
  float:left;
}
.cart-button-inner .num_area ul li{
  margin:0;
  box-shadow:none;
  list-style:none;
}
.cart-button-inner .num_area ul li a{
  display:block;
  float:left;
  height:20px;
  width:20px;
  text-align:center;
}
.cart-button-inner .num_area input{
  width:50%;
  height:30px;
}
.cart-button-inner .num_area ul{
  width:12%;
}
.cart-button-inner .num_area span{
  width:30%;
  text-align:center;
  line-height:40px;
}
.cart-button-inner {
    padding: 5px 0;
}
div#option-menu {
  padding: 5px;
  font-size:14px;
}
div.cart_box > button,
div.cart_box > a{
width: 48%;
    display: inline-block;
    height: 35px;
    border: none;
    text-align: center;
    float: left;
    line-height: 35px;
    margin: 0.5%;
    font-weight:bold;
}

div.cart_box > button{
  background:#ea5413;
  color:#fff;
}
div.cart_box > a{
  background: #094188;
  color:#fff;
}

div.cart_box > button:hover,
div.cart_box > a:hover{
  opacity:0.8;
  color:#fff;
}
.bin_of_net{
  display:block;
  width:100%;
  height:40px;
  clear:both;
}
.bin_of_net > span{
  float: left;
    display: inline-block;
    line-height: 50px;
    margin-right: 20px;
}
.bin_of_net > span img{
  float:right;
}
.bin_of_net > span:first-child{
  font-weight:bold;
}

@media screen and (max-width:1000px){
ul.result li div.img-layout > a img{
  width:100% !important;
  height:auto !important;
  max-width:100%;
  max-height:none !important;
}
ul.result li div.img-layout > a{
  max-width:100%;
  max-height:none !important;
  width:auto !important;
  height:auto !important;
}
}
@media screen and (max-width:750px){
/*---------------------------------------
responsive
-----------------------------------------*/
.result_post li .img05{
  left:0px;
}
.img11,
.img11 > a,
.img11 a > span{
  width:40vw !important;
  max-height:40vw !important;
}
.img11{
  float:left;
}
.result .link{
  text-align:right !important;
  margin-left:42vw;
}
.bin_of_net > span{
  display:block !important;
  float:none !important;
}

/*--------------*/
.img05,
.img05 > a,
.img05 a > span
{
  width:40vw;
  height:40vw;
}
.result_post li{
  min-height:40vw;
}
.result_post li .model, .result_post li .exp, .result_post li .name{
  font-size:12px;
}
.sub_list{display:block;}
ul.result{
 /* width:100vw;*/
}
ul.result li div.img-layout > a img{
  max-height:none; /*正確に入れる*/
  max-width: 100%;
}
ul.result li div.img-layout{
width:100%;

}
 ul.result li div.img-layout > a {
  display: table-cell;
  height:auto; /*正確に入れる*/
  width: 100%;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
 }

ul.result li {
    float: left;
   width: 48%;
   padding:0;
   margin:0px 1%  10px 1% !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;
}
ul.result li div.model,
ul.result li div.name,
ul.result li div.exp{
  text-align:left;
}
div.explain,
ul.result li div.exp .price{
  text-align:left;
}
.result .img form,
div.explain{
  display:none;
}

div.explain.two{
  display:block;
}
dt.ex_model {
    display: none !important;
}
}
@media screen and (max-width:500px){
ul.pager {
width:100% !important;
}

}
.cate_free02,
.cate_free01{
  margin-bottom:20px;
  clear:both;
}
.cate_free02 img,
.cate_free01 img{
  max-width:100%;
}
@media screen and (max-width: 1000px) {

}
a[href*="1670962"] {
    display: none;
}