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

/* ==========================================================================
	CONTENT
========================================================================== */
.main-tit{
  border-left:3px solid #fe8903;
}

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

@media screen and (min-width: 800px) {
.product-box ul{
  overflow:hidden;
}
.product-box li{
  float:left;
  width:25%;
}
.product-box li img{
  width:95%;
  height:auto;
  margin-bottom:5px;
}
.product-box li p{
  display:block;
}

.item-l{
  width:600px;
  float:left;
}
.item-l img{
  width:600px;
  height:auto;
}
.item-r{
  float: right;
  width:550px;
}

}

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

@media screen and (max-width:799px) {
.product-box ul{
  overflow:hidden;
}
.product-box li{
  float:left;
  width:25%;
}
.product-box li div{
  width:100% !important;
  height:100px !important;
}
.product-box li a img{
  width:95%;
  height:auto;
  margin-bottom:5px;
}
.product-box li p{
  display:block;
}

.item-l{
  width:48%;
  float:left;
}
.item-l img{
  width:100%;
  height:auto;
}
.item-r{
  float: right;
  width:48%;
}
.entry-content img{
width: 70%;
}
}
/* ------------------------------------------------------------
	 SP　599pxまで
   ------------------------------------------------------------ */

@media screen and (max-width: 599px) {
.product-box li{
  width:50%;
}

.item-l{
  width:100%;
  float:none;
}
.item-l img{
  width:100%;
  height:auto;
}
.item-r{
  width:100%;
  float:none;
}

}