@charset "shift_jis";
/* CSS Document */
/* ■■■■■ 基本部分 ■■■■■ */


#denkikettle_matrix ul,li {list-style:none;}
#denkikettle_matrix a{ text-decoration:none;}
#denkikettle_matrix { width:750px; margin:0 auto;}
#denkikettle_matrix ul li {width: 100%; /*text-align:center;*/ text-align: right;}
#denkikettle_matrix ul li.cl1 {width: 250px; height: 99px;}
#denkikettle_matrix ul li.cl2,
#denkikettle_matrix ul li.cl3 {width: 250px; }
#denkikettle_matrix ul li.cl5 {width: 50%; float:left; text-align:left;}

#denkikettle_matrix .cl4 img {
	margin-top: 5px; 
	width: 750px;
}

#denkikettle_matrix .cl4 {
	clear: left;
}

#denkikettle_matrix .cl1:hover img,
#denkikettle_matrix .cl2:hover img,
#denkikettle_matrix .cl3:hover img,
#denkikettle_matrix .cl4:hover img,
#denkikettle_matrix .cl5:hover img{
	border:0; 
	opacity: 0.8;
}

.kettle1,
.kettle2,
.kettle3
{
	float: left;
}


/*価格プログラム*/

#denkikettle_matrix a { position:relative; display:block;}

#denkikettle_matrix a div.price,
#denkikettle_matrix .pr5{ 
	position:absolute; bottom:16px; right:52px;
}

#denkikettle_matrix .pr4 {
	position:absolute; 
	bottom:20px; 
	right:54px;
}

#denkikettle_matrix .pr3 {
	position:absolute; 
	bottom:10px; 
	right:55px;
}

#denkikettle_matrix .pr2 {
	position:absolute; 
	bottom:10px; 
	right:33px;
}

#denkikettle_matrix .pr2 li{
	font-size: 17px;
}

#denkikettle_matrix .pr4 li{
	font-size: 28px;
}

#denkikettle_matrix .pr5 li{
	font-size: 32px;
}


#denkikettle_matrix .price{
	float: none;
	line-height: 100%;
	width: auto;
	padding: 0;
	border: none;
	text-align:right;
	font-weight: bold;
	color: #fff;
}

#denkikettle_matrix  ul li .buy_price .spesicalprice {
	display:none;
}

#denkikettle_matrix .buy_price li{
	/*display: inline;*/
 }


/*税抜き表示*/
#denkikettle_matrix li .intax{
	display:none;
}


#denkikettle_matrix:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
}

/*24.1.17追加*/
#denkikettle_matrix .price_btn{
	display:flex;
}

#denkikettle_matrix .price_btn a {
	border-radius: 5px;
    background: #6b2617;
    color: #fff;
    position: relative;
    padding: 8px 0;
    margin: 0 1px;
    text-align: center;
}
#denkikettle_matrix .price_btn a::after{
	font-family: 'Material Icons';
    font-size: 1.3em;
    position: absolute;
    content: "expand_more";
    transform: rotate(270deg);
    bottom:22%;
    right:2%;
    color: #fff;
    transition: all 0.3s;
}
#denkikettle_matrix .price_btn a:hover::after{
    right:0%;
}


.buy_price>ul .price.sale, .buy_price>ul .price.sale+.intax, .buy_price>ul .price.set, .buy_price>ul .price[data-price-type="セット割引"], .buy_price>ul .price[data-price-type="セット割引"]+.intax, .buy_price>ul .price[data-price-type="セール価格"], .buy_price>ul .price[data-price-type="セール価格"]+.intax {
    color: #fff !important;
}