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

/*▽基本CSS*/
#wrap2 *{ 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; width: 100%; max-width:750px;}

#wrap2{ 
max-width:750px; 
margin:0 auto; 
width: auto;
        overflow: hidden;
    padding-bottom: 2%;
font-family:"Century Gothic",Verdana,Arial,sans-serif; 
background: url(https://image.wowma.jp/2539644/image/201016mixednuts_mat/nuts_bg.jpg?5) repeat;
background-size: contain;
}

#wrap2 ul li{ float:left; font-weight: bold; margin: 0% 1.2% 1% 1%}

/*グラム見出し*/
#wrap2 li.h2{
    border-bottom: 2px dotted #8e7061;
    margin: 0.5% 0 1.5% 1%;
    padding: 5px 0;
    width: 97.5%;
    color: #2f2520;
    text-align: center;
}

/*ボタン*/
#wrap2 dl{
    display: block;
    border: 1px solid #9e8477;
    position: relative;
    background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.jp/2539644/image/201016mixednuts_mat/nuts_arrow.gif) no-repeat #FFF;
    background-position: right;
    background-position-y: 80%;
    background-position-x: 94%;
}
#wrap2 ul li dl:hover{ 
    background-color: #f2d21f;
    /*background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.jp/2539644/image/201016mixednuts_mat/nuts_arrow.gif) no-repeat #f2d21f;
    background-size: 5%;
    background-position: right;
    background-position-y: 80%;
    background-position-x: 94%;*/
    -webkit-transition: .3s;
    transition: .3s;
}

/*ボタンテキスト*/
#wrap2 dl dt{ 
    color: #302521;
    font-weight: bold;
    letter-spacing: -0.02rem;
    text-align: center;
    background-color: #f2d21e;
padding: 2% 0;
}

/*お得アイコン*/
#wrap2 dl dd.otoku{
    position: absolute;
    top: -0.2rem;
    left: -0.2rem;
}

/*価格プロ*/
#wrap2 dl dd .buy_price li{
    display:inline-block; 
    margin: 0;
    color: #dc1d01;
    text-align: center;
    width: auto;
    float: none;
    letter-spacing: -0.03rem;
}
#wrap2 dl dd .buy_price .per_one {
    color: #2f2420;
    font-weight: normal;
    display: block;
    margin-top: 2%;
}
#wrap2 dl dd .buy_price li.go_cart,#wrap2 dl dd .buy_price li.go_list,#wrap2 dl dd .buy_price li.go_shosai,#wrap2 dl dd .buy_price .spesicalprice,#wrap2 dl dd .buy_price .motoprice{display:none;}


/*---------------PC---------------*/


#wrap2 ul li{ width:47.5%;margin-top: 1%;}

/*グラム見出し*/
#wrap2 li.h2{font-size: 2.2rem;}
#wrap2 li.h2 span{font-size: 1.4rem;}

/*ボタン*/
#wrap2 dl{
     width:calc(100% - 2px); 
}
/*#wrap2 ul li dl:hover{ 
    background-size: 5%;
}*/
/*ボタンテキスト*/
#wrap2 dl dt{ 
　　font-size: 1.1rem;
    margin: 0;
}

/*お得アイコン*/
#wrap2 dl dd.otoku img{width: 36%; margin: 0;}

/*価格プロPC*/
#wrap2 dl dd .buy_price li.price{
    font-size: 2.1rem;
}
#wrap2 dl dd.price_t li{margin: 19.5% 0 0 0;}
#wrap2 dl dd .buy_price .intax{font-size:50%;}
#wrap2 dl dd .buy_price .per_one span.ichimai-price{
    font-size: 1.2rem;
}
#wrap2 dl dd .buy_price .per_one span.ichimai{
    font-size: 0.9rem;
}
.sp{display:none}
    #wrap2 li.botan_100{width: 100%;    margin-top: 1%;}
    #wrap2 li.botan_100 dl{background-size: 1.5%;}
    #wrap2 li.botan_100 dl dd.price_t li{margin: 2% 0 0 0;}
    #wrap2 li.botan_100 dd.price_t{margin: auto;width: fit-content;}
    
    #wrap2 div.block2{width: 46%;float: left;padding: 0 2% 0;}
    #wrap2 div.block2:nth-child(odd){clear:both;margin-right: 0%;}
    #wrap2 div.block2 li{width: 100%; margin-top: 2%; margin-left: 0 !important;}
    #wrap2 div.block2 dl dd.price_t li{margin: 2% 0 0 0;}
    #wrap2 div.block2 dl{background-size: 3%;}
    #wrap2 div.block2 dd.price_t{margin: auto;width: fit-content;}