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


* {  
  margin:0;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#item-list {
  padding:5px 10px 0 20px;
  margin-bottom:20px;
  font-size:16px;
}

#item-list ul{
  margin-left:-20px;/１カラムのpadding分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}

#item-list ul li {
  list-style-type:none;
  float:left; /*floatで横並びに*/
  padding-left:20px;/*カラム間のガター*/
  margin-bottom:20px;
  text-align:left;
}

ul.cols-1 li {width: 100%;}
ul.cols-2 li {width: 50%;}
ul.cols-3 li {width: 33.33333%;}
ul.cols-4 li {width: 25%;}
ul.cols-5 li {width: 20%;}
ul.cols-6 li {width: 16.66666%;}
ul.cols-7 li {width: 14.28571%;}
ul.cols-8 li {width: 12.5%;}

.inner{ /*カラムの内側*/
  margin:0;
  height:100%;
  background:white;
}

@media only screen and (max-width: 767px) {
  ul.cols-4 li,ul.cols-5 li,ul.cols-6 li,ul.cols-7 li,ul.cols-8 li{
      width: 33%;/*４列以上は３列に*/
  }
  ul.cols-3 li{
      width:50%;/*３列は２列に*/
  } 
}

@media only screen and (max-width: 479px) {
  ul[class*='cols-'] > li{
      width: 100%;/*すべてを１列に*/
  }
}






/*▼表-1*/

#item-list-hyo1 {
  padding:5px 10px 0 20px;
  margin-bottom:20px;
  font-size:16px;
}

#item-list-hyo1 ul{
  margin-left:-20px;/１カラムのpadding分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}

#item-list-hyo1 ul li {
  list-style-type:none;
  float:left; /*floatで横並びに*/
  padding-left:20px;/*カラム間のガター*/
  margin-bottom:5px;
  text-align:center;
}

ul.cols-hyo1-1 li {width: 100%;}
ul.cols-hyo1-2 li {width: 50%;}
ul.cols-hyo1-3 li {width: 33.33333%;}
ul.cols-hyo1-4 li {width: 25%;}
ul.cols-hyo1-5 li {width: 20%;}
ul.cols-hyo1-6 li {width: 16.66666%;}
ul.cols-hyo1-7 li {width: 14.28571%;}
ul.cols-hyo1-8 li {width: 12.5%;}

.inner{ /*カラムの内側*/
  margin:0;
  height:100%;
  background:white;
}

@media only screen and (max-width: 767px) {
  ul.cols-hyo1-4 li,ul.cols-hyo1-5 li,ul.cols-hyo1-6 li,ul.cols-hyo1-7 li,ul.cols-hyo1-8 li{
      width: 33%;/*４列以上は３列に*/
  }
  ul.cols-hyo1-3 li{
      width:50%;/*３列は２列に*/
  } 
}

@media only screen and (max-width: 400px) {
  ul[class*='cols-hyo1-'] > li{
      width: 100%;/*すべてを１列に*/
  }
}


/*ピックリマーク*/
#item-list span {background:#FFF url(https://kagi.itembox.design/item/all/img/ex.gif) no-repeat 0 0;
display:inline-block;
width:14px;
height:15px;
margin-bottom:-3px;
margin-left:3px;

}


/*一戸建１*/
a#n01 {background:#00A29A; color:#FFF; margin-right:5px;}
a#n02 {background:#F8B62D; color:#FFF; margin-right:5px;}
a#n03 {background:#2EA7E0; color:#FFF; margin-right:5px;}
a#n04 {background:#036EB8; color:#FFF; margin-right:5px;}
a#n05 {background:#8FC31F; color:#FFF; margin-right:5px;}
a#n06 {background:#A40B5D; color:#FFF; margin-right:5px;}
a#n07 {background:#E61673; color:#FFF; margin-right:5px;}
a#n08 {background:#A48B78; color:#FFF; margin-right:5px;}
a#n09 {background:#73403F; color:#FFF; margin-right:5px;}
a#n10 {background:#E67873; color:#FFF; margin-right:5px;}
a#n11 {background:#FF8514; color:#FFF; margin-right:5px;}
a#n12 {background:#174A94; color:#FFF; margin-right:5px;}
a#n13 {background:#143655; color:#FFF; margin-right:5px;}
a#n14 {background:#185B59; color:#FFF; margin-right:5px;}
a#n15 {background:#E84242; color:#FFF; margin-right:5px;}
a#n17 {background:#bf0000; color:#FFF; margin-right:5px;}
a#n18 {background:#d2691e; color:#FFF; margin-right:5px;}
a#n19 {background:#9b59b6; color:#FFF; margin-right:5px;}
a#n123 {background:#D4ACAD; color:#FFF; margin-right:5px;}




/*▼ヘッダーナビゲーション*/

#item-list-headernavi {
  padding:5px 10px 0 20px;
  margin-bottom:20px;
  font-size:16px;
}

#item-list-headernavi ul{
  margin-left:-20px;/１カラムのpadding分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}

#item-list-headernavi ul li {
  list-style-type:none;
  float:left; /*floatで横並びに*/
  padding-left:20px;/*カラム間のガター*/
  margin-bottom:5px;
  text-align:center;
}

#item-list-headernavi ul li a {
  color:#fff; !important
}

ul.cols-headernavi-1 li {width: 100%;}
ul.cols-headernavi-2 li {width: 50%;}
ul.cols-headernavi-3 li {width: 33.33333%;}
ul.cols-headernavi-4 li {width: 25%;}
ul.cols-headernavi-5 li {width: 20%;}
ul.cols-headernavi-6 li {width: 16.66666%;}
ul.colsheadernavi-7 li {width: 14.28571%;}
ul.cols-headernavi-8 li {width: 12.5%;}

.inner{ /*カラムの内側*/
  margin:0;
  height:100%;
  background:white;
}



@media only screen and (max-width: 600px) {
  ul[class*='cols-headernavi-'] > li{
      width: 25%;/*４列に*/
  }
}



/*▼刻印一覧*/

#item-list-kokuin {
  padding:5px 10px 0 20px;
  margin-bottom:20px;
  font-size:16px;
}

#item-list-kokuin ul{
  margin-left:-20px;/１カラムのpadding分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
}

#item-list-kokuin ul li {
  list-style-type:none;
  float:left; /*floatで横並びに*/
  padding-left:20px;/*カラム間のガター*/
  margin-bottom:5px;
  text-align:center;
}

ul.cols-kokuin-1 li {width: 100%;}
ul.cols-kokuin-2 li {width: 50%;}
ul.cols-kokuin-3 li {width: 33.33333%;}
ul.cols-kokuin-4 li {width: 25%;}
ul.cols-kokuin-5 li {width: 20%;}
ul.cols-kokuin-6 li {width: 16.66666%;}
ul.cols-kokuin-7 li {width: 14.28571%;}
ul.cols-kokuin-8 li {width: 12.5%;}

.inner{ /*カラムの内側*/
  margin:0;
  height:100%;
  background:white;
}

@media only screen and (max-width: 767px) {
  ul.cols-kokuin-4 li,ul.cols-kokuin-5 li,ul.cols-kokuin-6 li,ul.cols-kokuin-7 li,ul.cols-kokuin-8 li{
      width: 33%;/*４列以上は３列に*/
  }
  ul.cols-kokuin-3 li{
      width:50%;/*３列は２列に*/
  } 
}

@media only screen and (max-width: 400px) {
  ul[class*='cols-kokuin-'] > li{
      width: 100%;/*すべてを１列に*/
  }
}