@charset "UTF-8";
body { margin: 0 auto; max-width: 1320px; }

/* セール */
.cartbox { box-sizing: content-box; display: inline-block; *display: inline; margin: 2px; padding: 3px; width: 280px; min-height: 310px; background: #eff4f8; border: 1px dotted #ffb062; text-align: left; vertical-align: top; *zoom: 1; }
.cartbox h3 { color: brown; font-size: 13.2px; font-weight: bold; margin: 5px; }
.cartbox h3 img { vertical-align: middle; }
.cartbox h3 span { display: inline-block; width: 200px; vertical-align: middle; }
.cartbox input[type="image"] { margin-left: 10px; vertical-align: bottom; }
.cartbox select { font-size: 1.4em; }
.cartbox p { margin: 0.5em 0; padding: 0; }
.cartbox .item-select { position: relative; margin-bottom: 0.5em; padding: 0.5em; border: 1px dotted #6495ed; font-family: Arial, sans-serif; }
.cartbox .item-select input { position: absolute; left: 1em; margin-top: 1.5em; }
.cartbox .item-select input:checked + label { background: #FFE4B5; }
.cartbox .item-select label { box-sizing: border-box; display: inline-block; font-size: 12px; font-weight: normal; line-height: 150%; margin: 0; padding-left: 3em; width: 100%; }
.cartbox .item-select label .name { font-size: 1.1em; font-weight: bold; }
.cartbox .item-select label .price-line { padding: 18px 0 3px; }
.cartbox .item-select label .price-line * { vertical-align: middle; }
.cartbox .item-select label .price-line del { display: inline-block; font-size: 18px; position: relative; }
.cartbox .item-select label .price-line del:before { content: "お電話価格"; font-size: 11px; font-weight: normal; position: absolute; top: -18px; white-space: nowrap; }
.cartbox .item-select label .price-line span.price { display: inline-block; font-size: 20px; position: relative; }
.cartbox .item-select label .price-line span.price:before { font-size: 11px; font-weight: normal; position: absolute; top: -18px; white-space: nowrap; }
.cartbox .item-select span.price { font-size: 140%; }
.cartbox .item-select-for-mm .price-line span.price:before { content: "メルマガ特価"; }
.cartbox .item-select-for-pr .price-line span.price:before { content: "プレミアム特価"; }

.notice { color: red; font-weight: bold; text-decoration: underline; }

.cid_page_count { padding: 0 0.5em; }
.cid_page_count li { display: inline-block; }
.cid_page_count li .cid-btn { background: lightgray; border: 1px solid gray; color: black; display: block; font-size: 14px; margin-bottom: 5px; margin-right: -1px; padding: 3px 5px; text-decoration: none; vertical-align: middle; }
.cid_page_count li .cid-btn:hover { color: orangered; opacity: 0.8; }
.cid_page_count li .cid-btn .cid-num { background: white; border-radius: 8px; display: inline-block; font-size: 10px; margin-left: 2px; text-align: center; line-height: 16px; width: 16px; vertical-align: 1px; }
.cid_page_count li .selected { background: sandybrown; border: 1px solid brown; }
.cid_page_count li .selected:hover { color: black; opacity: 1; }

#sale-wrap h2 { background: red; color: white; display: inline-block; font-weight: bold; margin: 0 0 10px; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#sale-wrap #sale-category-select ul { background: whitesmoke; border: 2px solid lightgray; list-style-type: none; margin-top: 40px; padding: 0; }
#sale-wrap #sale-category-select ul li { border-right: 2px solid lightgray; display: inline-block; }
#sale-wrap #sale-category-select ul li:last-chid { border-left: none; }
#sale-wrap #sale-category-select ul li.active { background: dimgray; }
#sale-wrap #sale-category-select ul li.active a { color: white; }
#sale-wrap #sale-category-select ul li.active a:hover { background: dimgray; }
#sale-wrap #sale-category-select ul li a { color: dimgray; display: block; padding: 8px 10px; text-decoration: none; }
#sale-wrap #sale-category-select ul li a:hover { background: lightgray; }
#sale-wrap .item-scroll-list .box .round-box h3.header { font-family: Arial Black, Arial Bold, Gadget, sans-serif !important; font-size: 26px; color: red; background: none; width: 100%; margin-top: 80%; line-height: 1em; padding: 0; -webkit-text-stroke: 1px white; text-stroke: 1px white; }

#waribikipop { background-color: #ebffc8; border: 1px #019901 solid; max-width: 400px; text-align: left; z-index: 5; -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5), inset 0px -1px 0px rgba(255, 255, 255, 0.7); }