@charset "UTF-8";

/* ---- ベルト荷締機セール特設ページ用 ---- */

div.block-freepage-contents p {
margin-top: 0;
}

h2 + div {
margin-bottom: 40px !important;
}
h3 {
padding: 0.5em;
color: #010101;
background: #eaf3ff;
border-bottom: solid 3px #516ab6;
margin-bottom: 20px;
}
div.cpn-sale h4 {
display: inline-block;
position: relative;
padding: 0.3em 30px 0.3em 0.6em;
background: #fad8af;
margin-bottom: 20px;
border-left: solid 5px #ffaf58;
}
div.cpn-sale h4::after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #fad8af;
width: 0;
height: 0;
}
div.cpn-sale h5 {
color: #000;
padding: 2px 25px 2px 2px;
margin: 0 0 5px 0;
border-bottom: #dbdbdb 1px solid;
font-size: 1.0rem;
}
div.cpn-sale h5 + p {
margin: 0 0 15px 0;
font-size: 0.9rem;
}

div.lead span {
background-image: url("../../../img/usr/pm/belt_sale/img_marutoku.png");
background-position: left center;
background-repeat: no-repeat;
background-size: 22px auto;
padding-left: 24px;
color: #f00;
font-weight: bold;
margin-left: 5px;
}
div.page_nav {
margin: 15px auto;
padding: 0;
width: 98%;
}
div.page_nav ul {
margin: 0 auto;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
div.page_nav ul li {
margin: 0 2% 0 0;
padding: 0;
width: 30.5%;
}
div.page_nav ul li:nth-child(4n) {
margin: 0;
}
div.page_nav ul li a {
width: 100%;
display: block;
padding: 5px 8px;
background: #044994;
color: #fff;
border-left: #fff100 5px solid;
text-decoration: none;
}
div.page_nav ul li a:hover {
color: #fff100;
border-left: #e5004f 5px solid;
}
p.anchor_back {
text-align: right;
font-size: 90%;
}
p.anchor_back a {
color: #0000ff;
text-decoration: underline;
}

div.sale_item p.config {
display: none;
}
div.sale_item p.cowntdown {
position: absolute;
right: 0;
top: -60px;
color: #ff0000;
font-size: 140%;
font-weight: bold;
}

div.sale_item {
position: relative;
width: 98%;
margin: 20px auto 0 auto;
}
div.sale_item div.item_lead p {
font-size: 1.0rem;
}

div.sale_item p.config {
display: none;
}
div.sale_item p.cowntdown {
position: absolute;
right: 0;
top: -60px;
color: #ff0000;
font-size: 140%;
font-weight: bold;
}
div.sale_item p {
margin-top: 0;
font-size: 85%;
line-height: 1.4;
}
div.sale_item ul {
margin: 0 auto;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
div.sale_item ul li {
margin: 0 2% 25px 0;
padding: 0;
width: 23.5%;
}
div.sale_item ul li:nth-child(4n) {
margin: 0 0 25px 0;
}
div.sale_item .s_item_image {
width: 96%;
margin: 0 auto 10px auto;
padding: 0;
}
div.sale_item .s_item_image img {
width: 100%;
}
div.sale_item .s_item_name {
margin: 0 0 10px 0;
padding: 0;
height: 4em;
}
div.sale_item .item_price {
margin: 5px 0 10px 0;
padding: 0;
}
div.sale_item .item_price span.tax_prc {
font-size: 90%;
margin-left: 5px;
}
div.sale_item .sale_price {
color: #000;
margin: 0 0 20px 0;
padding: 0;
}
div.sale_item .sale_price span.prc {
color: #f00;
margin-right: 5px;
}
div.sale_item .sale_price span.ex_tax_prc {
font-size: 130%;
font-weight: bold;
}
div.sale_item .sale_price span.tax_prc {
font-size: 95%;
}
p.detail_link {
text-align: center;
}
p.detail_link a {
display: inline-block;
padding: 5px 20px;
background: #cc0000;
color: #fff;
border: #CC0000 1px solid;
border-radius: 6px;
text-align: center;
text-decoration: none;
}
p.detail_link a:hover {
background: #fff;
color: #cc0000;
}
div.sale_item table {
border: none;
margin: 10px 0;
line-height: 1.0;
font-size: 0.9rem;
}
div.sale_item table th {
border: none;
padding: 6px 10px;
font-weight: normal;
text-align: left;
white-space: nowrap;
}
div.sale_item table tr:last-child td {
text-align: left;
font-size: 90%;
}
div.sale_item table td {
border: none;
padding: 6px 10px;
text-align: right;
}
div.inner {
margin: 0 0 0 10px;
}
div.inner div.box {
margin: 0 0 45px 10px;
}
div.inner p {
margin: 0 0 10px 0;
}
div.inner div.box div.box {
margin: 0 0 25px 10px;
}
div.flex {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
div.flex .box {
width: 38%;
}
div.flex .box img {
width: 100%;
}
div.box ul {
margin: 15px 0 25px 15px;
}
div.box ul li {
list-style: disc;
margin: 0 0 10px 20px;
}
div.box ul li::first-line {
font-weight: bold;
color: #000;
}
div.box ol {
margin: 15px 0 25px 15px;
width: 60%;
}
div.box ol li {
list-style: decimal;
margin: 0 0 10px 20px;
}
div.box ol li::first-line {
font-weight: bold;
color: #000;
}

table.table_st01 {
margin: 15px 0;
}
table.table_st01 th {
text-align: left;
padding: 8px 5px;
white-space: nowrap;
}
table.table_st01 td {
text-align: left;
padding: 8px 5px;
vertical-align: top;
width: 25%;
}
table.table_st01 img.clip {
max-width: 100%;
}