@charset "UTF-8";

/* ---- 冬道・雪道の走行に必ずご用意を「タイヤチェーン」 ---- */

ul.list {
margin: 10px 0 0 5px;
padding: 0;
}
ul.list li {
background: url("../../../img/usr/pm/tire_chain/img_li.png") left 4px no-repeat;
margin: 0 0 5px 0;
padding: 0 0 0 20px;
font-size: 110%;
color: #000;
}
.box {
margin:0 0 20px 10px;
}
.lead_navi {
width:100%;
margin:0 0 20px 0;
padding:0;
}
.lead_navi ul   {
width:100%;
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;
margin: 0 0 10px 0;
padding: 0;
}
.lead_navi li {
display: inline-block;
margin:0 20px 0 0;
padding:0;
background: #002e84;
}
.lead_navi li a {
display: block;
color: #fff !important;
text-decoration: none !important;
margin:0;
padding:4px 5px;
}
.lead_navi li a:hover {
color: #fff100 !important;
opacity: 1.0 !important;
}

.sale_categories {
width:100%;
margin:0 0 20px 0;
padding:0;
}
.sale_categories ul   {
width:100%;
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;
}
.sale_categories li {
width:19.5%;
margin:0 0.5% 5px 0;
padding:0;
}
.sale_categories li p {
margin:0;
padding:0;
}
.sale_categories li img {
width: 100%;
}

.category_block {
margin: 0 0 60px 0;
}
.category_block .navi_back {
text-align:right;
margin:8px 0 0 0;
}
.category_block .navi_back a {
color:#CC0000 !important;
text-decoration:underline;
}
.category_block .navi_back a:hover {
color:#ff6c00;
text-decoration:none;
}

.type_block {
width: 90%;
margin: 20px 0 0 3%;
padding: 20px;
border: #002e84 2px solid;
border-radius: 10px;
background: #fff;
}
.type_block .notice {
clear: both;
font-size: 110%;
color: #000;
line-height: 130%;
}
.box_type {
position: relative;
margin: 8px 0 15px 5px;
padding: 0 0 40px 0;
}
.type_block h4.style1 {
margin:0 0 30px 0;
padding:4px 10px 4px 10px;
font-size:20px;
line-height:130%;
background:#009743;
color:#fff;
font-weight:bold;
text-align: center;
}
.type_block h4.style2 {
margin:0 0 30px 0;
padding:4px 10px 4px 10px;
font-size:20px;
line-height:130%;
background:#960046;
color:#fff;
font-weight:bold;
text-align: center;
}
.type_block h4.style3 {
margin:0 0 30px 0;
padding:4px 10px 4px 10px;
font-size:20px;
line-height:130%;
background:#002e73;
color:#fff;
font-weight:bold;
text-align: center;
}
.type_block p.sttl img {
max-width: 100%;
}
.feature {
width: 94%;
margin: 0 auto 20px auto;
padding: 0 0 10px 0;
border-bottom: #999 2px solid;
}
.feature .left {
float: left;
width: 48%;
margin: 0 0 15px 0;
}
.feature .right {
float: right;
width: 48%;
margin: 0 0 15px 0;
}
.type {
width: 94%;
margin: 0 auto 35px auto;
}
.box_type .item_img {
float: left;
padding: 0 20px 0 0;
margin: 20px 0 0 0;
width: 20%;
}
.box_type ul.list {
padding-top: 20px;
float: right;
margin: 0;
width: calc(80% - 20px);
}
.box_type .item_link  {
position: absolute;
right: 35px;
bottom: 0px;
}
.box_type .item_link a {
display: inline-block;
background: #ed7500;
text-align: right;
color: #fff !important;
text-decoration: none !important;
margin:0;
padding:4px 5px;
}
.box_type .item_link a:hover {
background: #ed4300;
opacity: 1.0 !important;
}
.msg {
margin: 10px 0 15px 5px;
}
ul.mov_list {
margin:6px 0 35px 10px;
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.mov_list li {
width: 32%;
margin: 0 1% 8px 0;
line-height: 140%;
font-size: 85%;
}
ul.mov_list li p {
font-size: 90%;
margin: 0;
}
.mov {
position: relative;
padding-top:56.25%;
width: 100%;
}
ul.mov_list li iframe {
position: absolute;
top:0;
left: 0;
width: 100% !important;
height: 100% !important;
}