body{
 BACKGROUND : #f9f9f9;
 COLOR : #444C5A; 
 FONT-SIZE : 10pt; 
 FONT-FAMILY : YuGothic, sans-serif;
 LINE-HEIGHT : 250%;
}

a:link { color: #6d4029; text-decoration : none; /* 下線トル */}
a:visited { color: #6d4029; text-decoration : none;}
a:hover { color: #6d4029; text-decoration : none;}
a:active { color: #6d4029; text-decoration : none;}

* { box-sizing: border-box; /* ボックスサイズ線やマージン込みになる */ }


.space100 {
  line-height: 100px;
}
.space200 {
  line-height: 200px;
}
.space_index_top {
  line-height: 100px;
}


#top_logo {
  width: 80%;
  max-width: 1200px;
  margin: 0px auto;
  text-align: right;
  background-color:;
}

#top_logo img{
  width: 250px;
  height:250px;
  margin: 0px 0px -30px 0px;
}


#top_navikun {
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
  line-height:160%;
  list-style: none; /* リストの黒点トル */
  overflow: hidden; /* li要素の回り込みを解除 */
}

#top_navikun li{
  text-align: left;
  background-color: #eee;
  float: left; /* floatで横並びに */
  margin-right: 20px;
  margin-bottom: 5px;
}

#top_navikun li a{
  color:#000;
  padding: 2px;
}




#item_grid {
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
  column-gap: 0px;
  row-gap: 0px;
  background-color: #;
  column-count: 3;
}

#item_grid img {
  width: 100%;
}

#item_grid a{
  text-decoration: none; /* 下線トル */
  color:#444C5A;
}


.an_item {
  padding: 16px 4px;
  margin:0px;
  text-align: left;
  line-height:180% ;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}


.oitamacom {
  margin: 0px auto;
  text-align: center;
}

.oitamacom img{
  width:20%;
  min-width: 120px;
  max-width: 200px;
}




#base_layout {
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
  text-align:left;
}

.items_item_description {
  width: 580px;
  margin: 0 auto;
  padding: 0px;
  line-height:160%;
  text-align:left;
}



@media (max-width: 800px) {
  #item_grid {
    column-count: 2;
  }
}

@media (max-width: 480px) {

  body {font-size: 9pt;}


  #item_grid {
    column-count: 2;
    width: 90%;
  }

  .items_item_description {
    width: 95%;
  }
 
  .space_index_top {
  line-height: 20px;
  }
  .space100 {
  line-height: 50px;
  }
  .space200 {
  line-height: 100px;
  }

  #top_logo {
  width: 90%;
  text-align: left;
  }

  #top_logo img{
  width: 200px;
  height:200px;
  margin: 0px 0px 10px 0px;
  }
  
  #top_navikun {
  width: 90%;
  }

  #top_navikun li{
  margin-right: 15px;


}