@charset "utf-8";
@import url(cmn.css);
@import url(base.css);
/* ==========================================================================
	CONTENT
========================================================================== */

#lead .float-l{
  width:30%;
}
#lead .float-r{
  width:66%;
}
#root ul{
  margin-bottom:20px;
}
#root li{
  font-size:1.8rem;
  margin-bottom:5px;
}
#root li:before{
  font-family: FontAwesome;
  content : "\f046";
  color:#d277ab;
  margin-right:5px;
}

#ex .float-l{
  width:30%;
}
#ex .float-r{
  width:66%;
}
#ex .item{
  color:#d277ab;
  font-size:1.6rem;
}

#product{
  border-radius:10px;
  border:1px solid #ccc4d8;
  padding:40px;
}
#product ul{
  overflow:hidden;
}
#product ul li{
  float:left;
  width:29%;
  text-align:center;
  margin:0 2%;
}
#product ul li img{
  margin-bottom:10px;
}
/* ------------------------------------------------------------
	 PC   1000px -
   ------------------------------------------------------------ */
@media screen and (min-width: 1200px) {
}

/* ------------------------------------------------------------
	 TABLET   for - 999px
   ------------------------------------------------------------ */

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

}

/* ------------------------------------------------------------
	 SP　599pxまで
   ------------------------------------------------------------ */
@media screen and (max-width: 699px) {

#lead .float-l{
  width:100%;
  margin-bottom:10px;
}
#lead .float-r{
  width:100%;
}

#root li{
  font-size:1.4rem;
}
#ex .item{
  font-size:1.4rem;
}

#ex .float-l{
  width:100%;
  margin-bottom:10px;
}
#ex .float-r{
  width:100%;
}
#product{
  padding:15px;
}

}