@charset "UTF-8";

/* ---- パワーステーション（ジャンプスターター）ご購入の手引き ---- */

.lead {
margin:0 0 20px 0;
}
.lead img {
width: 100%;
}
.box {
margin:0 0 40px 10px;
}
ul.group_navi {
margin:0;
padding:0 0 15px 0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
ul.group_navi li {
width:19.5%;
margin:0 0.5% 0 0;
padding:0;
}
ul.group_navi li img {
width:100%;
}
ul.item_list li {
margin: 0 0 10px 0;
border-bottom: #666 1px dotted;
margin: 0 0 15px 0;
padding: 0 0 10px 0;
}
.car h3 {
margin: 0 0 10px 0;
background: #E00000 !important;
color: #fff;
font-size: 110%;
padding: 3px 5px;
line-height: 150%;
}
.truck h3 {
margin: 0 0 10px 0;
background: #00A0EA !important;
color: #fff;
font-size: 110%;
padding: 3px 5px;
line-height: 150%;
}
.both h3 {
margin: 0 0 10px 0;
background: #2BBE6D !important;
color: #fff;
font-size: 110%;
padding: 3px 5px;
line-height: 150%;
}
ul.ico {
margin:0 0 8px 0;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
ul.ico li {
display: inline-block;
margin:0 2px 2px 0;
padding:3px 5px;
color: #fff45c;
background: #00f;
border: #000067 1px solid;
border-radius: 15px;
font-size: 80%;
line-height: 150%;
}
div.item_wrap .item_image {
float: left;
width: 200px;
padding: 0 0 0 10px;
}
div.item_wrap .item_image img {
width: 100%;
}
div.item_wrap .item_content {
float: right;
padding: 0;
margin: 0;
width: calc(100% - 210px);
}
div.item_wrap .item_detail {
float: left;
width: calc(100% - 200px);
padding: 0;
margin: 0;
}
div.item_wrap .item_detail .item_name a {
font-weight: bold;
color: #0000ff !important;
margin: 0 0 8px 0;
text-decoration: underline !important;
}
div.item_wrap .item_detail .item_name a:hover {
color: #ff9f00 !important;
text-decoration: none !important;
}
div.item_wrap dl.feature {
margin: 10px 0 0 0 ;
width: 96%;
line-height: 150%;
font-size: 95%
}
div.item_wrap dl.feature dt {
float: left;
width: 80px;
background: #c30514;
color: #fff;
margin: 0;
text-align: center;
}
div.item_wrap dl.feature dd {
margin: 0 0 5px 0;
padding: 0 0 0 85px;
border-bottom: #666 1px dotted;
}
div.item_wrap dl.feature dd p.recomen {
display: inline-block;
background: #114ebe;
border: #002364 1px solid;
color: #fff100;
margin: 8px 0 5px 0;
padding: 3px 8px;
}
div.item_wrap dl.feature dd li {
background: url("../../../img/usr/pm/power_station/img_li02.png")  left center no-repeat;
border: none;
margin: 0 0 5px 0;
padding: 5px 0 0 30px;
color: #000;
}
div.item_wrap .item_purchase {
float: right;
width: 190px;
padding: 0 10px 0 0;
}
div.item_wrap .item_purchase .item_link {
margin: 0 0 25px 10px;
}
div.item_wrap .item_purchase .item_link a {
display: block;
background: linear-gradient(180deg, #ffcc00, #fff100);/*上, 下*/
text-align: center;
color: #000 !important;
font-weight: bold;
text-decoration: none !important;
margin:20px 8px 0 0;
padding:6px 5px;
border: #fff 5px solid;
border-radius: 8px;
box-shadow: 0 0 5px #999;
}
div.item_wrap .item_purchase .item_link a:hover {
background: linear-gradient(0deg, #ff9600, #ffba00);/*上, 下*/
}
div.item_wrap .item_purchase dl.sku {
margin: 0 0 8px 10px;
border: #dcdcdc 1px solid;
border-bottom: none;
font-size: 95%;
}
div.item_wrap .item_purchase dl.sku dt {
float: left;
width: 40px;
margin: 0;
padding: 2px 0 2px 2px;
background: #eee;
}
div.item_wrap .item_purchase dl.sku dd {
margin: 0;
padding: 2px 0 2px 45px;
border-bottom: #dcdcdc 1px solid;
}