@charset "UTF-8";
.img { width: 216px; height: 146px; overflow: hidden; display: block; position: relative; }

time { display: inline; }

.new { width: 100px; padding: 3px 10px; background: #000; color: #ff0; text-align: center; display: inline-block; position: absolute; top: 10px; left: -37px; text-transform: uppercase; transform: rotate(315deg); }

span.item__forFree { background-color: #000; color: #ff0; border-radius: 3px !important; }
span.item__forFree::before { content: "無料"; }

span.item__osusume { background-color: #000; color: #ff0; border-radius: 3px !important; }
span.item__osusume::before { content: "おすすめ"; }

span.item__new { background-color: #000; color: #ff0; border-radius: 3px !important; }
span.item__new::before { content: "NEW"; }

span.item__sale { background-color: #000; color: #ff0; border-radius: 3px !important; }
span.item__sale::before { content: "SALE"; }

span.item__otoku { background-color: #000; color: #ff0; border-radius: 30px !important; }
span.item__otoku::before { content: "お得"; }

span.item__fix { background-color: #000; color: #ff0; border-radius: 30px !important; }
span.item__fix::before { content: "完結"; }

span.item__special { background-color: #000; color: #ff0; border-radius: 30px !important; }
span.item__special::before { content: "限定特典"; font-weight: bolder;}

li.item__forFree { background-color: #000; color: #ff0; font-weight: bolder; }
li.item__forFree::before { content: "無料"; }

li.item__osusume { background-color: #000; color: #ff0; font-weight: bolder; }
li.item__osusume::before { content: "おすすめ"; }

li.item__new { background-color: #000; color: #ff0; font-weight: bolder; }
li.item__new::before { content: "NEW"; }

li.item__sale { background-color: #000; color: #ff0; font-weight: bolder; }
li.item__sale::before { content: "SALE"; }

li.item__otoku { background-color: #000; color: #ff0; font-weight: bolder; }
li.item__otoku::before { content: "お得"; }

li.item__fix { background-color: #000; color: #ff0; font-weight: bolder; }
li.item__fix::before { content: "完結"; }

li.item__special { background-color: #000; color: #ff0; border-radius: 3px !important; }
li.item__special::before { content: "限定特典"; margin: auto; font-weight: bolder;}

img { width: 100%; -webkit-backface-visibility: hidden; image-rendering: -webkit-optimize-contrast !important; }

body { background-color: #fafafa; font-size: 11.8px; font-size: 1.18rem; font-family: Meiryo, sans-serif; -webkit-text-size-adjust: 100%; box-sizing: border-box; overflow-x:hidden !important;}

img { width: 100%; border: 0; max-width: inherit; }

*, ::after, ::before { box-sizing: inherit; margin: 0;}

ul { padding: 0; }

dd { margin-bottom: 0; margin-left: 0; }

dl, ol, ul { margin-top: 0; margin-bottom: 0rem; }

.container { max-width: auto !important; min-width: auto !important; }

.d-none { display: none !important; }
.text-center  { text-align: center !important; }
.red { color: #F00; }

@media (min-width: 1200px) { .container { max-width: auto !important; min-width: auto !important; } }
@media (min-width: 992px) { .container { max-width: auto !important; min-width: auto !important; } }
@media (min-width: 768px) { .container { max-width: auto !important; min-width: auto !important; } }
@media (min-width: 576px) { .container { max-width: auto !important; min-width: auto !important; } }
@media (min-width: 1200px) { .container { max-width: auto !important; min-width: auto !important; } }
.u-marginAuto { margin: auto; }

.u-alignCenter { text-align: center; }

.flex { display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }

.horizontal li { display: inline-block; }

.horizontal.block-2 { flex: 2; justify-content: space-between; }
.horizontal.block-2 li { width: 50%; }

.bannerHideMark { width: 12px !important; height: 12px !important; color: #000; font-size: 0; display: block; position: absolute; right: 10px; }

.bannerHideMark::before, .bannerHideMark::after { content: ""; display: block; width: 100%; height: 2px; transform: rotate(45deg); transform-origin: 0% 50%; position: absolute; background: #fff; top: calc(14% - 5px); left: 14%; }

.bannerHideMark::after { transform: rotate(-45deg); transform-origin: 100% 50%; left: auto; right: 14%; }

.bannerHideMark.blc::before, .bannerHideMark.blc::after { background: #000; }