/*-- 人気商品バナー --*/
.box_popular li {
margin-left: 5px;
float: left;
position: relative;
}
.box_popular li span {
position: absolute;
top: 110px;
left: 11px;
font-size: 12px;
color: #222222;
}
.box_popular li a:hover span {
opacity: 1;
color: #777777;
z-index: 10;
}
/*-- 特徴 --*/
.box_feature {
display: block;
border: solid 1px #CCCCCC;
padding: 3px;
background: #ffffff;
width: 350px;
float: left;
}
.box_feature_title {
display: block;
background: #002366;
color: #FFFFFF;
padding: 8px;
text-align: center;
font-weight: bold;
}
/*-- シリーズ --*/
.box_series {
border: solid 6px #e7e7e7;
padding: 3px;
position: relative;
}
.box_series_title {
color: #ffffff;
background: #0092D2;
padding: 12px;
text-align: center;
font-weight: bold;
font-size: 20px;
}
/*-- 交換までの流れ --*/
#koukan_s_box {
width: 753px;
background-image: url(/kitchen/built_in/img/common/bg_koukan_box_bottom.png);
background-repeat: repeat-y;
border-right: solid 1px #bfbdbe;
border-bottom: solid 1px #bfbdbe;
border-left: solid 1px #bfbdbe;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 20px;
padding-left: 0;
}
#koukan_box #koukan_s_box ul {
width: 725px;
margin: 0px;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
font-size: 12px;
list-style-type: none;
overflow: hidden;
}
#koukan_box #koukan_s_box ul li {
width: 160px;
float: left;
margin: 0px;
padding-top: 0px;
}
@media screen and (max-width:640px){
.box_popular li span{
display:none;
}
.box_series p {
padding: 0 !important;
}
.box_series_title {
font-size: 115%;
}
.box_popular{
width: 100%;
}
.box_popular li{
width: 31%;
}
.box-bg1 span:first-child{
margin-top:0;
}
.box_feature{
width: 98%;
margin-top:0.8em;
}
}