@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/* ==========================================================================
	CONTENT
========================================================================== */

.bn-box{
  margin-bottom:20px;
  overflow:hidden;
}
.bn-box li{
  width:226px;
  display:block;
}
.bn-box li img{
  width:100%;
  height:auto;
}

/* ------------------------------------------------------------
	 PC   800px -
------------------------------------------------------------ */

@media screen and (min-width: 800px) {
#head{
  border-bottom:1px solid #c6c6c6;
}

.bn-box li{
  float:left;
  margin-right:10px;
}
#hana{
  padding-top:200px;
  text-align:right;
}
#hana img{
  width:363px;
  height:auto;
}


}

/* ------------------------------------------------------------
	 TABLET   for - 799px
------------------------------------------------------------ */

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

.bn-box li{
  float:left;
  margin-right:30px;
}

#hana{
  padding-top:200px;
  text-align:right;
}
#hana img{
  width:60%;
  height:auto;
}

}
/* ------------------------------------------------------------
	 SP　599pxまで
------------------------------------------------------------ */

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

.bn-box li{
  float:none;
  margin-right:0px;
  margin-bottom:10px;
}

#hana img{
  width:100%;
  height:auto;
}


}