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


/* ==========================================================================
	CONTENT
========================================================================== */
#shop .float-l{
    width:35%;
}
#shop .float-l img{
    width:100%;
    height:auto;
}
#shop .float-r{
    width:60%;
}

#shop table{
    width:100%;
    border:none;
    border-collapse:separate;
    margin-bottom:30px;
}
#shop table th{
  width:20%;
}
#shop table th,#shop table td{
    text-align:left;
    vertical-align:top;
    font-weight:normal;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px dotted #666;
    padding:10px 0;
}

#shop .float-r ul{
  overflow:hidden;
}
#shop .float-r ul li{
  float:left;
  width:30%;
  margin-right:3%;
}
#shop .float-r ul img{
  width:100%;
  height:auto;
}
/* ------------------------------------------------------------
	 PC   1000px -
   ------------------------------------------------------------ */
@media screen and (min-width: 1200px) {



}

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

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


}

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

@media screen and (max-width: 649px) {
#shop table table{
    width:100%;
    border:none;
}
#shop table th{
    font-size:12px;
    line-height:1.2;
    text-align:left;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px dotted #999999;
    padding:5px 0;
}
#shop table td{
    font-size:12px;
    line-height:1.2;
    text-align:left;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px dotted #999999;
    padding:5px 0;
}

#shop .float-l{
  float:none;
    width:100%;
    text-align:center;
}
#shop .float-r{
  float:none;
    width:100%;
}

}


