@charset "shift_jis";
/* CSS Document */

/*▽基本CSS*/
*{ list-style:none; margin:0; padding:0;}
#wrap2 a{ text-decoration:none;}
#wrap2 a img{ border:none;}
#wrap2 a:hover img{ opacity:0.8;}
#wrap2 img{ vertical-align:bottom;}

#wrap2{ max-width:750px; margin:0 auto; color: #665963;  width: auto;font-family:"Century Gothic",Verdana,Arial,sans-serif;}

/*フロート*/
#wrap2 ul{ width:98%; overflow:hidden; padding-bottom: 10%; padding-left: 1%; padding-right: 1%;
    /*↓高さそろえるタグ*/
　display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;}

/*価格プロ指定*/
#wrap2 dd div.buy_price ul{ padding-bottom: 0px;}
#wrap2 dd div.buy_price li{ border: none; width: auto;}
/*販売価格*/#wrap2 dd div.buy_price li.price{font-size:2em;color:#dc1d01;  font-weight:bold;}
/*販売価格文字*/#wrap2 dd div.buy_price li.price span.spesicalprice{ font-size: 0.5em;}
/*税抜き*/#wrap2 dd div.buy_price li.intax{ font-size: 0.8em;}


#wrap2 ul li.item{ float:left; width: 31%; margin-top: 2.5%; margin-bottom: 2.5%; margin-left: 1%; margin-right: 1%; position: relative; border: solid 1px #DCDCDC; background-color: white;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  }


/*リンク*/
#wrap2 li.item a{ position: absolute; width: 100%; height: 100%; top:0; left: 0;text-indent: 100%; white-space: nowrap;overflow: hidden;}
#wrap2 ul li.item a:hover{ opacity:0.4; background-color: #ebcb7c;}

/*タイトル*/
#wrap2 div.tit img{ width: 100%;}

/*本体*/
#wrap2 dl{ font-size: 12px; position: relative;  width: 94%; margin: 3%; padding-top: 3%;}

/*商品名*/
#wrap2 dl dt{font-size: 1.2em;font-weight:bold; margin-bottom: 2%; margin-top: 2%; padding: 1%;}

/*dd共通*/
#wrap2 dl dd{ margin-bottom:2%; margin-top: 2%;}

/*説明文*/
#wrap2 dl dd:nth-of-type(1){ color: #FF8600; font-weight: bold; font-size: 1.1em; border-bottom: 1px solid #FF8600; }

/*商品画像*/
#wrap2 dl dd:nth-of-type(2) img{ width: 100%; padding-top: 2%;}


/*対象年齢*/
#wrap2 dl dd:nth-of-type(4){ border: 1px solid #ffb67b; padding: 1.5%;text-align:center;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */}

/*メーカーアイコン*/
#wrap2 dl dd:nth-of-type(5){ position: absolute;  top:-5%;left:-6%;}
#wrap2 dl dd:nth-of-type(5) img{ width: 30%;}

/*おすすめアイコン*/
#wrap2 dl dd:nth-of-type(6){ position: absolute;  top:14%;left:-1%;}
#wrap2 dl dd:nth-of-type(6) img{ width:50%;}

/*両対面・背面*/
#wrap2 dl dd:nth-of-type(7){text-align:center;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */}
#wrap2 dl dd.t_hi{ background-color: #aed8a7; padding:1.5%;}
#wrap2 dl dd.t_ry{ background-color: #c8edeb; padding:1.3%;}

/*ブロックごとの指定*/
/*1*/
#wrap2 ul.bl1{background-color: #ffd7cb;}

/*2*/
#wrap2 ul.bl2{background-color: #c8edeb;}

/*3*/
#wrap2 ul.bl3{background-color: #aed8a7; padding-bottom: 5%}